@patternfly/react-table 4.40.0 → 4.41.0

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 (3) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/umd/react-table.min.css +786 -786
  3. package/package.json +6 -6
package/dist/umd/react-table.min.css CHANGED
@@ -13867,17 +13867,7 @@ ul.pf-c-list {
13867
13867
  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
13868
13868
  }
13869
13869
 
13870
- .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light {
13871
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
13872
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
13873
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
13874
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
13875
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
13876
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
13877
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
13878
- }
13879
-
13880
- .pf-c-masthead {
13870
+ .pf-c-login__footer, .pf-c-login__header {
13881
13871
  --pf-global--Color--100: var(--pf-global--Color--light-100);
13882
13872
  --pf-global--Color--200: var(--pf-global--Color--light-200);
13883
13873
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -13887,11 +13877,11 @@ ul.pf-c-list {
13887
13877
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
13888
13878
  }
13889
13879
 
13890
- .pf-c-masthead .pf-c-card {
13880
+ .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card {
13891
13881
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
13892
13882
  }
13893
13883
 
13894
- .pf-c-masthead .pf-c-button {
13884
+ .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button {
13895
13885
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
13896
13886
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
13897
13887
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -13910,438 +13900,434 @@ ul.pf-c-list {
13910
13900
  --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
13911
13901
  }
13912
13902
 
13913
- .pf-c-masthead {
13914
- --pf-c-masthead--PaddingLeft: var(--pf-c-masthead--inset);
13915
- --pf-c-masthead--PaddingRight: var(--pf-c-masthead--inset);
13916
- --pf-c-masthead--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
13917
- --pf-c-masthead--inset: var(--pf-global--spacer--md);
13918
- --pf-c-masthead--xl--inset: var(--pf-global--spacer--lg);
13919
- --pf-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
13920
- --pf-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
13921
- --pf-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
13922
- --pf-c-masthead--m-display-stack__main--Order: -1;
13923
- --pf-c-masthead--m-display-stack__main--FlexBasis: 100%;
13924
- --pf-c-masthead--m-display-stack__main--PaddingTop: var(--pf-global--spacer--sm);
13925
- --pf-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-global--spacer--sm);
13926
- --pf-c-masthead--m-display-stack__main--MarginRight: 0;
13927
- --pf-c-masthead--m-display-stack__main--before--BorderBottom: var(--pf-c-masthead__main--before--BorderBottomWidth) solid var(--pf-c-masthead__main--before--BorderBottomColor);
13928
- --pf-c-masthead--m-display-stack__toggle--GridColumn: 1;
13929
- --pf-c-masthead--m-display-stack__content--GridColumn: 2;
13930
- --pf-c-masthead--m-display-stack__content--MinHeight: 4.375rem;
13931
- --pf-c-masthead--m-display-stack__content--Order: 1;
13932
- --pf-c-masthead--m-display-stack__content--PaddingTop: 0;
13933
- --pf-c-masthead--m-display-stack__content--PaddingBottom: 0;
13934
- --pf-c-masthead--m-display-stack__content--MarginLeft: 0;
13935
- --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-c-masthead--inset) * -1);
13936
- --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead--inset) * -1);
13937
- --pf-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
13938
- --pf-c-masthead--m-display-inline__main--GridColumn: 2;
13939
- --pf-c-masthead--m-display-inline__main--MinHeight: 4.375rem;
13940
- --pf-c-masthead--m-display-inline__main--Order: 0;
13941
- --pf-c-masthead--m-display-inline__main--FlexBasis: auto;
13942
- --pf-c-masthead--m-display-inline__main--PaddingTop: 0;
13943
- --pf-c-masthead--m-display-inline__main--PaddingBottom: 0;
13944
- --pf-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-global--spacer--lg) / 2);
13945
- --pf-c-masthead--m-display-inline__main--BorderBottom: 0;
13946
- --pf-c-masthead--m-display-inline__toggle--GridColumn: 1;
13947
- --pf-c-masthead--m-display-inline__content--GridColumn: 3;
13948
- --pf-c-masthead--m-display-inline__content--MinHeight: 4.375rem;
13949
- --pf-c-masthead--m-display-inline__content--Order: 0;
13950
- --pf-c-masthead--m-display-inline__content--PaddingTop: 0;
13951
- --pf-c-masthead--m-display-inline__content--PaddingBottom: 0;
13952
- --pf-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-global--spacer--lg) / 2);
13953
- --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
13954
- --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
13955
- --pf-c-masthead__main--before--Right: calc(var(--pf-c-masthead--inset) * -1);
13956
- --pf-c-masthead__main--before--Left: calc(var(--pf-c-masthead--inset) * -1);
13957
- --pf-c-masthead__main--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
13958
- --pf-c-masthead__main--before--BorderBottomColor: var(--pf-global--palette--black-600);
13959
- --pf-c-masthead__toggle--MarginRight: var(--pf-global--spacer--sm);
13960
- --pf-c-masthead__toggle--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
13961
- --pf-c-masthead__toggle--c-button--FontSize: var(--pf-global--FontSize--2xl);
13962
- --pf-c-masthead--m-light--BackgroundColor: var(--pf-global--BackgroundColor--100);
13963
- --pf-c-masthead--m-light__main--BorderBottomColor: var(--pf-global--BorderColor--300);
13964
- --pf-c-masthead--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
13965
- --pf-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-global--BorderColor--100);
13966
- --pf-c-masthead--c-toolbar__item--Display: flex;
13967
- --pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
13968
- --pf-c-masthead--c-context-selector--Width: auto;
13969
- --pf-c-masthead--c-context-selector__toggle--BorderTopColor: transparent;
13970
- --pf-c-masthead--c-context-selector__toggle--BorderRightColor: transparent;
13971
- --pf-c-masthead--c-context-selector__toggle--BorderBottomColor: transparent;
13972
- --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: transparent;
13973
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
13974
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
13975
- --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: transparent;
13976
- --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: transparent;
13977
- --pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor: transparent;
13978
- --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: transparent;
13979
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
13980
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
13981
- --pf-c-masthead--c-menu-toggle--before--BorderTopColor: transparent;
13982
- --pf-c-masthead--c-menu-toggle--before--BorderRightColor: transparent;
13983
- --pf-c-masthead--c-menu-toggle--before--BorderBottomColor: transparent;
13984
- --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
13985
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
13986
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
13987
- --pf-c-masthead--c-toolbar__content--PaddingRight: 0;
13988
- --pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
13989
- --pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
13990
- --pf-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--inset);
13991
- --pf-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
13992
- --pf-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--inset);
13993
- --pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
13994
- --pf-c-masthead--c-toolbar__expandable-content--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
13995
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
13996
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
13997
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
13998
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
13999
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14000
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14001
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14002
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14003
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14004
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14005
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14006
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14007
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14008
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14009
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14010
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14011
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14012
- color: var(--pf-global--Color--100);
14013
- position: relative;
14014
- display: grid;
14015
- grid-template-columns: var(--pf-c-masthead--GridTemplateColumns);
14016
- align-items: center;
14017
- min-width: 0;
14018
- padding-right: var(--pf-c-masthead--PaddingRight);
14019
- padding-left: var(--pf-c-masthead--PaddingLeft);
14020
- background-color: var(--pf-c-masthead--BackgroundColor);
13903
+ .pf-c-login {
13904
+ --pf-c-login--PaddingTop: var(--pf-global--spacer--lg);
13905
+ --pf-c-login--PaddingBottom: var(--pf-global--spacer--lg);
13906
+ --pf-c-login--xl--BackgroundImage: none;
13907
+ --pf-c-login__container--xl--GridColumnGap: var(--pf-global--spacer--3xl);
13908
+ --pf-c-login__container--MaxWidth: 31.25rem;
13909
+ --pf-c-login__container--xl--MaxWidth: none;
13910
+ --pf-c-login__container--PaddingLeft: 6.125rem;
13911
+ --pf-c-login__container--PaddingRight: 6.125rem;
13912
+ --pf-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
13913
+ --pf-c-login__header--MarginBottom: var(--pf-global--spacer--md);
13914
+ --pf-c-login__header--PaddingLeft: var(--pf-global--spacer--md);
13915
+ --pf-c-login__header--PaddingRight: var(--pf-global--spacer--md);
13916
+ --pf-c-login__header--xl--MarginBottom: var(--pf-global--spacer--2xl);
13917
+ --pf-c-login__header--xl--MarginTop: var(--pf-global--spacer--3xl);
13918
+ --pf-c-login__header--c-brand--MarginBottom: var(--pf-global--spacer--lg);
13919
+ --pf-c-login__header--c-brand--xl--MarginBottom: var(--pf-global--spacer--2xl);
13920
+ --pf-c-login__main--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
13921
+ --pf-c-login__main--MarginBottom: var(--pf-global--spacer--lg);
13922
+ --pf-c-login__main-header--PaddingTop: var(--pf-global--spacer--2xl);
13923
+ --pf-c-login__main-header--PaddingRight: var(--pf-global--spacer--xl);
13924
+ --pf-c-login__main-header--PaddingBottom: var(--pf-global--spacer--md);
13925
+ --pf-c-login__main-header--PaddingLeft: var(--pf-global--spacer--xl);
13926
+ --pf-c-login__main-header--md--PaddingRight: var(--pf-global--spacer--2xl);
13927
+ --pf-c-login__main-header--md--PaddingLeft: var(--pf-global--spacer--2xl);
13928
+ --pf-c-login__main-header--ColumnGap: var(--pf-global--spacer--md);
13929
+ --pf-c-login__main-header--RowGap: var(--pf-global--spacer--md);
13930
+ --pf-c-login__main-header-desc--MarginBottom: var(--pf-global--spacer--sm);
13931
+ --pf-c-login__main-header-desc--md--MarginBottom: 0;
13932
+ --pf-c-login__main-header-desc--FontSize: var(--pf-global--FontSize--sm);
13933
+ --pf-c-login__main-body--PaddingRight: var(--pf-global--spacer--xl);
13934
+ --pf-c-login__main-body--PaddingBottom: var(--pf-global--spacer--xl);
13935
+ --pf-c-login__main-body--PaddingLeft: var(--pf-global--spacer--xl);
13936
+ --pf-c-login__main-body--md--PaddingRight: var(--pf-global--spacer--2xl);
13937
+ --pf-c-login__main-body--md--PaddingLeft: var(--pf-global--spacer--2xl);
13938
+ --pf-c-login__main-footer--PaddingBottom: var(--pf-global--spacer--3xl);
13939
+ --pf-c-login__main-footer--c-title--MarginBottom: var(--pf-global--spacer--md);
13940
+ --pf-c-login__main-footer-links--PaddingTop: var(--pf-global--spacer--sm);
13941
+ --pf-c-login__main-footer-links--PaddingRight: var(--pf-global--spacer--3xl);
13942
+ --pf-c-login__main-footer-links--PaddingBottom: var(--pf-global--spacer--xl);
13943
+ --pf-c-login__main-footer-links--PaddingLeft: var(--pf-global--spacer--3xl);
13944
+ --pf-c-login__main-footer-links-item--PaddingRight: var(--pf-global--spacer--md);
13945
+ --pf-c-login__main-footer-links-item--PaddingLeft: var(--pf-global--spacer--md);
13946
+ --pf-c-login__main-footer-links-item--MarginBottom: var(--pf-global--spacer--sm);
13947
+ --pf-c-login__main-footer-links-item-link-svg--Fill: var(--pf-global--icon--Color--light);
13948
+ --pf-c-login__main-footer-links-item-link-svg--Width: var(--pf-global--icon--FontSize--lg);
13949
+ --pf-c-login__main-footer-links-item-link-svg--Height: var(--pf-global--icon--FontSize--lg);
13950
+ --pf-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-global--icon--Color--dark);
13951
+ --pf-c-login__main-footer-band--PaddingTop: var(--pf-global--spacer--lg);
13952
+ --pf-c-login__main-footer-band--PaddingRight: var(--pf-global--spacer--md);
13953
+ --pf-c-login__main-footer-band--PaddingBottom: var(--pf-global--spacer--lg);
13954
+ --pf-c-login__main-footer-band--PaddingLeft: var(--pf-global--spacer--md);
13955
+ --pf-c-login__main-footer-band--BackgroundColor: var(--pf-global--BackgroundColor--200);
13956
+ --pf-c-login__main-footer-band-item--PaddingTop: var(--pf-global--spacer--md);
13957
+ --pf-c-login__footer--PaddingLeft: var(--pf-global--spacer--md);
13958
+ --pf-c-login__footer--PaddingRight: var(--pf-global--spacer--md);
13959
+ --pf-c-login__footer--c-list--PaddingTop: var(--pf-global--spacer--md);
13960
+ --pf-c-login__footer--c-list--xl--PaddingTop: var(--pf-global--spacer--2xl);
13961
+ display: flex;
13962
+ justify-content: center;
13963
+ min-height: 100vh;
13964
+ padding-top: var(--pf-c-login--PaddingTop);
13965
+ padding-bottom: var(--pf-c-login--PaddingBottom);
14021
13966
  }
