@patternfly/react-table 4.48.1 → 4.50.1

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 (6) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/umd/react-table.css +1253 -1253
  3. package/dist/umd/react-table.js +32 -8
  4. package/dist/umd/react-table.min.css +730 -730
  5. package/dist/umd/react-table.min.js +4 -4
  6. package/package.json +6 -6
package/dist/umd/react-table.css CHANGED
@@ -17738,80 +17738,6 @@ ul.pf-c-list {
17738
17738
  transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
17739
17739
  }
17740
17740
 
17741
- .pf-c-overflow-menu {
17742
- --pf-c-overflow-menu--spacer--base: var(--pf-global--spacer--md);
17743
- --pf-c-overflow-menu--spacer: var(--pf-global--spacer--sm);
17744
- --pf-c-overflow-menu__group--spacer: var(--pf-c-overflow-menu--spacer--base);
17745
- --pf-c-overflow-menu__item--spacer: var(--pf-c-overflow-menu--spacer--base);
17746
- --pf-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-c-overflow-menu--spacer--base);
17747
- --pf-c-overflow-menu__group--m-button-group--spacer: var(--pf-c-overflow-menu--spacer--base);
17748
- --pf-c-overflow-menu__group--m-button-group--space-items: var(--pf-global--spacer--sm);
17749
- --pf-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-c-overflow-menu--spacer--base);
17750
- --pf-c-overflow-menu__group--m-icon-button-group--space-items: 0;
17751
- display: inline-flex;
17752
- align-items: center;
17753
- }
17754
-
17755
- .pf-c-overflow-menu__content {
17756
- display: flex;
17757
- align-items: center;
17758
- }
17759
-
17760
- .pf-c-overflow-menu__group {
17761
- --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--spacer);
17762
- display: flex;
17763
- align-items: center;
17764
- }
17765
-
17766
- .pf-c-overflow-menu__group.pf-m-button-group {
17767
- --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-button-group--spacer);
17768
- }
17769
-
17770
- .pf-c-overflow-menu__group.pf-m-button-group > * {
17771
- --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-button-group--space-items);
17772
- }
17773
-
17774
- .pf-c-overflow-menu__group.pf-m-icon-button-group {
17775
- --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-icon-button-group--spacer);
17776
- }
17777
-
17778
- .pf-c-overflow-menu__group.pf-m-icon-button-group > * {
17779
- --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-icon-button-group--space-items);
17780
- }
17781
-
17782
- .pf-c-overflow-menu__item {
17783
- --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__item--spacer);
17784
- }
17785
-
17786
- .pf-c-overflow-menu__content,
17787
- .pf-c-overflow-menu__control,
17788
- .pf-c-overflow-menu__group,
17789
- .pf-c-overflow-menu__item {
17790
- margin-right: var(--pf-c-overflow-menu--spacer);
17791
- }
17792
-
17793
- .pf-c-overflow-menu__content:last-child,
17794
- .pf-c-overflow-menu__control:last-child,
17795
- .pf-c-overflow-menu__group:last-child,
17796
- .pf-c-overflow-menu__item:last-child {
17797
- --pf-c-overflow-menu--spacer: 0;
17798
- }
17799
-
17800
- .pf-c-overflow-menu > .pf-c-divider,
17801
- .pf-c-overflow-menu__group > .pf-c-divider {
17802
- --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu--c-divider--m-vertical--spacer);
17803
- }
17804
-
17805
- .pf-c-overflow-menu > .pf-c-divider.pf-m-vertical,
17806
- .pf-c-overflow-menu__group > .pf-c-divider.pf-m-vertical {
17807
- margin-right: var(--pf-c-overflow-menu--spacer);
17808
- }
17809
-
17810
- .pf-c-overflow-menu > .pf-c-divider.pf-m-vertical:last-child,
17811
- .pf-c-overflow-menu__group > .pf-c-divider.pf-m-vertical:last-child {
17812
- --pf-c-overflow-menu--spacer: 0;
17813
- }
17814
-
17815
17741
  .pf-c-options-menu {
17816
17742
  --pf-c-options-menu__toggle--BackgroundColor: transparent;
17817
17743
  --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -18064,357 +17990,80 @@ ul.pf-c-list {
18064
17990
  color: var(--pf-c-options-menu__group-title--Color);
18065
17991
  }
18066
17992
 
18067
- .pf-c-pagination {
18068
- --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
18069
- --pf-c-pagination--m-bottom--child--MarginRight: 0;
18070
- --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
18071
- --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
18072
- --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
18073
- --pf-c-pagination__nav--Display: none;
18074
- --pf-c-pagination__nav--Visibility: hidden;
18075
- --pf-c-pagination--m-display-summary__nav--Display: none;
18076
- --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
18077
- --pf-c-pagination--m-display-full__nav--Display: inline-flex;
18078
- --pf-c-pagination--m-display-full__nav--Visibility: visible;
18079
- --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
18080
- --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
18081
- --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
18082
- --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
18083
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
18084
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
18085
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
18086
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
18087
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
18088
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
18089
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
18090
- --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
18091
- --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
18092
- --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
18093
- --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
18094
- --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
18095
- --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
18096
- --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
18097
- --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
18098
- --pf-c-pagination__total-items--Display: block;
18099
- --pf-c-pagination__total-items--Visibility: visible;
18100
- --pf-c-pagination--m-display-summary__total-items--Display: block;
18101
- --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
18102
- --pf-c-pagination--m-display-full__total-items--Display: none;
18103
- --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
18104
- --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
18105
- --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
18106
- --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
18107
- --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
18108
- --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
18109
- --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
18110
- --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
18111
- --pf-c-pagination--m-sticky--Top: 0;
18112
- --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
18113
- --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18114
- --pf-c-pagination--m-bottom--Bottom: 0;
18115
- --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
18116
- --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
18117
- --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
18118
- --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
18119
- --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
18120
- --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
18121
- --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18122
- --pf-c-pagination--c-options-menu--Display: none;
18123
- --pf-c-pagination--c-options-menu--Visibility: hidden;
18124
- --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
18125
- --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
18126
- --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
18127
- --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
18128
- display: flex;
18129
- flex-wrap: wrap;
17993
+ .pf-c-overflow-menu {
17994
+ --pf-c-overflow-menu--spacer--base: var(--pf-global--spacer--md);
17995
+ --pf-c-overflow-menu--spacer: var(--pf-global--spacer--sm);
17996
+ --pf-c-overflow-menu__group--spacer: var(--pf-c-overflow-menu--spacer--base);
17997
+ --pf-c-overflow-menu__item--spacer: var(--pf-c-overflow-menu--spacer--base);
17998
+ --pf-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-c-overflow-menu--spacer--base);
17999
+ --pf-c-overflow-menu__group--m-button-group--spacer: var(--pf-c-overflow-menu--spacer--base);
18000
+ --pf-c-overflow-menu__group--m-button-group--space-items: var(--pf-global--spacer--sm);
18001
+ --pf-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-c-overflow-menu--spacer--base);
18002
+ --pf-c-overflow-menu__group--m-icon-button-group--space-items: 0;
18003
+ display: inline-flex;
18130
18004
  align-items: center;
18131
- justify-content: flex-end;
18132
18005
  }
18133
18006
 
18134
- @media screen and (min-width: 768px) {
18135
- .pf-c-pagination {
18136
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
18137
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
18138
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
18139
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
18140
- --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
18141
- --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
18142
- --pf-c-pagination--m-bottom--BoxShadow: none;
18143
- --pf-c-pagination--c-options-menu--Display: inline-flex;
18144
- --pf-c-pagination--c-options-menu--Visibility: visible;
18145
- --pf-c-pagination__nav--Display: inline-flex;
18146
- --pf-c-pagination__nav--Visibility: visible;
18147
- --pf-c-pagination__total-items--Display: none;
18148
- --pf-c-pagination__total-items--Visibility: hidden;
18149
- }
18007
+ .pf-c-overflow-menu__content {
18008
+ display: flex;
18009
+ align-items: center;
18150
18010
  }
18151
- @media screen and (min-width: 1200px) {
18152
- .pf-c-pagination {
18153
- --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
18154
- --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
18155
- }
18011
+
18012
+ .pf-c-overflow-menu__group {
18013
+ --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--spacer);
18014
+ display: flex;
18015
+ align-items: center;
18156
18016
  }
18157
- .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
18158
- margin-right: var(--pf-c-pagination--child--MarginRight);
18017
+
18018
+ .pf-c-overflow-menu__group.pf-m-button-group {
18019
+ --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-button-group--spacer);
18159
18020
  }
18160
18021
 
18161
- .pf-c-pagination .pf-c-options-menu {
18162
- display: var(--pf-c-pagination--c-options-menu--Display);
18163
- visibility: var(--pf-c-pagination--c-options-menu--Visibility);
18022
+ .pf-c-overflow-menu__group.pf-m-button-group > * {
18023
+ --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-button-group--space-items);
18164
18024
  }
18165
18025
 
18166
- .pf-c-pagination.pf-m-bottom {
18167
- --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
18168
- --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
18169
- --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
18170
- --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
18171
- --pf-c-pagination--m-sticky--Top: auto;
18172
- position: sticky;
18173
- bottom: var(--pf-c-pagination--m-bottom--Bottom);
18174
- justify-content: center;
18175
- background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
18176
- box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
18026
+ .pf-c-overflow-menu__group.pf-m-icon-button-group {
18027
+ --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-icon-button-group--spacer);
18177
18028
  }
18178
18029
 
18179
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
18180
- --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
18181
- --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
18182
- outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
18030
+ .pf-c-overflow-menu__group.pf-m-icon-button-group > * {
18031
+ --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-icon-button-group--space-items);
18183
18032
  }
18184
18033
 
18185
- .pf-c-pagination.pf-m-bottom.pf-m-static {
18186
- --pf-c-pagination--m-bottom--MarginTop: 0;
18187
- --pf-c-pagination--m-bottom--BorderTopWidth: 0;
18188
- position: relative;
18189
- box-shadow: none;
18034
+ .pf-c-overflow-menu__item {
18035
+ --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__item--spacer);
18190
18036
  }
18191
18037
 
18192
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
18193
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
18194
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
18195
- display: none;
18196
- visibility: hidden;
18038
+ .pf-c-overflow-menu__content,
18039
+ .pf-c-overflow-menu__control,
18040
+ .pf-c-overflow-menu__group,
18041
+ .pf-c-overflow-menu__item {
18042
+ margin-right: var(--pf-c-overflow-menu--spacer);
18197
18043
  }
18198
18044
 
18199
- .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
18200
- position: absolute;
18201
- display: block;
18202
- visibility: visible;
18045
+ .pf-c-overflow-menu__content:last-child,
18046
+ .pf-c-overflow-menu__control:last-child,
18047
+ .pf-c-overflow-menu__group:last-child,
18048
+ .pf-c-overflow-menu__item:last-child {
18049
+ --pf-c-overflow-menu--spacer: 0;
18203
18050
  }
18204
18051
 
18205
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
18206
- display: flex;
18207
- flex-basis: 100%;
18208
- justify-content: space-between;
18209
- visibility: visible;
18052
+ .pf-c-overflow-menu > .pf-c-divider,
18053
+ .pf-c-overflow-menu__group > .pf-c-divider {
18054
+ --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu--c-divider--m-vertical--spacer);
18210
18055
  }
18211
18056
 
18212
- @media screen and (min-width: 768px) {
18213
- .pf-c-pagination.pf-m-bottom {
18214
- --pf-c-pagination--m-bottom--BorderTopWidth: 0;
18215
- --pf-c-pagination--m-bottom--MarginTop: 0;
18216
- --pf-c-pagination--m-bottom--Bottom: auto;
18217
- position: relative;
18218
- justify-content: flex-end;
18219
- padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
18220
- }
18057
+ .pf-c-overflow-menu > .pf-c-divider.pf-m-vertical,
18058
+ .pf-c-overflow-menu__group > .pf-c-divider.pf-m-vertical {
18059
+ margin-right: var(--pf-c-overflow-menu--spacer);
18060
+ }
18221
18061
 
18222
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
18223
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
18224
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
18225
- display: block;
18226
- visibility: visible;
18227
- }
18228
-
18229
- .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
18230
- position: relative;
18231
- }
18232
-
18233
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
18234
- display: inline-flex;
18235
- flex-basis: auto;
18236
- }
18237
- }
18238
- .pf-c-pagination.pf-m-sticky {
18239
- --pf-c-pagination--m-bottom--Bottom: 0;
18240
- position: sticky;
18241
- top: var(--pf-c-pagination--m-sticky--Top);
18242
- z-index: var(--pf-c-pagination--m-sticky--ZIndex);
18243
- padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
18244
- padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
18245
- padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
18246
- padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
18247
- background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
18248
- box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
18249
- }
18250
-
18251
- @media screen and (min-width: 768px) {
18252
- .pf-c-pagination.pf-m-sticky {
18253
- padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
18254
- }
18255
- }
18256
- .pf-c-pagination .pf-c-options-menu__toggle {
18257
- font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
18258
- }
18259
-
18260
- .pf-c-pagination.pf-m-compact {
18261
- --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
18262
- }
18263
-
18264
- .pf-c-pagination__nav {
18265
- display: var(--pf-c-pagination__nav--Display);
18266
- justify-content: flex-end;
18267
- visibility: var(--pf-c-pagination__nav--Visibility);
18268
- }
18269
-
18270
- .pf-c-pagination__nav-control .pf-c-button {
18271
- padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
18272
- padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
18273
- font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
18274
- }
18275
-
18276
- .pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
18277
- margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
18278
- }
18279
-
18280
- .pf-c-pagination__nav-page-select {
18281
- display: flex;
18282
- align-items: center;
18283
- padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
18284
- padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
18285
- }
18286
-
18287
- .pf-c-pagination__nav-page-select > * {
18288
- font-size: var(--pf-c-pagination__nav-page-select--FontSize);
18289
- white-space: nowrap;
18290
- }
18291
-
18292
- .pf-c-pagination__nav-page-select > *:not(:last-child) {
18293
- margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
18294
- }
18295
-
18296
- .pf-c-pagination__nav-page-select .pf-c-form-control {
18297
- width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
18298
- }
18299
-
18300
- .pf-c-pagination__total-items {
18301
- display: var(--pf-c-pagination__total-items--Display);
18302
- visibility: var(--pf-c-pagination__total-items--Visibility);
18303
- }
18304
-
18305
- .pf-c-pagination.pf-m-display-summary {
18306
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18307
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18308
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18309
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18310
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18311
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18312
- }
18313
-
18314
- .pf-c-pagination.pf-m-display-full {
18315
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18316
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18317
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18318
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18319
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18320
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18321
- }
18322
-
18323
- @media (min-width: 576px) {
18324
- .pf-c-pagination.pf-m-display-summary-on-sm {
18325
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18326
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18327
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18328
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18329
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18330
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18331
- }
18332
-
18333
- .pf-c-pagination.pf-m-display-full-on-sm {
18334
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18335
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18336
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18337
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18338
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18339
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18340
- }
18341
- }
18342
- @media (min-width: 768px) {
18343
- .pf-c-pagination.pf-m-display-summary-on-md {
18344
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18345
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18346
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18347
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18348
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18349
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18350
- }
18351
-
18352
- .pf-c-pagination.pf-m-display-full-on-md {
18353
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18354
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18355
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18356
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18357
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18358
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18359
- }
18360
- }
18361
- @media (min-width: 992px) {
18362
- .pf-c-pagination.pf-m-display-summary-on-lg {
18363
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18364
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18365
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18366
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18367
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18368
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18369
- }
18370
-
18371
- .pf-c-pagination.pf-m-display-full-on-lg {
18372
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18373
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18374
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18375
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18376
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18377
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18378
- }
18379
- }
18380
- @media (min-width: 1200px) {
18381
- .pf-c-pagination.pf-m-display-summary-on-xl {
18382
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18383
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18384
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18385
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18386
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18387
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18388
- }
18389
-
18390
- .pf-c-pagination.pf-m-display-full-on-xl {
18391
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18392
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18393
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18394
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18395
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18396
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18397
- }
18062
+ .pf-c-overflow-menu > .pf-c-divider.pf-m-vertical:last-child,
18063
+ .pf-c-overflow-menu__group > .pf-c-divider.pf-m-vertical:last-child {
18064
+ --pf-c-overflow-menu--spacer: 0;
18398
18065
  }
18399
- @media (min-width: 1450px) {
18400
- .pf-c-pagination.pf-m-display-summary-on-2xl {
18401
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18402
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18403
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18404
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18405
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18406
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18407
- }
18408
18066
 
18409
- .pf-c-pagination.pf-m-display-full-on-2xl {
18410
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18411
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18412
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18413
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18414
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18415
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18416
- }
18417
- }
18418
18067
  .pf-c-page__sidebar.pf-m-light {
18419
18068
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
18420
18069
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -19260,269 +18909,620 @@ ul.pf-c-list {
19260
18909
  flex: 1 0 auto;
19261
18910
  }
19262
18911
 
19263
- .pf-c-popover {
19264
- --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
19265
- --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19266
- --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19267
- --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
19268
- --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
19269
- --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19270
- --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19271
- --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19272
- --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19273
- --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19274
- --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19275
- --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19276
- --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19277
- --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19278
- --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19279
- --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19280
- --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19281
- --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19282
- --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19283
- --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19284
- --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19285
- --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19286
- --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19287
- --pf-c-popover__arrow--m-top--TranslateX: -50%;
19288
- --pf-c-popover__arrow--m-top--TranslateY: 50%;
19289
- --pf-c-popover__arrow--m-top--Rotate: 45deg;
19290
- --pf-c-popover__arrow--m-right--TranslateX: -50%;
19291
- --pf-c-popover__arrow--m-right--TranslateY: -50%;
19292
- --pf-c-popover__arrow--m-right--Rotate: 45deg;
19293
- --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19294
- --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19295
- --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19296
- --pf-c-popover__arrow--m-left--TranslateX: 50%;
19297
- --pf-c-popover__arrow--m-left--TranslateY: -50%;
19298
- --pf-c-popover__arrow--m-left--Rotate: 45deg;
19299
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19300
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19301
- --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19302
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19303
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19304
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19305
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19306
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19307
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19308
- --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19309
- --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19310
- --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19311
- position: relative;
19312
- min-width: var(--pf-c-popover--MinWidth);
19313
- max-width: var(--pf-c-popover--MaxWidth);
19314
- font-size: var(--pf-c-popover--FontSize);
19315
- box-shadow: var(--pf-c-popover--BoxShadow);
19316
- }
19317
-
19318
- .pf-c-popover.pf-m-no-padding {
19319
- --pf-c-popover__content--PaddingTop: 0px;
19320
- --pf-c-popover__content--PaddingRight: 0px;
19321
- --pf-c-popover__content--PaddingBottom: 0px;
19322
- --pf-c-popover__content--PaddingLeft: 0px;
19323
- }
18912
+ .pf-c-pagination {
18913
+ --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
18914
+ --pf-c-pagination--m-bottom--child--MarginRight: 0;
18915
+ --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
18916
+ --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
18917
+ --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
18918
+ --pf-c-pagination__nav--Display: none;
18919
+ --pf-c-pagination__nav--Visibility: hidden;
18920
+ --pf-c-pagination--m-display-summary__nav--Display: none;
18921
+ --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
18922
+ --pf-c-pagination--m-display-full__nav--Display: inline-flex;
18923
+ --pf-c-pagination--m-display-full__nav--Visibility: visible;
18924
+ --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
18925
+ --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
18926
+ --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
18927
+ --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
18928
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
18929
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
18930
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
18931
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
18932
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
18933
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
18934
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
18935
+ --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
18936
+ --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
18937
+ --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
18938
+ --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
18939
+ --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
18940
+ --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
18941
+ --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
18942
+ --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
18943
+ --pf-c-pagination__total-items--Display: block;
18944
+ --pf-c-pagination__total-items--Visibility: visible;
18945
+ --pf-c-pagination--m-display-summary__total-items--Display: block;
18946
+ --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
18947
+ --pf-c-pagination--m-display-full__total-items--Display: none;
18948
+ --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
18949
+ --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
18950
+ --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
18951
+ --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
18952
+ --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
18953
+ --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
18954
+ --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
18955
+ --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
18956
+ --pf-c-pagination--m-sticky--Top: 0;
18957
+ --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
18958
+ --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18959
+ --pf-c-pagination--m-bottom--Bottom: 0;
18960
+ --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
18961
+ --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
18962
+ --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
18963
+ --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
18964
+ --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
18965
+ --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
18966
+ --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18967
+ --pf-c-pagination--c-options-menu--Display: none;
18968
+ --pf-c-pagination--c-options-menu--Visibility: hidden;
18969
+ --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
18970
+ --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
18971
+ --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
18972
+ --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
18973
+ display: flex;
18974
+ flex-wrap: wrap;
18975
+ align-items: center;
18976
+ justify-content: flex-end;
18977
+ }
19324
18978
 
19325
- .pf-c-popover.pf-m-width-auto {
19326
- --pf-c-popover--MinWidth: auto;
19327
- --pf-c-popover--MaxWidth: none;
18979
+ @media screen and (min-width: 768px) {
18980
+ .pf-c-pagination {
18981
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
18982
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
18983
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
18984
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
18985
+ --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
18986
+ --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
18987
+ --pf-c-pagination--m-bottom--BoxShadow: none;
18988
+ --pf-c-pagination--c-options-menu--Display: inline-flex;
18989
+ --pf-c-pagination--c-options-menu--Visibility: visible;
18990
+ --pf-c-pagination__nav--Display: inline-flex;
18991
+ --pf-c-pagination__nav--Visibility: visible;
18992
+ --pf-c-pagination__total-items--Display: none;
18993
+ --pf-c-pagination__total-items--Visibility: hidden;
18994
+ }
18995
+ }
18996
+ @media screen and (min-width: 1200px) {
18997
+ .pf-c-pagination {
18998
+ --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
18999
+ --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
19000
+ }
19001
+ }
19002
+ .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
19003
+ margin-right: var(--pf-c-pagination--child--MarginRight);
19328
19004
  }
19329
19005
 
19330
- .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
19331
- bottom: 0;
19332
- left: 50%;
19333
- transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
19006
+ .pf-c-pagination .pf-c-options-menu {
19007
+ display: var(--pf-c-pagination--c-options-menu--Display);
19008
+ visibility: var(--pf-c-pagination--c-options-menu--Visibility);
19334
19009
  }
19335
19010
 
19336
- .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19337
- top: 0;
19338
- left: 50%;
19339
- transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
19011
+ .pf-c-pagination.pf-m-bottom {
19012
+ --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
19013
+ --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
19014
+ --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
19015
+ --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
19016
+ --pf-c-pagination--m-sticky--Top: auto;
19017
+ position: sticky;
19018
+ bottom: var(--pf-c-pagination--m-bottom--Bottom);
19019
+ justify-content: center;
19020
+ background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
19021
+ box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
19340
19022
  }
19341
19023
 
19342
- .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
19343
- top: 50%;
19344
- right: 0;
19345
- transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
19024
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
19025
+ --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
19026
+ --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
19027
+ outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
19346
19028
  }
19347
19029
 
19348
- .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19349
- top: 50%;
19350
- left: 0;
19351
- transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
19030
+ .pf-c-pagination.pf-m-bottom.pf-m-static {
19031
+ --pf-c-pagination--m-bottom--MarginTop: 0;
19032
+ --pf-c-pagination--m-bottom--BorderTopWidth: 0;
19033
+ position: relative;
19034
+ box-shadow: none;
19352
19035
  }
19353
19036
 
19354
- .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19355
- top: var(--pf-c-popover__arrow--Height);
19037
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
19038
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
19039
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
19040
+ display: none;
19041
+ visibility: hidden;
19356
19042
  }