14022
13967
 
14023
- @media screen and (min-width: 1200px) {
14024
- .pf-c-masthead {
14025
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
13968
+ @media (min-width: 1200px) {
13969
+ .pf-c-login {
13970
+ --pf-c-login__container--MaxWidth: var(--pf-c-login__container--xl--MaxWidth);
14026
13971
  }
14027
13972
  }
14028
- @media screen and (min-width: 768px) {
14029
- .pf-c-masthead {
14030
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14031
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14032
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14033
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14034
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14035
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14036
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14037
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14038
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14039
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14040
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14041
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14042
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14043
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14044
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14045
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14046
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
13973
+ @media (min-width: 576px) {
13974
+ .pf-c-login {
13975
+ --pf-c-login__header--PaddingRight: 0;
13976
+ --pf-c-login__header--PaddingLeft: 0;
14047
13977
  }
14048
13978
  }
14049
- .pf-c-masthead.pf-m-light {
14050
- color: var(--pf-global--Color--100);
14051
- --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
14052
- --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light__main--BorderBottomColor);
14053
- }
14054
-
14055
- .pf-c-masthead.pf-m-light-200 {
14056
- color: var(--pf-global--Color--100);
14057
- --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light-200--BackgroundColor);
14058
- --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light-200__main--BorderBottomColor);
13979
+ @media (min-width: 1200px) {
13980
+ .pf-c-login {
13981
+ --pf-c-login__header--MarginBottom: var(--pf-c-login__header--xl--MarginBottom);
13982
+ --pf-c-login__header--c-brand--MarginBottom: var(--pf-c-login__header--c-brand--xl--MarginBottom);
13983
+ }
14059
13984
  }
14060
-
14061
- .pf-c-masthead .pf-c-toolbar {
14062
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-masthead--c-toolbar__content--PaddingRight);
14063
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-masthead--c-toolbar__content--PaddingLeft);
14064
- --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingTop);
14065
- --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingRight);
14066
- --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingBottom);
14067
- --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingLeft);
14068
- width: 100%;
13985
+ @media (min-width: 1200px) {
13986
+ .pf-c-login {
13987
+ --pf-c-login__main--MarginBottom: 0;
13988
+ }
14069
13989
  }
14070
-
14071
- .pf-c-masthead .pf-c-toolbar__content-section {
14072
- flex-wrap: nowrap;
13990
+ @media (min-width: 768px) {
13991
+ .pf-c-login {
13992
+ --pf-c-login__main-header--PaddingRight: var(--pf-c-login__main-header--md--PaddingRight);
13993
+ --pf-c-login__main-header--PaddingLeft: var(--pf-c-login__main-header--md--PaddingLeft);
13994
+ --pf-c-login__main-header-desc--MarginBottom: var(--pf-c-login__main-header-desc--md--MarginBottom);
13995
+ }
14073
13996
  }
14074
-
14075
- .pf-c-masthead .pf-c-toolbar__expandable-content {
14076
- border-top: var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth) solid var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopColor);
13997
+ @media (min-width: 768px) {
13998
+ .pf-c-login {
13999
+ --pf-c-login__main-body--PaddingRight: var(--pf-c-login__main-body--md--PaddingRight);
14000
+ --pf-c-login__main-body--PaddingLeft: var(--pf-c-login__main-body--md--PaddingLeft);
14001
+ }
14077
14002
  }
14078
-
14079
- .pf-c-masthead .pf-c-menu-toggle {
14080
- --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
14081
- --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
14082
- --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor);
14083
- --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor);
14003
+ @media (min-width: 576px) {
14004
+ .pf-c-login {
14005
+ --pf-c-login__footer--PaddingRight: 0;
14006
+ --pf-c-login__footer--PaddingLeft: 0;
14007
+ }
14084
14008
  }
14085
-
14086
- .pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
14087
- --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor);
14088
- --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor);
14009
+ @media (min-width: 1200px) {
14010
+ .pf-c-login {
14011
+ --pf-c-login__footer--c-list--PaddingTop: var(--pf-c-login__footer--c-list--xl--PaddingTop);
14012
+ }
14089
14013
  }
14090
-
14091
- .pf-c-masthead .pf-c-context-selector {
14092
- --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
14093
- --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
14094
- --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
14095
- --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
14096
- --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
14014
+ @media (min-width: 1200px) {
14015
+ .pf-c-login {
14016
+ background-image: var(--pf-c-login--xl--BackgroundImage);
14017
+ }
14097
14018
  }
14098
-
14099
- .pf-c-masthead .pf-c-context-selector.pf-m-full-height {
14100
- --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor);
14101
- --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor);
14019
+ @media (min-width: 576px) {
14020
+ .pf-c-login {
14021
+ align-items: center;
14022
+ }
14023
+ }
14024
+ .pf-c-login__container {
14025
+ width: 100%;
14026
+ max-width: var(--pf-c-login__container--MaxWidth);
14102
14027
  }
14103
14028
 
14104
- .pf-c-masthead .pf-c-dropdown {
14105
- --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
14106
- --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
14107
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor);
14108
- --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
14029
+ @media (min-width: 1200px) {
14030
+ .pf-c-login__container {
14031
+ display: grid;
14032
+ justify-content: center;
14033
+ grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
14034
+ grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
14035
+ grid-template-areas: "main header" "main footer" "main .";
14036
+ padding-right: var(--pf-c-login__container--PaddingRight);
14037
+ padding-left: var(--pf-c-login__container--PaddingLeft);
14038
+ }
14039
+ }
14040
+ .pf-c-login__header {
14041
+ color: var(--pf-global--Color--100);
14042
+ grid-area: header;
14043
+ padding-right: var(--pf-c-login__header--PaddingRight);
14044
+ padding-left: var(--pf-c-login__header--PaddingLeft);
14109
14045
  }