19357
19043
 
19358
- .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19359
- top: auto;
19360
- bottom: 0;
19044
+ .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
19045
+ position: absolute;
19046
+ display: block;
19047
+ visibility: visible;
19361
19048
  }
19362
19049
 
19363
- .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19364
- left: var(--pf-c-popover__arrow--Width);
19050
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
19051
+ display: flex;
19052
+ flex-basis: 100%;
19053
+ justify-content: space-between;
19054
+ visibility: visible;
19365
19055
  }
19366
19056
 
19367
- .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19368
- right: 0;
19369
- left: auto;
19057
+ @media screen and (min-width: 768px) {
19058
+ .pf-c-pagination.pf-m-bottom {
19059
+ --pf-c-pagination--m-bottom--BorderTopWidth: 0;
19060
+ --pf-c-pagination--m-bottom--MarginTop: 0;
19061
+ --pf-c-pagination--m-bottom--Bottom: auto;
19062
+ position: relative;
19063
+ justify-content: flex-end;
19064
+ padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
19065
+ }
19066
+
19067
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
19068
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
19069
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
19070
+ display: block;
19071
+ visibility: visible;
19072
+ }
19073
+
19074
+ .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
19075
+ position: relative;
19076
+ }
19077
+
19078
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
19079
+ display: inline-flex;
19080
+ flex-basis: auto;
19081
+ }
19082
+ }
19083
+ .pf-c-pagination.pf-m-sticky {
19084
+ --pf-c-pagination--m-bottom--Bottom: 0;
19085
+ position: sticky;
19086
+ top: var(--pf-c-pagination--m-sticky--Top);
19087
+ z-index: var(--pf-c-pagination--m-sticky--ZIndex);
19088
+ padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
19089
+ padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
19090
+ padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
19091
+ padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
19092
+ background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
19093
+ box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
19370
19094
  }
19371
19095
 