14110
14046
 
14111
- .pf-c-masthead .pf-c-dropdown.pf-m-full-height {
14112
- --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
14113
- --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
14047
+ @media (min-width: 1200px) {
14048
+ .pf-c-login__header {
14049
+ margin-top: var(--pf-c-login__header--xl--MarginTop);
14050
+ }
14051
+ }
14052
+ .pf-c-login__header .pf-c-brand {
14053
+ margin-bottom: var(--pf-c-login__header--c-brand--MarginBottom);
14114
14054
  }
14115
14055
 
14116
- .pf-c-masthead__main {
14117
- position: relative;
14118
- display: flex;
14119
- flex-basis: var(--pf-c-masthead__main--FlexBasis);
14120
- align-items: center;
14121
- align-self: stretch;
14122
- order: var(--pf-c-masthead__main--Order);
14123
- min-height: var(--pf-c-masthead__main--MinHeight);
14124
- padding-top: var(--pf-c-masthead__main--PaddingTop);
14125
- padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
14126
- margin-right: var(--pf-c-masthead__main--MarginRight);
14127
- grid-column: var(--pf-c-masthead__main--GridColumn);
14056
+ .pf-c-login__main {
14057
+ margin-bottom: var(--pf-c-login__main--MarginBottom);
14058
+ background-color: var(--pf-c-login__main--BackgroundColor);
14059
+ grid-area: main;
14128
14060
  }
14129
14061
 
14130
- .pf-c-masthead__main::before {
14131
- position: absolute;
14132
- right: var(--pf-c-masthead__main--before--Right);
14133
- bottom: 0;
14134
- left: var(--pf-c-masthead__main--before--Left);
14135
- content: "";
14136
- border-bottom: var(--pf-c-masthead__main--before--BorderBottom);
14062
+ .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
14063
+ padding-top: var(--pf-c-login__main-header--PaddingTop);
14137
14064
  }
14138
14065
 
14139
- .pf-c-masthead__main:last-child {
14140
- --pf-c-masthead__main--MarginRight: 0;
14066
+ .pf-c-login__main > :last-child:not(.pf-c-login__main-footer) {
14067
+ padding-bottom: var(--pf-c-login__main-footer--PaddingBottom);
14141
14068
  }
14142
14069
 
14143
- .pf-c-masthead__content {
14144
- display: flex;
14145
- flex-grow: 1;
14070
+ .pf-c-login__main-header {
14071
+ display: grid;
14072
+ grid-template-columns: 100%;
14073
+ column-gap: var(--pf-c-login__main-header--ColumnGap);
14074
+ row-gap: var(--pf-c-login__main-header--RowGap);
14146
14075
  align-items: center;
14147
- align-self: stretch;
14148
- order: var(--pf-c-masthead__content--Order);
14149
- min-height: var(--pf-c-masthead__content--MinHeight);
14150
- padding-top: var(--pf-c-masthead__content--PaddingTop);
14151
- padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
14152
- margin-left: var(--pf-c-masthead__content--MarginLeft);
14153
- grid-column: var(--pf-c-masthead__content--GridColumn);
14154
- grid-column-end: -1;
14155
- flex-shrink: 1;
14076
+ padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
14156
14077
  }
14157
14078
 
14158
- .pf-c-masthead__content:only-child {
14159
- --pf-c-masthead__content--MarginLeft: 0;
14079
+ @media (min-width: 768px) {
14080
+ .pf-c-login__main-header {
14081
+ grid-template-columns: 1fr auto;
14082
+ }
14083
+ }
14084
+ .pf-c-login__main-header .pf-c-dropdown {
14085
+ grid-column: auto;
14086
+ grid-row: auto;
14160
14087
  }
14161
14088
 
14162
- .pf-c-masthead__content .pf-c-nav.pf-m-horizontal {
14163
- margin-right: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginRight);
14164
- margin-left: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft);
14089
+ @media (min-width: 768px) {
14090
+ .pf-c-login__main-header .pf-c-dropdown {
14091
+ grid-column: 2/3;
14092
+ grid-row: 1;
14093
+ }
14094
+ }
14095
+ .pf-c-login__main-header-desc {
14096
+ margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
14097
+ font-size: var(--pf-c-login__main-header-desc--FontSize);
14098
+ grid-column: 1/-1;
14165
14099
  }
14166
14100
 
14167
- .pf-c-masthead__toggle ~ .pf-c-masthead__content {
14168
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead__content--MarginLeft) * -1);
14101
+ .pf-c-login__main-body {
14102
+ padding-right: var(--pf-c-login__main-body--PaddingRight);
14103
+ padding-bottom: var(--pf-c-login__main-body--PaddingBottom);
14104
+ padding-left: var(--pf-c-login__main-body--PaddingLeft);
14169
14105
  }
14170
14106
 
14171
- .pf-c-masthead__main,
14172
- .pf-c-masthead__brand,
14173
- .pf-c-masthead__content {
14174
- min-width: 0;
14107
+ .pf-c-login__main-footer {
14108
+ display: flex;
14109
+ flex-wrap: wrap;
14175
14110
  }
14176
14111
 
14177
- .pf-c-masthead__brand {
14178
- display: inline-flex;
14179
- align-self: center;
14112
+ .pf-c-login__main-footer .pf-c-title {
14113
+ margin-bottom: var(--pf-c-login__main-footer--c-title--MarginBottom);
14114
+ text-align: center;
14180
14115
  }
14181
14116
 
14182
- .pf-c-masthead__toggle {
14183
- grid-column: var(--pf-c-masthead__toggle--GridColumn);
14184
- align-self: center;
14185
- margin-right: var(--pf-c-masthead__toggle--MarginRight);
14186
- margin-left: var(--pf-c-masthead__toggle--MarginLeft);
14117
+ .pf-c-login__main-footer > * {
14118
+ flex-basis: 100%;
14187
14119
  }
14188
14120
 
14189
- .pf-c-masthead__toggle .pf-c-button {
14190
- --pf-c-button--FontSize: var(--pf-c-masthead__toggle--c-button--FontSize);
14121
+ .pf-c-login__main-footer-links {
14122
+ display: flex;
14123
+ flex-wrap: wrap;
14124
+ justify-content: center;
14125
+ padding: var(--pf-c-login__main-footer-links--PaddingTop) var(--pf-c-login__main-footer-links--PaddingRight) var(--pf-c-login__main-footer-links--PaddingBottom) var(--pf-c-login__main-footer-links--PaddingLeft);
14191
14126
  }
14192
14127
 
14193
- .pf-c-masthead.pf-m-display-stack {
14194
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14195
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14196
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14197
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14198
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14199
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14200
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14201
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14202
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14203
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14204
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14205
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14206
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14207
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14208
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14209
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14210
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14128
+ .pf-c-login__main-footer-links-item {
14129
+ padding-right: var(--pf-c-login__main-footer-links-item--PaddingRight);
14130
+ padding-left: var(--pf-c-login__main-footer-links-item--PaddingLeft);
14131
+ margin-bottom: var(--pf-c-login__main-footer-links-item--MarginBottom);
14211
14132
  }
14212
14133
 
14213
- .pf-c-masthead.pf-m-display-inline {
14214
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14215
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14216
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14217
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14218
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14219
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14220
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14221
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14222
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14223
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14224
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14225
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14226
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14227
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14228
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14229
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14230
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14134
+ .pf-c-login__main-footer-links-item-link svg {
14135
+ fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
14136
+ width: 100%;
14137
+ max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
14138
+ height: 100%;
14139
+ max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
14231
14140
  }
14232
14141
 
14233
- .pf-c-masthead.pf-m-inset-none {
14234
- --pf-c-masthead--inset: 0;
14142
+ .pf-c-login__main-footer-links-item-link:hover svg {
14143
+ fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
14235
14144
  }
14236
14145
 
14237
- .pf-c-masthead.pf-m-inset-sm {
14238
- --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14146
+ .pf-c-login__main-footer-band {
14147
+ padding: var(--pf-c-login__main-footer-band--PaddingTop) var(--pf-c-login__main-footer-band--PaddingRight) var(--pf-c-login__main-footer-band--PaddingBottom) var(--pf-c-login__main-footer-band--PaddingLeft);
14148
+ text-align: center;
14149
+ background-color: var(--pf-c-login__main-footer-band--BackgroundColor);
14239
14150
  }
14240
14151
 
14241
- .pf-c-masthead.pf-m-inset-md {
14242
- --pf-c-masthead--inset: var(--pf-global--spacer--md);
14152
+ .pf-c-login__main-footer-band > * + * {
14153
+ padding-top: var(--pf-c-login__main-footer-band-item--PaddingTop);
14243
14154
  }
14244
14155
 
14245
- .pf-c-masthead.pf-m-inset-lg {
14246
- --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14156
+ .pf-c-login__footer {
14157
+ color: var(--pf-global--Color--100);
14158
+ grid-area: footer;
14159
+ padding-right: var(--pf-c-login__footer--PaddingRight);
14160
+ padding-left: var(--pf-c-login__footer--PaddingLeft);
14247
14161
  }
14248
14162
 
14249
- .pf-c-masthead.pf-m-inset-xl {
14250
- --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14163
+ .pf-c-login__footer .pf-c-list a {
14164
+ color: unset;
14251
14165
  }
14252
14166
 
14253
- .pf-c-masthead.pf-m-inset-2xl {
14254
- --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14167
+ .pf-c-login__footer .pf-c-list:not(:only-child) {
14168
+ padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
14255
14169
  }
14256
14170
 
14257
- @media (min-width: 576px) {
14258
- .pf-c-masthead.pf-m-display-stack-on-sm {
14259
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14260
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14261
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14262
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14263
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14264
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14265
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14266
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14267
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14268
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14269
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14270
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14271
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14272
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14273
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14274
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14275
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14276
- }
14277
-
14278
- .pf-c-masthead.pf-m-display-inline-on-sm {
14279
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14280
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14281
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14282
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14283
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14284
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14285
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14286
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14287
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14288
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14289
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14290
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14291
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14292
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14293
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14294
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14295
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14296
- }
14171
+ .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light {
14172
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
14173
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
14174
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
14175
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
14176
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
14177
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
14178
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
14297
14179
  }
14298
- @media (min-width: 576px) {
14299
- .pf-c-masthead.pf-m-inset-none-on-sm {
14300
- --pf-c-masthead--inset: 0;
14301
- }
14302
14180
 
14303
- .pf-c-masthead.pf-m-inset-sm-on-sm {
14304
- --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14305
- }
14181
+ .pf-c-masthead {
14182
+ --pf-global--Color--100: var(--pf-global--Color--light-100);
14183
+ --pf-global--Color--200: var(--pf-global--Color--light-200);
14184
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
14185
+ --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
14186
+ --pf-global--link--Color: var(--pf-global--link--Color--light);
14187
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
14188
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
14189
+ }
14306
14190
 
14307
- .pf-c-masthead.pf-m-inset-md-on-sm {
14308
- --pf-c-masthead--inset: var(--pf-global--spacer--md);
14309
- }
14191
+ .pf-c-masthead .pf-c-card {
14192
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
14193
+ }
14310
14194
 
14311
- .pf-c-masthead.pf-m-inset-lg-on-sm {
14312
- --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14313
- }
14195
+ .pf-c-masthead .pf-c-button {
14196
+ --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
14197
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
14198
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
14199
+ --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
14200
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
14201
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14202
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14203
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14204
+ --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
14205
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
14206
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
14207
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
14208
+ --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
14209
+ --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
14210
+ --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
14211
+ --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
14212
+ }
14314
14213
 
14315
- .pf-c-masthead.pf-m-inset-xl-on-sm {
14316
- --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14317
- }
14214
+ .pf-c-masthead {
14215
+ --pf-c-masthead--PaddingLeft: var(--pf-c-masthead--inset);
14216
+ --pf-c-masthead--PaddingRight: var(--pf-c-masthead--inset);
14217
+ --pf-c-masthead--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
14218
+ --pf-c-masthead--inset: var(--pf-global--spacer--md);
14219
+ --pf-c-masthead--xl--inset: var(--pf-global--spacer--lg);
14220
+ --pf-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
14221
+ --pf-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
14222
+ --pf-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
14223
+ --pf-c-masthead--m-display-stack__main--Order: -1;
14224
+ --pf-c-masthead--m-display-stack__main--FlexBasis: 100%;
14225
+ --pf-c-masthead--m-display-stack__main--PaddingTop: var(--pf-global--spacer--sm);
14226
+ --pf-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-global--spacer--sm);
14227
+ --pf-c-masthead--m-display-stack__main--MarginRight: 0;
14228
+ --pf-c-masthead--m-display-stack__main--before--BorderBottom: var(--pf-c-masthead__main--before--BorderBottomWidth) solid var(--pf-c-masthead__main--before--BorderBottomColor);
14229
+ --pf-c-masthead--m-display-stack__toggle--GridColumn: 1;
14230
+ --pf-c-masthead--m-display-stack__content--GridColumn: 2;
14231
+ --pf-c-masthead--m-display-stack__content--MinHeight: 4.375rem;
14232
+ --pf-c-masthead--m-display-stack__content--Order: 1;
14233
+ --pf-c-masthead--m-display-stack__content--PaddingTop: 0;
14234
+ --pf-c-masthead--m-display-stack__content--PaddingBottom: 0;
14235
+ --pf-c-masthead--m-display-stack__content--MarginLeft: 0;
14236
+ --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-c-masthead--inset) * -1);
14237
+ --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead--inset) * -1);
14238
+ --pf-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
14239
+ --pf-c-masthead--m-display-inline__main--GridColumn: 2;
14240
+ --pf-c-masthead--m-display-inline__main--MinHeight: 4.375rem;
14241
+ --pf-c-masthead--m-display-inline__main--Order: 0;
14242
+ --pf-c-masthead--m-display-inline__main--FlexBasis: auto;
14243
+ --pf-c-masthead--m-display-inline__main--PaddingTop: 0;
14244
+ --pf-c-masthead--m-display-inline__main--PaddingBottom: 0;
14245
+ --pf-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-global--spacer--lg) / 2);
14246
+ --pf-c-masthead--m-display-inline__main--BorderBottom: 0;
14247
+ --pf-c-masthead--m-display-inline__toggle--GridColumn: 1;
14248
+ --pf-c-masthead--m-display-inline__content--GridColumn: 3;
14249
+ --pf-c-masthead--m-display-inline__content--MinHeight: 4.375rem;
14250
+ --pf-c-masthead--m-display-inline__content--Order: 0;
14251
+ --pf-c-masthead--m-display-inline__content--PaddingTop: 0;
14252
+ --pf-c-masthead--m-display-inline__content--PaddingBottom: 0;
14253
+ --pf-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-global--spacer--lg) / 2);
14254
+ --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
14255
+ --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
14256
+ --pf-c-masthead__main--before--Right: calc(var(--pf-c-masthead--inset) * -1);
14257
+ --pf-c-masthead__main--before--Left: calc(var(--pf-c-masthead--inset) * -1);
14258
+ --pf-c-masthead__main--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
14259
+ --pf-c-masthead__main--before--BorderBottomColor: var(--pf-global--palette--black-600);
14260
+ --pf-c-masthead__toggle--MarginRight: var(--pf-global--spacer--sm);
14261
+ --pf-c-masthead__toggle--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
14262
+ --pf-c-masthead__toggle--c-button--FontSize: var(--pf-global--FontSize--2xl);
14263
+ --pf-c-masthead--m-light--BackgroundColor: var(--pf-global--BackgroundColor--100);
14264
+ --pf-c-masthead--m-light__main--BorderBottomColor: var(--pf-global--BorderColor--300);
14265
+ --pf-c-masthead--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
14266
+ --pf-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-global--BorderColor--100);
14267
+ --pf-c-masthead--c-toolbar__item--Display: flex;
14268
+ --pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
14269
+ --pf-c-masthead--c-context-selector--Width: auto;
14270
+ --pf-c-masthead--c-context-selector__toggle--BorderTopColor: transparent;
14271
+ --pf-c-masthead--c-context-selector__toggle--BorderRightColor: transparent;
14272
+ --pf-c-masthead--c-context-selector__toggle--BorderBottomColor: transparent;
14273
+ --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: transparent;
14274
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
14275
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
14276
+ --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: transparent;
14277
+ --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: transparent;
14278
+ --pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor: transparent;
14279
+ --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: transparent;
14280
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
14281
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
14282
+ --pf-c-masthead--c-menu-toggle--before--BorderTopColor: transparent;
14283
+ --pf-c-masthead--c-menu-toggle--before--BorderRightColor: transparent;
14284
+ --pf-c-masthead--c-menu-toggle--before--BorderBottomColor: transparent;
14285
+ --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
14286
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
14287
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
14288
+ --pf-c-masthead--c-toolbar__content--PaddingRight: 0;
14289
+ --pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
14290
+ --pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
14291
+ --pf-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--inset);
14292
+ --pf-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
14293
+ --pf-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--inset);
14294
+ --pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
14295
+ --pf-c-masthead--c-toolbar__expandable-content--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
14296
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14297
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14298
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14299
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14300
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14301
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14302
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14303
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14304
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14305
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14306
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14307
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14308
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14309
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14310
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14311
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14312
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14313
+ color: var(--pf-global--Color--100);
14314
+ position: relative;
14315
+ display: grid;
14316
+ grid-template-columns: var(--pf-c-masthead--GridTemplateColumns);
14317
+ align-items: center;
14318
+ min-width: 0;
14319
+ padding-right: var(--pf-c-masthead--PaddingRight);
14320
+ padding-left: var(--pf-c-masthead--PaddingLeft);
14321
+ background-color: var(--pf-c-masthead--BackgroundColor);
14322
+ }
14318
14323
 
14319
- .pf-c-masthead.pf-m-inset-2xl-on-sm {
14320
- --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14324
+ @media screen and (min-width: 1200px) {
14325
+ .pf-c-masthead {
14326
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
14321
14327
  }
14322
14328
  }
14323
- @media (min-width: 768px) {
14324
- .pf-c-masthead.pf-m-display-stack-on-md {
14325
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14326
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14327
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14328
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14329
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14330
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14331
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14332
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14333
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14334
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14335
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14336
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14337
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14338
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14339
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14340
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14341
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14342
- }
14343
-
14344
- .pf-c-masthead.pf-m-display-inline-on-md {
14329
+ @media screen and (min-width: 768px) {
14330
+ .pf-c-masthead {
14345
14331
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14346
14332
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14347
14333
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14361,33 +14347,216 @@ ul.pf-c-list {
14361
14347
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14362
14348
  }
14363
14349
  }
14364
- @media (min-width: 768px) {
14365
- .pf-c-masthead.pf-m-inset-none-on-md {
14366
- --pf-c-masthead--inset: 0;
14367
- }
14368
-
14369
- .pf-c-masthead.pf-m-inset-sm-on-md {
14370
- --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14371
- }
14350
+ .pf-c-masthead.pf-m-light {
14351
+ color: var(--pf-global--Color--100);
14352
+ --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
14353
+ --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light__main--BorderBottomColor);
14354
+ }
14372
14355
 
14373
- .pf-c-masthead.pf-m-inset-md-on-md {
14374
- --pf-c-masthead--inset: var(--pf-global--spacer--md);
14375
- }
14356
+ .pf-c-masthead.pf-m-light-200 {
14357
+ color: var(--pf-global--Color--100);
14358
+ --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light-200--BackgroundColor);
14359
+ --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light-200__main--BorderBottomColor);
14360
+ }
14376
14361
 
14377
- .pf-c-masthead.pf-m-inset-lg-on-md {
14378
- --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14379
- }
14362
+ .pf-c-masthead .pf-c-toolbar {
14363
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-masthead--c-toolbar__content--PaddingRight);
14364
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-masthead--c-toolbar__content--PaddingLeft);
14365
+ --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingTop);
14366
+ --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingRight);
14367
+ --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingBottom);
14368
+ --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingLeft);
14369
+ width: 100%;
14370
+ }
14380
14371
 
14381
- .pf-c-masthead.pf-m-inset-xl-on-md {
14382
- --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14383
- }
14372
+ .pf-c-masthead .pf-c-toolbar__content-section {
14373
+ flex-wrap: nowrap;
14374
+ }
14384
14375
 
14385
- .pf-c-masthead.pf-m-inset-2xl-on-md {
14386
- --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14387
- }
14376
+ .pf-c-masthead .pf-c-toolbar__expandable-content {
14377
+ border-top: var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth) solid var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopColor);
14388
14378
  }
14389
- @media (min-width: 992px) {
14390
- .pf-c-masthead.pf-m-display-stack-on-lg {
14379
+
14380
+ .pf-c-masthead .pf-c-menu-toggle {
14381
+ --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
14382
+ --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
14383
+ --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor);
14384
+ --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor);
14385
+ }
14386
+
14387
+ .pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
14388
+ --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor);
14389
+ --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor);
14390
+ }
14391
+
14392
+ .pf-c-masthead .pf-c-context-selector {
14393
+ --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
14394
+ --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
14395
+ --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
14396
+ --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
14397
+ --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
14398
+ }
14399
+
14400
+ .pf-c-masthead .pf-c-context-selector.pf-m-full-height {
14401
+ --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor);
14402
+ --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor);
14403
+ }
14404
+
14405
+ .pf-c-masthead .pf-c-dropdown {
14406
+ --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
14407
+ --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
14408
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor);
14409
+ --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
14410
+ }
14411
+
14412
+ .pf-c-masthead .pf-c-dropdown.pf-m-full-height {
14413
+ --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
14414
+ --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
14415
+ }
14416
+
14417
+ .pf-c-masthead__main {
14418
+ position: relative;
14419
+ display: flex;
14420
+ flex-basis: var(--pf-c-masthead__main--FlexBasis);
14421
+ align-items: center;
14422
+ align-self: stretch;
14423
+ order: var(--pf-c-masthead__main--Order);
14424
+ min-height: var(--pf-c-masthead__main--MinHeight);
14425
+ padding-top: var(--pf-c-masthead__main--PaddingTop);
14426
+ padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
14427
+ margin-right: var(--pf-c-masthead__main--MarginRight);
14428
+ grid-column: var(--pf-c-masthead__main--GridColumn);
14429
+ }
14430
+
14431
+ .pf-c-masthead__main::before {
14432
+ position: absolute;
14433
+ right: var(--pf-c-masthead__main--before--Right);
14434
+ bottom: 0;
14435
+ left: var(--pf-c-masthead__main--before--Left);
14436
+ content: "";
14437
+ border-bottom: var(--pf-c-masthead__main--before--BorderBottom);
14438
+ }
14439
+
14440
+ .pf-c-masthead__main:last-child {
14441
+ --pf-c-masthead__main--MarginRight: 0;
14442
+ }
14443
+
14444
+ .pf-c-masthead__content {
14445
+ display: flex;
14446
+ flex-grow: 1;
14447
+ align-items: center;
14448
+ align-self: stretch;
14449
+ order: var(--pf-c-masthead__content--Order);
14450
+ min-height: var(--pf-c-masthead__content--MinHeight);
14451
+ padding-top: var(--pf-c-masthead__content--PaddingTop);
14452
+ padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
14453
+ margin-left: var(--pf-c-masthead__content--MarginLeft);
14454
+ grid-column: var(--pf-c-masthead__content--GridColumn);
14455
+ grid-column-end: -1;
14456
+ flex-shrink: 1;
14457
+ }
14458
+
14459
+ .pf-c-masthead__content:only-child {
14460
+ --pf-c-masthead__content--MarginLeft: 0;
14461
+ }
14462
+
14463
+ .pf-c-masthead__content .pf-c-nav.pf-m-horizontal {
14464
+ margin-right: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginRight);
14465
+ margin-left: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft);
14466
+ }
14467
+
14468
+ .pf-c-masthead__toggle ~ .pf-c-masthead__content {
14469
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead__content--MarginLeft) * -1);
14470
+ }
14471
+
14472
+ .pf-c-masthead__main,
14473
+ .pf-c-masthead__brand,
14474
+ .pf-c-masthead__content {
14475
+ min-width: 0;
14476
+ }
14477
+
14478
+ .pf-c-masthead__brand {
14479
+ display: inline-flex;
14480
+ align-self: center;
14481
+ }
14482
+
14483
+ .pf-c-masthead__toggle {
14484
+ grid-column: var(--pf-c-masthead__toggle--GridColumn);
14485
+ align-self: center;
14486
+ margin-right: var(--pf-c-masthead__toggle--MarginRight);
14487
+ margin-left: var(--pf-c-masthead__toggle--MarginLeft);
14488
+ }
14489
+
14490
+ .pf-c-masthead__toggle .pf-c-button {
14491
+ --pf-c-button--FontSize: var(--pf-c-masthead__toggle--c-button--FontSize);
14492
+ }
14493
+
14494
+ .pf-c-masthead.pf-m-display-stack {
14495
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14496
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14497
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14498
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14499
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14500
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14501
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14502
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14503
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14504
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14505
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14506
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14507
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14508
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14509
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14510
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14511
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14512
+ }
14513
+
14514
+ .pf-c-masthead.pf-m-display-inline {
14515
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14516
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14517
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14518
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14519
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14520
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14521
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14522
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14523
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14524
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14525
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14526
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14527
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14528
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14529
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14530
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14531
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14532
+ }
14533
+
14534
+ .pf-c-masthead.pf-m-inset-none {
14535
+ --pf-c-masthead--inset: 0;
14536
+ }
14537
+
14538
+ .pf-c-masthead.pf-m-inset-sm {
14539
+ --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14540
+ }
14541
+
14542
+ .pf-c-masthead.pf-m-inset-md {
14543
+ --pf-c-masthead--inset: var(--pf-global--spacer--md);
14544
+ }
14545
+
14546
+ .pf-c-masthead.pf-m-inset-lg {
14547
+ --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14548
+ }
14549
+
14550
+ .pf-c-masthead.pf-m-inset-xl {
14551
+ --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14552
+ }
14553
+
14554
+ .pf-c-masthead.pf-m-inset-2xl {
14555
+ --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14556
+ }
14557
+
14558
+ @media (min-width: 576px) {
14559
+ .pf-c-masthead.pf-m-display-stack-on-sm {
14391
14560
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14392
14561
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14393
14562
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
@@ -14407,7 +14576,7 @@ ul.pf-c-list {
14407
14576
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14408
14577
  }
14409
14578
 
14410
- .pf-c-masthead.pf-m-display-inline-on-lg {
14579
+ .pf-c-masthead.pf-m-display-inline-on-sm {
14411
14580
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14412
14581
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14413
14582
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14427,33 +14596,33 @@ ul.pf-c-list {
14427
14596
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14428
14597
  }
14429
14598
  }
14430
- @media (min-width: 992px) {
14431
- .pf-c-masthead.pf-m-inset-none-on-lg {
14599
+ @media (min-width: 576px) {
14600
+ .pf-c-masthead.pf-m-inset-none-on-sm {
14432
14601
  --pf-c-masthead--inset: 0;
14433
14602
  }
14434
14603
 
14435
- .pf-c-masthead.pf-m-inset-sm-on-lg {
14604
+ .pf-c-masthead.pf-m-inset-sm-on-sm {
14436
14605
  --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14437
14606
  }
14438
14607
 
14439
- .pf-c-masthead.pf-m-inset-md-on-lg {
14608
+ .pf-c-masthead.pf-m-inset-md-on-sm {
14440
14609
  --pf-c-masthead--inset: var(--pf-global--spacer--md);
14441
14610
  }
14442
14611
 
14443
- .pf-c-masthead.pf-m-inset-lg-on-lg {
14612
+ .pf-c-masthead.pf-m-inset-lg-on-sm {
14444
14613
  --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14445
14614
  }
14446
14615
 
14447
- .pf-c-masthead.pf-m-inset-xl-on-lg {
14616
+ .pf-c-masthead.pf-m-inset-xl-on-sm {
14448
14617
  --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14449
14618
  }
14450
14619
 
14451
- .pf-c-masthead.pf-m-inset-2xl-on-lg {
14620
+ .pf-c-masthead.pf-m-inset-2xl-on-sm {
14452
14621
  --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14453
14622
  }
14454
14623
  }
14455
- @media (min-width: 1200px) {
14456
- .pf-c-masthead.pf-m-display-stack-on-xl {
14624
+ @media (min-width: 768px) {
14625
+ .pf-c-masthead.pf-m-display-stack-on-md {
14457
14626
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14458
14627
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14459
14628
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
@@ -14473,7 +14642,7 @@ ul.pf-c-list {
14473
14642
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14474
14643
  }
14475
14644
 
14476
- .pf-c-masthead.pf-m-display-inline-on-xl {
14645
+ .pf-c-masthead.pf-m-display-inline-on-md {
14477
14646
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14478
14647
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14479
14648
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14493,33 +14662,33 @@ ul.pf-c-list {
14493
14662
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14494
14663
  }
14495
14664
  }
14496
- @media (min-width: 1200px) {
14497
- .pf-c-masthead.pf-m-inset-none-on-xl {
14665
+ @media (min-width: 768px) {
14666
+ .pf-c-masthead.pf-m-inset-none-on-md {
14498
14667
  --pf-c-masthead--inset: 0;
14499
14668
  }
14500
14669
 
14501
- .pf-c-masthead.pf-m-inset-sm-on-xl {
14670
+ .pf-c-masthead.pf-m-inset-sm-on-md {
14502
14671
  --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14503
14672
  }
14504
14673
 
14505
- .pf-c-masthead.pf-m-inset-md-on-xl {
14674
+ .pf-c-masthead.pf-m-inset-md-on-md {
14506
14675
  --pf-c-masthead--inset: var(--pf-global--spacer--md);
14507
14676
  }
14508
14677
 
14509
- .pf-c-masthead.pf-m-inset-lg-on-xl {
14678
+ .pf-c-masthead.pf-m-inset-lg-on-md {
14510
14679
  --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14511
14680
  }
14512
14681
 
14513
- .pf-c-masthead.pf-m-inset-xl-on-xl {
14682
+ .pf-c-masthead.pf-m-inset-xl-on-md {
14514
14683
  --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14515
14684
  }
14516
14685
 
14517
- .pf-c-masthead.pf-m-inset-2xl-on-xl {
14686
+ .pf-c-masthead.pf-m-inset-2xl-on-md {
14518
14687
  --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14519
14688
  }
14520
14689
  }
14521
- @media (min-width: 1450px) {
14522
- .pf-c-masthead.pf-m-display-stack-on-2xl {
14690
+ @media (min-width: 992px) {
14691
+ .pf-c-masthead.pf-m-display-stack-on-lg {
14523
14692
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14524
14693
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14525
14694
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
@@ -14539,7 +14708,7 @@ ul.pf-c-list {
14539
14708
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14540
14709
  }
14541
14710
 
14542
- .pf-c-masthead.pf-m-display-inline-on-2xl {
14711
+ .pf-c-masthead.pf-m-display-inline-on-lg {
14543
14712
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14544
14713
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14545
14714
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14559,332 +14728,163 @@ ul.pf-c-list {
14559
14728
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14560
14729
  }
14561
14730
  }
14562
- @media (min-width: 1450px) {
14563
- .pf-c-masthead.pf-m-inset-none-on-2xl {
14731
+ @media (min-width: 992px) {
14732
+ .pf-c-masthead.pf-m-inset-none-on-lg {
14564
14733
  --pf-c-masthead--inset: 0;
14565
14734
  }
14566
14735
 
14567
- .pf-c-masthead.pf-m-inset-sm-on-2xl {
14736
+ .pf-c-masthead.pf-m-inset-sm-on-lg {
14568
14737
  --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14569
14738
  }
14570
14739
 
14571
- .pf-c-masthead.pf-m-inset-md-on-2xl {
14740
+ .pf-c-masthead.pf-m-inset-md-on-lg {
14572
14741
  --pf-c-masthead--inset: var(--pf-global--spacer--md);
14573
14742
  }
14574
14743
 
14575
- .pf-c-masthead.pf-m-inset-lg-on-2xl {
14744
+ .pf-c-masthead.pf-m-inset-lg-on-lg {
14576
14745
  --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14577
14746
  }
14578
14747
 
14579
- .pf-c-masthead.pf-m-inset-xl-on-2xl {
14748
+ .pf-c-masthead.pf-m-inset-xl-on-lg {
14580
14749
  --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14581
14750
  }
14582
14751
 
14583
- .pf-c-masthead.pf-m-inset-2xl-on-2xl {
14752
+ .pf-c-masthead.pf-m-inset-2xl-on-lg {
14584
14753
  --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14585
14754
  }
14586
14755
  }
14587
- .pf-c-login__footer, .pf-c-login__header {
14588
- --pf-global--Color--100: var(--pf-global--Color--light-100);
14589
- --pf-global--Color--200: var(--pf-global--Color--light-200);
14590
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
14591
- --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
14592
- --pf-global--link--Color: var(--pf-global--link--Color--light);
14593
- --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
14594
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
14595
- }
14596
-
14597
- .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card {
14598
- --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
14599
- }
14600
-
14601
- .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button {
14602
- --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
14603
- --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
14604
- --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
14605
- --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
14606
- --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
14607
- --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14608
- --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14609
- --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14610
- --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
14611
- --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
14612
- --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
14613
- --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
14614
- --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
14615
- --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
14616
- --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
14617
- --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
14618
- }
14619
-
14620
- .pf-c-login {
14621
- --pf-c-login--PaddingTop: var(--pf-global--spacer--lg);
14622
- --pf-c-login--PaddingBottom: var(--pf-global--spacer--lg);
14623
- --pf-c-login--xl--BackgroundImage: none;
14624
- --pf-c-login__container--xl--GridColumnGap: var(--pf-global--spacer--3xl);
14625
- --pf-c-login__container--MaxWidth: 31.25rem;
14626
- --pf-c-login__container--xl--MaxWidth: none;
14627
- --pf-c-login__container--PaddingLeft: 6.125rem;
14628
- --pf-c-login__container--PaddingRight: 6.125rem;
14629
- --pf-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
14630
- --pf-c-login__header--MarginBottom: var(--pf-global--spacer--md);
14631
- --pf-c-login__header--PaddingLeft: var(--pf-global--spacer--md);
14632
- --pf-c-login__header--PaddingRight: var(--pf-global--spacer--md);
14633
- --pf-c-login__header--xl--MarginBottom: var(--pf-global--spacer--2xl);
14634
- --pf-c-login__header--xl--MarginTop: var(--pf-global--spacer--3xl);
14635
- --pf-c-login__header--c-brand--MarginBottom: var(--pf-global--spacer--lg);
14636
- --pf-c-login__header--c-brand--xl--MarginBottom: var(--pf-global--spacer--2xl);
14637
- --pf-c-login__main--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
14638
- --pf-c-login__main--MarginBottom: var(--pf-global--spacer--lg);
14639
- --pf-c-login__main-header--PaddingTop: var(--pf-global--spacer--2xl);
14640
- --pf-c-login__main-header--PaddingRight: var(--pf-global--spacer--xl);
14641
- --pf-c-login__main-header--PaddingBottom: var(--pf-global--spacer--md);
14642
- --pf-c-login__main-header--PaddingLeft: var(--pf-global--spacer--xl);
14643
- --pf-c-login__main-header--md--PaddingRight: var(--pf-global--spacer--2xl);
14644
- --pf-c-login__main-header--md--PaddingLeft: var(--pf-global--spacer--2xl);
14645
- --pf-c-login__main-header--ColumnGap: var(--pf-global--spacer--md);
14646
- --pf-c-login__main-header--RowGap: var(--pf-global--spacer--md);
14647
- --pf-c-login__main-header-desc--MarginBottom: var(--pf-global--spacer--sm);
14648
- --pf-c-login__main-header-desc--md--MarginBottom: 0;
14649
- --pf-c-login__main-header-desc--FontSize: var(--pf-global--FontSize--sm);
14650
- --pf-c-login__main-body--PaddingRight: var(--pf-global--spacer--xl);
14651
- --pf-c-login__main-body--PaddingBottom: var(--pf-global--spacer--xl);
14652
- --pf-c-login__main-body--PaddingLeft: var(--pf-global--spacer--xl);
14653
- --pf-c-login__main-body--md--PaddingRight: var(--pf-global--spacer--2xl);
14654
- --pf-c-login__main-body--md--PaddingLeft: var(--pf-global--spacer--2xl);
14655
- --pf-c-login__main-footer--PaddingBottom: var(--pf-global--spacer--3xl);
14656
- --pf-c-login__main-footer--c-title--MarginBottom: var(--pf-global--spacer--md);
14657
- --pf-c-login__main-footer-links--PaddingTop: var(--pf-global--spacer--sm);
14658
- --pf-c-login__main-footer-links--PaddingRight: var(--pf-global--spacer--3xl);
14659
- --pf-c-login__main-footer-links--PaddingBottom: var(--pf-global--spacer--xl);
14660
- --pf-c-login__main-footer-links--PaddingLeft: var(--pf-global--spacer--3xl);
14661
- --pf-c-login__main-footer-links-item--PaddingRight: var(--pf-global--spacer--md);
14662
- --pf-c-login__main-footer-links-item--PaddingLeft: var(--pf-global--spacer--md);
14663
- --pf-c-login__main-footer-links-item--MarginBottom: var(--pf-global--spacer--sm);
14664
- --pf-c-login__main-footer-links-item-link-svg--Fill: var(--pf-global--icon--Color--light);
14665
- --pf-c-login__main-footer-links-item-link-svg--Width: var(--pf-global--icon--FontSize--lg);
14666
- --pf-c-login__main-footer-links-item-link-svg--Height: var(--pf-global--icon--FontSize--lg);
14667
- --pf-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-global--icon--Color--dark);
14668
- --pf-c-login__main-footer-band--PaddingTop: var(--pf-global--spacer--lg);
14669
- --pf-c-login__main-footer-band--PaddingRight: var(--pf-global--spacer--md);
14670
- --pf-c-login__main-footer-band--PaddingBottom: var(--pf-global--spacer--lg);
14671
- --pf-c-login__main-footer-band--PaddingLeft: var(--pf-global--spacer--md);
14672
- --pf-c-login__main-footer-band--BackgroundColor: var(--pf-global--BackgroundColor--200);
14673
- --pf-c-login__main-footer-band-item--PaddingTop: var(--pf-global--spacer--md);
14674
- --pf-c-login__footer--PaddingLeft: var(--pf-global--spacer--md);
14675
- --pf-c-login__footer--PaddingRight: var(--pf-global--spacer--md);
14676
- --pf-c-login__footer--c-list--PaddingTop: var(--pf-global--spacer--md);
14677
- --pf-c-login__footer--c-list--xl--PaddingTop: var(--pf-global--spacer--2xl);
14678
- display: flex;
14679
- justify-content: center;
14680
- min-height: 100vh;
14681
- padding-top: var(--pf-c-login--PaddingTop);
14682
- padding-bottom: var(--pf-c-login--PaddingBottom);
14683
- }
14684
-
14685
- @media (min-width: 1200px) {
14686
- .pf-c-login {
14687
- --pf-c-login__container--MaxWidth: var(--pf-c-login__container--xl--MaxWidth);
14688
- }
14689
- }
14690
- @media (min-width: 576px) {
14691
- .pf-c-login {
14692
- --pf-c-login__header--PaddingRight: 0;
14693
- --pf-c-login__header--PaddingLeft: 0;
14694
- }
14695
- }
14696
- @media (min-width: 1200px) {
14697
- .pf-c-login {
14698
- --pf-c-login__header--MarginBottom: var(--pf-c-login__header--xl--MarginBottom);
14699
- --pf-c-login__header--c-brand--MarginBottom: var(--pf-c-login__header--c-brand--xl--MarginBottom);
14700
- }
14701
- }
14702
- @media (min-width: 1200px) {
14703
- .pf-c-login {
14704
- --pf-c-login__main--MarginBottom: 0;
14705
- }
14706
- }
14707
- @media (min-width: 768px) {
14708
- .pf-c-login {
14709
- --pf-c-login__main-header--PaddingRight: var(--pf-c-login__main-header--md--PaddingRight);
14710
- --pf-c-login__main-header--PaddingLeft: var(--pf-c-login__main-header--md--PaddingLeft);
14711
- --pf-c-login__main-header-desc--MarginBottom: var(--pf-c-login__main-header-desc--md--MarginBottom);
14712
- }
14713
- }
14714
- @media (min-width: 768px) {
14715
- .pf-c-login {
14716
- --pf-c-login__main-body--PaddingRight: var(--pf-c-login__main-body--md--PaddingRight);
14717
- --pf-c-login__main-body--PaddingLeft: var(--pf-c-login__main-body--md--PaddingLeft);
14718
- }
14719
- }
14720
- @media (min-width: 576px) {
14721
- .pf-c-login {
14722
- --pf-c-login__footer--PaddingRight: 0;
14723
- --pf-c-login__footer--PaddingLeft: 0;
14724
- }
14725
- }
14726
- @media (min-width: 1200px) {
14727
- .pf-c-login {
14728
- --pf-c-login__footer--c-list--PaddingTop: var(--pf-c-login__footer--c-list--xl--PaddingTop);
14729
- }
14730
- }
14731
14756
  @media (min-width: 1200px) {
14732
- .pf-c-login {
14733
- background-image: var(--pf-c-login--xl--BackgroundImage);
14734
- }
14735
- }
14736
- @media (min-width: 576px) {
14737
- .pf-c-login {
14738
- align-items: center;
14757
+ .pf-c-masthead.pf-m-display-stack-on-xl {
14758
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14759
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14760
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14761
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14762
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14763
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14764
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14765
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14766
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14767
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14768
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14769
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14770
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14771
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14772
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14773
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14774
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14739
14775
  }
14740
- }
14741
- .pf-c-login__container {
14742
- width: 100%;
14743
- max-width: var(--pf-c-login__container--MaxWidth);
14744
- }
14745
14776
 
14746
- @media (min-width: 1200px) {
14747
- .pf-c-login__container {
14748
- display: grid;
14749
- justify-content: center;
14750
- grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
14751
- grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
14752
- grid-template-areas: "main header" "main footer" "main .";
14753
- padding-right: var(--pf-c-login__container--PaddingRight);
14754
- padding-left: var(--pf-c-login__container--PaddingLeft);
14777
+ .pf-c-masthead.pf-m-display-inline-on-xl {
14778
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14779
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14780
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14781
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14782
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14783
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14784
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14785
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14786
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14787
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14788
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14789
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14790
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14791
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14792
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14793
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14794
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14755
14795
  }
14756
14796
  }
14757
- .pf-c-login__header {
14758
- color: var(--pf-global--Color--100);
14759
- grid-area: header;
14760
- padding-right: var(--pf-c-login__header--PaddingRight);
14761
- padding-left: var(--pf-c-login__header--PaddingLeft);
14762
- }
14763
-
14764
14797
  @media (min-width: 1200px) {
14765
- .pf-c-login__header {
14766
- margin-top: var(--pf-c-login__header--xl--MarginTop);
14767
- }
14768
- }
14769
- .pf-c-login__header .pf-c-brand {
14770
- margin-bottom: var(--pf-c-login__header--c-brand--MarginBottom);
14771
- }
14772
-
14773
- .pf-c-login__main {
14774
- margin-bottom: var(--pf-c-login__main--MarginBottom);
14775
- background-color: var(--pf-c-login__main--BackgroundColor);
14776
- grid-area: main;
14777
- }
14778
-
14779
- .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
14780
- padding-top: var(--pf-c-login__main-header--PaddingTop);
14781
- }
14782
-
14783
- .pf-c-login__main > :last-child:not(.pf-c-login__main-footer) {
14784
- padding-bottom: var(--pf-c-login__main-footer--PaddingBottom);
14785
- }
14786
-
14787
- .pf-c-login__main-header {
14788
- display: grid;
14789
- grid-template-columns: 100%;
14790
- column-gap: var(--pf-c-login__main-header--ColumnGap);
14791
- row-gap: var(--pf-c-login__main-header--RowGap);
14792
- align-items: center;
14793
- padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
14794
- }
14795
-
14796
- @media (min-width: 768px) {
14797
- .pf-c-login__main-header {
14798
- grid-template-columns: 1fr auto;
14798
+ .pf-c-masthead.pf-m-inset-none-on-xl {
14799
+ --pf-c-masthead--inset: 0;
14799
14800
  }
14800
- }
14801
- .pf-c-login__main-header .pf-c-dropdown {
14802
- grid-column: auto;
14803
- grid-row: auto;
14804
- }
14805
14801
 
14806
- @media (min-width: 768px) {
14807
- .pf-c-login__main-header .pf-c-dropdown {
14808
- grid-column: 2/3;
14809
- grid-row: 1;
14802
+ .pf-c-masthead.pf-m-inset-sm-on-xl {
14803
+ --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14810
14804
  }
14811
- }
14812
- .pf-c-login__main-header-desc {
14813
- margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
14814
- font-size: var(--pf-c-login__main-header-desc--FontSize);
14815
- grid-column: 1/-1;
14816
- }
14817
-
14818
- .pf-c-login__main-body {
14819
- padding-right: var(--pf-c-login__main-body--PaddingRight);
14820
- padding-bottom: var(--pf-c-login__main-body--PaddingBottom);
14821
- padding-left: var(--pf-c-login__main-body--PaddingLeft);
14822
- }
14823
-
14824
- .pf-c-login__main-footer {
14825
- display: flex;
14826
- flex-wrap: wrap;
14827
- }
14828
-
14829
- .pf-c-login__main-footer .pf-c-title {
14830
- margin-bottom: var(--pf-c-login__main-footer--c-title--MarginBottom);
14831
- text-align: center;
14832
- }
14833
-
14834
- .pf-c-login__main-footer > * {
14835
- flex-basis: 100%;
14836
- }
14837
14805
 
14838
- .pf-c-login__main-footer-links {
14839
- display: flex;
14840
- flex-wrap: wrap;
14841
- justify-content: center;
14842
- padding: var(--pf-c-login__main-footer-links--PaddingTop) var(--pf-c-login__main-footer-links--PaddingRight) var(--pf-c-login__main-footer-links--PaddingBottom) var(--pf-c-login__main-footer-links--PaddingLeft);
14843
- }
14806
+ .pf-c-masthead.pf-m-inset-md-on-xl {
14807
+ --pf-c-masthead--inset: var(--pf-global--spacer--md);
14808
+ }
14844
14809
 
14845
- .pf-c-login__main-footer-links-item {
14846
- padding-right: var(--pf-c-login__main-footer-links-item--PaddingRight);
14847
- padding-left: var(--pf-c-login__main-footer-links-item--PaddingLeft);
14848
- margin-bottom: var(--pf-c-login__main-footer-links-item--MarginBottom);
14849
- }
14810
+ .pf-c-masthead.pf-m-inset-lg-on-xl {
14811
+ --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14812
+ }
14850
14813
 
14851
- .pf-c-login__main-footer-links-item-link svg {
14852
- fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
14853
- width: 100%;
14854
- max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
14855
- height: 100%;
14856
- max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
14857
- }
14814
+ .pf-c-masthead.pf-m-inset-xl-on-xl {
14815
+ --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14816
+ }
14858
14817
 
14859
- .pf-c-login__main-footer-links-item-link:hover svg {
14860
- fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
14818
+ .pf-c-masthead.pf-m-inset-2xl-on-xl {
14819
+ --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14820
+ }
14861
14821
  }
14822
+ @media (min-width: 1450px) {
14823
+ .pf-c-masthead.pf-m-display-stack-on-2xl {
14824
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14825
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14826
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14827
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14828
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14829
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14830
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14831
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14832
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14833
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14834
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14835
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14836
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14837
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14838
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14839
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14840
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14841
+ }
14862
14842
 
14863
- .pf-c-login__main-footer-band {
14864
- padding: var(--pf-c-login__main-footer-band--PaddingTop) var(--pf-c-login__main-footer-band--PaddingRight) var(--pf-c-login__main-footer-band--PaddingBottom) var(--pf-c-login__main-footer-band--PaddingLeft);
14865
- text-align: center;
14866
- background-color: var(--pf-c-login__main-footer-band--BackgroundColor);
14843
+ .pf-c-masthead.pf-m-display-inline-on-2xl {
14844
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14845
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14846
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14847
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14848
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14849
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14850
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14851
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14852
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14853
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14854
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14855
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14856
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14857
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14858
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14859
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14860
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14861
+ }
14867
14862
  }
14863
+ @media (min-width: 1450px) {
14864
+ .pf-c-masthead.pf-m-inset-none-on-2xl {
14865
+ --pf-c-masthead--inset: 0;
14866
+ }
14868
14867
 
14869
- .pf-c-login__main-footer-band > * + * {
14870
- padding-top: var(--pf-c-login__main-footer-band-item--PaddingTop);
14871
- }
14868
+ .pf-c-masthead.pf-m-inset-sm-on-2xl {
14869
+ --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14870
+ }
14872
14871
 
14873
- .pf-c-login__footer {
14874
- color: var(--pf-global--Color--100);
14875
- grid-area: footer;
14876
- padding-right: var(--pf-c-login__footer--PaddingRight);
14877
- padding-left: var(--pf-c-login__footer--PaddingLeft);
14878
- }
14872
+ .pf-c-masthead.pf-m-inset-md-on-2xl {
14873
+ --pf-c-masthead--inset: var(--pf-global--spacer--md);
14874
+ }
14879
14875
 
14880
- .pf-c-login__footer .pf-c-list a {
14881
- color: unset;
14882
- }
14876
+ .pf-c-masthead.pf-m-inset-lg-on-2xl {
14877
+ --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14878
+ }
14883
14879
 
14884
- .pf-c-login__footer .pf-c-list:not(:only-child) {
14885
- padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
14886
- }
14880
+ .pf-c-masthead.pf-m-inset-xl-on-2xl {
14881
+ --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14882
+ }
14887
14883
 
14884
+ .pf-c-masthead.pf-m-inset-2xl-on-2xl {
14885
+ --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14886
+ }
14887
+ }
14888
14888
  .pf-c-menu {
14889
14889
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
14890
14890
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -20168,6 +20168,83 @@ label.pf-c-radio, .pf-c-radio__label,
20168
20168
  box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
20169
20169
  }
20170
20170
 
20171
+ .pf-c-simple-list {
20172
+ --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
20173
+ --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
20174
+ --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
20175
+ --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
20176
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
20177
+ --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
20178
+ --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
20179
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
20180
+ --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
20181
+ --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
20182
+ --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
20183
+ --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
20184
+ --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
20185
+ --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
20186
+ --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
20187
+ --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
20188
+ --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
20189
+ --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
20190
+ --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
20191
+ --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
20192
+ --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
20193
+ --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
20194
+ --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
20195
+ --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
20196
+ --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
20197
+ --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
20198
+ --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
20199
+ }
20200
+
20201
+ .pf-c-simple-list__item-link {
20202
+ display: block;
20203
+ width: 100%;
20204
+ padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
20205
+ font-size: var(--pf-c-simple-list__item-link--FontSize);
20206
+ font-weight: var(--pf-c-simple-list__item-link--FontWeight);
20207
+ color: var(--pf-c-simple-list__item-link--Color);
20208
+ text-align: left;
20209
+ background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
20210
+ border: none;
20211
+ }
20212
+
20213
+ .pf-c-simple-list__item-link:hover {
20214
+ text-decoration: none;
20215
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
20216
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
20217
+ }
20218
+
20219
+ .pf-c-simple-list__item-link:focus {
20220
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
20221
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
20222
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
20223
+ }
20224
+
20225
+ .pf-c-simple-list__item-link:active {
20226
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
20227
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
20228
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
20229
+ }
20230
+
20231
+ .pf-c-simple-list__item-link.pf-m-current {
20232
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
20233
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
20234
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
20235
+ }
20236
+
20237
+ .pf-c-simple-list__title {
20238
+ padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
20239
+ font-size: var(--pf-c-simple-list__title--FontSize);
20240
+ font-weight: var(--pf-c-simple-list__title--FontWeight);
20241
+ color: var(--pf-c-simple-list__title--Color);
20242
+ }
20243
+
20244
+ .pf-c-simple-list__section + .pf-c-simple-list__section {
20245
+ margin-top: var(--pf-c-simple-list__section--section--MarginTop);
20246
+ }
20247
+
20171
20248
  .pf-c-skeleton {
20172
20249
  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
20173
20250
  --pf-c-skeleton--Width: auto;
@@ -21904,83 +21981,6 @@ label.pf-c-radio, .pf-c-radio__label,
21904
21981
  font-weight: var(--pf-global--FontWeight--light);
21905
21982
  }
21906
21983
 
21907
- .pf-c-simple-list {
21908
- --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
21909
- --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
21910
- --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
21911
- --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
21912
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
21913
- --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
21914
- --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
21915
- --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
21916
- --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
21917
- --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
21918
- --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
21919
- --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
21920
- --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
21921
- --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
21922
- --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
21923
- --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
21924
- --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
21925
- --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
21926
- --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
21927
- --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
21928
- --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
21929
- --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
21930
- --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
21931
- --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
21932
- --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
21933
- --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
21934
- --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
21935
- }
21936
-
21937
- .pf-c-simple-list__item-link {
21938
- display: block;
21939
- width: 100%;
21940
- padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
21941
- font-size: var(--pf-c-simple-list__item-link--FontSize);
21942
- font-weight: var(--pf-c-simple-list__item-link--FontWeight);
21943
- color: var(--pf-c-simple-list__item-link--Color);
21944
- text-align: left;
21945
- background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
21946
- border: none;
21947
- }
21948
-
21949
- .pf-c-simple-list__item-link:hover {
21950
- text-decoration: none;
21951
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
21952
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
21953
- }
21954
-
21955
- .pf-c-simple-list__item-link:focus {
21956
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
21957
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
21958
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
21959
- }
21960
-
21961
- .pf-c-simple-list__item-link:active {
21962
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
21963
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
21964
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
21965
- }
21966
-
21967
- .pf-c-simple-list__item-link.pf-m-current {
21968
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
21969
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
21970
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
21971
- }
21972
-
21973
- .pf-c-simple-list__title {
21974
- padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
21975
- font-size: var(--pf-c-simple-list__title--FontSize);
21976
- font-weight: var(--pf-c-simple-list__title--FontWeight);
21977
- color: var(--pf-c-simple-list__title--Color);
21978
- }
21979
-
21980
- .pf-c-simple-list__section + .pf-c-simple-list__section {
21981
- margin-top: var(--pf-c-simple-list__section--section--MarginTop);
21982
- }
21983
-
21984
21984
  .pf-c-tile {
21985
21985
  --pf-c-tile--PaddingTop: var(--pf-global--spacer--lg);
21986
21986
  --pf-c-tile--PaddingRight: var(--pf-global--spacer--lg);