19372
- .pf-c-popover.pf-m-danger {
19373
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19374
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19096
+ @media screen and (min-width: 768px) {
19097
+ .pf-c-pagination.pf-m-sticky {
19098
+ padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
19099
+ }
19100
+ }
19101
+ .pf-c-pagination .pf-c-options-menu__toggle {
19102
+ font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
19375
19103
  }
19376
19104
 
19377
- .pf-c-popover.pf-m-warning {
19378
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19379
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19105
+ .pf-c-pagination.pf-m-compact {
19106
+ --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
19380
19107
  }
19381
19108
 
19382
- .pf-c-popover.pf-m-success {
19383
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19384
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19109
+ .pf-c-pagination__nav {
19110
+ display: var(--pf-c-pagination__nav--Display);
19111
+ justify-content: flex-end;
19112
+ visibility: var(--pf-c-pagination__nav--Visibility);
19385
19113
  }
19386
19114
 
19387
- .pf-c-popover.pf-m-default {
19388
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19389
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19115
+ .pf-c-pagination__nav-control .pf-c-button {
19116
+ padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
19117
+ padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
19118
+ font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
19390
19119
  }
19391
19120
 
19392
- .pf-c-popover.pf-m-info {
19393
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19394
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19121
+ .pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
19122
+ margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
19395
19123
  }
19396
19124
 
19397
- .pf-c-popover__content {
19398
- position: relative;
19399
- padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
19400
- background-color: var(--pf-c-popover__content--BackgroundColor);
19125
+ .pf-c-pagination__nav-page-select {
19126
+ display: flex;
19127
+ align-items: center;
19128
+ padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
19129
+ padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
19401
19130
  }
19402
19131
 
19403
- .pf-c-popover__content > .pf-c-title {
19404
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19132
+ .pf-c-pagination__nav-page-select > * {
19133
+ font-size: var(--pf-c-pagination__nav-page-select--FontSize);
19134
+ white-space: nowrap;
19405
19135
  }
19406
19136
 
19407
- .pf-c-popover__content > .pf-c-button {
19408
- position: absolute;
19409
- top: var(--pf-c-popover--c-button--Top);
19410
- right: var(--pf-c-popover--c-button--Right);
19137
+ .pf-c-pagination__nav-page-select > *:not(:last-child) {
19138
+ margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
19411
19139
  }
19412
19140
 
19413
- .pf-c-popover__content > .pf-c-button + * {
19414
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19141
+ .pf-c-pagination__nav-page-select .pf-c-form-control {
19142
+ width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
19415
19143
  }
19416
19144
 
19417
- .pf-c-popover__arrow {
19418
- position: absolute;
19419
- width: var(--pf-c-popover__arrow--Width);
19420
- height: var(--pf-c-popover__arrow--Height);
19421
- pointer-events: none;
19422
- background-color: var(--pf-c-popover__arrow--BackgroundColor);
19423
- box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19145
+ .pf-c-pagination__total-items {
19146
+ display: var(--pf-c-pagination__total-items--Display);
19147
+ visibility: var(--pf-c-pagination__total-items--Visibility);
19424
19148
  }
19425
19149
 
19426
- .pf-c-popover__title {
19427
- flex: 0 0 auto;
19428
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
19429
- font-family: var(--pf-c-popover__title--FontFamily);
19430
- font-size: var(--pf-c-popover__title--FontSize);
19431
- line-height: var(--pf-c-popover__title--LineHeight);
19150
+ .pf-c-pagination.pf-m-display-summary {
19151
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19152
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19153
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19154
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19155
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19156
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19432
19157
  }
19433
19158
 
19434
- .pf-c-popover__title.pf-m-icon {
19435
- display: flex;
19159
+ .pf-c-pagination.pf-m-display-full {
19160
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19161
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19162
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19163
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19164
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19165
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19436
19166
  }
19437
19167
 
19438
- .pf-c-popover__title-icon {
19439
- margin-right: var(--pf-c-popover__title-icon--MarginRight);
19440
- color: var(--pf-c-popover__title-icon--Color);
19441
- }
19168
+ @media (min-width: 576px) {
19169
+ .pf-c-pagination.pf-m-display-summary-on-sm {
19170
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19171
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19172
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19173
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19174
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19175
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19176
+ }
19442
19177
 
19443
- .pf-c-popover__title-text {
19444
- color: var(--pf-c-popover__title-text--Color, inherit);
19178
+ .pf-c-pagination.pf-m-display-full-on-sm {
19179
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19180
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19181
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19182
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19183
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19184
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19185
+ }
19445
19186
  }
19187
+ @media (min-width: 768px) {
19188
+ .pf-c-pagination.pf-m-display-summary-on-md {
19189
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19190
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19191
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19192
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19193
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19194
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19195
+ }
19446
19196
 
19447
- .pf-c-popover__body {
19448
- word-wrap: break-word;
19197
+ .pf-c-pagination.pf-m-display-full-on-md {
19198
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19199
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19200
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19201
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19202
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19203
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19204
+ }
19449
19205
  }
19206
+ @media (min-width: 992px) {
19207
+ .pf-c-pagination.pf-m-display-summary-on-lg {
19208
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19209
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19210
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19211
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19212
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19213
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19214
+ }
19450
19215
 
19451
- .pf-c-popover__footer {
19452
- margin-top: var(--pf-c-popover__footer--MarginTop);
19216
+ .pf-c-pagination.pf-m-display-full-on-lg {
19217
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19218
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19219
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19220
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19221
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19222
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19223
+ }
19453
19224
  }
19225
+ @media (min-width: 1200px) {
19226
+ .pf-c-pagination.pf-m-display-summary-on-xl {
19227
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19228
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19229
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19230
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19231
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19232
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19233
+ }
19454
19234
 
19455
- .pf-c-progress {
19456
- --pf-c-progress--GridGap: var(--pf-global--spacer--md);
19457
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
19458
- --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
19459
- --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
19460
- --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
19461
- --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
19462
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
19463
- --pf-c-progress__bar--before--Opacity: .2;
19464
- --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
19465
- --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
19466
- --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
19467
- --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
19468
- --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
19469
- --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
19470
- --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
19471
- --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
19472
- --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
19473
- --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
19474
- --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
19475
- --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
19476
- --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
19477
- --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
19478
- --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
19479
- --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
19480
- --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
19481
- --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
19482
- display: grid;
19483
- align-items: end;
19484
- grid-gap: var(--pf-c-progress--GridGap);
19485
- grid-template-columns: auto auto;
19486
- grid-template-rows: 1fr auto;
19235
+ .pf-c-pagination.pf-m-display-full-on-xl {
19236
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19237
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19238
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19239
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19240
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19241
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19242
+ }
19487
19243
  }
19244
+ @media (min-width: 1450px) {
19245
+ .pf-c-pagination.pf-m-display-summary-on-2xl {
19246
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19247
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19248
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19249
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19250
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19251
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19252
+ }
19488
19253
 
19489
- .pf-c-progress.pf-m-sm {
19490
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
19254
+ .pf-c-pagination.pf-m-display-full-on-2xl {
19255
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19256
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19257
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19258
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19259
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19260
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19261
+ }
19491
19262
  }
19492
-
19493
- .pf-c-progress.pf-m-sm .pf-c-progress__description {
19494
- font-size: var(--pf-c-progress--m-sm__description--FontSize);
19263
+ .pf-c-popover {
19264
+ --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
19265
+ --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19266
+ --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19267
+ --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
19268
+ --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
19269
+ --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19270
+ --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19271
+ --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19272
+ --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19273
+ --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19274
+ --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19275
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19276
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19277
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19278
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19279
+ --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19280
+ --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19281
+ --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19282
+ --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19283
+ --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19284
+ --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19285
+ --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19286
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19287
+ --pf-c-popover__arrow--m-top--TranslateX: -50%;
19288
+ --pf-c-popover__arrow--m-top--TranslateY: 50%;
19289
+ --pf-c-popover__arrow--m-top--Rotate: 45deg;
19290
+ --pf-c-popover__arrow--m-right--TranslateX: -50%;
19291
+ --pf-c-popover__arrow--m-right--TranslateY: -50%;
19292
+ --pf-c-popover__arrow--m-right--Rotate: 45deg;
19293
+ --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19294
+ --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19295
+ --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19296
+ --pf-c-popover__arrow--m-left--TranslateX: 50%;
19297
+ --pf-c-popover__arrow--m-left--TranslateY: -50%;
19298
+ --pf-c-popover__arrow--m-left--Rotate: 45deg;
19299
+ --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19300
+ --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19301
+ --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19302
+ --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19303
+ --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19304
+ --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19305
+ --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19306
+ --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19307
+ --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19308
+ --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19309
+ --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19310
+ --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19311
+ position: relative;
19312
+ min-width: var(--pf-c-popover--MinWidth);
19313
+ max-width: var(--pf-c-popover--MaxWidth);
19314
+ font-size: var(--pf-c-popover--FontSize);
19315
+ box-shadow: var(--pf-c-popover--BoxShadow);
19495
19316
  }
19496
19317
 
19497
- .pf-c-progress.pf-m-sm .pf-c-progress__measure {
19498
- font-size: var(--pf-c-progress--m-sm__measure--FontSize);
19318
+ .pf-c-popover.pf-m-no-padding {
19319
+ --pf-c-popover__content--PaddingTop: 0px;
19320
+ --pf-c-popover__content--PaddingRight: 0px;
19321
+ --pf-c-popover__content--PaddingBottom: 0px;
19322
+ --pf-c-popover__content--PaddingLeft: 0px;
19499
19323
  }
19500
19324
 
19501
- .pf-c-progress.pf-m-lg {
19502
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
19325
+ .pf-c-popover.pf-m-width-auto {
19326
+ --pf-c-popover--MinWidth: auto;
19327
+ --pf-c-popover--MaxWidth: none;
19503
19328
  }
19504
19329
 
19505
- .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
19506
- display: flex;
19507
- align-items: center;
19508
- justify-content: center;
19509
- min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
19330
+ .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
19331
+ bottom: 0;
19332
+ left: 50%;
19333
+ transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
19510
19334
  }
19511
19335
 
19512
- .pf-c-progress.pf-m-inside .pf-c-progress__measure {
19513
- font-size: var(--pf-c-progress--m-inside__measure--FontSize);
19514
- color: var(--pf-c-progress--m-inside__measure--Color);
19515
- text-align: center;
19336
+ .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19337
+ top: 0;
19338
+ left: 50%;
19339
+ transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
19516
19340
  }
19517
19341
 
19518
- .pf-c-progress.pf-m-outside .pf-c-progress__description {
19519
- grid-column: 1/3;
19342
+ .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
19343
+ top: 50%;
19344
+ right: 0;
19345
+ transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
19520
19346
  }
19521
19347
 
19522
- .pf-c-progress.pf-m-outside .pf-c-progress__status {
19523
- grid-column: 2/3;
19524
- grid-row: 2/3;
19525
- align-self: center;
19348
+ .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19349
+ top: 50%;
19350
+ left: 0;
19351
+ transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
19352
+ }
19353
+
19354
+ .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19355
+ top: var(--pf-c-popover__arrow--Height);
19356
+ }
19357
+
19358
+ .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19359
+ top: auto;
19360
+ bottom: 0;
19361
+ }
19362
+
19363
+ .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19364
+ left: var(--pf-c-popover__arrow--Width);
19365
+ }
19366
+
19367
+ .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19368
+ right: 0;
19369
+ left: auto;
19370
+ }
19371
+
19372
+ .pf-c-popover.pf-m-danger {
19373
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19374
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19375
+ }
19376
+
19377
+ .pf-c-popover.pf-m-warning {
19378
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19379
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19380
+ }
19381
+
19382
+ .pf-c-popover.pf-m-success {
19383
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19384
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19385
+ }
19386
+
19387
+ .pf-c-popover.pf-m-default {
19388
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19389
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19390
+ }
19391
+
19392
+ .pf-c-popover.pf-m-info {
19393
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19394
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19395
+ }
19396
+
19397
+ .pf-c-popover__content {
19398
+ position: relative;
19399
+ padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
19400
+ background-color: var(--pf-c-popover__content--BackgroundColor);
19401
+ }
19402
+
19403
+ .pf-c-popover__content > .pf-c-title {
19404
+ margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19405
+ }
19406
+
19407
+ .pf-c-popover__content > .pf-c-button {
19408
+ position: absolute;
19409
+ top: var(--pf-c-popover--c-button--Top);
19410
+ right: var(--pf-c-popover--c-button--Right);
19411
+ }
19412
+
19413
+ .pf-c-popover__content > .pf-c-button + * {
19414
+ padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19415
+ }
19416
+
19417
+ .pf-c-popover__arrow {
19418
+ position: absolute;
19419
+ width: var(--pf-c-popover__arrow--Width);
19420
+ height: var(--pf-c-popover__arrow--Height);
19421
+ pointer-events: none;
19422
+ background-color: var(--pf-c-popover__arrow--BackgroundColor);
19423
+ box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19424
+ }
19425
+
19426
+ .pf-c-popover__title {
19427
+ flex: 0 0 auto;
19428
+ margin-bottom: var(--pf-c-popover__title--MarginBottom);
19429
+ font-family: var(--pf-c-popover__title--FontFamily);
19430
+ font-size: var(--pf-c-popover__title--FontSize);
19431
+ line-height: var(--pf-c-popover__title--LineHeight);
19432
+ }
19433
+
19434
+ .pf-c-popover__title.pf-m-icon {
19435
+ display: flex;
19436
+ }
19437
+
19438
+ .pf-c-popover__title-icon {
19439
+ margin-right: var(--pf-c-popover__title-icon--MarginRight);
19440
+ color: var(--pf-c-popover__title-icon--Color);
19441
+ }
19442
+
19443
+ .pf-c-popover__title-text {
19444
+ color: var(--pf-c-popover__title-text--Color, inherit);
19445
+ }
19446
+
19447
+ .pf-c-popover__body {
19448
+ word-wrap: break-word;
19449
+ }
19450
+
19451
+ .pf-c-popover__footer {
19452
+ margin-top: var(--pf-c-popover__footer--MarginTop);
19453
+ }
19454
+
19455
+ .pf-c-progress {
19456
+ --pf-c-progress--GridGap: var(--pf-global--spacer--md);
19457
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
19458
+ --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
19459
+ --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
19460
+ --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
19461
+ --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
19462
+ --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
19463
+ --pf-c-progress__bar--before--Opacity: .2;
19464
+ --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
19465
+ --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
19466
+ --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
19467
+ --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
19468
+ --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
19469
+ --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
19470
+ --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
19471
+ --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
19472
+ --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
19473
+ --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
19474
+ --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
19475
+ --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
19476
+ --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
19477
+ --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
19478
+ --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
19479
+ --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
19480
+ --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
19481
+ --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
19482
+ display: grid;
19483
+ align-items: end;
19484
+ grid-gap: var(--pf-c-progress--GridGap);
19485
+ grid-template-columns: auto auto;
19486
+ grid-template-rows: 1fr auto;
19487
+ }
19488
+
19489
+ .pf-c-progress.pf-m-sm {
19490
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
19491
+ }
19492
+
19493
+ .pf-c-progress.pf-m-sm .pf-c-progress__description {
19494
+ font-size: var(--pf-c-progress--m-sm__description--FontSize);
19495
+ }
19496
+
19497
+ .pf-c-progress.pf-m-sm .pf-c-progress__measure {
19498
+ font-size: var(--pf-c-progress--m-sm__measure--FontSize);
19499
+ }
19500
+
19501
+ .pf-c-progress.pf-m-lg {
19502
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
19503
+ }
19504
+
19505
+ .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
19506
+ display: flex;
19507
+ align-items: center;
19508
+ justify-content: center;
19509
+ min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
19510
+ }
19511
+
19512
+ .pf-c-progress.pf-m-inside .pf-c-progress__measure {
19513
+ font-size: var(--pf-c-progress--m-inside__measure--FontSize);
19514
+ color: var(--pf-c-progress--m-inside__measure--Color);
19515
+ text-align: center;
19516
+ }
19517
+
19518
+ .pf-c-progress.pf-m-outside .pf-c-progress__description {
19519
+ grid-column: 1/3;
19520
+ }
19521
+
19522
+ .pf-c-progress.pf-m-outside .pf-c-progress__status {
19523
+ grid-column: 2/3;
19524
+ grid-row: 2/3;
19525
+ align-self: center;
19526
19526
  }
19527
19527
 
19528
19528
  .pf-c-progress.pf-m-outside .pf-c-progress__measure {
@@ -19894,6 +19894,78 @@ ul.pf-c-list {
19894
19894
  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
19895
19895
  }
19896
19896
 
19897
+ .pf-c-radio {
19898
+ --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
19899
+ --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
19900
+ --pf-c-radio__label--Color: var(--pf-global--Color--100);
19901
+ --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
19902
+ --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
19903
+ --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
19904
+ --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
19905
+ --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
19906
+ --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
19907
+ --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
19908
+ --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
19909
+ --pf-c-radio__description--Color: var(--pf-global--Color--200);
19910
+ --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
19911
+ display: grid;
19912
+ grid-template-columns: auto 1fr;
19913
+ grid-gap: var(--pf-c-radio--GridGap);
19914
+ align-items: start;
19915
+ justify-items: start;
19916
+ }
19917
+
19918
+ .pf-c-radio.pf-m-standalone {
19919
+ --pf-c-radio--GridGap: 0;
19920
+ --pf-c-radio__input--Height: auto;
19921
+ --pf-c-radio__input--MarginTop: 0;
19922
+ display: inline-grid;
19923
+ line-height: 1;
19924
+ }
19925
+
19926
+ .pf-c-radio__label {
19927
+ font-size: var(--pf-c-radio__label--FontSize);
19928
+ font-weight: var(--pf-c-radio__label--FontWeight);
19929
+ line-height: var(--pf-c-radio__label--LineHeight);
19930
+ color: var(--pf-c-radio__label--Color);
19931
+ }
19932
+
19933
+ .pf-c-radio__input {
19934
+ height: var(--pf-c-radio__input--Height);
19935
+ margin-top: var(--pf-c-radio__input--MarginTop);
19936
+ }
19937
+
19938
+ .pf-c-radio__input:first-child {
19939
+ margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
19940
+ }
19941
+
19942
+ .pf-c-radio__input:last-child {
19943
+ margin-right: var(--pf-c-radio__input--last-child--MarginRight);
19944
+ }
19945
+
19946
+ .pf-c-radio__description {
19947
+ grid-column: 2;
19948
+ font-size: var(--pf-c-radio__description--FontSize);
19949
+ color: var(--pf-c-radio__description--Color);
19950
+ }
19951
+
19952
+ .pf-c-radio__body {
19953
+ grid-column: 2;
19954
+ margin-top: var(--pf-c-radio__body--MarginTop);
19955
+ }
19956
+
19957
+ label.pf-c-radio, .pf-c-radio__label,
19958
+ .pf-c-radio__input {
19959
+ cursor: pointer;
19960
+ }
19961
+
19962
+ .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
19963
+ .pf-c-radio__input:disabled,
19964
+ .pf-c-radio__input.pf-m-disabled {
19965
+ --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
19966
+ cursor: not-allowed;
19967
+ }
19968
+
19897
19969
  .pf-c-search-input {
19898
19970
  --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
19899
19971
  --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -20085,78 +20157,6 @@ ul.pf-c-list {
20085
20157
  flex-grow: 1;
20086
20158
  }
20087
20159
 
20088
- .pf-c-radio {
20089
- --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
20090
- --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
20091
- --pf-c-radio__label--Color: var(--pf-global--Color--100);
20092
- --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
20093
- --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
20094
- --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
20095
- --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
20096
- --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
20097
- --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
20098
- --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
20099
- --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
20100
- --pf-c-radio__description--Color: var(--pf-global--Color--200);
20101
- --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
20102
- display: grid;
20103
- grid-template-columns: auto 1fr;
20104
- grid-gap: var(--pf-c-radio--GridGap);
20105
- align-items: start;
20106
- justify-items: start;
20107
- }
20108
-
20109
- .pf-c-radio.pf-m-standalone {
20110
- --pf-c-radio--GridGap: 0;
20111
- --pf-c-radio__input--Height: auto;
20112
- --pf-c-radio__input--MarginTop: 0;
20113
- display: inline-grid;
20114
- line-height: 1;
20115
- }
20116
-
20117
- .pf-c-radio__label {
20118
- font-size: var(--pf-c-radio__label--FontSize);
20119
- font-weight: var(--pf-c-radio__label--FontWeight);
20120
- line-height: var(--pf-c-radio__label--LineHeight);
20121
- color: var(--pf-c-radio__label--Color);
20122
- }
20123
-
20124
- .pf-c-radio__input {
20125
- height: var(--pf-c-radio__input--Height);
20126
- margin-top: var(--pf-c-radio__input--MarginTop);
20127
- }
20128
-
20129
- .pf-c-radio__input:first-child {
20130
- margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
20131
- }
20132
-
20133
- .pf-c-radio__input:last-child {
20134
- margin-right: var(--pf-c-radio__input--last-child--MarginRight);
20135
- }
20136
-
20137
- .pf-c-radio__description {
20138
- grid-column: 2;
20139
- font-size: var(--pf-c-radio__description--FontSize);
20140
- color: var(--pf-c-radio__description--Color);
20141
- }
20142
-
20143
- .pf-c-radio__body {
20144
- grid-column: 2;
20145
- margin-top: var(--pf-c-radio__body--MarginTop);
20146
- }
20147
-
20148
- label.pf-c-radio, .pf-c-radio__label,
20149
- .pf-c-radio__input {
20150
- cursor: pointer;
20151
- }
20152
-
20153
- .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
20154
- .pf-c-radio__input:disabled,
20155
- .pf-c-radio__input.pf-m-disabled {
20156
- --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
20157
- cursor: not-allowed;
20158
- }
20159
-
20160
20160
  .pf-c-select {
20161
20161
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
20162
20162
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -20836,20 +20836,6 @@ label.pf-c-radio, .pf-c-radio__label,
20836
20836
  margin-top: var(--pf-c-simple-list__section--section--MarginTop);
20837
20837
  }
20838
20838
 
20839
- .pf-c-skip-to-content {
20840
- --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
20841
- --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
20842
- --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
20843
- position: absolute;
20844
- top: var(--pf-c-skip-to-content--Top);
20845
- left: -300%;
20846
- z-index: var(--pf-c-skip-to-content--ZIndex);
20847
- }
20848
-
20849
- .pf-c-skip-to-content:focus {
20850
- left: var(--pf-c-skip-to-content--focus--Left);
20851
- }
20852
-
20853
20839
  .pf-c-skeleton {
20854
20840
  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
20855
20841
  --pf-c-skeleton--Width: auto;
@@ -21039,6 +21025,20 @@ label.pf-c-radio, .pf-c-radio__label,
21039
21025
  transform: translateX(100%);
21040
21026
  }
21041
21027
  }
21028
+ .pf-c-skip-to-content {
21029
+ --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
21030
+ --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
21031
+ --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
21032
+ position: absolute;
21033
+ top: var(--pf-c-skip-to-content--Top);
21034
+ left: -300%;
21035
+ z-index: var(--pf-c-skip-to-content--ZIndex);
21036
+ }
21037
+
21038
+ .pf-c-skip-to-content:focus {
21039
+ left: var(--pf-c-skip-to-content--focus--Left);
21040
+ }
21041
+
21042
21042
  .pf-c-slider {
21043
21043
  --pf-c-slider--value: 0;
21044
21044
  --pf-c-slider__rail--PaddingTop: var(--pf-global--spacer--md);
@@ -21411,293 +21411,6 @@ label.pf-c-radio, .pf-c-radio__label,
21411
21411
  vertical-align: top;
21412
21412
  }
21413
21413
 
21414
- .pf-c-content {
21415
- --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
21416
- --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
21417
- --pf-c-content--FontSize: var(--pf-global--FontSize--md);
21418
- --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
21419
- --pf-c-content--Color: var(--pf-global--Color--100);
21420
- --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
21421
- --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
21422
- --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
21423
- --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
21424
- --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
21425
- --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
21426
- --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
21427
- --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
21428
- --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--md);
21429
- --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
21430
- --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
21431
- --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
21432
- --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
21433
- --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
21434
- --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
21435
- --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
21436
- --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
21437
- --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
21438
- --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
21439
- --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
21440
- --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--normal);
21441
- --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
21442
- --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
21443
- --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
21444
- --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
21445
- --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--normal);
21446
- --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
21447
- --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
21448
- --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
21449
- --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
21450
- --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--normal);
21451
- --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
21452
- --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
21453
- --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
21454
- --pf-c-content--small--Color: var(--pf-global--Color--200);
21455
- --pf-c-content--a--Color: var(--pf-global--link--Color);
21456
- --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
21457
- --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
21458
- --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
21459
- --pf-c-content--a--visited--Color: var(--pf-global--link--Color--visited);
21460
- --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
21461
- --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
21462
- --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
21463
- --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
21464
- --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
21465
- --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
21466
- --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
21467
- --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
21468
- --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
21469
- --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
21470
- --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
21471
- --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
21472
- --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
21473
- --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
21474
- --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
21475
- --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
21476
- --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
21477
- --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
21478
- --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
21479
- --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
21480
- --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
21481
- --pf-c-content--dt--sm--MarginTop: 0;
21482
- --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
21483
- --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
21484
- font-size: var(--pf-c-content--FontSize);
21485
- line-height: var(--pf-c-content--LineHeight);
21486
- color: var(--pf-c-content--Color);
21487
- }
21488
-
21489
- .pf-c-content a {
21490
- color: var(--pf-c-content--a--Color);
21491
- text-decoration: var(--pf-c-content--a--TextDecoration);
21492
- }
21493
-
21494
- .pf-c-content a:hover {
21495
- --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
21496
- --pf-c-content--a--TextDecoration: var(--pf-c-content--a--hover--TextDecoration);
21497
- }
21498
-
21499
- .pf-c-content.pf-m-visited a:visited,
21500
- .pf-c-content a.pf-m-visited:visited {
21501
- color: var(--pf-c-content--a--visited--Color);
21502
- }
21503
-
21504
- .pf-c-content li + li {
21505
- margin-top: var(--pf-c-content--li--MarginTop);
21506
- }
21507
-
21508
- .pf-c-content p:not(:last-child),
21509
- .pf-c-content dl:not(:last-child),
21510
- .pf-c-content ol:not(:last-child),
21511
- .pf-c-content ul:not(:last-child),
21512
- .pf-c-content blockquote:not(:last-child),
21513
- .pf-c-content small:not(:last-child),
21514
- .pf-c-content pre:not(:last-child),
21515
- .pf-c-content table:not(:last-child),
21516
- .pf-c-content hr:not(:last-child) {
21517
- margin-bottom: var(--pf-c-content--MarginBottom);
21518
- }
21519
-
21520
- .pf-c-content h1,
21521
- .pf-c-content h2,
21522
- .pf-c-content h3,
21523
- .pf-c-content h4,
21524
- .pf-c-content h5,
21525
- .pf-c-content h6 {
21526
- margin: 0;
21527
- font-family: var(--pf-c-content--heading--FontFamily);
21528
- }
21529
-
21530
- .pf-c-content h1:first-child,
21531
- .pf-c-content h2:first-child,
21532
- .pf-c-content h3:first-child,
21533
- .pf-c-content h4:first-child,
21534
- .pf-c-content h5:first-child,
21535
- .pf-c-content h6:first-child {
21536
- margin-top: 0;
21537
- }
21538
-
21539
- .pf-c-content h1:last-child,
21540
- .pf-c-content h2:last-child,
21541
- .pf-c-content h3:last-child,
21542
- .pf-c-content h4:last-child,
21543
- .pf-c-content h5:last-child,
21544
- .pf-c-content h6:last-child {
21545
- margin-bottom: 0;
21546
- }
21547
-
21548
- .pf-c-content ol,
21549
- .pf-c-content ul {
21550
- margin: 0;
21551
- }
21552
-
21553
- .pf-c-content h1 {
21554
- margin-top: var(--pf-c-content--h1--MarginTop);
21555
- margin-bottom: var(--pf-c-content--h1--MarginBottom);
21556
- font-size: var(--pf-c-content--h1--FontSize);
21557
- font-weight: var(--pf-c-content--h1--FontWeight);
21558
- line-height: var(--pf-c-content--h1--LineHeight);
21559
- }
21560
-
21561
- .pf-c-content h2 {
21562
- margin-top: var(--pf-c-content--h2--MarginTop);
21563
- margin-bottom: var(--pf-c-content--h2--MarginBottom);
21564
- font-size: var(--pf-c-content--h2--FontSize);
21565
- font-weight: var(--pf-c-content--h2--FontWeight);
21566
- line-height: var(--pf-c-content--h2--LineHeight);
21567
- }
21568
-
21569
- .pf-c-content h3 {
21570
- margin-top: var(--pf-c-content--h3--MarginTop);
21571
- margin-bottom: var(--pf-c-content--h3--MarginBottom);
21572
- font-size: var(--pf-c-content--h3--FontSize);
21573
- font-weight: var(--pf-c-content--h3--FontWeight);
21574
- line-height: var(--pf-c-content--h3--LineHeight);
21575
- }
21576
-
21577
- .pf-c-content h4 {
21578
- margin-top: var(--pf-c-content--h4--MarginTop);
21579
- margin-bottom: var(--pf-c-content--h4--MarginBottom);
21580
- font-size: var(--pf-c-content--h4--FontSize);
21581
- font-weight: var(--pf-c-content--h4--FontWeight);
21582
- line-height: var(--pf-c-content--h4--LineHeight);
21583
- }
21584
-
21585
- .pf-c-content h5 {
21586
- margin-top: var(--pf-c-content--h5--MarginTop);
21587
- margin-bottom: var(--pf-c-content--h5--MarginBottom);
21588
- font-size: var(--pf-c-content--h5--FontSize);
21589
- font-weight: var(--pf-c-content--h5--FontWeight);
21590
- line-height: var(--pf-c-content--h5--LineHeight);
21591
- }
21592
-
21593
- .pf-c-content h6 {
21594
- margin-top: var(--pf-c-content--h6--MarginTop);
21595
- margin-bottom: var(--pf-c-content--h6--MarginBottom);
21596
- font-size: var(--pf-c-content--h6--FontSize);
21597
- font-weight: var(--pf-c-content--h6--FontWeight);
21598
- line-height: var(--pf-c-content--h6--LineHeight);
21599
- }
21600
-
21601
- .pf-c-content small {
21602
- display: block;
21603
- font-size: var(--pf-c-content--small--FontSize);
21604
- line-height: var(--pf-c-content--small--LineHeight);
21605
- color: var(--pf-c-content--small--Color);
21606
- }
21607
-
21608
- .pf-c-content small:not(:last-child) {
21609
- margin-bottom: var(--pf-c-content--small--MarginBottom);
21610
- }
21611
-
21612
- .pf-c-content blockquote {
21613
- padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft);
21614
- color: var(--pf-c-content--blockquote--Color);
21615
- border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor);
21616
- }
21617
-
21618
- .pf-c-content hr {
21619
- height: var(--pf-c-content--hr--Height);
21620
- background-color: var(--pf-c-content--hr--BackgroundColor);
21621
- border: none;
21622
- }
21623
-
21624
- .pf-c-content ol {
21625
- padding-left: var(--pf-c-content--ol--PaddingLeft);
21626
- margin-left: var(--pf-c-content--ol--MarginLeft);
21627
- }
21628
-
21629
- .pf-c-content ol ul {
21630
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
21631
- --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
21632
- }
21633
-
21634
- .pf-c-content ol ol {
21635
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
21636
- --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
21637
- }
21638
-
21639
- .pf-c-content ul {
21640
- padding-left: var(--pf-c-content--ul--PaddingLeft);
21641
- margin-left: var(--pf-c-content--ul--MarginLeft);
21642
- list-style: var(--pf-c-content--ul--ListStyle);
21643
- }
21644
-
21645
- .pf-c-content ul ul {
21646
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
21647
- --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
21648
- }
21649
-
21650
- .pf-c-content ul ol {
21651
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
21652
- --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
21653
- }
21654
-
21655
- .pf-c-content dl {
21656
- display: grid;
21657
- grid-template-columns: 1fr;
21658
- }
21659
-
21660
- @media screen and (min-width: 576px) {
21661
- .pf-c-content dl {
21662
- grid-template: auto/auto 1fr;
21663
- grid-column-gap: var(--pf-c-content--dl--ColumnGap);
21664
- grid-row-gap: var(--pf-c-content--dl--RowGap);
21665
- }
21666
- }
21667
- .pf-c-content dt {
21668
- font-weight: var(--pf-c-content--dt--FontWeight);
21669
- }
21670
-
21671
- .pf-c-content dt:not(:first-child) {
21672
- margin-top: var(--pf-c-content--dt--MarginTop);
21673
- }
21674
-
21675
- @media screen and (min-width: 576px) {
21676
- .pf-c-content dt:not(:first-child) {
21677
- --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
21678
- }
21679
- }
21680
- @media screen and (min-width: 576px) {
21681
- .pf-c-content dt {
21682
- grid-column: 1;
21683
- }
21684
- }
21685
- @media screen and (min-width: 576px) {
21686
- .pf-c-content dd {
21687
- grid-column: 2;
21688
- }
21689
- }
21690
- .pf-m-overpass-font .pf-c-content {
21691
- --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
21692
- --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
21693
- --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
21694
- --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
21695
- }
21696
-
21697
- .pf-m-overpass-font .pf-c-content blockquote {
21698
- font-weight: var(--pf-global--FontWeight--light);
21699
- }
21700
-
21701
21414
  .pf-c-tabs {
21702
21415
  --pf-c-tabs--inset: 0;
21703
21416
  --pf-c-tabs--Width: auto;
@@ -22307,269 +22020,556 @@ label.pf-c-radio, .pf-c-radio__label,
22307
22020
  transform: translateX(100%);
22308
22021
  }
22309
22022
 
22310
- .pf-c-tabs__scroll-button:disabled {
22311
- --pf-c-tabs__scroll-button--Color: var(--pf-c-tabs__scroll-button--disabled--Color);
22312
- pointer-events: none;
22023
+ .pf-c-tabs__scroll-button:disabled {
22024
+ --pf-c-tabs__scroll-button--Color: var(--pf-c-tabs__scroll-button--disabled--Color);
22025
+ pointer-events: none;
22026
+ }
22027
+
22028
+ .pf-c-tabs.pf-m-inset-none {
22029
+ --pf-c-tabs--inset: 0;
22030
+ --pf-c-tabs--m-vertical--inset: 0;
22031
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22032
+ }
22033
+
22034
+ .pf-c-tabs.pf-m-inset-sm {
22035
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22036
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22037
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22038
+ }
22039
+
22040
+ .pf-c-tabs.pf-m-inset-md {
22041
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22042
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22043
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22044
+ }
22045
+
22046
+ .pf-c-tabs.pf-m-inset-lg {
22047
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22048
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22049
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22050
+ }
22051
+
22052
+ .pf-c-tabs.pf-m-inset-xl {
22053
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22054
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22055
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22056
+ }
22057
+
22058
+ .pf-c-tabs.pf-m-inset-2xl {
22059
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22060
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22061
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22062
+ }
22063
+
22064
+ @media (min-width: 576px) {
22065
+ .pf-c-tabs.pf-m-inset-none-on-sm {
22066
+ --pf-c-tabs--inset: 0;
22067
+ --pf-c-tabs--m-vertical--inset: 0;
22068
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22069
+ }
22070
+
22071
+ .pf-c-tabs.pf-m-inset-sm-on-sm {
22072
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22073
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22074
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22075
+ }
22076
+
22077
+ .pf-c-tabs.pf-m-inset-md-on-sm {
22078
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22079
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22080
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22081
+ }
22082
+
22083
+ .pf-c-tabs.pf-m-inset-lg-on-sm {
22084
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22085
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22086
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22087
+ }
22088
+
22089
+ .pf-c-tabs.pf-m-inset-xl-on-sm {
22090
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22091
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22092
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22093
+ }
22094
+
22095
+ .pf-c-tabs.pf-m-inset-2xl-on-sm {
22096
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22097
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22098
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22099
+ }
22100
+ }
22101
+ @media (min-width: 768px) {
22102
+ .pf-c-tabs.pf-m-inset-none-on-md {
22103
+ --pf-c-tabs--inset: 0;
22104
+ --pf-c-tabs--m-vertical--inset: 0;
22105
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22106
+ }
22107
+
22108
+ .pf-c-tabs.pf-m-inset-sm-on-md {
22109
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22110
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22111
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22112
+ }
22113
+
22114
+ .pf-c-tabs.pf-m-inset-md-on-md {
22115
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22116
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22117
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22118
+ }
22119
+
22120
+ .pf-c-tabs.pf-m-inset-lg-on-md {
22121
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22122
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22123
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22124
+ }
22125
+
22126
+ .pf-c-tabs.pf-m-inset-xl-on-md {
22127
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22128
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22129
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22130
+ }
22131
+
22132
+ .pf-c-tabs.pf-m-inset-2xl-on-md {
22133
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22134
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22135
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22136
+ }
22137
+ }
22138
+ @media (min-width: 992px) {
22139
+ .pf-c-tabs.pf-m-inset-none-on-lg {
22140
+ --pf-c-tabs--inset: 0;
22141
+ --pf-c-tabs--m-vertical--inset: 0;
22142
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22143
+ }
22144
+
22145
+ .pf-c-tabs.pf-m-inset-sm-on-lg {
22146
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22147
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22148
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22149
+ }
22150
+
22151
+ .pf-c-tabs.pf-m-inset-md-on-lg {
22152
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22153
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22154
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22155
+ }
22156
+
22157
+ .pf-c-tabs.pf-m-inset-lg-on-lg {
22158
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22159
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22160
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22161
+ }
22162
+
22163
+ .pf-c-tabs.pf-m-inset-xl-on-lg {
22164
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22165
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22166
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22167
+ }
22168
+
22169
+ .pf-c-tabs.pf-m-inset-2xl-on-lg {
22170
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22171
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22172
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22173
+ }
22174
+ }
22175
+ @media (min-width: 1200px) {
22176
+ .pf-c-tabs.pf-m-inset-none-on-xl {
22177
+ --pf-c-tabs--inset: 0;
22178
+ --pf-c-tabs--m-vertical--inset: 0;
22179
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22180
+ }
22181
+
22182
+ .pf-c-tabs.pf-m-inset-sm-on-xl {
22183
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22184
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22185
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22186
+ }
22187
+
22188
+ .pf-c-tabs.pf-m-inset-md-on-xl {
22189
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22190
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22191
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22192
+ }
22193
+
22194
+ .pf-c-tabs.pf-m-inset-lg-on-xl {
22195
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22196
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22197
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22198
+ }
22199
+
22200
+ .pf-c-tabs.pf-m-inset-xl-on-xl {
22201
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22202
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22203
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22204
+ }
22205
+
22206
+ .pf-c-tabs.pf-m-inset-2xl-on-xl {
22207
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22208
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22209
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22210
+ }
22211
+ }
22212
+ @media (min-width: 1450px) {
22213
+ .pf-c-tabs.pf-m-inset-none-on-2xl {
22214
+ --pf-c-tabs--inset: 0;
22215
+ --pf-c-tabs--m-vertical--inset: 0;
22216
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22217
+ }
22218
+
22219
+ .pf-c-tabs.pf-m-inset-sm-on-2xl {
22220
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22221
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22222
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22223
+ }
22224
+
22225
+ .pf-c-tabs.pf-m-inset-md-on-2xl {
22226
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22227
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22228
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22229
+ }
22230
+
22231
+ .pf-c-tabs.pf-m-inset-lg-on-2xl {
22232
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22233
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22234
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22235
+ }
22236
+
22237
+ .pf-c-tabs.pf-m-inset-xl-on-2xl {
22238
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22239
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22240
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22241
+ }
22242
+
22243
+ .pf-c-tabs.pf-m-inset-2xl-on-2xl {
22244
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22245
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22246
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22247
+ }
22248
+ }
22249
+ .pf-c-tab-content {
22250
+ --pf-c-tab-content__body--PaddingTop: 0;
22251
+ --pf-c-tab-content__body--PaddingRight: 0;
22252
+ --pf-c-tab-content__body--PaddingBottom: 0;
22253
+ --pf-c-tab-content__body--PaddingLeft: 0;
22254
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
22255
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
22256
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
22257
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
22258
+ --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
22259
+ --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
22260
+ --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
22261
+ --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
22262
+ --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
22263
+ }
22264
+
22265
+ @media screen and (min-width: 1200px) {
22266
+ .pf-c-tab-content {
22267
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
22268
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
22269
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
22270
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
22271
+ }
22272
+ }
22273
+ .pf-c-tab-content.pf-m-light-300 {
22274
+ background-color: var(--pf-c-tab-content--m-light-300);
22275
+ }
22276
+
22277
+ .pf-c-tab-content__body {
22278
+ padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
22279
+ }
22280
+
22281
+ .pf-c-tab-content__body.pf-m-padding {
22282
+ --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
22283
+ --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
22284
+ --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
22285
+ --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
22286
+ }
22287
+
22288
+ .pf-c-content {
22289
+ --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
22290
+ --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
22291
+ --pf-c-content--FontSize: var(--pf-global--FontSize--md);
22292
+ --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
22293
+ --pf-c-content--Color: var(--pf-global--Color--100);
22294
+ --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
22295
+ --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
22296
+ --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
22297
+ --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
22298
+ --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
22299
+ --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
22300
+ --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
22301
+ --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
22302
+ --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--md);
22303
+ --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
22304
+ --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
22305
+ --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
22306
+ --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
22307
+ --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
22308
+ --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
22309
+ --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
22310
+ --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
22311
+ --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
22312
+ --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
22313
+ --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
22314
+ --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--normal);
22315
+ --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
22316
+ --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
22317
+ --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
22318
+ --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
22319
+ --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--normal);
22320
+ --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
22321
+ --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
22322
+ --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
22323
+ --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
22324
+ --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--normal);
22325
+ --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
22326
+ --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
22327
+ --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
22328
+ --pf-c-content--small--Color: var(--pf-global--Color--200);
22329
+ --pf-c-content--a--Color: var(--pf-global--link--Color);
22330
+ --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
22331
+ --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
22332
+ --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
22333
+ --pf-c-content--a--visited--Color: var(--pf-global--link--Color--visited);
22334
+ --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
22335
+ --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
22336
+ --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
22337
+ --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
22338
+ --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
22339
+ --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
22340
+ --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
22341
+ --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
22342
+ --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
22343
+ --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
22344
+ --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
22345
+ --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
22346
+ --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
22347
+ --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
22348
+ --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
22349
+ --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
22350
+ --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
22351
+ --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
22352
+ --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
22353
+ --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
22354
+ --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
22355
+ --pf-c-content--dt--sm--MarginTop: 0;
22356
+ --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
22357
+ --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
22358
+ font-size: var(--pf-c-content--FontSize);
22359
+ line-height: var(--pf-c-content--LineHeight);
22360
+ color: var(--pf-c-content--Color);
22361
+ }
22362
+
22363
+ .pf-c-content a {
22364
+ color: var(--pf-c-content--a--Color);
22365
+ text-decoration: var(--pf-c-content--a--TextDecoration);
22313
22366
  }
22314
22367
 
22315
- .pf-c-tabs.pf-m-inset-none {
22316
- --pf-c-tabs--inset: 0;
22317
- --pf-c-tabs--m-vertical--inset: 0;
22318
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22368
+ .pf-c-content a:hover {
22369
+ --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
22370
+ --pf-c-content--a--TextDecoration: var(--pf-c-content--a--hover--TextDecoration);
22319
22371
  }
22320
22372
 
22321
- .pf-c-tabs.pf-m-inset-sm {
22322
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22323
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22324
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22373
+ .pf-c-content.pf-m-visited a:visited,
22374
+ .pf-c-content a.pf-m-visited:visited {
22375
+ color: var(--pf-c-content--a--visited--Color);
22325
22376
  }
22326
22377
 
22327
- .pf-c-tabs.pf-m-inset-md {
22328
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22329
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22330
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22378
+ .pf-c-content li + li {
22379
+ margin-top: var(--pf-c-content--li--MarginTop);
22331
22380
  }
22332
22381
 
22333
- .pf-c-tabs.pf-m-inset-lg {
22334
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22335
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22336
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22382
+ .pf-c-content p:not(:last-child),
22383
+ .pf-c-content dl:not(:last-child),
22384
+ .pf-c-content ol:not(:last-child),
22385
+ .pf-c-content ul:not(:last-child),
22386
+ .pf-c-content blockquote:not(:last-child),
22387
+ .pf-c-content small:not(:last-child),
22388
+ .pf-c-content pre:not(:last-child),
22389
+ .pf-c-content table:not(:last-child),
22390
+ .pf-c-content hr:not(:last-child) {
22391
+ margin-bottom: var(--pf-c-content--MarginBottom);
22337
22392
  }
22338
22393
 
22339
- .pf-c-tabs.pf-m-inset-xl {
22340
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22341
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22342
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22394
+ .pf-c-content h1,
22395
+ .pf-c-content h2,
22396
+ .pf-c-content h3,
22397
+ .pf-c-content h4,
22398
+ .pf-c-content h5,
22399
+ .pf-c-content h6 {
22400
+ margin: 0;
22401
+ font-family: var(--pf-c-content--heading--FontFamily);
22343
22402
  }
22344
22403
 
22345
- .pf-c-tabs.pf-m-inset-2xl {
22346
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22347
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22348
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22404
+ .pf-c-content h1:first-child,
22405
+ .pf-c-content h2:first-child,
22406
+ .pf-c-content h3:first-child,
22407
+ .pf-c-content h4:first-child,
22408
+ .pf-c-content h5:first-child,
22409
+ .pf-c-content h6:first-child {
22410
+ margin-top: 0;
22349
22411
  }
22350
22412
 
22351
- @media (min-width: 576px) {
22352
- .pf-c-tabs.pf-m-inset-none-on-sm {
22353
- --pf-c-tabs--inset: 0;
22354
- --pf-c-tabs--m-vertical--inset: 0;
22355
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22356
- }
22357
-
22358
- .pf-c-tabs.pf-m-inset-sm-on-sm {
22359
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22360
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22361
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22362
- }
22363
-
22364
- .pf-c-tabs.pf-m-inset-md-on-sm {
22365
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22366
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22367
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22368
- }
22369
-
22370
- .pf-c-tabs.pf-m-inset-lg-on-sm {
22371
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22372
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22373
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22374
- }
22375
-
22376
- .pf-c-tabs.pf-m-inset-xl-on-sm {
22377
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22378
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22379
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22380
- }
22381
-
22382
- .pf-c-tabs.pf-m-inset-2xl-on-sm {
22383
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22384
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22385
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22386
- }
22413
+ .pf-c-content h1:last-child,
22414
+ .pf-c-content h2:last-child,
22415
+ .pf-c-content h3:last-child,
22416
+ .pf-c-content h4:last-child,
22417
+ .pf-c-content h5:last-child,
22418
+ .pf-c-content h6:last-child {
22419
+ margin-bottom: 0;
22387
22420
  }
22388
- @media (min-width: 768px) {
22389
- .pf-c-tabs.pf-m-inset-none-on-md {
22390
- --pf-c-tabs--inset: 0;
22391
- --pf-c-tabs--m-vertical--inset: 0;
22392
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22393
- }
22394
-
22395
- .pf-c-tabs.pf-m-inset-sm-on-md {
22396
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22397
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22398
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22399
- }
22400
-
22401
- .pf-c-tabs.pf-m-inset-md-on-md {
22402
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22403
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22404
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22405
- }
22406
22421
 
22407
- .pf-c-tabs.pf-m-inset-lg-on-md {
22408
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22409
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22410
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22411
- }
22422
+ .pf-c-content ol,
22423
+ .pf-c-content ul {
22424
+ margin: 0;
22425
+ }
22412
22426
 
22413
- .pf-c-tabs.pf-m-inset-xl-on-md {
22414
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22415
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22416
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22417
- }
22427
+ .pf-c-content h1 {
22428
+ margin-top: var(--pf-c-content--h1--MarginTop);
22429
+ margin-bottom: var(--pf-c-content--h1--MarginBottom);
22430
+ font-size: var(--pf-c-content--h1--FontSize);
22431
+ font-weight: var(--pf-c-content--h1--FontWeight);
22432
+ line-height: var(--pf-c-content--h1--LineHeight);
22433
+ }
22418
22434
 
22419
- .pf-c-tabs.pf-m-inset-2xl-on-md {
22420
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22421
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22422
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22423
- }
22435
+ .pf-c-content h2 {
22436
+ margin-top: var(--pf-c-content--h2--MarginTop);
22437
+ margin-bottom: var(--pf-c-content--h2--MarginBottom);
22438
+ font-size: var(--pf-c-content--h2--FontSize);
22439
+ font-weight: var(--pf-c-content--h2--FontWeight);
22440
+ line-height: var(--pf-c-content--h2--LineHeight);
22424
22441
  }
22425
- @media (min-width: 992px) {
22426
- .pf-c-tabs.pf-m-inset-none-on-lg {
22427
- --pf-c-tabs--inset: 0;
22428
- --pf-c-tabs--m-vertical--inset: 0;
22429
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22430
- }
22431
22442
 
22432
- .pf-c-tabs.pf-m-inset-sm-on-lg {
22433
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22434
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22435
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22436
- }
22443
+ .pf-c-content h3 {
22444
+ margin-top: var(--pf-c-content--h3--MarginTop);
22445
+ margin-bottom: var(--pf-c-content--h3--MarginBottom);
22446
+ font-size: var(--pf-c-content--h3--FontSize);
22447
+ font-weight: var(--pf-c-content--h3--FontWeight);
22448
+ line-height: var(--pf-c-content--h3--LineHeight);
22449
+ }
22437
22450
 
22438
- .pf-c-tabs.pf-m-inset-md-on-lg {
22439
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22440
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22441
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22442
- }
22451
+ .pf-c-content h4 {
22452
+ margin-top: var(--pf-c-content--h4--MarginTop);
22453
+ margin-bottom: var(--pf-c-content--h4--MarginBottom);
22454
+ font-size: var(--pf-c-content--h4--FontSize);
22455
+ font-weight: var(--pf-c-content--h4--FontWeight);
22456
+ line-height: var(--pf-c-content--h4--LineHeight);
22457
+ }
22443
22458
 
22444
- .pf-c-tabs.pf-m-inset-lg-on-lg {
22445
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22446
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22447
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22448
- }
22459
+ .pf-c-content h5 {
22460
+ margin-top: var(--pf-c-content--h5--MarginTop);
22461
+ margin-bottom: var(--pf-c-content--h5--MarginBottom);
22462
+ font-size: var(--pf-c-content--h5--FontSize);
22463
+ font-weight: var(--pf-c-content--h5--FontWeight);
22464
+ line-height: var(--pf-c-content--h5--LineHeight);
22465
+ }
22449
22466
 
22450
- .pf-c-tabs.pf-m-inset-xl-on-lg {
22451
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22452
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22453
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22454
- }
22467
+ .pf-c-content h6 {
22468
+ margin-top: var(--pf-c-content--h6--MarginTop);
22469
+ margin-bottom: var(--pf-c-content--h6--MarginBottom);
22470
+ font-size: var(--pf-c-content--h6--FontSize);
22471
+ font-weight: var(--pf-c-content--h6--FontWeight);
22472
+ line-height: var(--pf-c-content--h6--LineHeight);
22473
+ }
22455
22474
 
22456
- .pf-c-tabs.pf-m-inset-2xl-on-lg {
22457
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22458
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22459
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22460
- }
22475
+ .pf-c-content small {
22476
+ display: block;
22477
+ font-size: var(--pf-c-content--small--FontSize);
22478
+ line-height: var(--pf-c-content--small--LineHeight);
22479
+ color: var(--pf-c-content--small--Color);
22461
22480
  }
22462
- @media (min-width: 1200px) {
22463
- .pf-c-tabs.pf-m-inset-none-on-xl {
22464
- --pf-c-tabs--inset: 0;
22465
- --pf-c-tabs--m-vertical--inset: 0;
22466
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22467
- }
22468
22481
 
22469
- .pf-c-tabs.pf-m-inset-sm-on-xl {
22470
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22471
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22472
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22473
- }
22482
+ .pf-c-content small:not(:last-child) {
22483
+ margin-bottom: var(--pf-c-content--small--MarginBottom);
22484
+ }
22474
22485
 
22475
- .pf-c-tabs.pf-m-inset-md-on-xl {
22476
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22477
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22478
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22479
- }
22486
+ .pf-c-content blockquote {
22487
+ padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft);
22488
+ color: var(--pf-c-content--blockquote--Color);
22489
+ border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor);
22490
+ }
22480
22491
 
22481
- .pf-c-tabs.pf-m-inset-lg-on-xl {
22482
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22483
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22484
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22485
- }
22492
+ .pf-c-content hr {
22493
+ height: var(--pf-c-content--hr--Height);
22494
+ background-color: var(--pf-c-content--hr--BackgroundColor);
22495
+ border: none;
22496
+ }
22486
22497
 
22487
- .pf-c-tabs.pf-m-inset-xl-on-xl {
22488
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22489
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22490
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22491
- }
22498
+ .pf-c-content ol {
22499
+ padding-left: var(--pf-c-content--ol--PaddingLeft);
22500
+ margin-left: var(--pf-c-content--ol--MarginLeft);
22501
+ }
22492
22502
 
22493
- .pf-c-tabs.pf-m-inset-2xl-on-xl {
22494
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22495
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22496
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22497
- }
22503
+ .pf-c-content ol ul {
22504
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
22505
+ --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
22498
22506
  }
22499
- @media (min-width: 1450px) {
22500
- .pf-c-tabs.pf-m-inset-none-on-2xl {
22501
- --pf-c-tabs--inset: 0;
22502
- --pf-c-tabs--m-vertical--inset: 0;
22503
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22504
- }
22505
22507
 
22506
- .pf-c-tabs.pf-m-inset-sm-on-2xl {
22507
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22508
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22509
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22510
- }
22508
+ .pf-c-content ol ol {
22509
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
22510
+ --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
22511
+ }
22511
22512
 
22512
- .pf-c-tabs.pf-m-inset-md-on-2xl {
22513
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22514
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22515
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22516
- }
22513
+ .pf-c-content ul {
22514
+ padding-left: var(--pf-c-content--ul--PaddingLeft);
22515
+ margin-left: var(--pf-c-content--ul--MarginLeft);
22516
+ list-style: var(--pf-c-content--ul--ListStyle);
22517
+ }
22517
22518
 
22518
- .pf-c-tabs.pf-m-inset-lg-on-2xl {
22519
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22520
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22521
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22522
- }
22519
+ .pf-c-content ul ul {
22520
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
22521
+ --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
22522
+ }
22523
22523
 
22524
- .pf-c-tabs.pf-m-inset-xl-on-2xl {
22525
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22526
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22527
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22528
- }
22524
+ .pf-c-content ul ol {
22525
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
22526
+ --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
22527
+ }
22529
22528
 
22530
- .pf-c-tabs.pf-m-inset-2xl-on-2xl {
22531
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22532
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22533
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22529
+ .pf-c-content dl {
22530
+ display: grid;
22531
+ grid-template-columns: 1fr;
22532
+ }
22533
+
22534
+ @media screen and (min-width: 576px) {
22535
+ .pf-c-content dl {
22536
+ grid-template: auto/auto 1fr;
22537
+ grid-column-gap: var(--pf-c-content--dl--ColumnGap);
22538
+ grid-row-gap: var(--pf-c-content--dl--RowGap);
22534
22539
  }
22535
22540
  }
22536
- .pf-c-tab-content {
22537
- --pf-c-tab-content__body--PaddingTop: 0;
22538
- --pf-c-tab-content__body--PaddingRight: 0;
22539
- --pf-c-tab-content__body--PaddingBottom: 0;
22540
- --pf-c-tab-content__body--PaddingLeft: 0;
22541
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
22542
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
22543
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
22544
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
22545
- --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
22546
- --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
22547
- --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
22548
- --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
22549
- --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
22541
+ .pf-c-content dt {
22542
+ font-weight: var(--pf-c-content--dt--FontWeight);
22550
22543
  }
22551
22544
 
22552
- @media screen and (min-width: 1200px) {
22553
- .pf-c-tab-content {
22554
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
22555
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
22556
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
22557
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
22545
+ .pf-c-content dt:not(:first-child) {
22546
+ margin-top: var(--pf-c-content--dt--MarginTop);
22547
+ }
22548
+
22549
+ @media screen and (min-width: 576px) {
22550
+ .pf-c-content dt:not(:first-child) {
22551
+ --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
22558
22552
  }
22559
22553
  }
22560
- .pf-c-tab-content.pf-m-light-300 {
22561
- background-color: var(--pf-c-tab-content--m-light-300);
22554
+ @media screen and (min-width: 576px) {
22555
+ .pf-c-content dt {
22556
+ grid-column: 1;
22557
+ }
22562
22558
  }
22563
-
22564
- .pf-c-tab-content__body {
22565
- padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
22559
+ @media screen and (min-width: 576px) {
22560
+ .pf-c-content dd {
22561
+ grid-column: 2;
22562
+ }
22563
+ }
22564
+ .pf-m-overpass-font .pf-c-content {
22565
+ --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
22566
+ --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
22567
+ --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
22568
+ --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
22566
22569
  }
22567
22570
 
22568
- .pf-c-tab-content__body.pf-m-padding {
22569
- --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
22570
- --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
22571
- --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
22572
- --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
22571
+ .pf-m-overpass-font .pf-c-content blockquote {
22572
+ font-weight: var(--pf-global--FontWeight--light);
22573
22573
  }
22574
22574
 
22575
22575
  .pf-c-tile {
@@ -24772,69 +24772,6 @@ label.pf-c-radio, .pf-c-radio__label,
24772
24772
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24773
24773
  }
24774
24774
 
24775
- .pf-c-draggable {
24776
- --pf-c-draggable--Cursor: auto;
24777
- --pf-c-draggable--m-dragging--Cursor: grabbing;
24778
- --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
24779
- --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
24780
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
24781
- --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
24782
- --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
24783
- cursor: var(--pf-c-draggable--Cursor);
24784
- }
24785
-
24786
- .pf-c-draggable.pf-m-dragging {
24787
- --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
24788
- position: relative;
24789
- background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
24790
- box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
24791
- }
24792
-
24793
- .pf-c-draggable.pf-m-dragging::after {
24794
- position: absolute;
24795
- top: 0;
24796
- right: 0;
24797
- bottom: 0;
24798
- left: 0;
24799
- content: "";
24800
- border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
24801
- }
24802
-
24803
- .pf-c-draggable.pf-m-drag-outside {
24804
- --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
24805
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
24806
- }
24807
-
24808
- .pf-c-droppable {
24809
- --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
24810
- --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
24811
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
24812
- --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
24813
- }
24814
-
24815
- .pf-c-droppable.pf-m-dragging {
24816
- position: relative;
24817
- }
24818
-
24819
- .pf-c-droppable.pf-m-dragging::after {
24820
- position: absolute;
24821
- top: 0;
24822
- right: 0;
24823
- bottom: 0;
24824
- left: 0;
24825
- pointer-events: none;
24826
- content: "";
24827
- }
24828
-
24829
- .pf-c-droppable::after {
24830
- background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
24831
- border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
24832
- }
24833
-
24834
- .pf-c-droppable.pf-m-drag-outside {
24835
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
24836
- }
24837
-
24838
24775
  .pf-c-wizard__header {
24839
24776
  --pf-global--Color--100: var(--pf-global--Color--light-100);
24840
24777
  --pf-global--Color--200: var(--pf-global--Color--light-200);
@@ -25376,6 +25313,69 @@ label.pf-c-radio, .pf-c-radio__label,
25376
25313
  margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
25377
25314
  }
25378
25315
 
25316
+ .pf-c-draggable {
25317
+ --pf-c-draggable--Cursor: auto;
25318
+ --pf-c-draggable--m-dragging--Cursor: grabbing;
25319
+ --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
25320
+ --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
25321
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
25322
+ --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
25323
+ --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
25324
+ cursor: var(--pf-c-draggable--Cursor);
25325
+ }
25326
+
25327
+ .pf-c-draggable.pf-m-dragging {
25328
+ --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
25329
+ position: relative;
25330
+ background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
25331
+ box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
25332
+ }
25333
+
25334
+ .pf-c-draggable.pf-m-dragging::after {
25335
+ position: absolute;
25336
+ top: 0;
25337
+ right: 0;
25338
+ bottom: 0;
25339
+ left: 0;
25340
+ content: "";
25341
+ border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
25342
+ }
25343
+
25344
+ .pf-c-draggable.pf-m-drag-outside {
25345
+ --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
25346
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
25347
+ }
25348
+
25349
+ .pf-c-droppable {
25350
+ --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
25351
+ --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
25352
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
25353
+ --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
25354
+ }
25355
+
25356
+ .pf-c-droppable.pf-m-dragging {
25357
+ position: relative;
25358
+ }
25359
+
25360
+ .pf-c-droppable.pf-m-dragging::after {
25361
+ position: absolute;
25362
+ top: 0;
25363
+ right: 0;
25364
+ bottom: 0;
25365
+ left: 0;
25366
+ pointer-events: none;
25367
+ content: "";
25368
+ }
25369
+
25370
+ .pf-c-droppable::after {
25371
+ background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
25372
+ border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
25373
+ }
25374
+
25375
+ .pf-c-droppable.pf-m-drag-outside {
25376
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
25377
+ }
25378
+
25379
25379
  .pf-c-text-input-group {
25380
25380
  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
25381
25381
  --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);