@patternfly/react-styles 5.1.0 → 5.1.1-prerelease.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (154) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/css/components/AboutModalBox/about-modal-box.css +20 -13
  3. package/css/components/Accordion/accordion.css +33 -20
  4. package/css/components/Accordion/accordion.d.ts +3 -1
  5. package/css/components/Accordion/accordion.js +3 -1
  6. package/css/components/Accordion/accordion.mjs +3 -1
  7. package/css/components/ActionList/action-list.css +2 -2
  8. package/css/components/Alert/alert-group.css +7 -4
  9. package/css/components/Alert/alert.css +19 -13
  10. package/css/components/Alert/alert.d.ts +3 -1
  11. package/css/components/Alert/alert.js +3 -1
  12. package/css/components/Alert/alert.mjs +3 -1
  13. package/css/components/AppLauncher/app-launcher.css +32 -23
  14. package/css/components/BackToTop/back-to-top.css +2 -2
  15. package/css/components/Backdrop/backdrop.css +2 -2
  16. package/css/components/BackgroundImage/background-image.css +2 -2
  17. package/css/components/Badge/badge.css +2 -2
  18. package/css/components/Banner/banner.css +5 -2
  19. package/css/components/Breadcrumb/breadcrumb.css +9 -3
  20. package/css/components/Breadcrumb/breadcrumb.d.ts +3 -1
  21. package/css/components/Breadcrumb/breadcrumb.js +3 -1
  22. package/css/components/Breadcrumb/breadcrumb.mjs +3 -1
  23. package/css/components/Button/button.css +23 -17
  24. package/css/components/CalendarMonth/calendar-month.css +25 -15
  25. package/css/components/CalendarMonth/calendar-month.d.ts +3 -1
  26. package/css/components/CalendarMonth/calendar-month.js +3 -1
  27. package/css/components/CalendarMonth/calendar-month.mjs +3 -1
  28. package/css/components/Card/card.css +21 -16
  29. package/css/components/Check/check.css +2 -2
  30. package/css/components/Chip/chip-group.css +6 -6
  31. package/css/components/Chip/chip.css +16 -9
  32. package/css/components/Chip/chip.d.ts +1 -0
  33. package/css/components/Chip/chip.js +1 -0
  34. package/css/components/Chip/chip.mjs +1 -0
  35. package/css/components/ClipboardCopy/clipboard-copy.css +19 -10
  36. package/css/components/ClipboardCopy/clipboard-copy.d.ts +3 -1
  37. package/css/components/ClipboardCopy/clipboard-copy.js +3 -1
  38. package/css/components/ClipboardCopy/clipboard-copy.mjs +3 -1
  39. package/css/components/CodeBlock/code-block.css +6 -3
  40. package/css/components/CodeEditor/code-editor.css +31 -22
  41. package/css/components/Content/content.css +33 -30
  42. package/css/components/ContextSelector/context-selector.css +41 -26
  43. package/css/components/DataList/data-list-grid.css +21 -49
  44. package/css/components/DataList/data-list.css +66 -84
  45. package/css/components/DatePicker/date-picker.css +8 -8
  46. package/css/components/DescriptionList/description-list.css +8 -5
  47. package/css/components/DragDrop/drag-drop.css +8 -8
  48. package/css/components/Drawer/drawer.css +75 -60
  49. package/css/components/Dropdown/dropdown.css +75 -66
  50. package/css/components/DualListSelector/dual-list-selector.css +29 -15
  51. package/css/components/DualListSelector/dual-list-selector.d.ts +4 -1
  52. package/css/components/DualListSelector/dual-list-selector.js +4 -1
  53. package/css/components/DualListSelector/dual-list-selector.mjs +4 -1
  54. package/css/components/EmptyState/empty-state.css +7 -4
  55. package/css/components/ExpandableSection/expandable-section.css +17 -10
  56. package/css/components/ExpandableSection/expandable-section.d.ts +3 -1
  57. package/css/components/ExpandableSection/expandable-section.js +3 -1
  58. package/css/components/ExpandableSection/expandable-section.mjs +3 -1
  59. package/css/components/FileUpload/file-upload.css +9 -15
  60. package/css/components/Form/form.css +50 -50
  61. package/css/components/FormControl/form-control.css +21 -11
  62. package/css/components/HelperText/helper-text.css +1 -1
  63. package/css/components/Hint/hint.css +9 -6
  64. package/css/components/Icon/icon.css +1 -1
  65. package/css/components/InlineEdit/inline-edit.css +4 -4
  66. package/css/components/InputGroup/input-group.css +12 -6
  67. package/css/components/JumpLinks/jump-links.css +24 -24
  68. package/css/components/Label/label-group.css +13 -10
  69. package/css/components/Label/label.css +9 -9
  70. package/css/components/List/list.css +9 -9
  71. package/css/components/LogViewer/log-viewer.css +14 -14
  72. package/css/components/Login/login.css +36 -27
  73. package/css/components/Masthead/masthead.css +19 -22
  74. package/css/components/Menu/menu.css +80 -66
  75. package/css/components/Menu/menu.d.ts +3 -1
  76. package/css/components/Menu/menu.js +3 -1
  77. package/css/components/Menu/menu.mjs +3 -1
  78. package/css/components/MenuToggle/menu-toggle.css +41 -29
  79. package/css/components/ModalBox/modal-box.css +19 -19
  80. package/css/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  81. package/css/components/Nav/nav.css +120 -93
  82. package/css/components/Nav/nav.d.ts +3 -1
  83. package/css/components/Nav/nav.js +3 -1
  84. package/css/components/Nav/nav.mjs +3 -1
  85. package/css/components/NotificationBadge/notification-badge.css +13 -7
  86. package/css/components/NotificationDrawer/notification-drawer.css +32 -19
  87. package/css/components/NotificationDrawer/notification-drawer.d.ts +3 -1
  88. package/css/components/NotificationDrawer/notification-drawer.js +3 -1
  89. package/css/components/NotificationDrawer/notification-drawer.mjs +3 -1
  90. package/css/components/NumberInput/number-input.css +3 -3
  91. package/css/components/OptionsMenu/options-menu.css +43 -31
  92. package/css/components/OverflowMenu/overflow-menu.css +2 -2
  93. package/css/components/Page/page.css +123 -65
  94. package/css/components/Page/page.d.ts +3 -1
  95. package/css/components/Page/page.js +3 -1
  96. package/css/components/Page/page.mjs +3 -1
  97. package/css/components/Pagination/pagination.css +28 -18
  98. package/css/components/Pagination/pagination.d.ts +3 -1
  99. package/css/components/Pagination/pagination.js +3 -1
  100. package/css/components/Pagination/pagination.mjs +3 -1
  101. package/css/components/Panel/panel.css +13 -7
  102. package/css/components/Popover/popover.css +24 -21
  103. package/css/components/Progress/progress.css +7 -7
  104. package/css/components/ProgressStepper/progress-stepper.css +26 -20
  105. package/css/components/Radio/radio.css +4 -5
  106. package/css/components/Select/select.css +56 -47
  107. package/css/components/Sidebar/sidebar.css +11 -5
  108. package/css/components/SimpleList/simple-list.css +10 -4
  109. package/css/components/Skeleton/skeleton.css +2 -5
  110. package/css/components/SkipToContent/skip-to-content.css +3 -3
  111. package/css/components/Slider/slider.css +46 -26
  112. package/css/components/Slider/slider.d.ts +3 -1
  113. package/css/components/Slider/slider.js +3 -1
  114. package/css/components/Slider/slider.mjs +3 -1
  115. package/css/components/Switch/switch.css +9 -5
  116. package/css/components/Switch/switch.d.ts +3 -1
  117. package/css/components/Switch/switch.js +3 -1
  118. package/css/components/Switch/switch.mjs +3 -1
  119. package/css/components/TabContent/tab-content.css +4 -1
  120. package/css/components/Table/table-grid.css +256 -219
  121. package/css/components/Table/table-scrollable.css +2 -2
  122. package/css/components/Table/table-tree-view.css +107 -104
  123. package/css/components/Table/table.css +87 -69
  124. package/css/components/Tabs/tabs.css +66 -48
  125. package/css/components/TextInputGroup/text-input-group.css +15 -15
  126. package/css/components/Tile/tile.css +10 -10
  127. package/css/components/ToggleGroup/toggle-group.css +14 -11
  128. package/css/components/Toolbar/toolbar.css +44 -41
  129. package/css/components/Tooltip/tooltip.css +19 -16
  130. package/css/components/TreeView/tree-view.css +42 -27
  131. package/css/components/Wizard/wizard.css +57 -36
  132. package/css/components/Wizard/wizard.d.ts +3 -1
  133. package/css/components/Wizard/wizard.js +3 -1
  134. package/css/components/Wizard/wizard.mjs +3 -1
  135. package/css/docs/components/Button/examples/Button.css +2 -2
  136. package/css/docs/components/DragDrop/examples/DragDrop.css +2 -2
  137. package/css/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  138. package/css/docs/components/LogViewer/examples/LogViewer.css +2 -2
  139. package/css/docs/components/ModalBox/examples/ModalBox.css +2 -2
  140. package/css/docs/components/Nav/examples/Navigation.css +3 -26
  141. package/css/docs/components/Nav/examples/Navigation.d.ts +1 -1
  142. package/css/docs/components/Nav/examples/Navigation.js +1 -1
  143. package/css/docs/components/Nav/examples/Navigation.mjs +1 -1
  144. package/css/docs/components/Popover/examples/Popover.css +2 -2
  145. package/css/docs/components/Select/deprecated/Select.css +3 -3
  146. package/css/docs/components/Table/examples/Table.css +2 -2
  147. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  148. package/css/docs/components/Tile/examples/Tile.css +1 -1
  149. package/css/docs/demos/Card/examples/Card.css +3 -3
  150. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  151. package/css/layouts/Flex/flex.css +115 -43
  152. package/css/utilities/Accessibility/accessibility.css +12 -12
  153. package/css/utilities/Spacing/spacing.css +720 -960
  154. package/package.json +4 -8
package/css/utilities/Spacing/spacing.css CHANGED
@@ -39,263 +39,243 @@
39
39
  }
40
40
 
41
41
  .pf-v5-u-mt-auto {
42
- margin-top: auto !important;
42
+ margin-block-start: auto !important;
43
43
  }
44
44
 
45
45
  .pf-v5-u-mt-0 {
46
- margin-top: 0 !important;
46
+ margin-block-start: 0 !important;
47
47
  }
48
48
 
49
49
  .pf-v5-u-mt-xs {
50
- margin-top: var(--pf-v5-global--spacer--xs) !important;
50
+ margin-block-start: var(--pf-v5-global--spacer--xs) !important;
51
51
  }
52
52
 
53
53
  .pf-v5-u-mt-sm {
54
- margin-top: var(--pf-v5-global--spacer--sm) !important;
54
+ margin-block-start: var(--pf-v5-global--spacer--sm) !important;
55
55
  }
56
56
 
57
57
  .pf-v5-u-mt-md {
58
- margin-top: var(--pf-v5-global--spacer--md) !important;
58
+ margin-block-start: var(--pf-v5-global--spacer--md) !important;
59
59
  }
60
60
 
61
61
  .pf-v5-u-mt-lg {
62
- margin-top: var(--pf-v5-global--spacer--lg) !important;
62
+ margin-block-start: var(--pf-v5-global--spacer--lg) !important;
63
63
  }
64
64
 
65
65
  .pf-v5-u-mt-xl {
66
- margin-top: var(--pf-v5-global--spacer--xl) !important;
66
+ margin-block-start: var(--pf-v5-global--spacer--xl) !important;
67
67
  }
68
68
 
69
69
  .pf-v5-u-mt-2xl {
70
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
70
+ margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
71
71
  }
72
72
 
73
73
  .pf-v5-u-mt-3xl {
74
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
74
+ margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
75
75
  }
76
76
 
77
77
  .pf-v5-u-mt-4xl {
78
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
78
+ margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
79
79
  }
80
80
 
81
81
  .pf-v5-u-mr-auto {
82
- margin-right: auto !important;
82
+ margin-inline-end: auto !important;
83
83
  }
84
84
 
85
85
  .pf-v5-u-mr-0 {
86
- margin-right: 0 !important;
86
+ margin-inline-end: 0 !important;
87
87
  }
88
88
 
89
89
  .pf-v5-u-mr-xs {
90
- margin-right: var(--pf-v5-global--spacer--xs) !important;
90
+ margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
91
91
  }
92
92
 
93
93
  .pf-v5-u-mr-sm {
94
- margin-right: var(--pf-v5-global--spacer--sm) !important;
94
+ margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
95
95
  }
96
96
 
97
97
  .pf-v5-u-mr-md {
98
- margin-right: var(--pf-v5-global--spacer--md) !important;
98
+ margin-inline-end: var(--pf-v5-global--spacer--md) !important;
99
99
  }
100
100
 
101
101
  .pf-v5-u-mr-lg {
102
- margin-right: var(--pf-v5-global--spacer--lg) !important;
102
+ margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
103
103
  }
104
104
 
105
105
  .pf-v5-u-mr-xl {
106
- margin-right: var(--pf-v5-global--spacer--xl) !important;
106
+ margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
107
107
  }
108
108
 
109
109
  .pf-v5-u-mr-2xl {
110
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
110
+ margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
111
111
  }
112
112
 
113
113
  .pf-v5-u-mr-3xl {
114
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
114
+ margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
115
115
  }
116
116
 
117
117
  .pf-v5-u-mr-4xl {
118
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
118
+ margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
119
119
  }
120
120
 
121
121
  .pf-v5-u-mb-auto {
122
- margin-bottom: auto !important;
122
+ margin-block-end: auto !important;
123
123
  }
124
124
 
125
125
  .pf-v5-u-mb-0 {
126
- margin-bottom: 0 !important;
126
+ margin-block-end: 0 !important;
127
127
  }
128
128
 
129
129
  .pf-v5-u-mb-xs {
130
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
130
+ margin-block-end: var(--pf-v5-global--spacer--xs) !important;
131
131
  }
132
132
 
133
133
  .pf-v5-u-mb-sm {
134
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
134
+ margin-block-end: var(--pf-v5-global--spacer--sm) !important;
135
135
  }
136
136
 
137
137
  .pf-v5-u-mb-md {
138
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
138
+ margin-block-end: var(--pf-v5-global--spacer--md) !important;
139
139
  }
140
140
 
141
141
  .pf-v5-u-mb-lg {
142
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
142
+ margin-block-end: var(--pf-v5-global--spacer--lg) !important;
143
143
  }
144
144
 
145
145
  .pf-v5-u-mb-xl {
146
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
146
+ margin-block-end: var(--pf-v5-global--spacer--xl) !important;
147
147
  }
148
148
 
149
149
  .pf-v5-u-mb-2xl {
150
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
150
+ margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
151
151
  }
152
152
 
153
153
  .pf-v5-u-mb-3xl {
154
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
154
+ margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
155
155
  }
156
156
 
157
157
  .pf-v5-u-mb-4xl {
158
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
158
+ margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
159
159
  }
160
160
 
161
161
  .pf-v5-u-ml-auto {
162
- margin-left: auto !important;
162
+ margin-inline-start: auto !important;
163
163
  }
164
164
 
165
165
  .pf-v5-u-ml-0 {
166
- margin-left: 0 !important;
166
+ margin-inline-start: 0 !important;
167
167
  }
168
168
 
169
169
  .pf-v5-u-ml-xs {
170
- margin-left: var(--pf-v5-global--spacer--xs) !important;
170
+ margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
171
171
  }
172
172
 
173
173
  .pf-v5-u-ml-sm {
174
- margin-left: var(--pf-v5-global--spacer--sm) !important;
174
+ margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
175
175
  }
176
176
 
177
177
  .pf-v5-u-ml-md {
178
- margin-left: var(--pf-v5-global--spacer--md) !important;
178
+ margin-inline-start: var(--pf-v5-global--spacer--md) !important;
179
179
  }
180
180
 
181
181
  .pf-v5-u-ml-lg {
182
- margin-left: var(--pf-v5-global--spacer--lg) !important;
182
+ margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
183
183
  }
184
184
 
185
185
  .pf-v5-u-ml-xl {
186
- margin-left: var(--pf-v5-global--spacer--xl) !important;
186
+ margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
187
187
  }
188
188
 
189
189
  .pf-v5-u-ml-2xl {
190
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
190
+ margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
191
191
  }
192
192
 
193
193
  .pf-v5-u-ml-3xl {
194
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
194
+ margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
195
195
  }
196
196
 
197
197
  .pf-v5-u-ml-4xl {
198
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
198
+ margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
199
199
  }
200
200
 
201
201
  .pf-v5-u-mx-auto {
202
- margin-right: auto !important;
203
- margin-left: auto !important;
202
+ margin-inline: auto !important;
204
203
  }
205
204
 
206
205
  .pf-v5-u-mx-0 {
207
- margin-right: 0 !important;
208
- margin-left: 0 !important;
206
+ margin-inline: 0 !important;
209
207
  }
210
208
 
211
209
  .pf-v5-u-mx-xs {
212
- margin-right: var(--pf-v5-global--spacer--xs) !important;
213
- margin-left: var(--pf-v5-global--spacer--xs) !important;
210
+ margin-inline: var(--pf-v5-global--spacer--xs) !important;
214
211
  }
215
212
 
216
213
  .pf-v5-u-mx-sm {
217
- margin-right: var(--pf-v5-global--spacer--sm) !important;
218
- margin-left: var(--pf-v5-global--spacer--sm) !important;
214
+ margin-inline: var(--pf-v5-global--spacer--sm) !important;
219
215
  }
220
216
 
221
217
  .pf-v5-u-mx-md {
222
- margin-right: var(--pf-v5-global--spacer--md) !important;
223
- margin-left: var(--pf-v5-global--spacer--md) !important;
218
+ margin-inline: var(--pf-v5-global--spacer--md) !important;
224
219
  }
225
220
 
226
221
  .pf-v5-u-mx-lg {
227
- margin-right: var(--pf-v5-global--spacer--lg) !important;
228
- margin-left: var(--pf-v5-global--spacer--lg) !important;
222
+ margin-inline: var(--pf-v5-global--spacer--lg) !important;
229
223
  }
230
224
 
231
225
  .pf-v5-u-mx-xl {
232
- margin-right: var(--pf-v5-global--spacer--xl) !important;
233
- margin-left: var(--pf-v5-global--spacer--xl) !important;
226
+ margin-inline: var(--pf-v5-global--spacer--xl) !important;
234
227
  }
235
228
 
236
229
  .pf-v5-u-mx-2xl {
237
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
238
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
230
+ margin-inline: var(--pf-v5-global--spacer--2xl) !important;
239
231
  }
240
232
 
241
233
  .pf-v5-u-mx-3xl {
242
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
243
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
234
+ margin-inline: var(--pf-v5-global--spacer--3xl) !important;
244
235
  }
245
236
 
246
237
  .pf-v5-u-mx-4xl {
247
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
248
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
238
+ margin-inline: var(--pf-v5-global--spacer--4xl) !important;
249
239
  }
250
240
 
251
241
  .pf-v5-u-my-auto {
252
- margin-top: auto !important;
253
- margin-bottom: auto !important;
242
+ margin-block: auto !important;
254
243
  }
255
244
 
256
245
  .pf-v5-u-my-0 {
257
- margin-top: 0 !important;
258
- margin-bottom: 0 !important;
246
+ margin-block: 0 !important;
259
247
  }
260
248
 
261
249
  .pf-v5-u-my-xs {
262
- margin-top: var(--pf-v5-global--spacer--xs) !important;
263
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
250
+ margin-block: var(--pf-v5-global--spacer--xs) !important;
264
251
  }
265
252
 
266
253
  .pf-v5-u-my-sm {
267
- margin-top: var(--pf-v5-global--spacer--sm) !important;
268
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
254
+ margin-block: var(--pf-v5-global--spacer--sm) !important;
269
255
  }
270
256
 
271
257
  .pf-v5-u-my-md {
272
- margin-top: var(--pf-v5-global--spacer--md) !important;
273
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
258
+ margin-block: var(--pf-v5-global--spacer--md) !important;
274
259
  }
275
260
 
276
261
  .pf-v5-u-my-lg {
277
- margin-top: var(--pf-v5-global--spacer--lg) !important;
278
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
262
+ margin-block: var(--pf-v5-global--spacer--lg) !important;
279
263
  }
280
264
 
281
265
  .pf-v5-u-my-xl {
282
- margin-top: var(--pf-v5-global--spacer--xl) !important;
283
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
266
+ margin-block: var(--pf-v5-global--spacer--xl) !important;
284
267
  }
285
268
 
286
269
  .pf-v5-u-my-2xl {
287
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
288
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
270
+ margin-block: var(--pf-v5-global--spacer--2xl) !important;
289
271
  }
290
272
 
291
273
  .pf-v5-u-my-3xl {
292
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
293
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
274
+ margin-block: var(--pf-v5-global--spacer--3xl) !important;
294
275
  }
295
276
 
296
277
  .pf-v5-u-my-4xl {
297
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
298
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
278
+ margin-block: var(--pf-v5-global--spacer--4xl) !important;
299
279
  }
300
280
 
301
281
  .pf-v5-u-p-auto {
@@ -339,263 +319,243 @@
339
319
  }
340
320
 
341
321
  .pf-v5-u-pt-auto {
342
- padding-top: auto !important;
322
+ padding-block-start: auto !important;
343
323
  }
344
324
 
345
325
  .pf-v5-u-pt-0 {
346
- padding-top: 0 !important;
326
+ padding-block-start: 0 !important;
347
327
  }
348
328
 
349
329
  .pf-v5-u-pt-xs {
350
- padding-top: var(--pf-v5-global--spacer--xs) !important;
330
+ padding-block-start: var(--pf-v5-global--spacer--xs) !important;
351
331
  }
352
332
 
353
333
  .pf-v5-u-pt-sm {
354
- padding-top: var(--pf-v5-global--spacer--sm) !important;
334
+ padding-block-start: var(--pf-v5-global--spacer--sm) !important;
355
335
  }
356
336
 
357
337
  .pf-v5-u-pt-md {
358
- padding-top: var(--pf-v5-global--spacer--md) !important;
338
+ padding-block-start: var(--pf-v5-global--spacer--md) !important;
359
339
  }
360
340
 
361
341
  .pf-v5-u-pt-lg {
362
- padding-top: var(--pf-v5-global--spacer--lg) !important;
342
+ padding-block-start: var(--pf-v5-global--spacer--lg) !important;
363
343
  }
364
344
 
365
345
  .pf-v5-u-pt-xl {
366
- padding-top: var(--pf-v5-global--spacer--xl) !important;
346
+ padding-block-start: var(--pf-v5-global--spacer--xl) !important;
367
347
  }
368
348
 
369
349
  .pf-v5-u-pt-2xl {
370
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
350
+ padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
371
351
  }
372
352
 
373
353
  .pf-v5-u-pt-3xl {
374
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
354
+ padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
375
355
  }
376
356
 
377
357
  .pf-v5-u-pt-4xl {
378
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
358
+ padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
379
359
  }
380
360
 
381
361
  .pf-v5-u-pr-auto {
382
- padding-right: auto !important;
362
+ padding-inline-end: auto !important;
383
363
  }
384
364
 
385
365
  .pf-v5-u-pr-0 {
386
- padding-right: 0 !important;
366
+ padding-inline-end: 0 !important;
387
367
  }
388
368
 
389
369
  .pf-v5-u-pr-xs {
390
- padding-right: var(--pf-v5-global--spacer--xs) !important;
370
+ padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
391
371
  }
392
372
 
393
373
  .pf-v5-u-pr-sm {
394
- padding-right: var(--pf-v5-global--spacer--sm) !important;
374
+ padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
395
375
  }
396
376
 
397
377
  .pf-v5-u-pr-md {
398
- padding-right: var(--pf-v5-global--spacer--md) !important;
378
+ padding-inline-end: var(--pf-v5-global--spacer--md) !important;
399
379
  }
400
380
 
401
381
  .pf-v5-u-pr-lg {
402
- padding-right: var(--pf-v5-global--spacer--lg) !important;
382
+ padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
403
383
  }
404
384
 
405
385
  .pf-v5-u-pr-xl {
406
- padding-right: var(--pf-v5-global--spacer--xl) !important;
386
+ padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
407
387
  }
408
388
 
409
389
  .pf-v5-u-pr-2xl {
410
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
390
+ padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
411
391
  }
412
392
 
413
393
  .pf-v5-u-pr-3xl {
414
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
394
+ padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
415
395
  }
416
396
 
417
397
  .pf-v5-u-pr-4xl {
418
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
398
+ padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
419
399
  }
420
400
 
421
401
  .pf-v5-u-pb-auto {
422
- padding-bottom: auto !important;
402
+ padding-block-end: auto !important;
423
403
  }
424
404
 
425
405
  .pf-v5-u-pb-0 {
426
- padding-bottom: 0 !important;
406
+ padding-block-end: 0 !important;
427
407
  }
428
408
 
429
409
  .pf-v5-u-pb-xs {
430
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
410
+ padding-block-end: var(--pf-v5-global--spacer--xs) !important;
431
411
  }
432
412
 
433
413
  .pf-v5-u-pb-sm {
434
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
414
+ padding-block-end: var(--pf-v5-global--spacer--sm) !important;
435
415
  }
436
416
 
437
417
  .pf-v5-u-pb-md {
438
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
418
+ padding-block-end: var(--pf-v5-global--spacer--md) !important;
439
419
  }
440
420
 
441
421
  .pf-v5-u-pb-lg {
442
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
422
+ padding-block-end: var(--pf-v5-global--spacer--lg) !important;
443
423
  }
444
424
 
445
425
  .pf-v5-u-pb-xl {
446
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
426
+ padding-block-end: var(--pf-v5-global--spacer--xl) !important;
447
427
  }
448
428
 
449
429
  .pf-v5-u-pb-2xl {
450
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
430
+ padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
451
431
  }
452
432
 
453
433
  .pf-v5-u-pb-3xl {
454
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
434
+ padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
455
435
  }
456
436
 
457
437
  .pf-v5-u-pb-4xl {
458
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
438
+ padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
459
439
  }
460
440
 
461
441
  .pf-v5-u-pl-auto {
462
- padding-left: auto !important;
442
+ padding-inline-start: auto !important;
463
443
  }
464
444
 
465
445
  .pf-v5-u-pl-0 {
466
- padding-left: 0 !important;
446
+ padding-inline-start: 0 !important;
467
447
  }
468
448
 
469
449
  .pf-v5-u-pl-xs {
470
- padding-left: var(--pf-v5-global--spacer--xs) !important;
450
+ padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
471
451
  }
472
452
 
473
453
  .pf-v5-u-pl-sm {
474
- padding-left: var(--pf-v5-global--spacer--sm) !important;
454
+ padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
475
455
  }
476
456
 
477
457
  .pf-v5-u-pl-md {
478
- padding-left: var(--pf-v5-global--spacer--md) !important;
458
+ padding-inline-start: var(--pf-v5-global--spacer--md) !important;
479
459
  }
480
460
 
481
461
  .pf-v5-u-pl-lg {
482
- padding-left: var(--pf-v5-global--spacer--lg) !important;
462
+ padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
483
463
  }
484
464
 
485
465
  .pf-v5-u-pl-xl {
486
- padding-left: var(--pf-v5-global--spacer--xl) !important;
466
+ padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
487
467
  }
488
468
 
489
469
  .pf-v5-u-pl-2xl {
490
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
470
+ padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
491
471
  }
492
472
 
493
473
  .pf-v5-u-pl-3xl {
494
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
474
+ padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
495
475
  }
496
476
 
497
477
  .pf-v5-u-pl-4xl {
498
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
478
+ padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
499
479
  }
500
480
 
501
481
  .pf-v5-u-px-auto {
502
- padding-right: auto !important;
503
- padding-left: auto !important;
482
+ padding-inline: auto !important;
504
483
  }
505
484
 
506
485
  .pf-v5-u-px-0 {
507
- padding-right: 0 !important;
508
- padding-left: 0 !important;
486
+ padding-inline: 0 !important;
509
487
  }
510
488
 
511
489
  .pf-v5-u-px-xs {
512
- padding-right: var(--pf-v5-global--spacer--xs) !important;
513
- padding-left: var(--pf-v5-global--spacer--xs) !important;
490
+ padding-inline: var(--pf-v5-global--spacer--xs) !important;
514
491
  }
515
492
 
516
493
  .pf-v5-u-px-sm {
517
- padding-right: var(--pf-v5-global--spacer--sm) !important;
518
- padding-left: var(--pf-v5-global--spacer--sm) !important;
494
+ padding-inline: var(--pf-v5-global--spacer--sm) !important;
519
495
  }
520
496
 
521
497
  .pf-v5-u-px-md {
522
- padding-right: var(--pf-v5-global--spacer--md) !important;
523
- padding-left: var(--pf-v5-global--spacer--md) !important;
498
+ padding-inline: var(--pf-v5-global--spacer--md) !important;
524
499
  }
525
500
 
526
501
  .pf-v5-u-px-lg {
527
- padding-right: var(--pf-v5-global--spacer--lg) !important;
528
- padding-left: var(--pf-v5-global--spacer--lg) !important;
502
+ padding-inline: var(--pf-v5-global--spacer--lg) !important;
529
503
  }
530
504
 
531
505
  .pf-v5-u-px-xl {
532
- padding-right: var(--pf-v5-global--spacer--xl) !important;
533
- padding-left: var(--pf-v5-global--spacer--xl) !important;
506
+ padding-inline: var(--pf-v5-global--spacer--xl) !important;
534
507
  }
535
508
 
536
509
  .pf-v5-u-px-2xl {
537
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
538
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
510
+ padding-inline: var(--pf-v5-global--spacer--2xl) !important;
539
511
  }
540
512
 
541
513
  .pf-v5-u-px-3xl {
542
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
543
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
514
+ padding-inline: var(--pf-v5-global--spacer--3xl) !important;
544
515
  }
545
516
 
546
517
  .pf-v5-u-px-4xl {
547
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
548
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
518
+ padding-inline: var(--pf-v5-global--spacer--4xl) !important;
549
519
  }
550
520
 
551
521
  .pf-v5-u-py-auto {
552
- padding-top: auto !important;
553
- padding-bottom: auto !important;
522
+ padding-block: auto !important;
554
523
  }
555
524
 
556
525
  .pf-v5-u-py-0 {
557
- padding-top: 0 !important;
558
- padding-bottom: 0 !important;
526
+ padding-block: 0 !important;
559
527
  }
560
528
 
561
529
  .pf-v5-u-py-xs {
562
- padding-top: var(--pf-v5-global--spacer--xs) !important;
563
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
530
+ padding-block: var(--pf-v5-global--spacer--xs) !important;
564
531
  }
565
532
 
566
533
  .pf-v5-u-py-sm {
567
- padding-top: var(--pf-v5-global--spacer--sm) !important;
568
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
534
+ padding-block: var(--pf-v5-global--spacer--sm) !important;
569
535
  }
570
536
 
571
537
  .pf-v5-u-py-md {
572
- padding-top: var(--pf-v5-global--spacer--md) !important;
573
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
538
+ padding-block: var(--pf-v5-global--spacer--md) !important;
574
539
  }
575
540
 
576
541
  .pf-v5-u-py-lg {
577
- padding-top: var(--pf-v5-global--spacer--lg) !important;
578
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
542
+ padding-block: var(--pf-v5-global--spacer--lg) !important;
579
543
  }
580
544
 
581
545
  .pf-v5-u-py-xl {
582
- padding-top: var(--pf-v5-global--spacer--xl) !important;
583
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
546
+ padding-block: var(--pf-v5-global--spacer--xl) !important;
584
547
  }
585
548
 
586
549
  .pf-v5-u-py-2xl {
587
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
588
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
550
+ padding-block: var(--pf-v5-global--spacer--2xl) !important;
589
551
  }
590
552
 
591
553
  .pf-v5-u-py-3xl {
592
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
593
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
554
+ padding-block: var(--pf-v5-global--spacer--3xl) !important;
594
555
  }
595
556
 
596
557
  .pf-v5-u-py-4xl {
597
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
598
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
558
+ padding-block: var(--pf-v5-global--spacer--4xl) !important;
599
559
  }
600
560
 
601
561
  @media screen and (min-width: 576px) {
@@ -660,381 +620,361 @@
660
620
 
661
621
  @media screen and (min-width: 576px) {
662
622
  .pf-v5-u-mt-auto-on-sm {
663
- margin-top: auto !important;
623
+ margin-block-start: auto !important;
664
624
  }
665
625
  }
666
626
 
667
627
  @media screen and (min-width: 576px) {
668
628
  .pf-v5-u-mt-0-on-sm {
669
- margin-top: 0 !important;
629
+ margin-block-start: 0 !important;
670
630
  }
671
631
  }
672
632
 
673
633
  @media screen and (min-width: 576px) {
674
634
  .pf-v5-u-mt-xs-on-sm {
675
- margin-top: var(--pf-v5-global--spacer--xs) !important;
635
+ margin-block-start: var(--pf-v5-global--spacer--xs) !important;
676
636
  }
677
637
  }
678
638
 
679
639
  @media screen and (min-width: 576px) {
680
640
  .pf-v5-u-mt-sm-on-sm {
681
- margin-top: var(--pf-v5-global--spacer--sm) !important;
641
+ margin-block-start: var(--pf-v5-global--spacer--sm) !important;
682
642
  }
683
643
  }
684
644
 
685
645
  @media screen and (min-width: 576px) {
686
646
  .pf-v5-u-mt-md-on-sm {
687
- margin-top: var(--pf-v5-global--spacer--md) !important;
647
+ margin-block-start: var(--pf-v5-global--spacer--md) !important;
688
648
  }
689
649
  }
690
650
 
691
651
  @media screen and (min-width: 576px) {
692
652
  .pf-v5-u-mt-lg-on-sm {
693
- margin-top: var(--pf-v5-global--spacer--lg) !important;
653
+ margin-block-start: var(--pf-v5-global--spacer--lg) !important;
694
654
  }
695
655
  }
696
656
 
697
657
  @media screen and (min-width: 576px) {
698
658
  .pf-v5-u-mt-xl-on-sm {
699
- margin-top: var(--pf-v5-global--spacer--xl) !important;
659
+ margin-block-start: var(--pf-v5-global--spacer--xl) !important;
700
660
  }
701
661
  }
702
662
 
703
663
  @media screen and (min-width: 576px) {
704
664
  .pf-v5-u-mt-2xl-on-sm {
705
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
665
+ margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
706
666
  }
707
667
  }
708
668
 
709
669
  @media screen and (min-width: 576px) {
710
670
  .pf-v5-u-mt-3xl-on-sm {
711
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
671
+ margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
712
672
  }
713
673
  }
714
674
 
715
675
  @media screen and (min-width: 576px) {
716
676
  .pf-v5-u-mt-4xl-on-sm {
717
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
677
+ margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
718
678
  }
719
679
  }
720
680
 
721
681
  @media screen and (min-width: 576px) {
722
682
  .pf-v5-u-mr-auto-on-sm {
723
- margin-right: auto !important;
683
+ margin-inline-end: auto !important;
724
684
  }
725
685
  }
726
686
 
727
687
  @media screen and (min-width: 576px) {
728
688
  .pf-v5-u-mr-0-on-sm {
729
- margin-right: 0 !important;
689
+ margin-inline-end: 0 !important;
730
690
  }
731
691
  }
732
692
 
733
693
  @media screen and (min-width: 576px) {
734
694
  .pf-v5-u-mr-xs-on-sm {
735
- margin-right: var(--pf-v5-global--spacer--xs) !important;
695
+ margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
736
696
  }
737
697
  }
738
698
 
739
699
  @media screen and (min-width: 576px) {
740
700
  .pf-v5-u-mr-sm-on-sm {
741
- margin-right: var(--pf-v5-global--spacer--sm) !important;
701
+ margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
742
702
  }
743
703
  }
744
704
 
745
705
  @media screen and (min-width: 576px) {
746
706
  .pf-v5-u-mr-md-on-sm {
747
- margin-right: var(--pf-v5-global--spacer--md) !important;
707
+ margin-inline-end: var(--pf-v5-global--spacer--md) !important;
748
708
  }
749
709
  }
750
710
 
751
711
  @media screen and (min-width: 576px) {
752
712
  .pf-v5-u-mr-lg-on-sm {
753
- margin-right: var(--pf-v5-global--spacer--lg) !important;
713
+ margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
754
714
  }
755
715
  }
756
716
 
757
717
  @media screen and (min-width: 576px) {
758
718
  .pf-v5-u-mr-xl-on-sm {
759
- margin-right: var(--pf-v5-global--spacer--xl) !important;
719
+ margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
760
720
  }
761
721
  }
762
722
 
763
723
  @media screen and (min-width: 576px) {
764
724
  .pf-v5-u-mr-2xl-on-sm {
765
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
725
+ margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
766
726
  }
767
727
  }
768
728
 
769
729
  @media screen and (min-width: 576px) {
770
730
  .pf-v5-u-mr-3xl-on-sm {
771
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
731
+ margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
772
732
  }
773
733
  }
774
734
 
775
735
  @media screen and (min-width: 576px) {
776
736
  .pf-v5-u-mr-4xl-on-sm {
777
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
737
+ margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
778
738
  }
779
739
  }
780
740
 
781
741
  @media screen and (min-width: 576px) {
782
742
  .pf-v5-u-mb-auto-on-sm {
783
- margin-bottom: auto !important;
743
+ margin-block-end: auto !important;
784
744
  }
785
745
  }
786
746
 
787
747
  @media screen and (min-width: 576px) {
788
748
  .pf-v5-u-mb-0-on-sm {
789
- margin-bottom: 0 !important;
749
+ margin-block-end: 0 !important;
790
750
  }
791
751
  }
792
752
 
793
753
  @media screen and (min-width: 576px) {
794
754
  .pf-v5-u-mb-xs-on-sm {
795
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
755
+ margin-block-end: var(--pf-v5-global--spacer--xs) !important;
796
756
  }
797
757
  }
798
758
 
799
759
  @media screen and (min-width: 576px) {
800
760
  .pf-v5-u-mb-sm-on-sm {
801
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
761
+ margin-block-end: var(--pf-v5-global--spacer--sm) !important;
802
762
  }
803
763
  }
804
764
 
805
765
  @media screen and (min-width: 576px) {
806
766
  .pf-v5-u-mb-md-on-sm {
807
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
767
+ margin-block-end: var(--pf-v5-global--spacer--md) !important;
808
768
  }
809
769
  }
810
770
 
811
771
  @media screen and (min-width: 576px) {
812
772
  .pf-v5-u-mb-lg-on-sm {
813
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
773
+ margin-block-end: var(--pf-v5-global--spacer--lg) !important;
814
774
  }
815
775
  }
816
776
 
817
777
  @media screen and (min-width: 576px) {
818
778
  .pf-v5-u-mb-xl-on-sm {
819
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
779
+ margin-block-end: var(--pf-v5-global--spacer--xl) !important;
820
780
  }
821
781
  }
822
782
 
823
783
  @media screen and (min-width: 576px) {
824
784
  .pf-v5-u-mb-2xl-on-sm {
825
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
785
+ margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
826
786
  }
827
787
  }
828
788
 
829
789
  @media screen and (min-width: 576px) {
830
790
  .pf-v5-u-mb-3xl-on-sm {
831
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
791
+ margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
832
792
  }
833
793
  }
834
794
 
835
795
  @media screen and (min-width: 576px) {
836
796
  .pf-v5-u-mb-4xl-on-sm {
837
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
797
+ margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
838
798
  }
839
799
  }
840
800
 
841
801
  @media screen and (min-width: 576px) {
842
802
  .pf-v5-u-ml-auto-on-sm {
843
- margin-left: auto !important;
803
+ margin-inline-start: auto !important;
844
804
  }
845
805
  }
846
806
 
847
807
  @media screen and (min-width: 576px) {
848
808
  .pf-v5-u-ml-0-on-sm {
849
- margin-left: 0 !important;
809
+ margin-inline-start: 0 !important;
850
810
  }
851
811
  }
852
812
 
853
813
  @media screen and (min-width: 576px) {
854
814
  .pf-v5-u-ml-xs-on-sm {
855
- margin-left: var(--pf-v5-global--spacer--xs) !important;
815
+ margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
856
816
  }
857
817
  }
858
818
 
859
819
  @media screen and (min-width: 576px) {
860
820
  .pf-v5-u-ml-sm-on-sm {
861
- margin-left: var(--pf-v5-global--spacer--sm) !important;
821
+ margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
862
822
  }
863
823
  }
864
824
 
865
825
  @media screen and (min-width: 576px) {
866
826
  .pf-v5-u-ml-md-on-sm {
867
- margin-left: var(--pf-v5-global--spacer--md) !important;
827
+ margin-inline-start: var(--pf-v5-global--spacer--md) !important;
868
828
  }
869
829
  }
870
830
 
871
831
  @media screen and (min-width: 576px) {
872
832
  .pf-v5-u-ml-lg-on-sm {
873
- margin-left: var(--pf-v5-global--spacer--lg) !important;
833
+ margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
874
834
  }
875
835
  }
876
836
 
877
837
  @media screen and (min-width: 576px) {
878
838
  .pf-v5-u-ml-xl-on-sm {
879
- margin-left: var(--pf-v5-global--spacer--xl) !important;
839
+ margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
880
840
  }
881
841
  }
882
842
 
883
843
  @media screen and (min-width: 576px) {
884
844
  .pf-v5-u-ml-2xl-on-sm {
885
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
845
+ margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
886
846
  }
887
847
  }
888
848
 
889
849
  @media screen and (min-width: 576px) {
890
850
  .pf-v5-u-ml-3xl-on-sm {
891
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
851
+ margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
892
852
  }
893
853
  }
894
854
 
895
855
  @media screen and (min-width: 576px) {
896
856
  .pf-v5-u-ml-4xl-on-sm {
897
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
857
+ margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
898
858
  }
899
859
  }
900
860
 
901
861
  @media screen and (min-width: 576px) {
902
862
  .pf-v5-u-mx-auto-on-sm {
903
- margin-right: auto !important;
904
- margin-left: auto !important;
863
+ margin-inline: auto !important;
905
864
  }
906
865
  }
907
866
 
908
867
  @media screen and (min-width: 576px) {
909
868
  .pf-v5-u-mx-0-on-sm {
910
- margin-right: 0 !important;
911
- margin-left: 0 !important;
869
+ margin-inline: 0 !important;
912
870
  }
913
871
  }
914
872
 
915
873
  @media screen and (min-width: 576px) {
916
874
  .pf-v5-u-mx-xs-on-sm {
917
- margin-right: var(--pf-v5-global--spacer--xs) !important;
918
- margin-left: var(--pf-v5-global--spacer--xs) !important;
875
+ margin-inline: var(--pf-v5-global--spacer--xs) !important;
919
876
  }
920
877
  }
921
878
 
922
879
  @media screen and (min-width: 576px) {
923
880
  .pf-v5-u-mx-sm-on-sm {
924
- margin-right: var(--pf-v5-global--spacer--sm) !important;
925
- margin-left: var(--pf-v5-global--spacer--sm) !important;
881
+ margin-inline: var(--pf-v5-global--spacer--sm) !important;
926
882
  }
927
883
  }
928
884
 
929
885
  @media screen and (min-width: 576px) {
930
886
  .pf-v5-u-mx-md-on-sm {
931
- margin-right: var(--pf-v5-global--spacer--md) !important;
932
- margin-left: var(--pf-v5-global--spacer--md) !important;
887
+ margin-inline: var(--pf-v5-global--spacer--md) !important;
933
888
  }
934
889
  }
935
890
 
936
891
  @media screen and (min-width: 576px) {
937
892
  .pf-v5-u-mx-lg-on-sm {
938
- margin-right: var(--pf-v5-global--spacer--lg) !important;
939
- margin-left: var(--pf-v5-global--spacer--lg) !important;
893
+ margin-inline: var(--pf-v5-global--spacer--lg) !important;
940
894
  }
941
895
  }
942
896
 
943
897
  @media screen and (min-width: 576px) {
944
898
  .pf-v5-u-mx-xl-on-sm {
945
- margin-right: var(--pf-v5-global--spacer--xl) !important;
946
- margin-left: var(--pf-v5-global--spacer--xl) !important;
899
+ margin-inline: var(--pf-v5-global--spacer--xl) !important;
947
900
  }
948
901
  }
949
902
 
950
903
  @media screen and (min-width: 576px) {
951
904
  .pf-v5-u-mx-2xl-on-sm {
952
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
953
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
905
+ margin-inline: var(--pf-v5-global--spacer--2xl) !important;
954
906
  }
955
907
  }
956
908
 
957
909
  @media screen and (min-width: 576px) {
958
910
  .pf-v5-u-mx-3xl-on-sm {
959
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
960
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
911
+ margin-inline: var(--pf-v5-global--spacer--3xl) !important;
961
912
  }
962
913
  }
963
914
 
964
915
  @media screen and (min-width: 576px) {
965
916
  .pf-v5-u-mx-4xl-on-sm {
966
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
967
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
917
+ margin-inline: var(--pf-v5-global--spacer--4xl) !important;
968
918
  }
969
919
  }
970
920
 
971
921
  @media screen and (min-width: 576px) {
972
922
  .pf-v5-u-my-auto-on-sm {
973
- margin-top: auto !important;
974
- margin-bottom: auto !important;
923
+ margin-block: auto !important;
975
924
  }
976
925
  }
977
926
 
978
927
  @media screen and (min-width: 576px) {
979
928
  .pf-v5-u-my-0-on-sm {
980
- margin-top: 0 !important;
981
- margin-bottom: 0 !important;
929
+ margin-block: 0 !important;
982
930
  }
983
931
  }
984
932
 
985
933
  @media screen and (min-width: 576px) {
986
934
  .pf-v5-u-my-xs-on-sm {
987
- margin-top: var(--pf-v5-global--spacer--xs) !important;
988
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
935
+ margin-block: var(--pf-v5-global--spacer--xs) !important;
989
936
  }
990
937
  }
991
938
 
992
939
  @media screen and (min-width: 576px) {
993
940
  .pf-v5-u-my-sm-on-sm {
994
- margin-top: var(--pf-v5-global--spacer--sm) !important;
995
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
941
+ margin-block: var(--pf-v5-global--spacer--sm) !important;
996
942
  }
997
943
  }
998
944
 
999
945
  @media screen and (min-width: 576px) {
1000
946
  .pf-v5-u-my-md-on-sm {
1001
- margin-top: var(--pf-v5-global--spacer--md) !important;
1002
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
947
+ margin-block: var(--pf-v5-global--spacer--md) !important;
1003
948
  }
1004
949
  }
1005
950
 
1006
951
  @media screen and (min-width: 576px) {
1007
952
  .pf-v5-u-my-lg-on-sm {
1008
- margin-top: var(--pf-v5-global--spacer--lg) !important;
1009
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
953
+ margin-block: var(--pf-v5-global--spacer--lg) !important;
1010
954
  }
1011
955
  }
1012
956
 
1013
957
  @media screen and (min-width: 576px) {
1014
958
  .pf-v5-u-my-xl-on-sm {
1015
- margin-top: var(--pf-v5-global--spacer--xl) !important;
1016
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
959
+ margin-block: var(--pf-v5-global--spacer--xl) !important;
1017
960
  }
1018
961
  }
1019
962
 
1020
963
  @media screen and (min-width: 576px) {
1021
964
  .pf-v5-u-my-2xl-on-sm {
1022
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
1023
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
965
+ margin-block: var(--pf-v5-global--spacer--2xl) !important;
1024
966
  }
1025
967
  }
1026
968
 
1027
969
  @media screen and (min-width: 576px) {
1028
970
  .pf-v5-u-my-3xl-on-sm {
1029
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
1030
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
971
+ margin-block: var(--pf-v5-global--spacer--3xl) !important;
1031
972
  }
1032
973
  }
1033
974
 
1034
975
  @media screen and (min-width: 576px) {
1035
976
  .pf-v5-u-my-4xl-on-sm {
1036
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
1037
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
977
+ margin-block: var(--pf-v5-global--spacer--4xl) !important;
1038
978
  }
1039
979
  }
1040
980
 
@@ -1100,381 +1040,361 @@
1100
1040
 
1101
1041
  @media screen and (min-width: 576px) {
1102
1042
  .pf-v5-u-pt-auto-on-sm {
1103
- padding-top: auto !important;
1043
+ padding-block-start: auto !important;
1104
1044
  }
1105
1045
  }
1106
1046
 
1107
1047
  @media screen and (min-width: 576px) {
1108
1048
  .pf-v5-u-pt-0-on-sm {
1109
- padding-top: 0 !important;
1049
+ padding-block-start: 0 !important;
1110
1050
  }
1111
1051
  }
1112
1052
 
1113
1053
  @media screen and (min-width: 576px) {
1114
1054
  .pf-v5-u-pt-xs-on-sm {
1115
- padding-top: var(--pf-v5-global--spacer--xs) !important;
1055
+ padding-block-start: var(--pf-v5-global--spacer--xs) !important;
1116
1056
  }
1117
1057
  }
1118
1058
 
1119
1059
  @media screen and (min-width: 576px) {
1120
1060
  .pf-v5-u-pt-sm-on-sm {
1121
- padding-top: var(--pf-v5-global--spacer--sm) !important;
1061
+ padding-block-start: var(--pf-v5-global--spacer--sm) !important;
1122
1062
  }
1123
1063
  }
1124
1064
 
1125
1065
  @media screen and (min-width: 576px) {
1126
1066
  .pf-v5-u-pt-md-on-sm {
1127
- padding-top: var(--pf-v5-global--spacer--md) !important;
1067
+ padding-block-start: var(--pf-v5-global--spacer--md) !important;
1128
1068
  }
1129
1069
  }
1130
1070
 
1131
1071
  @media screen and (min-width: 576px) {
1132
1072
  .pf-v5-u-pt-lg-on-sm {
1133
- padding-top: var(--pf-v5-global--spacer--lg) !important;
1073
+ padding-block-start: var(--pf-v5-global--spacer--lg) !important;
1134
1074
  }
1135
1075
  }
1136
1076
 
1137
1077
  @media screen and (min-width: 576px) {
1138
1078
  .pf-v5-u-pt-xl-on-sm {
1139
- padding-top: var(--pf-v5-global--spacer--xl) !important;
1079
+ padding-block-start: var(--pf-v5-global--spacer--xl) !important;
1140
1080
  }
1141
1081
  }
1142
1082
 
1143
1083
  @media screen and (min-width: 576px) {
1144
1084
  .pf-v5-u-pt-2xl-on-sm {
1145
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
1085
+ padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
1146
1086
  }
1147
1087
  }
1148
1088
 
1149
1089
  @media screen and (min-width: 576px) {
1150
1090
  .pf-v5-u-pt-3xl-on-sm {
1151
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
1091
+ padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
1152
1092
  }
1153
1093
  }
1154
1094
 
1155
1095
  @media screen and (min-width: 576px) {
1156
1096
  .pf-v5-u-pt-4xl-on-sm {
1157
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
1097
+ padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
1158
1098
  }
1159
1099
  }
1160
1100
 
1161
1101
  @media screen and (min-width: 576px) {
1162
1102
  .pf-v5-u-pr-auto-on-sm {
1163
- padding-right: auto !important;
1103
+ padding-inline-end: auto !important;
1164
1104
  }
1165
1105
  }
1166
1106
 
1167
1107
  @media screen and (min-width: 576px) {
1168
1108
  .pf-v5-u-pr-0-on-sm {
1169
- padding-right: 0 !important;
1109
+ padding-inline-end: 0 !important;
1170
1110
  }
1171
1111
  }
1172
1112
 
1173
1113
  @media screen and (min-width: 576px) {
1174
1114
  .pf-v5-u-pr-xs-on-sm {
1175
- padding-right: var(--pf-v5-global--spacer--xs) !important;
1115
+ padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
1176
1116
  }
1177
1117
  }
1178
1118
 
1179
1119
  @media screen and (min-width: 576px) {
1180
1120
  .pf-v5-u-pr-sm-on-sm {
1181
- padding-right: var(--pf-v5-global--spacer--sm) !important;
1121
+ padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
1182
1122
  }
1183
1123
  }
1184
1124
 
1185
1125
  @media screen and (min-width: 576px) {
1186
1126
  .pf-v5-u-pr-md-on-sm {
1187
- padding-right: var(--pf-v5-global--spacer--md) !important;
1127
+ padding-inline-end: var(--pf-v5-global--spacer--md) !important;
1188
1128
  }
1189
1129
  }
1190
1130
 
1191
1131
  @media screen and (min-width: 576px) {
1192
1132
  .pf-v5-u-pr-lg-on-sm {
1193
- padding-right: var(--pf-v5-global--spacer--lg) !important;
1133
+ padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
1194
1134
  }
1195
1135
  }
1196
1136
 
1197
1137
  @media screen and (min-width: 576px) {
1198
1138
  .pf-v5-u-pr-xl-on-sm {
1199
- padding-right: var(--pf-v5-global--spacer--xl) !important;
1139
+ padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
1200
1140
  }
1201
1141
  }
1202
1142
 
1203
1143
  @media screen and (min-width: 576px) {
1204
1144
  .pf-v5-u-pr-2xl-on-sm {
1205
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
1145
+ padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
1206
1146
  }
1207
1147
  }
1208
1148
 
1209
1149
  @media screen and (min-width: 576px) {
1210
1150
  .pf-v5-u-pr-3xl-on-sm {
1211
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
1151
+ padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
1212
1152
  }
1213
1153
  }
1214
1154
 
1215
1155
  @media screen and (min-width: 576px) {
1216
1156
  .pf-v5-u-pr-4xl-on-sm {
1217
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
1157
+ padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
1218
1158
  }
1219
1159
  }
1220
1160
 
1221
1161
  @media screen and (min-width: 576px) {
1222
1162
  .pf-v5-u-pb-auto-on-sm {
1223
- padding-bottom: auto !important;
1163
+ padding-block-end: auto !important;
1224
1164
  }
1225
1165
  }
1226
1166
 
1227
1167
  @media screen and (min-width: 576px) {
1228
1168
  .pf-v5-u-pb-0-on-sm {
1229
- padding-bottom: 0 !important;
1169
+ padding-block-end: 0 !important;
1230
1170
  }
1231
1171
  }
1232
1172
 
1233
1173
  @media screen and (min-width: 576px) {
1234
1174
  .pf-v5-u-pb-xs-on-sm {
1235
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
1175
+ padding-block-end: var(--pf-v5-global--spacer--xs) !important;
1236
1176
  }
1237
1177
  }
1238
1178
 
1239
1179
  @media screen and (min-width: 576px) {
1240
1180
  .pf-v5-u-pb-sm-on-sm {
1241
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
1181
+ padding-block-end: var(--pf-v5-global--spacer--sm) !important;
1242
1182
  }
1243
1183
  }
1244
1184
 
1245
1185
  @media screen and (min-width: 576px) {
1246
1186
  .pf-v5-u-pb-md-on-sm {
1247
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
1187
+ padding-block-end: var(--pf-v5-global--spacer--md) !important;
1248
1188
  }
1249
1189
  }
1250
1190
 
1251
1191
  @media screen and (min-width: 576px) {
1252
1192
  .pf-v5-u-pb-lg-on-sm {
1253
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
1193
+ padding-block-end: var(--pf-v5-global--spacer--lg) !important;
1254
1194
  }
1255
1195
  }
1256
1196
 
1257
1197
  @media screen and (min-width: 576px) {
1258
1198
  .pf-v5-u-pb-xl-on-sm {
1259
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
1199
+ padding-block-end: var(--pf-v5-global--spacer--xl) !important;
1260
1200
  }
1261
1201
  }
1262
1202
 
1263
1203
  @media screen and (min-width: 576px) {
1264
1204
  .pf-v5-u-pb-2xl-on-sm {
1265
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
1205
+ padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
1266
1206
  }
1267
1207
  }
1268
1208
 
1269
1209
  @media screen and (min-width: 576px) {
1270
1210
  .pf-v5-u-pb-3xl-on-sm {
1271
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
1211
+ padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
1272
1212
  }
1273
1213
  }
1274
1214
 
1275
1215
  @media screen and (min-width: 576px) {
1276
1216
  .pf-v5-u-pb-4xl-on-sm {
1277
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
1217
+ padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
1278
1218
  }
1279
1219
  }
1280
1220
 
1281
1221
  @media screen and (min-width: 576px) {
1282
1222
  .pf-v5-u-pl-auto-on-sm {
1283
- padding-left: auto !important;
1223
+ padding-inline-start: auto !important;
1284
1224
  }
1285
1225
  }
1286
1226
 
1287
1227
  @media screen and (min-width: 576px) {
1288
1228
  .pf-v5-u-pl-0-on-sm {
1289
- padding-left: 0 !important;
1229
+ padding-inline-start: 0 !important;
1290
1230
  }
1291
1231
  }
1292
1232
 
1293
1233
  @media screen and (min-width: 576px) {
1294
1234
  .pf-v5-u-pl-xs-on-sm {
1295
- padding-left: var(--pf-v5-global--spacer--xs) !important;
1235
+ padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
1296
1236
  }
1297
1237
  }
1298
1238
 
1299
1239
  @media screen and (min-width: 576px) {
1300
1240
  .pf-v5-u-pl-sm-on-sm {
1301
- padding-left: var(--pf-v5-global--spacer--sm) !important;
1241
+ padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
1302
1242
  }
1303
1243
  }
1304
1244
 
1305
1245
  @media screen and (min-width: 576px) {
1306
1246
  .pf-v5-u-pl-md-on-sm {
1307
- padding-left: var(--pf-v5-global--spacer--md) !important;
1247
+ padding-inline-start: var(--pf-v5-global--spacer--md) !important;
1308
1248
  }
1309
1249
  }
1310
1250
 
1311
1251
  @media screen and (min-width: 576px) {
1312
1252
  .pf-v5-u-pl-lg-on-sm {
1313
- padding-left: var(--pf-v5-global--spacer--lg) !important;
1253
+ padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
1314
1254
  }
1315
1255
  }
1316
1256
 
1317
1257
  @media screen and (min-width: 576px) {
1318
1258
  .pf-v5-u-pl-xl-on-sm {
1319
- padding-left: var(--pf-v5-global--spacer--xl) !important;
1259
+ padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
1320
1260
  }
1321
1261
  }
1322
1262
 
1323
1263
  @media screen and (min-width: 576px) {
1324
1264
  .pf-v5-u-pl-2xl-on-sm {
1325
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
1265
+ padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
1326
1266
  }
1327
1267
  }
1328
1268
 
1329
1269
  @media screen and (min-width: 576px) {
1330
1270
  .pf-v5-u-pl-3xl-on-sm {
1331
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
1271
+ padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
1332
1272
  }
1333
1273
  }
1334
1274
 
1335
1275
  @media screen and (min-width: 576px) {
1336
1276
  .pf-v5-u-pl-4xl-on-sm {
1337
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
1277
+ padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
1338
1278
  }
1339
1279
  }
1340
1280
 
1341
1281
  @media screen and (min-width: 576px) {
1342
1282
  .pf-v5-u-px-auto-on-sm {
1343
- padding-right: auto !important;
1344
- padding-left: auto !important;
1283
+ padding-inline: auto !important;
1345
1284
  }
1346
1285
  }
1347
1286
 
1348
1287
  @media screen and (min-width: 576px) {
1349
1288
  .pf-v5-u-px-0-on-sm {
1350
- padding-right: 0 !important;
1351
- padding-left: 0 !important;
1289
+ padding-inline: 0 !important;
1352
1290
  }
1353
1291
  }
1354
1292
 
1355
1293
  @media screen and (min-width: 576px) {
1356
1294
  .pf-v5-u-px-xs-on-sm {
1357
- padding-right: var(--pf-v5-global--spacer--xs) !important;
1358
- padding-left: var(--pf-v5-global--spacer--xs) !important;
1295
+ padding-inline: var(--pf-v5-global--spacer--xs) !important;
1359
1296
  }
1360
1297
  }
1361
1298
 
1362
1299
  @media screen and (min-width: 576px) {
1363
1300
  .pf-v5-u-px-sm-on-sm {
1364
- padding-right: var(--pf-v5-global--spacer--sm) !important;
1365
- padding-left: var(--pf-v5-global--spacer--sm) !important;
1301
+ padding-inline: var(--pf-v5-global--spacer--sm) !important;
1366
1302
  }
1367
1303
  }
1368
1304
 
1369
1305
  @media screen and (min-width: 576px) {
1370
1306
  .pf-v5-u-px-md-on-sm {
1371
- padding-right: var(--pf-v5-global--spacer--md) !important;
1372
- padding-left: var(--pf-v5-global--spacer--md) !important;
1307
+ padding-inline: var(--pf-v5-global--spacer--md) !important;
1373
1308
  }
1374
1309
  }
1375
1310
 
1376
1311
  @media screen and (min-width: 576px) {
1377
1312
  .pf-v5-u-px-lg-on-sm {
1378
- padding-right: var(--pf-v5-global--spacer--lg) !important;
1379
- padding-left: var(--pf-v5-global--spacer--lg) !important;
1313
+ padding-inline: var(--pf-v5-global--spacer--lg) !important;
1380
1314
  }
1381
1315
  }
1382
1316
 
1383
1317
  @media screen and (min-width: 576px) {
1384
1318
  .pf-v5-u-px-xl-on-sm {
1385
- padding-right: var(--pf-v5-global--spacer--xl) !important;
1386
- padding-left: var(--pf-v5-global--spacer--xl) !important;
1319
+ padding-inline: var(--pf-v5-global--spacer--xl) !important;
1387
1320
  }
1388
1321
  }
1389
1322
 
1390
1323
  @media screen and (min-width: 576px) {
1391
1324
  .pf-v5-u-px-2xl-on-sm {
1392
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
1393
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
1325
+ padding-inline: var(--pf-v5-global--spacer--2xl) !important;
1394
1326
  }
1395
1327
  }
1396
1328
 
1397
1329
  @media screen and (min-width: 576px) {
1398
1330
  .pf-v5-u-px-3xl-on-sm {
1399
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
1400
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
1331
+ padding-inline: var(--pf-v5-global--spacer--3xl) !important;
1401
1332
  }
1402
1333
  }
1403
1334
 
1404
1335
  @media screen and (min-width: 576px) {
1405
1336
  .pf-v5-u-px-4xl-on-sm {
1406
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
1407
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
1337
+ padding-inline: var(--pf-v5-global--spacer--4xl) !important;
1408
1338
  }
1409
1339
  }
1410
1340
 
1411
1341
  @media screen and (min-width: 576px) {
1412
1342
  .pf-v5-u-py-auto-on-sm {
1413
- padding-top: auto !important;
1414
- padding-bottom: auto !important;
1343
+ padding-block: auto !important;
1415
1344
  }
1416
1345
  }
1417
1346
 
1418
1347
  @media screen and (min-width: 576px) {
1419
1348
  .pf-v5-u-py-0-on-sm {
1420
- padding-top: 0 !important;
1421
- padding-bottom: 0 !important;
1349
+ padding-block: 0 !important;
1422
1350
  }
1423
1351
  }
1424
1352
 
1425
1353
  @media screen and (min-width: 576px) {
1426
1354
  .pf-v5-u-py-xs-on-sm {
1427
- padding-top: var(--pf-v5-global--spacer--xs) !important;
1428
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
1355
+ padding-block: var(--pf-v5-global--spacer--xs) !important;
1429
1356
  }
1430
1357
  }
1431
1358
 
1432
1359
  @media screen and (min-width: 576px) {
1433
1360
  .pf-v5-u-py-sm-on-sm {
1434
- padding-top: var(--pf-v5-global--spacer--sm) !important;
1435
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
1361
+ padding-block: var(--pf-v5-global--spacer--sm) !important;
1436
1362
  }
1437
1363
  }
1438
1364
 
1439
1365
  @media screen and (min-width: 576px) {
1440
1366
  .pf-v5-u-py-md-on-sm {
1441
- padding-top: var(--pf-v5-global--spacer--md) !important;
1442
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
1367
+ padding-block: var(--pf-v5-global--spacer--md) !important;
1443
1368
  }
1444
1369
  }
1445
1370
 
1446
1371
  @media screen and (min-width: 576px) {
1447
1372
  .pf-v5-u-py-lg-on-sm {
1448
- padding-top: var(--pf-v5-global--spacer--lg) !important;
1449
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
1373
+ padding-block: var(--pf-v5-global--spacer--lg) !important;
1450
1374
  }
1451
1375
  }
1452
1376
 
1453
1377
  @media screen and (min-width: 576px) {
1454
1378
  .pf-v5-u-py-xl-on-sm {
1455
- padding-top: var(--pf-v5-global--spacer--xl) !important;
1456
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
1379
+ padding-block: var(--pf-v5-global--spacer--xl) !important;
1457
1380
  }
1458
1381
  }
1459
1382
 
1460
1383
  @media screen and (min-width: 576px) {
1461
1384
  .pf-v5-u-py-2xl-on-sm {
1462
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
1463
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
1385
+ padding-block: var(--pf-v5-global--spacer--2xl) !important;
1464
1386
  }
1465
1387
  }
1466
1388
 
1467
1389
  @media screen and (min-width: 576px) {
1468
1390
  .pf-v5-u-py-3xl-on-sm {
1469
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
1470
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
1391
+ padding-block: var(--pf-v5-global--spacer--3xl) !important;
1471
1392
  }
1472
1393
  }
1473
1394
 
1474
1395
  @media screen and (min-width: 576px) {
1475
1396
  .pf-v5-u-py-4xl-on-sm {
1476
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
1477
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
1397
+ padding-block: var(--pf-v5-global--spacer--4xl) !important;
1478
1398
  }
1479
1399
  }
1480
1400
 
@@ -1540,381 +1460,361 @@
1540
1460
 
1541
1461
  @media screen and (min-width: 768px) {
1542
1462
  .pf-v5-u-mt-auto-on-md {
1543
- margin-top: auto !important;
1463
+ margin-block-start: auto !important;
1544
1464
  }
1545
1465
  }
1546
1466
 
1547
1467
  @media screen and (min-width: 768px) {
1548
1468
  .pf-v5-u-mt-0-on-md {
1549
- margin-top: 0 !important;
1469
+ margin-block-start: 0 !important;
1550
1470
  }
1551
1471
  }
1552
1472
 
1553
1473
  @media screen and (min-width: 768px) {
1554
1474
  .pf-v5-u-mt-xs-on-md {
1555
- margin-top: var(--pf-v5-global--spacer--xs) !important;
1475
+ margin-block-start: var(--pf-v5-global--spacer--xs) !important;
1556
1476
  }
1557
1477
  }
1558
1478
 
1559
1479
  @media screen and (min-width: 768px) {
1560
1480
  .pf-v5-u-mt-sm-on-md {
1561
- margin-top: var(--pf-v5-global--spacer--sm) !important;
1481
+ margin-block-start: var(--pf-v5-global--spacer--sm) !important;
1562
1482
  }
1563
1483
  }
1564
1484
 
1565
1485
  @media screen and (min-width: 768px) {
1566
1486
  .pf-v5-u-mt-md-on-md {
1567
- margin-top: var(--pf-v5-global--spacer--md) !important;
1487
+ margin-block-start: var(--pf-v5-global--spacer--md) !important;
1568
1488
  }
1569
1489
  }
1570
1490
 
1571
1491
  @media screen and (min-width: 768px) {
1572
1492
  .pf-v5-u-mt-lg-on-md {
1573
- margin-top: var(--pf-v5-global--spacer--lg) !important;
1493
+ margin-block-start: var(--pf-v5-global--spacer--lg) !important;
1574
1494
  }
1575
1495
  }
1576
1496
 
1577
1497
  @media screen and (min-width: 768px) {
1578
1498
  .pf-v5-u-mt-xl-on-md {
1579
- margin-top: var(--pf-v5-global--spacer--xl) !important;
1499
+ margin-block-start: var(--pf-v5-global--spacer--xl) !important;
1580
1500
  }
1581
1501
  }
1582
1502
 
1583
1503
  @media screen and (min-width: 768px) {
1584
1504
  .pf-v5-u-mt-2xl-on-md {
1585
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
1505
+ margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
1586
1506
  }
1587
1507
  }
1588
1508
 
1589
1509
  @media screen and (min-width: 768px) {
1590
1510
  .pf-v5-u-mt-3xl-on-md {
1591
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
1511
+ margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
1592
1512
  }
1593
1513
  }
1594
1514
 
1595
1515
  @media screen and (min-width: 768px) {
1596
1516
  .pf-v5-u-mt-4xl-on-md {
1597
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
1517
+ margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
1598
1518
  }
1599
1519
  }
1600
1520
 
1601
1521
  @media screen and (min-width: 768px) {
1602
1522
  .pf-v5-u-mr-auto-on-md {
1603
- margin-right: auto !important;
1523
+ margin-inline-end: auto !important;
1604
1524
  }
1605
1525
  }
1606
1526
 
1607
1527
  @media screen and (min-width: 768px) {
1608
1528
  .pf-v5-u-mr-0-on-md {
1609
- margin-right: 0 !important;
1529
+ margin-inline-end: 0 !important;
1610
1530
  }
1611
1531
  }
1612
1532
 
1613
1533
  @media screen and (min-width: 768px) {
1614
1534
  .pf-v5-u-mr-xs-on-md {
1615
- margin-right: var(--pf-v5-global--spacer--xs) !important;
1535
+ margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
1616
1536
  }
1617
1537
  }
1618
1538
 
1619
1539
  @media screen and (min-width: 768px) {
1620
1540
  .pf-v5-u-mr-sm-on-md {
1621
- margin-right: var(--pf-v5-global--spacer--sm) !important;
1541
+ margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
1622
1542
  }
1623
1543
  }
1624
1544
 
1625
1545
  @media screen and (min-width: 768px) {
1626
1546
  .pf-v5-u-mr-md-on-md {
1627
- margin-right: var(--pf-v5-global--spacer--md) !important;
1547
+ margin-inline-end: var(--pf-v5-global--spacer--md) !important;
1628
1548
  }
1629
1549
  }
1630
1550
 
1631
1551
  @media screen and (min-width: 768px) {
1632
1552
  .pf-v5-u-mr-lg-on-md {
1633
- margin-right: var(--pf-v5-global--spacer--lg) !important;
1553
+ margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
1634
1554
  }
1635
1555
  }
1636
1556
 
1637
1557
  @media screen and (min-width: 768px) {
1638
1558
  .pf-v5-u-mr-xl-on-md {
1639
- margin-right: var(--pf-v5-global--spacer--xl) !important;
1559
+ margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
1640
1560
  }
1641
1561
  }
1642
1562
 
1643
1563
  @media screen and (min-width: 768px) {
1644
1564
  .pf-v5-u-mr-2xl-on-md {
1645
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
1565
+ margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
1646
1566
  }
1647
1567
  }
1648
1568
 
1649
1569
  @media screen and (min-width: 768px) {
1650
1570
  .pf-v5-u-mr-3xl-on-md {
1651
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
1571
+ margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
1652
1572
  }
1653
1573
  }
1654
1574
 
1655
1575
  @media screen and (min-width: 768px) {
1656
1576
  .pf-v5-u-mr-4xl-on-md {
1657
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
1577
+ margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
1658
1578
  }
1659
1579
  }
1660
1580
 
1661
1581
  @media screen and (min-width: 768px) {
1662
1582
  .pf-v5-u-mb-auto-on-md {
1663
- margin-bottom: auto !important;
1583
+ margin-block-end: auto !important;
1664
1584
  }
1665
1585
  }
1666
1586
 
1667
1587
  @media screen and (min-width: 768px) {
1668
1588
  .pf-v5-u-mb-0-on-md {
1669
- margin-bottom: 0 !important;
1589
+ margin-block-end: 0 !important;
1670
1590
  }
1671
1591
  }
1672
1592
 
1673
1593
  @media screen and (min-width: 768px) {
1674
1594
  .pf-v5-u-mb-xs-on-md {
1675
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
1595
+ margin-block-end: var(--pf-v5-global--spacer--xs) !important;
1676
1596
  }
1677
1597
  }
1678
1598
 
1679
1599
  @media screen and (min-width: 768px) {
1680
1600
  .pf-v5-u-mb-sm-on-md {
1681
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
1601
+ margin-block-end: var(--pf-v5-global--spacer--sm) !important;
1682
1602
  }
1683
1603
  }
1684
1604
 
1685
1605
  @media screen and (min-width: 768px) {
1686
1606
  .pf-v5-u-mb-md-on-md {
1687
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
1607
+ margin-block-end: var(--pf-v5-global--spacer--md) !important;
1688
1608
  }
1689
1609
  }
1690
1610
 
1691
1611
  @media screen and (min-width: 768px) {
1692
1612
  .pf-v5-u-mb-lg-on-md {
1693
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
1613
+ margin-block-end: var(--pf-v5-global--spacer--lg) !important;
1694
1614
  }
1695
1615
  }
1696
1616
 
1697
1617
  @media screen and (min-width: 768px) {
1698
1618
  .pf-v5-u-mb-xl-on-md {
1699
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
1619
+ margin-block-end: var(--pf-v5-global--spacer--xl) !important;
1700
1620
  }
1701
1621
  }
1702
1622
 
1703
1623
  @media screen and (min-width: 768px) {
1704
1624
  .pf-v5-u-mb-2xl-on-md {
1705
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
1625
+ margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
1706
1626
  }
1707
1627
  }
1708
1628
 
1709
1629
  @media screen and (min-width: 768px) {
1710
1630
  .pf-v5-u-mb-3xl-on-md {
1711
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
1631
+ margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
1712
1632
  }
1713
1633
  }
1714
1634
 
1715
1635
  @media screen and (min-width: 768px) {
1716
1636
  .pf-v5-u-mb-4xl-on-md {
1717
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
1637
+ margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
1718
1638
  }
1719
1639
  }
1720
1640
 
1721
1641
  @media screen and (min-width: 768px) {
1722
1642
  .pf-v5-u-ml-auto-on-md {
1723
- margin-left: auto !important;
1643
+ margin-inline-start: auto !important;
1724
1644
  }
1725
1645
  }
1726
1646
 
1727
1647
  @media screen and (min-width: 768px) {
1728
1648
  .pf-v5-u-ml-0-on-md {
1729
- margin-left: 0 !important;
1649
+ margin-inline-start: 0 !important;
1730
1650
  }
1731
1651
  }
1732
1652
 
1733
1653
  @media screen and (min-width: 768px) {
1734
1654
  .pf-v5-u-ml-xs-on-md {
1735
- margin-left: var(--pf-v5-global--spacer--xs) !important;
1655
+ margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
1736
1656
  }
1737
1657
  }
1738
1658
 
1739
1659
  @media screen and (min-width: 768px) {
1740
1660
  .pf-v5-u-ml-sm-on-md {
1741
- margin-left: var(--pf-v5-global--spacer--sm) !important;
1661
+ margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
1742
1662
  }
1743
1663
  }
1744
1664
 
1745
1665
  @media screen and (min-width: 768px) {
1746
1666
  .pf-v5-u-ml-md-on-md {
1747
- margin-left: var(--pf-v5-global--spacer--md) !important;
1667
+ margin-inline-start: var(--pf-v5-global--spacer--md) !important;
1748
1668
  }
1749
1669
  }
1750
1670
 
1751
1671
  @media screen and (min-width: 768px) {
1752
1672
  .pf-v5-u-ml-lg-on-md {
1753
- margin-left: var(--pf-v5-global--spacer--lg) !important;
1673
+ margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
1754
1674
  }
1755
1675
  }
1756
1676
 
1757
1677
  @media screen and (min-width: 768px) {
1758
1678
  .pf-v5-u-ml-xl-on-md {
1759
- margin-left: var(--pf-v5-global--spacer--xl) !important;
1679
+ margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
1760
1680
  }
1761
1681
  }
1762
1682
 
1763
1683
  @media screen and (min-width: 768px) {
1764
1684
  .pf-v5-u-ml-2xl-on-md {
1765
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
1685
+ margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
1766
1686
  }
1767
1687
  }
1768
1688
 
1769
1689
  @media screen and (min-width: 768px) {
1770
1690
  .pf-v5-u-ml-3xl-on-md {
1771
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
1691
+ margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
1772
1692
  }
1773
1693
  }
1774
1694
 
1775
1695
  @media screen and (min-width: 768px) {
1776
1696
  .pf-v5-u-ml-4xl-on-md {
1777
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
1697
+ margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
1778
1698
  }
1779
1699
  }
1780
1700
 
1781
1701
  @media screen and (min-width: 768px) {
1782
1702
  .pf-v5-u-mx-auto-on-md {
1783
- margin-right: auto !important;
1784
- margin-left: auto !important;
1703
+ margin-inline: auto !important;
1785
1704
  }
1786
1705
  }
1787
1706
 
1788
1707
  @media screen and (min-width: 768px) {
1789
1708
  .pf-v5-u-mx-0-on-md {
1790
- margin-right: 0 !important;
1791
- margin-left: 0 !important;
1709
+ margin-inline: 0 !important;
1792
1710
  }
1793
1711
  }
1794
1712
 
1795
1713
  @media screen and (min-width: 768px) {
1796
1714
  .pf-v5-u-mx-xs-on-md {
1797
- margin-right: var(--pf-v5-global--spacer--xs) !important;
1798
- margin-left: var(--pf-v5-global--spacer--xs) !important;
1715
+ margin-inline: var(--pf-v5-global--spacer--xs) !important;
1799
1716
  }
1800
1717
  }
1801
1718
 
1802
1719
  @media screen and (min-width: 768px) {
1803
1720
  .pf-v5-u-mx-sm-on-md {
1804
- margin-right: var(--pf-v5-global--spacer--sm) !important;
1805
- margin-left: var(--pf-v5-global--spacer--sm) !important;
1721
+ margin-inline: var(--pf-v5-global--spacer--sm) !important;
1806
1722
  }
1807
1723
  }
1808
1724
 
1809
1725
  @media screen and (min-width: 768px) {
1810
1726
  .pf-v5-u-mx-md-on-md {
1811
- margin-right: var(--pf-v5-global--spacer--md) !important;
1812
- margin-left: var(--pf-v5-global--spacer--md) !important;
1727
+ margin-inline: var(--pf-v5-global--spacer--md) !important;
1813
1728
  }
1814
1729
  }
1815
1730
 
1816
1731
  @media screen and (min-width: 768px) {
1817
1732
  .pf-v5-u-mx-lg-on-md {
1818
- margin-right: var(--pf-v5-global--spacer--lg) !important;
1819
- margin-left: var(--pf-v5-global--spacer--lg) !important;
1733
+ margin-inline: var(--pf-v5-global--spacer--lg) !important;
1820
1734
  }
1821
1735
  }
1822
1736
 
1823
1737
  @media screen and (min-width: 768px) {
1824
1738
  .pf-v5-u-mx-xl-on-md {
1825
- margin-right: var(--pf-v5-global--spacer--xl) !important;
1826
- margin-left: var(--pf-v5-global--spacer--xl) !important;
1739
+ margin-inline: var(--pf-v5-global--spacer--xl) !important;
1827
1740
  }
1828
1741
  }
1829
1742
 
1830
1743
  @media screen and (min-width: 768px) {
1831
1744
  .pf-v5-u-mx-2xl-on-md {
1832
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
1833
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
1745
+ margin-inline: var(--pf-v5-global--spacer--2xl) !important;
1834
1746
  }
1835
1747
  }
1836
1748
 
1837
1749
  @media screen and (min-width: 768px) {
1838
1750
  .pf-v5-u-mx-3xl-on-md {
1839
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
1840
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
1751
+ margin-inline: var(--pf-v5-global--spacer--3xl) !important;
1841
1752
  }
1842
1753
  }
1843
1754
 
1844
1755
  @media screen and (min-width: 768px) {
1845
1756
  .pf-v5-u-mx-4xl-on-md {
1846
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
1847
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
1757
+ margin-inline: var(--pf-v5-global--spacer--4xl) !important;
1848
1758
  }
1849
1759
  }
1850
1760
 
1851
1761
  @media screen and (min-width: 768px) {
1852
1762
  .pf-v5-u-my-auto-on-md {
1853
- margin-top: auto !important;
1854
- margin-bottom: auto !important;
1763
+ margin-block: auto !important;
1855
1764
  }
1856
1765
  }
1857
1766
 
1858
1767
  @media screen and (min-width: 768px) {
1859
1768
  .pf-v5-u-my-0-on-md {
1860
- margin-top: 0 !important;
1861
- margin-bottom: 0 !important;
1769
+ margin-block: 0 !important;
1862
1770
  }
1863
1771
  }
1864
1772
 
1865
1773
  @media screen and (min-width: 768px) {
1866
1774
  .pf-v5-u-my-xs-on-md {
1867
- margin-top: var(--pf-v5-global--spacer--xs) !important;
1868
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
1775
+ margin-block: var(--pf-v5-global--spacer--xs) !important;
1869
1776
  }
1870
1777
  }
1871
1778
 
1872
1779
  @media screen and (min-width: 768px) {
1873
1780
  .pf-v5-u-my-sm-on-md {
1874
- margin-top: var(--pf-v5-global--spacer--sm) !important;
1875
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
1781
+ margin-block: var(--pf-v5-global--spacer--sm) !important;
1876
1782
  }
1877
1783
  }
1878
1784
 
1879
1785
  @media screen and (min-width: 768px) {
1880
1786
  .pf-v5-u-my-md-on-md {
1881
- margin-top: var(--pf-v5-global--spacer--md) !important;
1882
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
1787
+ margin-block: var(--pf-v5-global--spacer--md) !important;
1883
1788
  }
1884
1789
  }
1885
1790
 
1886
1791
  @media screen and (min-width: 768px) {
1887
1792
  .pf-v5-u-my-lg-on-md {
1888
- margin-top: var(--pf-v5-global--spacer--lg) !important;
1889
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
1793
+ margin-block: var(--pf-v5-global--spacer--lg) !important;
1890
1794
  }
1891
1795
  }
1892
1796
 
1893
1797
  @media screen and (min-width: 768px) {
1894
1798
  .pf-v5-u-my-xl-on-md {
1895
- margin-top: var(--pf-v5-global--spacer--xl) !important;
1896
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
1799
+ margin-block: var(--pf-v5-global--spacer--xl) !important;
1897
1800
  }
1898
1801
  }
1899
1802
 
1900
1803
  @media screen and (min-width: 768px) {
1901
1804
  .pf-v5-u-my-2xl-on-md {
1902
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
1903
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
1805
+ margin-block: var(--pf-v5-global--spacer--2xl) !important;
1904
1806
  }
1905
1807
  }
1906
1808
 
1907
1809
  @media screen and (min-width: 768px) {
1908
1810
  .pf-v5-u-my-3xl-on-md {
1909
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
1910
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
1811
+ margin-block: var(--pf-v5-global--spacer--3xl) !important;
1911
1812
  }
1912
1813
  }
1913
1814
 
1914
1815
  @media screen and (min-width: 768px) {
1915
1816
  .pf-v5-u-my-4xl-on-md {
1916
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
1917
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
1817
+ margin-block: var(--pf-v5-global--spacer--4xl) !important;
1918
1818
  }
1919
1819
  }
1920
1820
 
@@ -1980,381 +1880,361 @@
1980
1880
 
1981
1881
  @media screen and (min-width: 768px) {
1982
1882
  .pf-v5-u-pt-auto-on-md {
1983
- padding-top: auto !important;
1883
+ padding-block-start: auto !important;
1984
1884
  }
1985
1885
  }
1986
1886
 
1987
1887
  @media screen and (min-width: 768px) {
1988
1888
  .pf-v5-u-pt-0-on-md {
1989
- padding-top: 0 !important;
1889
+ padding-block-start: 0 !important;
1990
1890
  }
1991
1891
  }
1992
1892
 
1993
1893
  @media screen and (min-width: 768px) {
1994
1894
  .pf-v5-u-pt-xs-on-md {
1995
- padding-top: var(--pf-v5-global--spacer--xs) !important;
1895
+ padding-block-start: var(--pf-v5-global--spacer--xs) !important;
1996
1896
  }
1997
1897
  }
1998
1898
 
1999
1899
  @media screen and (min-width: 768px) {
2000
1900
  .pf-v5-u-pt-sm-on-md {
2001
- padding-top: var(--pf-v5-global--spacer--sm) !important;
1901
+ padding-block-start: var(--pf-v5-global--spacer--sm) !important;
2002
1902
  }
2003
1903
  }
2004
1904
 
2005
1905
  @media screen and (min-width: 768px) {
2006
1906
  .pf-v5-u-pt-md-on-md {
2007
- padding-top: var(--pf-v5-global--spacer--md) !important;
1907
+ padding-block-start: var(--pf-v5-global--spacer--md) !important;
2008
1908
  }
2009
1909
  }
2010
1910
 
2011
1911
  @media screen and (min-width: 768px) {
2012
1912
  .pf-v5-u-pt-lg-on-md {
2013
- padding-top: var(--pf-v5-global--spacer--lg) !important;
1913
+ padding-block-start: var(--pf-v5-global--spacer--lg) !important;
2014
1914
  }
2015
1915
  }
2016
1916
 
2017
1917
  @media screen and (min-width: 768px) {
2018
1918
  .pf-v5-u-pt-xl-on-md {
2019
- padding-top: var(--pf-v5-global--spacer--xl) !important;
1919
+ padding-block-start: var(--pf-v5-global--spacer--xl) !important;
2020
1920
  }
2021
1921
  }
2022
1922
 
2023
1923
  @media screen and (min-width: 768px) {
2024
1924
  .pf-v5-u-pt-2xl-on-md {
2025
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
1925
+ padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
2026
1926
  }
2027
1927
  }
2028
1928
 
2029
1929
  @media screen and (min-width: 768px) {
2030
1930
  .pf-v5-u-pt-3xl-on-md {
2031
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
1931
+ padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
2032
1932
  }
2033
1933
  }
2034
1934
 
2035
1935
  @media screen and (min-width: 768px) {
2036
1936
  .pf-v5-u-pt-4xl-on-md {
2037
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
1937
+ padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
2038
1938
  }
2039
1939
  }
2040
1940
 
2041
1941
  @media screen and (min-width: 768px) {
2042
1942
  .pf-v5-u-pr-auto-on-md {
2043
- padding-right: auto !important;
1943
+ padding-inline-end: auto !important;
2044
1944
  }
2045
1945
  }
2046
1946
 
2047
1947
  @media screen and (min-width: 768px) {
2048
1948
  .pf-v5-u-pr-0-on-md {
2049
- padding-right: 0 !important;
1949
+ padding-inline-end: 0 !important;
2050
1950
  }
2051
1951
  }
2052
1952
 
2053
1953
  @media screen and (min-width: 768px) {
2054
1954
  .pf-v5-u-pr-xs-on-md {
2055
- padding-right: var(--pf-v5-global--spacer--xs) !important;
1955
+ padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
2056
1956
  }
2057
1957
  }
2058
1958
 
2059
1959
  @media screen and (min-width: 768px) {
2060
1960
  .pf-v5-u-pr-sm-on-md {
2061
- padding-right: var(--pf-v5-global--spacer--sm) !important;
1961
+ padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
2062
1962
  }
2063
1963
  }
2064
1964
 
2065
1965
  @media screen and (min-width: 768px) {
2066
1966
  .pf-v5-u-pr-md-on-md {
2067
- padding-right: var(--pf-v5-global--spacer--md) !important;
1967
+ padding-inline-end: var(--pf-v5-global--spacer--md) !important;
2068
1968
  }
2069
1969
  }
2070
1970
 
2071
1971
  @media screen and (min-width: 768px) {
2072
1972
  .pf-v5-u-pr-lg-on-md {
2073
- padding-right: var(--pf-v5-global--spacer--lg) !important;
1973
+ padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
2074
1974
  }
2075
1975
  }
2076
1976
 
2077
1977
  @media screen and (min-width: 768px) {
2078
1978
  .pf-v5-u-pr-xl-on-md {
2079
- padding-right: var(--pf-v5-global--spacer--xl) !important;
1979
+ padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
2080
1980
  }
2081
1981
  }
2082
1982
 
2083
1983
  @media screen and (min-width: 768px) {
2084
1984
  .pf-v5-u-pr-2xl-on-md {
2085
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
1985
+ padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
2086
1986
  }
2087
1987
  }
2088
1988
 
2089
1989
  @media screen and (min-width: 768px) {
2090
1990
  .pf-v5-u-pr-3xl-on-md {
2091
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
1991
+ padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
2092
1992
  }
2093
1993
  }
2094
1994
 
2095
1995
  @media screen and (min-width: 768px) {
2096
1996
  .pf-v5-u-pr-4xl-on-md {
2097
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
1997
+ padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
2098
1998
  }
2099
1999
  }
2100
2000
 
2101
2001
  @media screen and (min-width: 768px) {
2102
2002
  .pf-v5-u-pb-auto-on-md {
2103
- padding-bottom: auto !important;
2003
+ padding-block-end: auto !important;
2104
2004
  }
2105
2005
  }
2106
2006
 
2107
2007
  @media screen and (min-width: 768px) {
2108
2008
  .pf-v5-u-pb-0-on-md {
2109
- padding-bottom: 0 !important;
2009
+ padding-block-end: 0 !important;
2110
2010
  }
2111
2011
  }
2112
2012
 
2113
2013
  @media screen and (min-width: 768px) {
2114
2014
  .pf-v5-u-pb-xs-on-md {
2115
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
2015
+ padding-block-end: var(--pf-v5-global--spacer--xs) !important;
2116
2016
  }
2117
2017
  }
2118
2018
 
2119
2019
  @media screen and (min-width: 768px) {
2120
2020
  .pf-v5-u-pb-sm-on-md {
2121
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
2021
+ padding-block-end: var(--pf-v5-global--spacer--sm) !important;
2122
2022
  }
2123
2023
  }
2124
2024
 
2125
2025
  @media screen and (min-width: 768px) {
2126
2026
  .pf-v5-u-pb-md-on-md {
2127
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
2027
+ padding-block-end: var(--pf-v5-global--spacer--md) !important;
2128
2028
  }
2129
2029
  }
2130
2030
 
2131
2031
  @media screen and (min-width: 768px) {
2132
2032
  .pf-v5-u-pb-lg-on-md {
2133
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
2033
+ padding-block-end: var(--pf-v5-global--spacer--lg) !important;
2134
2034
  }
2135
2035
  }
2136
2036
 
2137
2037
  @media screen and (min-width: 768px) {
2138
2038
  .pf-v5-u-pb-xl-on-md {
2139
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
2039
+ padding-block-end: var(--pf-v5-global--spacer--xl) !important;
2140
2040
  }
2141
2041
  }
2142
2042
 
2143
2043
  @media screen and (min-width: 768px) {
2144
2044
  .pf-v5-u-pb-2xl-on-md {
2145
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
2045
+ padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
2146
2046
  }
2147
2047
  }
2148
2048
 
2149
2049
  @media screen and (min-width: 768px) {
2150
2050
  .pf-v5-u-pb-3xl-on-md {
2151
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
2051
+ padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
2152
2052
  }
2153
2053
  }
2154
2054
 
2155
2055
  @media screen and (min-width: 768px) {
2156
2056
  .pf-v5-u-pb-4xl-on-md {
2157
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
2057
+ padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
2158
2058
  }
2159
2059
  }
2160
2060
 
2161
2061
  @media screen and (min-width: 768px) {
2162
2062
  .pf-v5-u-pl-auto-on-md {
2163
- padding-left: auto !important;
2063
+ padding-inline-start: auto !important;
2164
2064
  }
2165
2065
  }
2166
2066
 
2167
2067
  @media screen and (min-width: 768px) {
2168
2068
  .pf-v5-u-pl-0-on-md {
2169
- padding-left: 0 !important;
2069
+ padding-inline-start: 0 !important;
2170
2070
  }
2171
2071
  }
2172
2072
 
2173
2073
  @media screen and (min-width: 768px) {
2174
2074
  .pf-v5-u-pl-xs-on-md {
2175
- padding-left: var(--pf-v5-global--spacer--xs) !important;
2075
+ padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
2176
2076
  }
2177
2077
  }
2178
2078
 
2179
2079
  @media screen and (min-width: 768px) {
2180
2080
  .pf-v5-u-pl-sm-on-md {
2181
- padding-left: var(--pf-v5-global--spacer--sm) !important;
2081
+ padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
2182
2082
  }
2183
2083
  }
2184
2084
 
2185
2085
  @media screen and (min-width: 768px) {
2186
2086
  .pf-v5-u-pl-md-on-md {
2187
- padding-left: var(--pf-v5-global--spacer--md) !important;
2087
+ padding-inline-start: var(--pf-v5-global--spacer--md) !important;
2188
2088
  }
2189
2089
  }
2190
2090
 
2191
2091
  @media screen and (min-width: 768px) {
2192
2092
  .pf-v5-u-pl-lg-on-md {
2193
- padding-left: var(--pf-v5-global--spacer--lg) !important;
2093
+ padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
2194
2094
  }
2195
2095
  }
2196
2096
 
2197
2097
  @media screen and (min-width: 768px) {
2198
2098
  .pf-v5-u-pl-xl-on-md {
2199
- padding-left: var(--pf-v5-global--spacer--xl) !important;
2099
+ padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
2200
2100
  }
2201
2101
  }
2202
2102
 
2203
2103
  @media screen and (min-width: 768px) {
2204
2104
  .pf-v5-u-pl-2xl-on-md {
2205
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
2105
+ padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
2206
2106
  }
2207
2107
  }
2208
2108
 
2209
2109
  @media screen and (min-width: 768px) {
2210
2110
  .pf-v5-u-pl-3xl-on-md {
2211
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
2111
+ padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
2212
2112
  }
2213
2113
  }
2214
2114
 
2215
2115
  @media screen and (min-width: 768px) {
2216
2116
  .pf-v5-u-pl-4xl-on-md {
2217
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
2117
+ padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
2218
2118
  }
2219
2119
  }
2220
2120
 
2221
2121
  @media screen and (min-width: 768px) {
2222
2122
  .pf-v5-u-px-auto-on-md {
2223
- padding-right: auto !important;
2224
- padding-left: auto !important;
2123
+ padding-inline: auto !important;
2225
2124
  }
2226
2125
  }
2227
2126
 
2228
2127
  @media screen and (min-width: 768px) {
2229
2128
  .pf-v5-u-px-0-on-md {
2230
- padding-right: 0 !important;
2231
- padding-left: 0 !important;
2129
+ padding-inline: 0 !important;
2232
2130
  }
2233
2131
  }
2234
2132
 
2235
2133
  @media screen and (min-width: 768px) {
2236
2134
  .pf-v5-u-px-xs-on-md {
2237
- padding-right: var(--pf-v5-global--spacer--xs) !important;
2238
- padding-left: var(--pf-v5-global--spacer--xs) !important;
2135
+ padding-inline: var(--pf-v5-global--spacer--xs) !important;
2239
2136
  }
2240
2137
  }
2241
2138
 
2242
2139
  @media screen and (min-width: 768px) {
2243
2140
  .pf-v5-u-px-sm-on-md {
2244
- padding-right: var(--pf-v5-global--spacer--sm) !important;
2245
- padding-left: var(--pf-v5-global--spacer--sm) !important;
2141
+ padding-inline: var(--pf-v5-global--spacer--sm) !important;
2246
2142
  }
2247
2143
  }
2248
2144
 
2249
2145
  @media screen and (min-width: 768px) {
2250
2146
  .pf-v5-u-px-md-on-md {
2251
- padding-right: var(--pf-v5-global--spacer--md) !important;
2252
- padding-left: var(--pf-v5-global--spacer--md) !important;
2147
+ padding-inline: var(--pf-v5-global--spacer--md) !important;
2253
2148
  }
2254
2149
  }
2255
2150
 
2256
2151
  @media screen and (min-width: 768px) {
2257
2152
  .pf-v5-u-px-lg-on-md {
2258
- padding-right: var(--pf-v5-global--spacer--lg) !important;
2259
- padding-left: var(--pf-v5-global--spacer--lg) !important;
2153
+ padding-inline: var(--pf-v5-global--spacer--lg) !important;
2260
2154
  }
2261
2155
  }
2262
2156
 
2263
2157
  @media screen and (min-width: 768px) {
2264
2158
  .pf-v5-u-px-xl-on-md {
2265
- padding-right: var(--pf-v5-global--spacer--xl) !important;
2266
- padding-left: var(--pf-v5-global--spacer--xl) !important;
2159
+ padding-inline: var(--pf-v5-global--spacer--xl) !important;
2267
2160
  }
2268
2161
  }
2269
2162
 
2270
2163
  @media screen and (min-width: 768px) {
2271
2164
  .pf-v5-u-px-2xl-on-md {
2272
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
2273
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
2165
+ padding-inline: var(--pf-v5-global--spacer--2xl) !important;
2274
2166
  }
2275
2167
  }
2276
2168
 
2277
2169
  @media screen and (min-width: 768px) {
2278
2170
  .pf-v5-u-px-3xl-on-md {
2279
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
2280
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
2171
+ padding-inline: var(--pf-v5-global--spacer--3xl) !important;
2281
2172
  }
2282
2173
  }
2283
2174
 
2284
2175
  @media screen and (min-width: 768px) {
2285
2176
  .pf-v5-u-px-4xl-on-md {
2286
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
2287
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
2177
+ padding-inline: var(--pf-v5-global--spacer--4xl) !important;
2288
2178
  }
2289
2179
  }
2290
2180
 
2291
2181
  @media screen and (min-width: 768px) {
2292
2182
  .pf-v5-u-py-auto-on-md {
2293
- padding-top: auto !important;
2294
- padding-bottom: auto !important;
2183
+ padding-block: auto !important;
2295
2184
  }
2296
2185
  }
2297
2186
 
2298
2187
  @media screen and (min-width: 768px) {
2299
2188
  .pf-v5-u-py-0-on-md {
2300
- padding-top: 0 !important;
2301
- padding-bottom: 0 !important;
2189
+ padding-block: 0 !important;
2302
2190
  }
2303
2191
  }
2304
2192
 
2305
2193
  @media screen and (min-width: 768px) {
2306
2194
  .pf-v5-u-py-xs-on-md {
2307
- padding-top: var(--pf-v5-global--spacer--xs) !important;
2308
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
2195
+ padding-block: var(--pf-v5-global--spacer--xs) !important;
2309
2196
  }
2310
2197
  }
2311
2198
 
2312
2199
  @media screen and (min-width: 768px) {
2313
2200
  .pf-v5-u-py-sm-on-md {
2314
- padding-top: var(--pf-v5-global--spacer--sm) !important;
2315
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
2201
+ padding-block: var(--pf-v5-global--spacer--sm) !important;
2316
2202
  }
2317
2203
  }
2318
2204
 
2319
2205
  @media screen and (min-width: 768px) {
2320
2206
  .pf-v5-u-py-md-on-md {
2321
- padding-top: var(--pf-v5-global--spacer--md) !important;
2322
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
2207
+ padding-block: var(--pf-v5-global--spacer--md) !important;
2323
2208
  }
2324
2209
  }
2325
2210
 
2326
2211
  @media screen and (min-width: 768px) {
2327
2212
  .pf-v5-u-py-lg-on-md {
2328
- padding-top: var(--pf-v5-global--spacer--lg) !important;
2329
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
2213
+ padding-block: var(--pf-v5-global--spacer--lg) !important;
2330
2214
  }
2331
2215
  }
2332
2216
 
2333
2217
  @media screen and (min-width: 768px) {
2334
2218
  .pf-v5-u-py-xl-on-md {
2335
- padding-top: var(--pf-v5-global--spacer--xl) !important;
2336
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
2219
+ padding-block: var(--pf-v5-global--spacer--xl) !important;
2337
2220
  }
2338
2221
  }
2339
2222
 
2340
2223
  @media screen and (min-width: 768px) {
2341
2224
  .pf-v5-u-py-2xl-on-md {
2342
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
2343
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
2225
+ padding-block: var(--pf-v5-global--spacer--2xl) !important;
2344
2226
  }
2345
2227
  }
2346
2228
 
2347
2229
  @media screen and (min-width: 768px) {
2348
2230
  .pf-v5-u-py-3xl-on-md {
2349
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
2350
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
2231
+ padding-block: var(--pf-v5-global--spacer--3xl) !important;
2351
2232
  }
2352
2233
  }
2353
2234
 
2354
2235
  @media screen and (min-width: 768px) {
2355
2236
  .pf-v5-u-py-4xl-on-md {
2356
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
2357
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
2237
+ padding-block: var(--pf-v5-global--spacer--4xl) !important;
2358
2238
  }
2359
2239
  }
2360
2240
 
@@ -2420,381 +2300,361 @@
2420
2300
 
2421
2301
  @media screen and (min-width: 992px) {
2422
2302
  .pf-v5-u-mt-auto-on-lg {
2423
- margin-top: auto !important;
2303
+ margin-block-start: auto !important;
2424
2304
  }
2425
2305
  }
2426
2306
 
2427
2307
  @media screen and (min-width: 992px) {
2428
2308
  .pf-v5-u-mt-0-on-lg {
2429
- margin-top: 0 !important;
2309
+ margin-block-start: 0 !important;
2430
2310
  }
2431
2311
  }
2432
2312
 
2433
2313
  @media screen and (min-width: 992px) {
2434
2314
  .pf-v5-u-mt-xs-on-lg {
2435
- margin-top: var(--pf-v5-global--spacer--xs) !important;
2315
+ margin-block-start: var(--pf-v5-global--spacer--xs) !important;
2436
2316
  }
2437
2317
  }
2438
2318
 
2439
2319
  @media screen and (min-width: 992px) {
2440
2320
  .pf-v5-u-mt-sm-on-lg {
2441
- margin-top: var(--pf-v5-global--spacer--sm) !important;
2321
+ margin-block-start: var(--pf-v5-global--spacer--sm) !important;
2442
2322
  }
2443
2323
  }
2444
2324
 
2445
2325
  @media screen and (min-width: 992px) {
2446
2326
  .pf-v5-u-mt-md-on-lg {
2447
- margin-top: var(--pf-v5-global--spacer--md) !important;
2327
+ margin-block-start: var(--pf-v5-global--spacer--md) !important;
2448
2328
  }
2449
2329
  }
2450
2330
 
2451
2331
  @media screen and (min-width: 992px) {
2452
2332
  .pf-v5-u-mt-lg-on-lg {
2453
- margin-top: var(--pf-v5-global--spacer--lg) !important;
2333
+ margin-block-start: var(--pf-v5-global--spacer--lg) !important;
2454
2334
  }
2455
2335
  }
2456
2336
 
2457
2337
  @media screen and (min-width: 992px) {
2458
2338
  .pf-v5-u-mt-xl-on-lg {
2459
- margin-top: var(--pf-v5-global--spacer--xl) !important;
2339
+ margin-block-start: var(--pf-v5-global--spacer--xl) !important;
2460
2340
  }
2461
2341
  }
2462
2342
 
2463
2343
  @media screen and (min-width: 992px) {
2464
2344
  .pf-v5-u-mt-2xl-on-lg {
2465
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
2345
+ margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
2466
2346
  }
2467
2347
  }
2468
2348
 
2469
2349
  @media screen and (min-width: 992px) {
2470
2350
  .pf-v5-u-mt-3xl-on-lg {
2471
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
2351
+ margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
2472
2352
  }
2473
2353
  }
2474
2354
 
2475
2355
  @media screen and (min-width: 992px) {
2476
2356
  .pf-v5-u-mt-4xl-on-lg {
2477
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
2357
+ margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
2478
2358
  }
2479
2359
  }
2480
2360
 
2481
2361
  @media screen and (min-width: 992px) {
2482
2362
  .pf-v5-u-mr-auto-on-lg {
2483
- margin-right: auto !important;
2363
+ margin-inline-end: auto !important;
2484
2364
  }
2485
2365
  }
2486
2366
 
2487
2367
  @media screen and (min-width: 992px) {
2488
2368
  .pf-v5-u-mr-0-on-lg {
2489
- margin-right: 0 !important;
2369
+ margin-inline-end: 0 !important;
2490
2370
  }
2491
2371
  }
2492
2372
 
2493
2373
  @media screen and (min-width: 992px) {
2494
2374
  .pf-v5-u-mr-xs-on-lg {
2495
- margin-right: var(--pf-v5-global--spacer--xs) !important;
2375
+ margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
2496
2376
  }
2497
2377
  }
2498
2378
 
2499
2379
  @media screen and (min-width: 992px) {
2500
2380
  .pf-v5-u-mr-sm-on-lg {
2501
- margin-right: var(--pf-v5-global--spacer--sm) !important;
2381
+ margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
2502
2382
  }
2503
2383
  }
2504
2384
 
2505
2385
  @media screen and (min-width: 992px) {
2506
2386
  .pf-v5-u-mr-md-on-lg {
2507
- margin-right: var(--pf-v5-global--spacer--md) !important;
2387
+ margin-inline-end: var(--pf-v5-global--spacer--md) !important;
2508
2388
  }
2509
2389
  }
2510
2390
 
2511
2391
  @media screen and (min-width: 992px) {
2512
2392
  .pf-v5-u-mr-lg-on-lg {
2513
- margin-right: var(--pf-v5-global--spacer--lg) !important;
2393
+ margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
2514
2394
  }
2515
2395
  }
2516
2396
 
2517
2397
  @media screen and (min-width: 992px) {
2518
2398
  .pf-v5-u-mr-xl-on-lg {
2519
- margin-right: var(--pf-v5-global--spacer--xl) !important;
2399
+ margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
2520
2400
  }
2521
2401
  }
2522
2402
 
2523
2403
  @media screen and (min-width: 992px) {
2524
2404
  .pf-v5-u-mr-2xl-on-lg {
2525
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
2405
+ margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
2526
2406
  }
2527
2407
  }
2528
2408
 
2529
2409
  @media screen and (min-width: 992px) {
2530
2410
  .pf-v5-u-mr-3xl-on-lg {
2531
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
2411
+ margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
2532
2412
  }
2533
2413
  }
2534
2414
 
2535
2415
  @media screen and (min-width: 992px) {
2536
2416
  .pf-v5-u-mr-4xl-on-lg {
2537
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
2417
+ margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
2538
2418
  }
2539
2419
  }
2540
2420
 
2541
2421
  @media screen and (min-width: 992px) {
2542
2422
  .pf-v5-u-mb-auto-on-lg {
2543
- margin-bottom: auto !important;
2423
+ margin-block-end: auto !important;
2544
2424
  }
2545
2425
  }
2546
2426
 
2547
2427
  @media screen and (min-width: 992px) {
2548
2428
  .pf-v5-u-mb-0-on-lg {
2549
- margin-bottom: 0 !important;
2429
+ margin-block-end: 0 !important;
2550
2430
  }
2551
2431
  }
2552
2432
 
2553
2433
  @media screen and (min-width: 992px) {
2554
2434
  .pf-v5-u-mb-xs-on-lg {
2555
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
2435
+ margin-block-end: var(--pf-v5-global--spacer--xs) !important;
2556
2436
  }
2557
2437
  }
2558
2438
 
2559
2439
  @media screen and (min-width: 992px) {
2560
2440
  .pf-v5-u-mb-sm-on-lg {
2561
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
2441
+ margin-block-end: var(--pf-v5-global--spacer--sm) !important;
2562
2442
  }
2563
2443
  }
2564
2444
 
2565
2445
  @media screen and (min-width: 992px) {
2566
2446
  .pf-v5-u-mb-md-on-lg {
2567
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
2447
+ margin-block-end: var(--pf-v5-global--spacer--md) !important;
2568
2448
  }
2569
2449
  }
2570
2450
 
2571
2451
  @media screen and (min-width: 992px) {
2572
2452
  .pf-v5-u-mb-lg-on-lg {
2573
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
2453
+ margin-block-end: var(--pf-v5-global--spacer--lg) !important;
2574
2454
  }
2575
2455
  }
2576
2456
 
2577
2457
  @media screen and (min-width: 992px) {
2578
2458
  .pf-v5-u-mb-xl-on-lg {
2579
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
2459
+ margin-block-end: var(--pf-v5-global--spacer--xl) !important;
2580
2460
  }
2581
2461
  }
2582
2462
 
2583
2463
  @media screen and (min-width: 992px) {
2584
2464
  .pf-v5-u-mb-2xl-on-lg {
2585
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
2465
+ margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
2586
2466
  }
2587
2467
  }
2588
2468
 
2589
2469
  @media screen and (min-width: 992px) {
2590
2470
  .pf-v5-u-mb-3xl-on-lg {
2591
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
2471
+ margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
2592
2472
  }
2593
2473
  }
2594
2474
 
2595
2475
  @media screen and (min-width: 992px) {
2596
2476
  .pf-v5-u-mb-4xl-on-lg {
2597
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
2477
+ margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
2598
2478
  }
2599
2479
  }
2600
2480
 
2601
2481
  @media screen and (min-width: 992px) {
2602
2482
  .pf-v5-u-ml-auto-on-lg {
2603
- margin-left: auto !important;
2483
+ margin-inline-start: auto !important;
2604
2484
  }
2605
2485
  }
2606
2486
 
2607
2487
  @media screen and (min-width: 992px) {
2608
2488
  .pf-v5-u-ml-0-on-lg {
2609
- margin-left: 0 !important;
2489
+ margin-inline-start: 0 !important;
2610
2490
  }
2611
2491
  }
2612
2492
 
2613
2493
  @media screen and (min-width: 992px) {
2614
2494
  .pf-v5-u-ml-xs-on-lg {
2615
- margin-left: var(--pf-v5-global--spacer--xs) !important;
2495
+ margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
2616
2496
  }
2617
2497
  }
2618
2498
 
2619
2499
  @media screen and (min-width: 992px) {
2620
2500
  .pf-v5-u-ml-sm-on-lg {
2621
- margin-left: var(--pf-v5-global--spacer--sm) !important;
2501
+ margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
2622
2502
  }
2623
2503
  }
2624
2504
 
2625
2505
  @media screen and (min-width: 992px) {
2626
2506
  .pf-v5-u-ml-md-on-lg {
2627
- margin-left: var(--pf-v5-global--spacer--md) !important;
2507
+ margin-inline-start: var(--pf-v5-global--spacer--md) !important;
2628
2508
  }
2629
2509
  }
2630
2510
 
2631
2511
  @media screen and (min-width: 992px) {
2632
2512
  .pf-v5-u-ml-lg-on-lg {
2633
- margin-left: var(--pf-v5-global--spacer--lg) !important;
2513
+ margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
2634
2514
  }
2635
2515
  }
2636
2516
 
2637
2517
  @media screen and (min-width: 992px) {
2638
2518
  .pf-v5-u-ml-xl-on-lg {
2639
- margin-left: var(--pf-v5-global--spacer--xl) !important;
2519
+ margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
2640
2520
  }
2641
2521
  }
2642
2522
 
2643
2523
  @media screen and (min-width: 992px) {
2644
2524
  .pf-v5-u-ml-2xl-on-lg {
2645
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
2525
+ margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
2646
2526
  }
2647
2527
  }
2648
2528
 
2649
2529
  @media screen and (min-width: 992px) {
2650
2530
  .pf-v5-u-ml-3xl-on-lg {
2651
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
2531
+ margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
2652
2532
  }
2653
2533
  }
2654
2534
 
2655
2535
  @media screen and (min-width: 992px) {
2656
2536
  .pf-v5-u-ml-4xl-on-lg {
2657
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
2537
+ margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
2658
2538
  }
2659
2539
  }
2660
2540
 
2661
2541
  @media screen and (min-width: 992px) {
2662
2542
  .pf-v5-u-mx-auto-on-lg {
2663
- margin-right: auto !important;
2664
- margin-left: auto !important;
2543
+ margin-inline: auto !important;
2665
2544
  }
2666
2545
  }
2667
2546
 
2668
2547
  @media screen and (min-width: 992px) {
2669
2548
  .pf-v5-u-mx-0-on-lg {
2670
- margin-right: 0 !important;
2671
- margin-left: 0 !important;
2549
+ margin-inline: 0 !important;
2672
2550
  }
2673
2551
  }
2674
2552
 
2675
2553
  @media screen and (min-width: 992px) {
2676
2554
  .pf-v5-u-mx-xs-on-lg {
2677
- margin-right: var(--pf-v5-global--spacer--xs) !important;
2678
- margin-left: var(--pf-v5-global--spacer--xs) !important;
2555
+ margin-inline: var(--pf-v5-global--spacer--xs) !important;
2679
2556
  }
2680
2557
  }
2681
2558
 
2682
2559
  @media screen and (min-width: 992px) {
2683
2560
  .pf-v5-u-mx-sm-on-lg {
2684
- margin-right: var(--pf-v5-global--spacer--sm) !important;
2685
- margin-left: var(--pf-v5-global--spacer--sm) !important;
2561
+ margin-inline: var(--pf-v5-global--spacer--sm) !important;
2686
2562
  }
2687
2563
  }
2688
2564
 
2689
2565
  @media screen and (min-width: 992px) {
2690
2566
  .pf-v5-u-mx-md-on-lg {
2691
- margin-right: var(--pf-v5-global--spacer--md) !important;
2692
- margin-left: var(--pf-v5-global--spacer--md) !important;
2567
+ margin-inline: var(--pf-v5-global--spacer--md) !important;
2693
2568
  }
2694
2569
  }
2695
2570
 
2696
2571
  @media screen and (min-width: 992px) {
2697
2572
  .pf-v5-u-mx-lg-on-lg {
2698
- margin-right: var(--pf-v5-global--spacer--lg) !important;
2699
- margin-left: var(--pf-v5-global--spacer--lg) !important;
2573
+ margin-inline: var(--pf-v5-global--spacer--lg) !important;
2700
2574
  }
2701
2575
  }
2702
2576
 
2703
2577
  @media screen and (min-width: 992px) {
2704
2578
  .pf-v5-u-mx-xl-on-lg {
2705
- margin-right: var(--pf-v5-global--spacer--xl) !important;
2706
- margin-left: var(--pf-v5-global--spacer--xl) !important;
2579
+ margin-inline: var(--pf-v5-global--spacer--xl) !important;
2707
2580
  }
2708
2581
  }
2709
2582
 
2710
2583
  @media screen and (min-width: 992px) {
2711
2584
  .pf-v5-u-mx-2xl-on-lg {
2712
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
2713
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
2585
+ margin-inline: var(--pf-v5-global--spacer--2xl) !important;
2714
2586
  }
2715
2587
  }
2716
2588
 
2717
2589
  @media screen and (min-width: 992px) {
2718
2590
  .pf-v5-u-mx-3xl-on-lg {
2719
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
2720
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
2591
+ margin-inline: var(--pf-v5-global--spacer--3xl) !important;
2721
2592
  }
2722
2593
  }
2723
2594
 
2724
2595
  @media screen and (min-width: 992px) {
2725
2596
  .pf-v5-u-mx-4xl-on-lg {
2726
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
2727
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
2597
+ margin-inline: var(--pf-v5-global--spacer--4xl) !important;
2728
2598
  }
2729
2599
  }
2730
2600
 
2731
2601
  @media screen and (min-width: 992px) {
2732
2602
  .pf-v5-u-my-auto-on-lg {
2733
- margin-top: auto !important;
2734
- margin-bottom: auto !important;
2603
+ margin-block: auto !important;
2735
2604
  }
2736
2605
  }
2737
2606
 
2738
2607
  @media screen and (min-width: 992px) {
2739
2608
  .pf-v5-u-my-0-on-lg {
2740
- margin-top: 0 !important;
2741
- margin-bottom: 0 !important;
2609
+ margin-block: 0 !important;
2742
2610
  }
2743
2611
  }
2744
2612
 
2745
2613
  @media screen and (min-width: 992px) {
2746
2614
  .pf-v5-u-my-xs-on-lg {
2747
- margin-top: var(--pf-v5-global--spacer--xs) !important;
2748
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
2615
+ margin-block: var(--pf-v5-global--spacer--xs) !important;
2749
2616
  }
2750
2617
  }
2751
2618
 
2752
2619
  @media screen and (min-width: 992px) {
2753
2620
  .pf-v5-u-my-sm-on-lg {
2754
- margin-top: var(--pf-v5-global--spacer--sm) !important;
2755
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
2621
+ margin-block: var(--pf-v5-global--spacer--sm) !important;
2756
2622
  }
2757
2623
  }
2758
2624
 
2759
2625
  @media screen and (min-width: 992px) {
2760
2626
  .pf-v5-u-my-md-on-lg {
2761
- margin-top: var(--pf-v5-global--spacer--md) !important;
2762
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
2627
+ margin-block: var(--pf-v5-global--spacer--md) !important;
2763
2628
  }
2764
2629
  }
2765
2630
 
2766
2631
  @media screen and (min-width: 992px) {
2767
2632
  .pf-v5-u-my-lg-on-lg {
2768
- margin-top: var(--pf-v5-global--spacer--lg) !important;
2769
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
2633
+ margin-block: var(--pf-v5-global--spacer--lg) !important;
2770
2634
  }
2771
2635
  }
2772
2636
 
2773
2637
  @media screen and (min-width: 992px) {
2774
2638
  .pf-v5-u-my-xl-on-lg {
2775
- margin-top: var(--pf-v5-global--spacer--xl) !important;
2776
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
2639
+ margin-block: var(--pf-v5-global--spacer--xl) !important;
2777
2640
  }
2778
2641
  }
2779
2642
 
2780
2643
  @media screen and (min-width: 992px) {
2781
2644
  .pf-v5-u-my-2xl-on-lg {
2782
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
2783
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
2645
+ margin-block: var(--pf-v5-global--spacer--2xl) !important;
2784
2646
  }
2785
2647
  }
2786
2648
 
2787
2649
  @media screen and (min-width: 992px) {
2788
2650
  .pf-v5-u-my-3xl-on-lg {
2789
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
2790
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
2651
+ margin-block: var(--pf-v5-global--spacer--3xl) !important;
2791
2652
  }
2792
2653
  }
2793
2654
 
2794
2655
  @media screen and (min-width: 992px) {
2795
2656
  .pf-v5-u-my-4xl-on-lg {
2796
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
2797
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
2657
+ margin-block: var(--pf-v5-global--spacer--4xl) !important;
2798
2658
  }
2799
2659
  }
2800
2660
 
@@ -2860,381 +2720,361 @@
2860
2720
 
2861
2721
  @media screen and (min-width: 992px) {
2862
2722
  .pf-v5-u-pt-auto-on-lg {
2863
- padding-top: auto !important;
2723
+ padding-block-start: auto !important;
2864
2724
  }
2865
2725
  }
2866
2726
 
2867
2727
  @media screen and (min-width: 992px) {
2868
2728
  .pf-v5-u-pt-0-on-lg {
2869
- padding-top: 0 !important;
2729
+ padding-block-start: 0 !important;
2870
2730
  }
2871
2731
  }
2872
2732
 
2873
2733
  @media screen and (min-width: 992px) {
2874
2734
  .pf-v5-u-pt-xs-on-lg {
2875
- padding-top: var(--pf-v5-global--spacer--xs) !important;
2735
+ padding-block-start: var(--pf-v5-global--spacer--xs) !important;
2876
2736
  }
2877
2737
  }
2878
2738
 
2879
2739
  @media screen and (min-width: 992px) {
2880
2740
  .pf-v5-u-pt-sm-on-lg {
2881
- padding-top: var(--pf-v5-global--spacer--sm) !important;
2741
+ padding-block-start: var(--pf-v5-global--spacer--sm) !important;
2882
2742
  }
2883
2743
  }
2884
2744
 
2885
2745
  @media screen and (min-width: 992px) {
2886
2746
  .pf-v5-u-pt-md-on-lg {
2887
- padding-top: var(--pf-v5-global--spacer--md) !important;
2747
+ padding-block-start: var(--pf-v5-global--spacer--md) !important;
2888
2748
  }
2889
2749
  }
2890
2750
 
2891
2751
  @media screen and (min-width: 992px) {
2892
2752
  .pf-v5-u-pt-lg-on-lg {
2893
- padding-top: var(--pf-v5-global--spacer--lg) !important;
2753
+ padding-block-start: var(--pf-v5-global--spacer--lg) !important;
2894
2754
  }
2895
2755
  }
2896
2756
 
2897
2757
  @media screen and (min-width: 992px) {
2898
2758
  .pf-v5-u-pt-xl-on-lg {
2899
- padding-top: var(--pf-v5-global--spacer--xl) !important;
2759
+ padding-block-start: var(--pf-v5-global--spacer--xl) !important;
2900
2760
  }
2901
2761
  }
2902
2762
 
2903
2763
  @media screen and (min-width: 992px) {
2904
2764
  .pf-v5-u-pt-2xl-on-lg {
2905
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
2765
+ padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
2906
2766
  }
2907
2767
  }
2908
2768
 
2909
2769
  @media screen and (min-width: 992px) {
2910
2770
  .pf-v5-u-pt-3xl-on-lg {
2911
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
2771
+ padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
2912
2772
  }
2913
2773
  }
2914
2774
 
2915
2775
  @media screen and (min-width: 992px) {
2916
2776
  .pf-v5-u-pt-4xl-on-lg {
2917
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
2777
+ padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
2918
2778
  }
2919
2779
  }
2920
2780
 
2921
2781
  @media screen and (min-width: 992px) {
2922
2782
  .pf-v5-u-pr-auto-on-lg {
2923
- padding-right: auto !important;
2783
+ padding-inline-end: auto !important;
2924
2784
  }
2925
2785
  }
2926
2786
 
2927
2787
  @media screen and (min-width: 992px) {
2928
2788
  .pf-v5-u-pr-0-on-lg {
2929
- padding-right: 0 !important;
2789
+ padding-inline-end: 0 !important;
2930
2790
  }
2931
2791
  }
2932
2792
 
2933
2793
  @media screen and (min-width: 992px) {
2934
2794
  .pf-v5-u-pr-xs-on-lg {
2935
- padding-right: var(--pf-v5-global--spacer--xs) !important;
2795
+ padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
2936
2796
  }
2937
2797
  }
2938
2798
 
2939
2799
  @media screen and (min-width: 992px) {
2940
2800
  .pf-v5-u-pr-sm-on-lg {
2941
- padding-right: var(--pf-v5-global--spacer--sm) !important;
2801
+ padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
2942
2802
  }
2943
2803
  }
2944
2804
 
2945
2805
  @media screen and (min-width: 992px) {
2946
2806
  .pf-v5-u-pr-md-on-lg {
2947
- padding-right: var(--pf-v5-global--spacer--md) !important;
2807
+ padding-inline-end: var(--pf-v5-global--spacer--md) !important;
2948
2808
  }
2949
2809
  }
2950
2810
 
2951
2811
  @media screen and (min-width: 992px) {
2952
2812
  .pf-v5-u-pr-lg-on-lg {
2953
- padding-right: var(--pf-v5-global--spacer--lg) !important;
2813
+ padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
2954
2814
  }
2955
2815
  }
2956
2816
 
2957
2817
  @media screen and (min-width: 992px) {
2958
2818
  .pf-v5-u-pr-xl-on-lg {
2959
- padding-right: var(--pf-v5-global--spacer--xl) !important;
2819
+ padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
2960
2820
  }
2961
2821
  }
2962
2822
 
2963
2823
  @media screen and (min-width: 992px) {
2964
2824
  .pf-v5-u-pr-2xl-on-lg {
2965
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
2825
+ padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
2966
2826
  }
2967
2827
  }
2968
2828
 
2969
2829
  @media screen and (min-width: 992px) {
2970
2830
  .pf-v5-u-pr-3xl-on-lg {
2971
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
2831
+ padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
2972
2832
  }
2973
2833
  }
2974
2834
 
2975
2835
  @media screen and (min-width: 992px) {
2976
2836
  .pf-v5-u-pr-4xl-on-lg {
2977
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
2837
+ padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
2978
2838
  }
2979
2839
  }
2980
2840
 
2981
2841
  @media screen and (min-width: 992px) {
2982
2842
  .pf-v5-u-pb-auto-on-lg {
2983
- padding-bottom: auto !important;
2843
+ padding-block-end: auto !important;
2984
2844
  }
2985
2845
  }
2986
2846
 
2987
2847
  @media screen and (min-width: 992px) {
2988
2848
  .pf-v5-u-pb-0-on-lg {
2989
- padding-bottom: 0 !important;
2849
+ padding-block-end: 0 !important;
2990
2850
  }
2991
2851
  }
2992
2852
 
2993
2853
  @media screen and (min-width: 992px) {
2994
2854
  .pf-v5-u-pb-xs-on-lg {
2995
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
2855
+ padding-block-end: var(--pf-v5-global--spacer--xs) !important;
2996
2856
  }
2997
2857
  }
2998
2858
 
2999
2859
  @media screen and (min-width: 992px) {
3000
2860
  .pf-v5-u-pb-sm-on-lg {
3001
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
2861
+ padding-block-end: var(--pf-v5-global--spacer--sm) !important;
3002
2862
  }
3003
2863
  }
3004
2864
 
3005
2865
  @media screen and (min-width: 992px) {
3006
2866
  .pf-v5-u-pb-md-on-lg {
3007
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
2867
+ padding-block-end: var(--pf-v5-global--spacer--md) !important;
3008
2868
  }
3009
2869
  }
3010
2870
 
3011
2871
  @media screen and (min-width: 992px) {
3012
2872
  .pf-v5-u-pb-lg-on-lg {
3013
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
2873
+ padding-block-end: var(--pf-v5-global--spacer--lg) !important;
3014
2874
  }
3015
2875
  }
3016
2876
 
3017
2877
  @media screen and (min-width: 992px) {
3018
2878
  .pf-v5-u-pb-xl-on-lg {
3019
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
2879
+ padding-block-end: var(--pf-v5-global--spacer--xl) !important;
3020
2880
  }
3021
2881
  }
3022
2882
 
3023
2883
  @media screen and (min-width: 992px) {
3024
2884
  .pf-v5-u-pb-2xl-on-lg {
3025
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
2885
+ padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
3026
2886
  }
3027
2887
  }
3028
2888
 
3029
2889
  @media screen and (min-width: 992px) {
3030
2890
  .pf-v5-u-pb-3xl-on-lg {
3031
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
2891
+ padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
3032
2892
  }
3033
2893
  }
3034
2894
 
3035
2895
  @media screen and (min-width: 992px) {
3036
2896
  .pf-v5-u-pb-4xl-on-lg {
3037
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
2897
+ padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
3038
2898
  }
3039
2899
  }
3040
2900
 
3041
2901
  @media screen and (min-width: 992px) {
3042
2902
  .pf-v5-u-pl-auto-on-lg {
3043
- padding-left: auto !important;
2903
+ padding-inline-start: auto !important;
3044
2904
  }
3045
2905
  }
3046
2906
 
3047
2907
  @media screen and (min-width: 992px) {
3048
2908
  .pf-v5-u-pl-0-on-lg {
3049
- padding-left: 0 !important;
2909
+ padding-inline-start: 0 !important;
3050
2910
  }
3051
2911
  }
3052
2912
 
3053
2913
  @media screen and (min-width: 992px) {
3054
2914
  .pf-v5-u-pl-xs-on-lg {
3055
- padding-left: var(--pf-v5-global--spacer--xs) !important;
2915
+ padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
3056
2916
  }
3057
2917
  }
3058
2918
 
3059
2919
  @media screen and (min-width: 992px) {
3060
2920
  .pf-v5-u-pl-sm-on-lg {
3061
- padding-left: var(--pf-v5-global--spacer--sm) !important;
2921
+ padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
3062
2922
  }
3063
2923
  }
3064
2924
 
3065
2925
  @media screen and (min-width: 992px) {
3066
2926
  .pf-v5-u-pl-md-on-lg {
3067
- padding-left: var(--pf-v5-global--spacer--md) !important;
2927
+ padding-inline-start: var(--pf-v5-global--spacer--md) !important;
3068
2928
  }
3069
2929
  }
3070
2930
 
3071
2931
  @media screen and (min-width: 992px) {
3072
2932
  .pf-v5-u-pl-lg-on-lg {
3073
- padding-left: var(--pf-v5-global--spacer--lg) !important;
2933
+ padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
3074
2934
  }
3075
2935
  }
3076
2936
 
3077
2937
  @media screen and (min-width: 992px) {
3078
2938
  .pf-v5-u-pl-xl-on-lg {
3079
- padding-left: var(--pf-v5-global--spacer--xl) !important;
2939
+ padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
3080
2940
  }
3081
2941
  }
3082
2942
 
3083
2943
  @media screen and (min-width: 992px) {
3084
2944
  .pf-v5-u-pl-2xl-on-lg {
3085
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
2945
+ padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
3086
2946
  }
3087
2947
  }
3088
2948
 
3089
2949
  @media screen and (min-width: 992px) {
3090
2950
  .pf-v5-u-pl-3xl-on-lg {
3091
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
2951
+ padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
3092
2952
  }
3093
2953
  }
3094
2954
 
3095
2955
  @media screen and (min-width: 992px) {
3096
2956
  .pf-v5-u-pl-4xl-on-lg {
3097
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
2957
+ padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
3098
2958
  }
3099
2959
  }
3100
2960
 
3101
2961
  @media screen and (min-width: 992px) {
3102
2962
  .pf-v5-u-px-auto-on-lg {
3103
- padding-right: auto !important;
3104
- padding-left: auto !important;
2963
+ padding-inline: auto !important;
3105
2964
  }
3106
2965
  }
3107
2966
 
3108
2967
  @media screen and (min-width: 992px) {
3109
2968
  .pf-v5-u-px-0-on-lg {
3110
- padding-right: 0 !important;
3111
- padding-left: 0 !important;
2969
+ padding-inline: 0 !important;
3112
2970
  }
3113
2971
  }
3114
2972
 
3115
2973
  @media screen and (min-width: 992px) {
3116
2974
  .pf-v5-u-px-xs-on-lg {
3117
- padding-right: var(--pf-v5-global--spacer--xs) !important;
3118
- padding-left: var(--pf-v5-global--spacer--xs) !important;
2975
+ padding-inline: var(--pf-v5-global--spacer--xs) !important;
3119
2976
  }
3120
2977
  }
3121
2978
 
3122
2979
  @media screen and (min-width: 992px) {
3123
2980
  .pf-v5-u-px-sm-on-lg {
3124
- padding-right: var(--pf-v5-global--spacer--sm) !important;
3125
- padding-left: var(--pf-v5-global--spacer--sm) !important;
2981
+ padding-inline: var(--pf-v5-global--spacer--sm) !important;
3126
2982
  }
3127
2983
  }
3128
2984
 
3129
2985
  @media screen and (min-width: 992px) {
3130
2986
  .pf-v5-u-px-md-on-lg {
3131
- padding-right: var(--pf-v5-global--spacer--md) !important;
3132
- padding-left: var(--pf-v5-global--spacer--md) !important;
2987
+ padding-inline: var(--pf-v5-global--spacer--md) !important;
3133
2988
  }
3134
2989
  }
3135
2990
 
3136
2991
  @media screen and (min-width: 992px) {
3137
2992
  .pf-v5-u-px-lg-on-lg {
3138
- padding-right: var(--pf-v5-global--spacer--lg) !important;
3139
- padding-left: var(--pf-v5-global--spacer--lg) !important;
2993
+ padding-inline: var(--pf-v5-global--spacer--lg) !important;
3140
2994
  }
3141
2995
  }
3142
2996
 
3143
2997
  @media screen and (min-width: 992px) {
3144
2998
  .pf-v5-u-px-xl-on-lg {
3145
- padding-right: var(--pf-v5-global--spacer--xl) !important;
3146
- padding-left: var(--pf-v5-global--spacer--xl) !important;
2999
+ padding-inline: var(--pf-v5-global--spacer--xl) !important;
3147
3000
  }
3148
3001
  }
3149
3002
 
3150
3003
  @media screen and (min-width: 992px) {
3151
3004
  .pf-v5-u-px-2xl-on-lg {
3152
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
3153
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
3005
+ padding-inline: var(--pf-v5-global--spacer--2xl) !important;
3154
3006
  }
3155
3007
  }
3156
3008
 
3157
3009
  @media screen and (min-width: 992px) {
3158
3010
  .pf-v5-u-px-3xl-on-lg {
3159
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
3160
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
3011
+ padding-inline: var(--pf-v5-global--spacer--3xl) !important;
3161
3012
  }
3162
3013
  }
3163
3014
 
3164
3015
  @media screen and (min-width: 992px) {
3165
3016
  .pf-v5-u-px-4xl-on-lg {
3166
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
3167
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
3017
+ padding-inline: var(--pf-v5-global--spacer--4xl) !important;
3168
3018
  }
3169
3019
  }
3170
3020
 
3171
3021
  @media screen and (min-width: 992px) {
3172
3022
  .pf-v5-u-py-auto-on-lg {
3173
- padding-top: auto !important;
3174
- padding-bottom: auto !important;
3023
+ padding-block: auto !important;
3175
3024
  }
3176
3025
  }
3177
3026
 
3178
3027
  @media screen and (min-width: 992px) {
3179
3028
  .pf-v5-u-py-0-on-lg {
3180
- padding-top: 0 !important;
3181
- padding-bottom: 0 !important;
3029
+ padding-block: 0 !important;
3182
3030
  }
3183
3031
  }
3184
3032
 
3185
3033
  @media screen and (min-width: 992px) {
3186
3034
  .pf-v5-u-py-xs-on-lg {
3187
- padding-top: var(--pf-v5-global--spacer--xs) !important;
3188
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
3035
+ padding-block: var(--pf-v5-global--spacer--xs) !important;
3189
3036
  }
3190
3037
  }
3191
3038
 
3192
3039
  @media screen and (min-width: 992px) {
3193
3040
  .pf-v5-u-py-sm-on-lg {
3194
- padding-top: var(--pf-v5-global--spacer--sm) !important;
3195
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
3041
+ padding-block: var(--pf-v5-global--spacer--sm) !important;
3196
3042
  }
3197
3043
  }
3198
3044
 
3199
3045
  @media screen and (min-width: 992px) {
3200
3046
  .pf-v5-u-py-md-on-lg {
3201
- padding-top: var(--pf-v5-global--spacer--md) !important;
3202
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
3047
+ padding-block: var(--pf-v5-global--spacer--md) !important;
3203
3048
  }
3204
3049
  }
3205
3050
 
3206
3051
  @media screen and (min-width: 992px) {
3207
3052
  .pf-v5-u-py-lg-on-lg {
3208
- padding-top: var(--pf-v5-global--spacer--lg) !important;
3209
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
3053
+ padding-block: var(--pf-v5-global--spacer--lg) !important;
3210
3054
  }
3211
3055
  }
3212
3056
 
3213
3057
  @media screen and (min-width: 992px) {
3214
3058
  .pf-v5-u-py-xl-on-lg {
3215
- padding-top: var(--pf-v5-global--spacer--xl) !important;
3216
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
3059
+ padding-block: var(--pf-v5-global--spacer--xl) !important;
3217
3060
  }
3218
3061
  }
3219
3062
 
3220
3063
  @media screen and (min-width: 992px) {
3221
3064
  .pf-v5-u-py-2xl-on-lg {
3222
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
3223
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
3065
+ padding-block: var(--pf-v5-global--spacer--2xl) !important;
3224
3066
  }
3225
3067
  }
3226
3068
 
3227
3069
  @media screen and (min-width: 992px) {
3228
3070
  .pf-v5-u-py-3xl-on-lg {
3229
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
3230
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
3071
+ padding-block: var(--pf-v5-global--spacer--3xl) !important;
3231
3072
  }
3232
3073
  }
3233
3074
 
3234
3075
  @media screen and (min-width: 992px) {
3235
3076
  .pf-v5-u-py-4xl-on-lg {
3236
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
3237
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
3077
+ padding-block: var(--pf-v5-global--spacer--4xl) !important;
3238
3078
  }
3239
3079
  }
3240
3080
 
@@ -3300,381 +3140,361 @@
3300
3140
 
3301
3141
  @media screen and (min-width: 1200px) {
3302
3142
  .pf-v5-u-mt-auto-on-xl {
3303
- margin-top: auto !important;
3143
+ margin-block-start: auto !important;
3304
3144
  }
3305
3145
  }
3306
3146
 
3307
3147
  @media screen and (min-width: 1200px) {
3308
3148
  .pf-v5-u-mt-0-on-xl {
3309
- margin-top: 0 !important;
3149
+ margin-block-start: 0 !important;
3310
3150
  }
3311
3151
  }
3312
3152
 
3313
3153
  @media screen and (min-width: 1200px) {
3314
3154
  .pf-v5-u-mt-xs-on-xl {
3315
- margin-top: var(--pf-v5-global--spacer--xs) !important;
3155
+ margin-block-start: var(--pf-v5-global--spacer--xs) !important;
3316
3156
  }
3317
3157
  }
3318
3158
 
3319
3159
  @media screen and (min-width: 1200px) {
3320
3160
  .pf-v5-u-mt-sm-on-xl {
3321
- margin-top: var(--pf-v5-global--spacer--sm) !important;
3161
+ margin-block-start: var(--pf-v5-global--spacer--sm) !important;
3322
3162
  }
3323
3163
  }
3324
3164
 
3325
3165
  @media screen and (min-width: 1200px) {
3326
3166
  .pf-v5-u-mt-md-on-xl {
3327
- margin-top: var(--pf-v5-global--spacer--md) !important;
3167
+ margin-block-start: var(--pf-v5-global--spacer--md) !important;
3328
3168
  }
3329
3169
  }
3330
3170
 
3331
3171
  @media screen and (min-width: 1200px) {
3332
3172
  .pf-v5-u-mt-lg-on-xl {
3333
- margin-top: var(--pf-v5-global--spacer--lg) !important;
3173
+ margin-block-start: var(--pf-v5-global--spacer--lg) !important;
3334
3174
  }
3335
3175
  }
3336
3176
 
3337
3177
  @media screen and (min-width: 1200px) {
3338
3178
  .pf-v5-u-mt-xl-on-xl {
3339
- margin-top: var(--pf-v5-global--spacer--xl) !important;
3179
+ margin-block-start: var(--pf-v5-global--spacer--xl) !important;
3340
3180
  }
3341
3181
  }
3342
3182
 
3343
3183
  @media screen and (min-width: 1200px) {
3344
3184
  .pf-v5-u-mt-2xl-on-xl {
3345
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
3185
+ margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
3346
3186
  }
3347
3187
  }
3348
3188
 
3349
3189
  @media screen and (min-width: 1200px) {
3350
3190
  .pf-v5-u-mt-3xl-on-xl {
3351
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
3191
+ margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
3352
3192
  }
3353
3193
  }
3354
3194
 
3355
3195
  @media screen and (min-width: 1200px) {
3356
3196
  .pf-v5-u-mt-4xl-on-xl {
3357
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
3197
+ margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
3358
3198
  }
3359
3199
  }
3360
3200
 
3361
3201
  @media screen and (min-width: 1200px) {
3362
3202
  .pf-v5-u-mr-auto-on-xl {
3363
- margin-right: auto !important;
3203
+ margin-inline-end: auto !important;
3364
3204
  }
3365
3205
  }
3366
3206
 
3367
3207
  @media screen and (min-width: 1200px) {
3368
3208
  .pf-v5-u-mr-0-on-xl {
3369
- margin-right: 0 !important;
3209
+ margin-inline-end: 0 !important;
3370
3210
  }
3371
3211
  }
3372
3212
 
3373
3213
  @media screen and (min-width: 1200px) {
3374
3214
  .pf-v5-u-mr-xs-on-xl {
3375
- margin-right: var(--pf-v5-global--spacer--xs) !important;
3215
+ margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
3376
3216
  }
3377
3217
  }
3378
3218
 
3379
3219
  @media screen and (min-width: 1200px) {
3380
3220
  .pf-v5-u-mr-sm-on-xl {
3381
- margin-right: var(--pf-v5-global--spacer--sm) !important;
3221
+ margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
3382
3222
  }
3383
3223
  }
3384
3224
 
3385
3225
  @media screen and (min-width: 1200px) {
3386
3226
  .pf-v5-u-mr-md-on-xl {
3387
- margin-right: var(--pf-v5-global--spacer--md) !important;
3227
+ margin-inline-end: var(--pf-v5-global--spacer--md) !important;
3388
3228
  }
3389
3229
  }
3390
3230
 
3391
3231
  @media screen and (min-width: 1200px) {
3392
3232
  .pf-v5-u-mr-lg-on-xl {
3393
- margin-right: var(--pf-v5-global--spacer--lg) !important;
3233
+ margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
3394
3234
  }
3395
3235
  }
3396
3236
 
3397
3237
  @media screen and (min-width: 1200px) {
3398
3238
  .pf-v5-u-mr-xl-on-xl {
3399
- margin-right: var(--pf-v5-global--spacer--xl) !important;
3239
+ margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
3400
3240
  }
3401
3241
  }
3402
3242
 
3403
3243
  @media screen and (min-width: 1200px) {
3404
3244
  .pf-v5-u-mr-2xl-on-xl {
3405
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
3245
+ margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
3406
3246
  }
3407
3247
  }
3408
3248
 
3409
3249
  @media screen and (min-width: 1200px) {
3410
3250
  .pf-v5-u-mr-3xl-on-xl {
3411
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
3251
+ margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
3412
3252
  }
3413
3253
  }
3414
3254
 
3415
3255
  @media screen and (min-width: 1200px) {
3416
3256
  .pf-v5-u-mr-4xl-on-xl {
3417
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
3257
+ margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
3418
3258
  }
3419
3259
  }
3420
3260
 
3421
3261
  @media screen and (min-width: 1200px) {
3422
3262
  .pf-v5-u-mb-auto-on-xl {
3423
- margin-bottom: auto !important;
3263
+ margin-block-end: auto !important;
3424
3264
  }
3425
3265
  }
3426
3266
 
3427
3267
  @media screen and (min-width: 1200px) {
3428
3268
  .pf-v5-u-mb-0-on-xl {
3429
- margin-bottom: 0 !important;
3269
+ margin-block-end: 0 !important;
3430
3270
  }
3431
3271
  }
3432
3272
 
3433
3273
  @media screen and (min-width: 1200px) {
3434
3274
  .pf-v5-u-mb-xs-on-xl {
3435
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
3275
+ margin-block-end: var(--pf-v5-global--spacer--xs) !important;
3436
3276
  }
3437
3277
  }
3438
3278
 
3439
3279
  @media screen and (min-width: 1200px) {
3440
3280
  .pf-v5-u-mb-sm-on-xl {
3441
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
3281
+ margin-block-end: var(--pf-v5-global--spacer--sm) !important;
3442
3282
  }
3443
3283
  }
3444
3284
 
3445
3285
  @media screen and (min-width: 1200px) {
3446
3286
  .pf-v5-u-mb-md-on-xl {
3447
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
3287
+ margin-block-end: var(--pf-v5-global--spacer--md) !important;
3448
3288
  }
3449
3289
  }
3450
3290
 
3451
3291
  @media screen and (min-width: 1200px) {
3452
3292
  .pf-v5-u-mb-lg-on-xl {
3453
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
3293
+ margin-block-end: var(--pf-v5-global--spacer--lg) !important;
3454
3294
  }
3455
3295
  }
3456
3296
 
3457
3297
  @media screen and (min-width: 1200px) {
3458
3298
  .pf-v5-u-mb-xl-on-xl {
3459
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
3299
+ margin-block-end: var(--pf-v5-global--spacer--xl) !important;
3460
3300
  }
3461
3301
  }
3462
3302
 
3463
3303
  @media screen and (min-width: 1200px) {
3464
3304
  .pf-v5-u-mb-2xl-on-xl {
3465
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
3305
+ margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
3466
3306
  }
3467
3307
  }
3468
3308
 
3469
3309
  @media screen and (min-width: 1200px) {
3470
3310
  .pf-v5-u-mb-3xl-on-xl {
3471
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
3311
+ margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
3472
3312
  }
3473
3313
  }
3474
3314
 
3475
3315
  @media screen and (min-width: 1200px) {
3476
3316
  .pf-v5-u-mb-4xl-on-xl {
3477
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
3317
+ margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
3478
3318
  }
3479
3319
  }
3480
3320
 
3481
3321
  @media screen and (min-width: 1200px) {
3482
3322
  .pf-v5-u-ml-auto-on-xl {
3483
- margin-left: auto !important;
3323
+ margin-inline-start: auto !important;
3484
3324
  }
3485
3325
  }
3486
3326
 
3487
3327
  @media screen and (min-width: 1200px) {
3488
3328
  .pf-v5-u-ml-0-on-xl {
3489
- margin-left: 0 !important;
3329
+ margin-inline-start: 0 !important;
3490
3330
  }
3491
3331
  }
3492
3332
 
3493
3333
  @media screen and (min-width: 1200px) {
3494
3334
  .pf-v5-u-ml-xs-on-xl {
3495
- margin-left: var(--pf-v5-global--spacer--xs) !important;
3335
+ margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
3496
3336
  }
3497
3337
  }
3498
3338
 
3499
3339
  @media screen and (min-width: 1200px) {
3500
3340
  .pf-v5-u-ml-sm-on-xl {
3501
- margin-left: var(--pf-v5-global--spacer--sm) !important;
3341
+ margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
3502
3342
  }
3503
3343
  }
3504
3344
 
3505
3345
  @media screen and (min-width: 1200px) {
3506
3346
  .pf-v5-u-ml-md-on-xl {
3507
- margin-left: var(--pf-v5-global--spacer--md) !important;
3347
+ margin-inline-start: var(--pf-v5-global--spacer--md) !important;
3508
3348
  }
3509
3349
  }
3510
3350
 
3511
3351
  @media screen and (min-width: 1200px) {
3512
3352
  .pf-v5-u-ml-lg-on-xl {
3513
- margin-left: var(--pf-v5-global--spacer--lg) !important;
3353
+ margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
3514
3354
  }
3515
3355
  }
3516
3356
 
3517
3357
  @media screen and (min-width: 1200px) {
3518
3358
  .pf-v5-u-ml-xl-on-xl {
3519
- margin-left: var(--pf-v5-global--spacer--xl) !important;
3359
+ margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
3520
3360
  }
3521
3361
  }
3522
3362
 
3523
3363
  @media screen and (min-width: 1200px) {
3524
3364
  .pf-v5-u-ml-2xl-on-xl {
3525
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
3365
+ margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
3526
3366
  }
3527
3367
  }
3528
3368
 
3529
3369
  @media screen and (min-width: 1200px) {
3530
3370
  .pf-v5-u-ml-3xl-on-xl {
3531
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
3371
+ margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
3532
3372
  }
3533
3373
  }
3534
3374
 
3535
3375
  @media screen and (min-width: 1200px) {
3536
3376
  .pf-v5-u-ml-4xl-on-xl {
3537
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
3377
+ margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
3538
3378
  }
3539
3379
  }
3540
3380
 
3541
3381
  @media screen and (min-width: 1200px) {
3542
3382
  .pf-v5-u-mx-auto-on-xl {
3543
- margin-right: auto !important;
3544
- margin-left: auto !important;
3383
+ margin-inline: auto !important;
3545
3384
  }
3546
3385
  }
3547
3386
 
3548
3387
  @media screen and (min-width: 1200px) {
3549
3388
  .pf-v5-u-mx-0-on-xl {
3550
- margin-right: 0 !important;
3551
- margin-left: 0 !important;
3389
+ margin-inline: 0 !important;
3552
3390
  }
3553
3391
  }
3554
3392
 
3555
3393
  @media screen and (min-width: 1200px) {
3556
3394
  .pf-v5-u-mx-xs-on-xl {
3557
- margin-right: var(--pf-v5-global--spacer--xs) !important;
3558
- margin-left: var(--pf-v5-global--spacer--xs) !important;
3395
+ margin-inline: var(--pf-v5-global--spacer--xs) !important;
3559
3396
  }
3560
3397
  }
3561
3398
 
3562
3399
  @media screen and (min-width: 1200px) {
3563
3400
  .pf-v5-u-mx-sm-on-xl {
3564
- margin-right: var(--pf-v5-global--spacer--sm) !important;
3565
- margin-left: var(--pf-v5-global--spacer--sm) !important;
3401
+ margin-inline: var(--pf-v5-global--spacer--sm) !important;
3566
3402
  }
3567
3403
  }
3568
3404
 
3569
3405
  @media screen and (min-width: 1200px) {
3570
3406
  .pf-v5-u-mx-md-on-xl {
3571
- margin-right: var(--pf-v5-global--spacer--md) !important;
3572
- margin-left: var(--pf-v5-global--spacer--md) !important;
3407
+ margin-inline: var(--pf-v5-global--spacer--md) !important;
3573
3408
  }
3574
3409
  }
3575
3410
 
3576
3411
  @media screen and (min-width: 1200px) {
3577
3412
  .pf-v5-u-mx-lg-on-xl {
3578
- margin-right: var(--pf-v5-global--spacer--lg) !important;
3579
- margin-left: var(--pf-v5-global--spacer--lg) !important;
3413
+ margin-inline: var(--pf-v5-global--spacer--lg) !important;
3580
3414
  }
3581
3415
  }
3582
3416
 
3583
3417
  @media screen and (min-width: 1200px) {
3584
3418
  .pf-v5-u-mx-xl-on-xl {
3585
- margin-right: var(--pf-v5-global--spacer--xl) !important;
3586
- margin-left: var(--pf-v5-global--spacer--xl) !important;
3419
+ margin-inline: var(--pf-v5-global--spacer--xl) !important;
3587
3420
  }
3588
3421
  }
3589
3422
 
3590
3423
  @media screen and (min-width: 1200px) {
3591
3424
  .pf-v5-u-mx-2xl-on-xl {
3592
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
3593
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
3425
+ margin-inline: var(--pf-v5-global--spacer--2xl) !important;
3594
3426
  }
3595
3427
  }
3596
3428
 
3597
3429
  @media screen and (min-width: 1200px) {
3598
3430
  .pf-v5-u-mx-3xl-on-xl {
3599
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
3600
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
3431
+ margin-inline: var(--pf-v5-global--spacer--3xl) !important;
3601
3432
  }
3602
3433
  }
3603
3434
 
3604
3435
  @media screen and (min-width: 1200px) {
3605
3436
  .pf-v5-u-mx-4xl-on-xl {
3606
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
3607
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
3437
+ margin-inline: var(--pf-v5-global--spacer--4xl) !important;
3608
3438
  }
3609
3439
  }
3610
3440
 
3611
3441
  @media screen and (min-width: 1200px) {
3612
3442
  .pf-v5-u-my-auto-on-xl {
3613
- margin-top: auto !important;
3614
- margin-bottom: auto !important;
3443
+ margin-block: auto !important;
3615
3444
  }
3616
3445
  }
3617
3446
 
3618
3447
  @media screen and (min-width: 1200px) {
3619
3448
  .pf-v5-u-my-0-on-xl {
3620
- margin-top: 0 !important;
3621
- margin-bottom: 0 !important;
3449
+ margin-block: 0 !important;
3622
3450
  }
3623
3451
  }
3624
3452
 
3625
3453
  @media screen and (min-width: 1200px) {
3626
3454
  .pf-v5-u-my-xs-on-xl {
3627
- margin-top: var(--pf-v5-global--spacer--xs) !important;
3628
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
3455
+ margin-block: var(--pf-v5-global--spacer--xs) !important;
3629
3456
  }
3630
3457
  }
3631
3458
 
3632
3459
  @media screen and (min-width: 1200px) {
3633
3460
  .pf-v5-u-my-sm-on-xl {
3634
- margin-top: var(--pf-v5-global--spacer--sm) !important;
3635
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
3461
+ margin-block: var(--pf-v5-global--spacer--sm) !important;
3636
3462
  }
3637
3463
  }
3638
3464
 
3639
3465
  @media screen and (min-width: 1200px) {
3640
3466
  .pf-v5-u-my-md-on-xl {
3641
- margin-top: var(--pf-v5-global--spacer--md) !important;
3642
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
3467
+ margin-block: var(--pf-v5-global--spacer--md) !important;
3643
3468
  }
3644
3469
  }
3645
3470
 
3646
3471
  @media screen and (min-width: 1200px) {
3647
3472
  .pf-v5-u-my-lg-on-xl {
3648
- margin-top: var(--pf-v5-global--spacer--lg) !important;
3649
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
3473
+ margin-block: var(--pf-v5-global--spacer--lg) !important;
3650
3474
  }
3651
3475
  }
3652
3476
 
3653
3477
  @media screen and (min-width: 1200px) {
3654
3478
  .pf-v5-u-my-xl-on-xl {
3655
- margin-top: var(--pf-v5-global--spacer--xl) !important;
3656
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
3479
+ margin-block: var(--pf-v5-global--spacer--xl) !important;
3657
3480
  }
3658
3481
  }
3659
3482
 
3660
3483
  @media screen and (min-width: 1200px) {
3661
3484
  .pf-v5-u-my-2xl-on-xl {
3662
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
3663
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
3485
+ margin-block: var(--pf-v5-global--spacer--2xl) !important;
3664
3486
  }
3665
3487
  }
3666
3488
 
3667
3489
  @media screen and (min-width: 1200px) {
3668
3490
  .pf-v5-u-my-3xl-on-xl {
3669
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
3670
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
3491
+ margin-block: var(--pf-v5-global--spacer--3xl) !important;
3671
3492
  }
3672
3493
  }
3673
3494
 
3674
3495
  @media screen and (min-width: 1200px) {
3675
3496
  .pf-v5-u-my-4xl-on-xl {
3676
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
3677
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
3497
+ margin-block: var(--pf-v5-global--spacer--4xl) !important;
3678
3498
  }
3679
3499
  }
3680
3500
 
@@ -3740,381 +3560,361 @@
3740
3560
 
3741
3561
  @media screen and (min-width: 1200px) {
3742
3562
  .pf-v5-u-pt-auto-on-xl {
3743
- padding-top: auto !important;
3563
+ padding-block-start: auto !important;
3744
3564
  }
3745
3565
  }
3746
3566
 
3747
3567
  @media screen and (min-width: 1200px) {
3748
3568
  .pf-v5-u-pt-0-on-xl {
3749
- padding-top: 0 !important;
3569
+ padding-block-start: 0 !important;
3750
3570
  }
3751
3571
  }
3752
3572
 
3753
3573
  @media screen and (min-width: 1200px) {
3754
3574
  .pf-v5-u-pt-xs-on-xl {
3755
- padding-top: var(--pf-v5-global--spacer--xs) !important;
3575
+ padding-block-start: var(--pf-v5-global--spacer--xs) !important;
3756
3576
  }
3757
3577
  }
3758
3578
 
3759
3579
  @media screen and (min-width: 1200px) {
3760
3580
  .pf-v5-u-pt-sm-on-xl {
3761
- padding-top: var(--pf-v5-global--spacer--sm) !important;
3581
+ padding-block-start: var(--pf-v5-global--spacer--sm) !important;
3762
3582
  }
3763
3583
  }
3764
3584
 
3765
3585
  @media screen and (min-width: 1200px) {
3766
3586
  .pf-v5-u-pt-md-on-xl {
3767
- padding-top: var(--pf-v5-global--spacer--md) !important;
3587
+ padding-block-start: var(--pf-v5-global--spacer--md) !important;
3768
3588
  }
3769
3589
  }
3770
3590
 
3771
3591
  @media screen and (min-width: 1200px) {
3772
3592
  .pf-v5-u-pt-lg-on-xl {
3773
- padding-top: var(--pf-v5-global--spacer--lg) !important;
3593
+ padding-block-start: var(--pf-v5-global--spacer--lg) !important;
3774
3594
  }
3775
3595
  }
3776
3596
 
3777
3597
  @media screen and (min-width: 1200px) {
3778
3598
  .pf-v5-u-pt-xl-on-xl {
3779
- padding-top: var(--pf-v5-global--spacer--xl) !important;
3599
+ padding-block-start: var(--pf-v5-global--spacer--xl) !important;
3780
3600
  }
3781
3601
  }
3782
3602
 
3783
3603
  @media screen and (min-width: 1200px) {
3784
3604
  .pf-v5-u-pt-2xl-on-xl {
3785
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
3605
+ padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
3786
3606
  }
3787
3607
  }
3788
3608
 
3789
3609
  @media screen and (min-width: 1200px) {
3790
3610
  .pf-v5-u-pt-3xl-on-xl {
3791
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
3611
+ padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
3792
3612
  }
3793
3613
  }
3794
3614
 
3795
3615
  @media screen and (min-width: 1200px) {
3796
3616
  .pf-v5-u-pt-4xl-on-xl {
3797
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
3617
+ padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
3798
3618
  }
3799
3619
  }
3800
3620
 
3801
3621
  @media screen and (min-width: 1200px) {
3802
3622
  .pf-v5-u-pr-auto-on-xl {
3803
- padding-right: auto !important;
3623
+ padding-inline-end: auto !important;
3804
3624
  }
3805
3625
  }
3806
3626
 
3807
3627
  @media screen and (min-width: 1200px) {
3808
3628
  .pf-v5-u-pr-0-on-xl {
3809
- padding-right: 0 !important;
3629
+ padding-inline-end: 0 !important;
3810
3630
  }
3811
3631
  }
3812
3632
 
3813
3633
  @media screen and (min-width: 1200px) {
3814
3634
  .pf-v5-u-pr-xs-on-xl {
3815
- padding-right: var(--pf-v5-global--spacer--xs) !important;
3635
+ padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
3816
3636
  }
3817
3637
  }
3818
3638
 
3819
3639
  @media screen and (min-width: 1200px) {
3820
3640
  .pf-v5-u-pr-sm-on-xl {
3821
- padding-right: var(--pf-v5-global--spacer--sm) !important;
3641
+ padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
3822
3642
  }
3823
3643
  }
3824
3644
 
3825
3645
  @media screen and (min-width: 1200px) {
3826
3646
  .pf-v5-u-pr-md-on-xl {
3827
- padding-right: var(--pf-v5-global--spacer--md) !important;
3647
+ padding-inline-end: var(--pf-v5-global--spacer--md) !important;
3828
3648
  }
3829
3649
  }
3830
3650
 
3831
3651
  @media screen and (min-width: 1200px) {
3832
3652
  .pf-v5-u-pr-lg-on-xl {
3833
- padding-right: var(--pf-v5-global--spacer--lg) !important;
3653
+ padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
3834
3654
  }
3835
3655
  }
3836
3656
 
3837
3657
  @media screen and (min-width: 1200px) {
3838
3658
  .pf-v5-u-pr-xl-on-xl {
3839
- padding-right: var(--pf-v5-global--spacer--xl) !important;
3659
+ padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
3840
3660
  }
3841
3661
  }
3842
3662
 
3843
3663
  @media screen and (min-width: 1200px) {
3844
3664
  .pf-v5-u-pr-2xl-on-xl {
3845
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
3665
+ padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
3846
3666
  }
3847
3667
  }
3848
3668
 
3849
3669
  @media screen and (min-width: 1200px) {
3850
3670
  .pf-v5-u-pr-3xl-on-xl {
3851
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
3671
+ padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
3852
3672
  }
3853
3673
  }
3854
3674
 
3855
3675
  @media screen and (min-width: 1200px) {
3856
3676
  .pf-v5-u-pr-4xl-on-xl {
3857
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
3677
+ padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
3858
3678
  }
3859
3679
  }
3860
3680
 
3861
3681
  @media screen and (min-width: 1200px) {
3862
3682
  .pf-v5-u-pb-auto-on-xl {
3863
- padding-bottom: auto !important;
3683
+ padding-block-end: auto !important;
3864
3684
  }
3865
3685
  }
3866
3686
 
3867
3687
  @media screen and (min-width: 1200px) {
3868
3688
  .pf-v5-u-pb-0-on-xl {
3869
- padding-bottom: 0 !important;
3689
+ padding-block-end: 0 !important;
3870
3690
  }
3871
3691
  }
3872
3692
 
3873
3693
  @media screen and (min-width: 1200px) {
3874
3694
  .pf-v5-u-pb-xs-on-xl {
3875
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
3695
+ padding-block-end: var(--pf-v5-global--spacer--xs) !important;
3876
3696
  }
3877
3697
  }
3878
3698
 
3879
3699
  @media screen and (min-width: 1200px) {
3880
3700
  .pf-v5-u-pb-sm-on-xl {
3881
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
3701
+ padding-block-end: var(--pf-v5-global--spacer--sm) !important;
3882
3702
  }
3883
3703
  }
3884
3704
 
3885
3705
  @media screen and (min-width: 1200px) {
3886
3706
  .pf-v5-u-pb-md-on-xl {
3887
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
3707
+ padding-block-end: var(--pf-v5-global--spacer--md) !important;
3888
3708
  }
3889
3709
  }
3890
3710
 
3891
3711
  @media screen and (min-width: 1200px) {
3892
3712
  .pf-v5-u-pb-lg-on-xl {
3893
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
3713
+ padding-block-end: var(--pf-v5-global--spacer--lg) !important;
3894
3714
  }
3895
3715
  }
3896
3716
 
3897
3717
  @media screen and (min-width: 1200px) {
3898
3718
  .pf-v5-u-pb-xl-on-xl {
3899
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
3719
+ padding-block-end: var(--pf-v5-global--spacer--xl) !important;
3900
3720
  }
3901
3721
  }
3902
3722
 
3903
3723
  @media screen and (min-width: 1200px) {
3904
3724
  .pf-v5-u-pb-2xl-on-xl {
3905
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
3725
+ padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
3906
3726
  }
3907
3727
  }
3908
3728
 
3909
3729
  @media screen and (min-width: 1200px) {
3910
3730
  .pf-v5-u-pb-3xl-on-xl {
3911
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
3731
+ padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
3912
3732
  }
3913
3733
  }
3914
3734
 
3915
3735
  @media screen and (min-width: 1200px) {
3916
3736
  .pf-v5-u-pb-4xl-on-xl {
3917
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
3737
+ padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
3918
3738
  }
3919
3739
  }
3920
3740
 
3921
3741
  @media screen and (min-width: 1200px) {
3922
3742
  .pf-v5-u-pl-auto-on-xl {
3923
- padding-left: auto !important;
3743
+ padding-inline-start: auto !important;
3924
3744
  }
3925
3745
  }
3926
3746
 
3927
3747
  @media screen and (min-width: 1200px) {
3928
3748
  .pf-v5-u-pl-0-on-xl {
3929
- padding-left: 0 !important;
3749
+ padding-inline-start: 0 !important;
3930
3750
  }
3931
3751
  }
3932
3752
 
3933
3753
  @media screen and (min-width: 1200px) {
3934
3754
  .pf-v5-u-pl-xs-on-xl {
3935
- padding-left: var(--pf-v5-global--spacer--xs) !important;
3755
+ padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
3936
3756
  }
3937
3757
  }
3938
3758
 
3939
3759
  @media screen and (min-width: 1200px) {
3940
3760
  .pf-v5-u-pl-sm-on-xl {
3941
- padding-left: var(--pf-v5-global--spacer--sm) !important;
3761
+ padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
3942
3762
  }
3943
3763
  }
3944
3764
 
3945
3765
  @media screen and (min-width: 1200px) {
3946
3766
  .pf-v5-u-pl-md-on-xl {
3947
- padding-left: var(--pf-v5-global--spacer--md) !important;
3767
+ padding-inline-start: var(--pf-v5-global--spacer--md) !important;
3948
3768
  }
3949
3769
  }
3950
3770
 
3951
3771
  @media screen and (min-width: 1200px) {
3952
3772
  .pf-v5-u-pl-lg-on-xl {
3953
- padding-left: var(--pf-v5-global--spacer--lg) !important;
3773
+ padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
3954
3774
  }
3955
3775
  }
3956
3776
 
3957
3777
  @media screen and (min-width: 1200px) {
3958
3778
  .pf-v5-u-pl-xl-on-xl {
3959
- padding-left: var(--pf-v5-global--spacer--xl) !important;
3779
+ padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
3960
3780
  }
3961
3781
  }
3962
3782
 
3963
3783
  @media screen and (min-width: 1200px) {
3964
3784
  .pf-v5-u-pl-2xl-on-xl {
3965
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
3785
+ padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
3966
3786
  }
3967
3787
  }
3968
3788
 
3969
3789
  @media screen and (min-width: 1200px) {
3970
3790
  .pf-v5-u-pl-3xl-on-xl {
3971
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
3791
+ padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
3972
3792
  }
3973
3793
  }
3974
3794
 
3975
3795
  @media screen and (min-width: 1200px) {
3976
3796
  .pf-v5-u-pl-4xl-on-xl {
3977
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
3797
+ padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
3978
3798
  }
3979
3799
  }
3980
3800
 
3981
3801
  @media screen and (min-width: 1200px) {
3982
3802
  .pf-v5-u-px-auto-on-xl {
3983
- padding-right: auto !important;
3984
- padding-left: auto !important;
3803
+ padding-inline: auto !important;
3985
3804
  }
3986
3805
  }
3987
3806
 
3988
3807
  @media screen and (min-width: 1200px) {
3989
3808
  .pf-v5-u-px-0-on-xl {
3990
- padding-right: 0 !important;
3991
- padding-left: 0 !important;
3809
+ padding-inline: 0 !important;
3992
3810
  }
3993
3811
  }
3994
3812
 
3995
3813
  @media screen and (min-width: 1200px) {
3996
3814
  .pf-v5-u-px-xs-on-xl {
3997
- padding-right: var(--pf-v5-global--spacer--xs) !important;
3998
- padding-left: var(--pf-v5-global--spacer--xs) !important;
3815
+ padding-inline: var(--pf-v5-global--spacer--xs) !important;
3999
3816
  }
4000
3817
  }
4001
3818
 
4002
3819
  @media screen and (min-width: 1200px) {
4003
3820
  .pf-v5-u-px-sm-on-xl {
4004
- padding-right: var(--pf-v5-global--spacer--sm) !important;
4005
- padding-left: var(--pf-v5-global--spacer--sm) !important;
3821
+ padding-inline: var(--pf-v5-global--spacer--sm) !important;
4006
3822
  }
4007
3823
  }
4008
3824
 
4009
3825
  @media screen and (min-width: 1200px) {
4010
3826
  .pf-v5-u-px-md-on-xl {
4011
- padding-right: var(--pf-v5-global--spacer--md) !important;
4012
- padding-left: var(--pf-v5-global--spacer--md) !important;
3827
+ padding-inline: var(--pf-v5-global--spacer--md) !important;
4013
3828
  }
4014
3829
  }
4015
3830
 
4016
3831
  @media screen and (min-width: 1200px) {
4017
3832
  .pf-v5-u-px-lg-on-xl {
4018
- padding-right: var(--pf-v5-global--spacer--lg) !important;
4019
- padding-left: var(--pf-v5-global--spacer--lg) !important;
3833
+ padding-inline: var(--pf-v5-global--spacer--lg) !important;
4020
3834
  }
4021
3835
  }
4022
3836
 
4023
3837
  @media screen and (min-width: 1200px) {
4024
3838
  .pf-v5-u-px-xl-on-xl {
4025
- padding-right: var(--pf-v5-global--spacer--xl) !important;
4026
- padding-left: var(--pf-v5-global--spacer--xl) !important;
3839
+ padding-inline: var(--pf-v5-global--spacer--xl) !important;
4027
3840
  }
4028
3841
  }
4029
3842
 
4030
3843
  @media screen and (min-width: 1200px) {
4031
3844
  .pf-v5-u-px-2xl-on-xl {
4032
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
4033
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
3845
+ padding-inline: var(--pf-v5-global--spacer--2xl) !important;
4034
3846
  }
4035
3847
  }
4036
3848
 
4037
3849
  @media screen and (min-width: 1200px) {
4038
3850
  .pf-v5-u-px-3xl-on-xl {
4039
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
4040
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
3851
+ padding-inline: var(--pf-v5-global--spacer--3xl) !important;
4041
3852
  }
4042
3853
  }
4043
3854
 
4044
3855
  @media screen and (min-width: 1200px) {
4045
3856
  .pf-v5-u-px-4xl-on-xl {
4046
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
4047
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
3857
+ padding-inline: var(--pf-v5-global--spacer--4xl) !important;
4048
3858
  }
4049
3859
  }
4050
3860
 
4051
3861
  @media screen and (min-width: 1200px) {
4052
3862
  .pf-v5-u-py-auto-on-xl {
4053
- padding-top: auto !important;
4054
- padding-bottom: auto !important;
3863
+ padding-block: auto !important;
4055
3864
  }
4056
3865
  }
4057
3866
 
4058
3867
  @media screen and (min-width: 1200px) {
4059
3868
  .pf-v5-u-py-0-on-xl {
4060
- padding-top: 0 !important;
4061
- padding-bottom: 0 !important;
3869
+ padding-block: 0 !important;
4062
3870
  }
4063
3871
  }
4064
3872
 
4065
3873
  @media screen and (min-width: 1200px) {
4066
3874
  .pf-v5-u-py-xs-on-xl {
4067
- padding-top: var(--pf-v5-global--spacer--xs) !important;
4068
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
3875
+ padding-block: var(--pf-v5-global--spacer--xs) !important;
4069
3876
  }
4070
3877
  }
4071
3878
 
4072
3879
  @media screen and (min-width: 1200px) {
4073
3880
  .pf-v5-u-py-sm-on-xl {
4074
- padding-top: var(--pf-v5-global--spacer--sm) !important;
4075
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
3881
+ padding-block: var(--pf-v5-global--spacer--sm) !important;
4076
3882
  }
4077
3883
  }
4078
3884
 
4079
3885
  @media screen and (min-width: 1200px) {
4080
3886
  .pf-v5-u-py-md-on-xl {
4081
- padding-top: var(--pf-v5-global--spacer--md) !important;
4082
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
3887
+ padding-block: var(--pf-v5-global--spacer--md) !important;
4083
3888
  }
4084
3889
  }
4085
3890
 
4086
3891
  @media screen and (min-width: 1200px) {
4087
3892
  .pf-v5-u-py-lg-on-xl {
4088
- padding-top: var(--pf-v5-global--spacer--lg) !important;
4089
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
3893
+ padding-block: var(--pf-v5-global--spacer--lg) !important;
4090
3894
  }
4091
3895
  }
4092
3896
 
4093
3897
  @media screen and (min-width: 1200px) {
4094
3898
  .pf-v5-u-py-xl-on-xl {
4095
- padding-top: var(--pf-v5-global--spacer--xl) !important;
4096
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
3899
+ padding-block: var(--pf-v5-global--spacer--xl) !important;
4097
3900
  }
4098
3901
  }
4099
3902
 
4100
3903
  @media screen and (min-width: 1200px) {
4101
3904
  .pf-v5-u-py-2xl-on-xl {
4102
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
4103
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
3905
+ padding-block: var(--pf-v5-global--spacer--2xl) !important;
4104
3906
  }
4105
3907
  }
4106
3908
 
4107
3909
  @media screen and (min-width: 1200px) {
4108
3910
  .pf-v5-u-py-3xl-on-xl {
4109
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
4110
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
3911
+ padding-block: var(--pf-v5-global--spacer--3xl) !important;
4111
3912
  }
4112
3913
  }
4113
3914
 
4114
3915
  @media screen and (min-width: 1200px) {
4115
3916
  .pf-v5-u-py-4xl-on-xl {
4116
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
4117
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
3917
+ padding-block: var(--pf-v5-global--spacer--4xl) !important;
4118
3918
  }
4119
3919
  }
4120
3920
 
@@ -4180,381 +3980,361 @@
4180
3980
 
4181
3981
  @media screen and (min-width: 1450px) {
4182
3982
  .pf-v5-u-mt-auto-on-2xl {
4183
- margin-top: auto !important;
3983
+ margin-block-start: auto !important;
4184
3984
  }
4185
3985
  }
4186
3986
 
4187
3987
  @media screen and (min-width: 1450px) {
4188
3988
  .pf-v5-u-mt-0-on-2xl {
4189
- margin-top: 0 !important;
3989
+ margin-block-start: 0 !important;
4190
3990
  }
4191
3991
  }
4192
3992
 
4193
3993
  @media screen and (min-width: 1450px) {
4194
3994
  .pf-v5-u-mt-xs-on-2xl {
4195
- margin-top: var(--pf-v5-global--spacer--xs) !important;
3995
+ margin-block-start: var(--pf-v5-global--spacer--xs) !important;
4196
3996
  }
4197
3997
  }
4198
3998
 
4199
3999
  @media screen and (min-width: 1450px) {
4200
4000
  .pf-v5-u-mt-sm-on-2xl {
4201
- margin-top: var(--pf-v5-global--spacer--sm) !important;
4001
+ margin-block-start: var(--pf-v5-global--spacer--sm) !important;
4202
4002
  }
4203
4003
  }
4204
4004
 
4205
4005
  @media screen and (min-width: 1450px) {
4206
4006
  .pf-v5-u-mt-md-on-2xl {
4207
- margin-top: var(--pf-v5-global--spacer--md) !important;
4007
+ margin-block-start: var(--pf-v5-global--spacer--md) !important;
4208
4008
  }
4209
4009
  }
4210
4010
 
4211
4011
  @media screen and (min-width: 1450px) {
4212
4012
  .pf-v5-u-mt-lg-on-2xl {
4213
- margin-top: var(--pf-v5-global--spacer--lg) !important;
4013
+ margin-block-start: var(--pf-v5-global--spacer--lg) !important;
4214
4014
  }
4215
4015
  }
4216
4016
 
4217
4017
  @media screen and (min-width: 1450px) {
4218
4018
  .pf-v5-u-mt-xl-on-2xl {
4219
- margin-top: var(--pf-v5-global--spacer--xl) !important;
4019
+ margin-block-start: var(--pf-v5-global--spacer--xl) !important;
4220
4020
  }
4221
4021
  }
4222
4022
 
4223
4023
  @media screen and (min-width: 1450px) {
4224
4024
  .pf-v5-u-mt-2xl-on-2xl {
4225
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
4025
+ margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
4226
4026
  }
4227
4027
  }
4228
4028
 
4229
4029
  @media screen and (min-width: 1450px) {
4230
4030
  .pf-v5-u-mt-3xl-on-2xl {
4231
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
4031
+ margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
4232
4032
  }
4233
4033
  }
4234
4034
 
4235
4035
  @media screen and (min-width: 1450px) {
4236
4036
  .pf-v5-u-mt-4xl-on-2xl {
4237
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
4037
+ margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
4238
4038
  }
4239
4039
  }
4240
4040
 
4241
4041
  @media screen and (min-width: 1450px) {
4242
4042
  .pf-v5-u-mr-auto-on-2xl {
4243
- margin-right: auto !important;
4043
+ margin-inline-end: auto !important;
4244
4044
  }
4245
4045
  }
4246
4046
 
4247
4047
  @media screen and (min-width: 1450px) {
4248
4048
  .pf-v5-u-mr-0-on-2xl {
4249
- margin-right: 0 !important;
4049
+ margin-inline-end: 0 !important;
4250
4050
  }
4251
4051
  }
4252
4052
 
4253
4053
  @media screen and (min-width: 1450px) {
4254
4054
  .pf-v5-u-mr-xs-on-2xl {
4255
- margin-right: var(--pf-v5-global--spacer--xs) !important;
4055
+ margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
4256
4056
  }
4257
4057
  }
4258
4058
 
4259
4059
  @media screen and (min-width: 1450px) {
4260
4060
  .pf-v5-u-mr-sm-on-2xl {
4261
- margin-right: var(--pf-v5-global--spacer--sm) !important;
4061
+ margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
4262
4062
  }
4263
4063
  }
4264
4064
 
4265
4065
  @media screen and (min-width: 1450px) {
4266
4066
  .pf-v5-u-mr-md-on-2xl {
4267
- margin-right: var(--pf-v5-global--spacer--md) !important;
4067
+ margin-inline-end: var(--pf-v5-global--spacer--md) !important;
4268
4068
  }
4269
4069
  }
4270
4070
 
4271
4071
  @media screen and (min-width: 1450px) {
4272
4072
  .pf-v5-u-mr-lg-on-2xl {
4273
- margin-right: var(--pf-v5-global--spacer--lg) !important;
4073
+ margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
4274
4074
  }
4275
4075
  }
4276
4076
 
4277
4077
  @media screen and (min-width: 1450px) {
4278
4078
  .pf-v5-u-mr-xl-on-2xl {
4279
- margin-right: var(--pf-v5-global--spacer--xl) !important;
4079
+ margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
4280
4080
  }
4281
4081
  }
4282
4082
 
4283
4083
  @media screen and (min-width: 1450px) {
4284
4084
  .pf-v5-u-mr-2xl-on-2xl {
4285
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
4085
+ margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
4286
4086
  }
4287
4087
  }
4288
4088
 
4289
4089
  @media screen and (min-width: 1450px) {
4290
4090
  .pf-v5-u-mr-3xl-on-2xl {
4291
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
4091
+ margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
4292
4092
  }
4293
4093
  }
4294
4094
 
4295
4095
  @media screen and (min-width: 1450px) {
4296
4096
  .pf-v5-u-mr-4xl-on-2xl {
4297
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
4097
+ margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
4298
4098
  }
4299
4099
  }
4300
4100
 
4301
4101
  @media screen and (min-width: 1450px) {
4302
4102
  .pf-v5-u-mb-auto-on-2xl {
4303
- margin-bottom: auto !important;
4103
+ margin-block-end: auto !important;
4304
4104
  }
4305
4105
  }
4306
4106
 
4307
4107
  @media screen and (min-width: 1450px) {
4308
4108
  .pf-v5-u-mb-0-on-2xl {
4309
- margin-bottom: 0 !important;
4109
+ margin-block-end: 0 !important;
4310
4110
  }
4311
4111
  }
4312
4112
 
4313
4113
  @media screen and (min-width: 1450px) {
4314
4114
  .pf-v5-u-mb-xs-on-2xl {
4315
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
4115
+ margin-block-end: var(--pf-v5-global--spacer--xs) !important;
4316
4116
  }
4317
4117
  }
4318
4118
 
4319
4119
  @media screen and (min-width: 1450px) {
4320
4120
  .pf-v5-u-mb-sm-on-2xl {
4321
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
4121
+ margin-block-end: var(--pf-v5-global--spacer--sm) !important;
4322
4122
  }
4323
4123
  }
4324
4124
 
4325
4125
  @media screen and (min-width: 1450px) {
4326
4126
  .pf-v5-u-mb-md-on-2xl {
4327
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
4127
+ margin-block-end: var(--pf-v5-global--spacer--md) !important;
4328
4128
  }
4329
4129
  }
4330
4130
 
4331
4131
  @media screen and (min-width: 1450px) {
4332
4132
  .pf-v5-u-mb-lg-on-2xl {
4333
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
4133
+ margin-block-end: var(--pf-v5-global--spacer--lg) !important;
4334
4134
  }
4335
4135
  }
4336
4136
 
4337
4137
  @media screen and (min-width: 1450px) {
4338
4138
  .pf-v5-u-mb-xl-on-2xl {
4339
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
4139
+ margin-block-end: var(--pf-v5-global--spacer--xl) !important;
4340
4140
  }
4341
4141
  }
4342
4142
 
4343
4143
  @media screen and (min-width: 1450px) {
4344
4144
  .pf-v5-u-mb-2xl-on-2xl {
4345
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
4145
+ margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
4346
4146
  }
4347
4147
  }
4348
4148
 
4349
4149
  @media screen and (min-width: 1450px) {
4350
4150
  .pf-v5-u-mb-3xl-on-2xl {
4351
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
4151
+ margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
4352
4152
  }
4353
4153
  }
4354
4154
 
4355
4155
  @media screen and (min-width: 1450px) {
4356
4156
  .pf-v5-u-mb-4xl-on-2xl {
4357
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
4157
+ margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
4358
4158
  }
4359
4159
  }
4360
4160
 
4361
4161
  @media screen and (min-width: 1450px) {
4362
4162
  .pf-v5-u-ml-auto-on-2xl {
4363
- margin-left: auto !important;
4163
+ margin-inline-start: auto !important;
4364
4164
  }
4365
4165
  }
4366
4166
 
4367
4167
  @media screen and (min-width: 1450px) {
4368
4168
  .pf-v5-u-ml-0-on-2xl {
4369
- margin-left: 0 !important;
4169
+ margin-inline-start: 0 !important;
4370
4170
  }
4371
4171
  }
4372
4172
 
4373
4173
  @media screen and (min-width: 1450px) {
4374
4174
  .pf-v5-u-ml-xs-on-2xl {
4375
- margin-left: var(--pf-v5-global--spacer--xs) !important;
4175
+ margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
4376
4176
  }
4377
4177
  }
4378
4178
 
4379
4179
  @media screen and (min-width: 1450px) {
4380
4180
  .pf-v5-u-ml-sm-on-2xl {
4381
- margin-left: var(--pf-v5-global--spacer--sm) !important;
4181
+ margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
4382
4182
  }
4383
4183
  }
4384
4184
 
4385
4185
  @media screen and (min-width: 1450px) {
4386
4186
  .pf-v5-u-ml-md-on-2xl {
4387
- margin-left: var(--pf-v5-global--spacer--md) !important;
4187
+ margin-inline-start: var(--pf-v5-global--spacer--md) !important;
4388
4188
  }
4389
4189
  }
4390
4190
 
4391
4191
  @media screen and (min-width: 1450px) {
4392
4192
  .pf-v5-u-ml-lg-on-2xl {
4393
- margin-left: var(--pf-v5-global--spacer--lg) !important;
4193
+ margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
4394
4194
  }
4395
4195
  }
4396
4196
 
4397
4197
  @media screen and (min-width: 1450px) {
4398
4198
  .pf-v5-u-ml-xl-on-2xl {
4399
- margin-left: var(--pf-v5-global--spacer--xl) !important;
4199
+ margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
4400
4200
  }
4401
4201
  }
4402
4202
 
4403
4203
  @media screen and (min-width: 1450px) {
4404
4204
  .pf-v5-u-ml-2xl-on-2xl {
4405
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
4205
+ margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
4406
4206
  }
4407
4207
  }
4408
4208
 
4409
4209
  @media screen and (min-width: 1450px) {
4410
4210
  .pf-v5-u-ml-3xl-on-2xl {
4411
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
4211
+ margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
4412
4212
  }
4413
4213
  }
4414
4214
 
4415
4215
  @media screen and (min-width: 1450px) {
4416
4216
  .pf-v5-u-ml-4xl-on-2xl {
4417
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
4217
+ margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
4418
4218
  }
4419
4219
  }
4420
4220
 
4421
4221
  @media screen and (min-width: 1450px) {
4422
4222
  .pf-v5-u-mx-auto-on-2xl {
4423
- margin-right: auto !important;
4424
- margin-left: auto !important;
4223
+ margin-inline: auto !important;
4425
4224
  }
4426
4225
  }
4427
4226
 
4428
4227
  @media screen and (min-width: 1450px) {
4429
4228
  .pf-v5-u-mx-0-on-2xl {
4430
- margin-right: 0 !important;
4431
- margin-left: 0 !important;
4229
+ margin-inline: 0 !important;
4432
4230
  }
4433
4231
  }
4434
4232
 
4435
4233
  @media screen and (min-width: 1450px) {
4436
4234
  .pf-v5-u-mx-xs-on-2xl {
4437
- margin-right: var(--pf-v5-global--spacer--xs) !important;
4438
- margin-left: var(--pf-v5-global--spacer--xs) !important;
4235
+ margin-inline: var(--pf-v5-global--spacer--xs) !important;
4439
4236
  }
4440
4237
  }
4441
4238
 
4442
4239
  @media screen and (min-width: 1450px) {
4443
4240
  .pf-v5-u-mx-sm-on-2xl {
4444
- margin-right: var(--pf-v5-global--spacer--sm) !important;
4445
- margin-left: var(--pf-v5-global--spacer--sm) !important;
4241
+ margin-inline: var(--pf-v5-global--spacer--sm) !important;
4446
4242
  }
4447
4243
  }
4448
4244
 
4449
4245
  @media screen and (min-width: 1450px) {
4450
4246
  .pf-v5-u-mx-md-on-2xl {
4451
- margin-right: var(--pf-v5-global--spacer--md) !important;
4452
- margin-left: var(--pf-v5-global--spacer--md) !important;
4247
+ margin-inline: var(--pf-v5-global--spacer--md) !important;
4453
4248
  }
4454
4249
  }
4455
4250
 
4456
4251
  @media screen and (min-width: 1450px) {
4457
4252
  .pf-v5-u-mx-lg-on-2xl {
4458
- margin-right: var(--pf-v5-global--spacer--lg) !important;
4459
- margin-left: var(--pf-v5-global--spacer--lg) !important;
4253
+ margin-inline: var(--pf-v5-global--spacer--lg) !important;
4460
4254
  }
4461
4255
  }
4462
4256
 
4463
4257
  @media screen and (min-width: 1450px) {
4464
4258
  .pf-v5-u-mx-xl-on-2xl {
4465
- margin-right: var(--pf-v5-global--spacer--xl) !important;
4466
- margin-left: var(--pf-v5-global--spacer--xl) !important;
4259
+ margin-inline: var(--pf-v5-global--spacer--xl) !important;
4467
4260
  }
4468
4261
  }
4469
4262
 
4470
4263
  @media screen and (min-width: 1450px) {
4471
4264
  .pf-v5-u-mx-2xl-on-2xl {
4472
- margin-right: var(--pf-v5-global--spacer--2xl) !important;
4473
- margin-left: var(--pf-v5-global--spacer--2xl) !important;
4265
+ margin-inline: var(--pf-v5-global--spacer--2xl) !important;
4474
4266
  }
4475
4267
  }
4476
4268
 
4477
4269
  @media screen and (min-width: 1450px) {
4478
4270
  .pf-v5-u-mx-3xl-on-2xl {
4479
- margin-right: var(--pf-v5-global--spacer--3xl) !important;
4480
- margin-left: var(--pf-v5-global--spacer--3xl) !important;
4271
+ margin-inline: var(--pf-v5-global--spacer--3xl) !important;
4481
4272
  }
4482
4273
  }
4483
4274
 
4484
4275
  @media screen and (min-width: 1450px) {
4485
4276
  .pf-v5-u-mx-4xl-on-2xl {
4486
- margin-right: var(--pf-v5-global--spacer--4xl) !important;
4487
- margin-left: var(--pf-v5-global--spacer--4xl) !important;
4277
+ margin-inline: var(--pf-v5-global--spacer--4xl) !important;
4488
4278
  }
4489
4279
  }
4490
4280
 
4491
4281
  @media screen and (min-width: 1450px) {
4492
4282
  .pf-v5-u-my-auto-on-2xl {
4493
- margin-top: auto !important;
4494
- margin-bottom: auto !important;
4283
+ margin-block: auto !important;
4495
4284
  }
4496
4285
  }
4497
4286
 
4498
4287
  @media screen and (min-width: 1450px) {
4499
4288
  .pf-v5-u-my-0-on-2xl {
4500
- margin-top: 0 !important;
4501
- margin-bottom: 0 !important;
4289
+ margin-block: 0 !important;
4502
4290
  }
4503
4291
  }
4504
4292
 
4505
4293
  @media screen and (min-width: 1450px) {
4506
4294
  .pf-v5-u-my-xs-on-2xl {
4507
- margin-top: var(--pf-v5-global--spacer--xs) !important;
4508
- margin-bottom: var(--pf-v5-global--spacer--xs) !important;
4295
+ margin-block: var(--pf-v5-global--spacer--xs) !important;
4509
4296
  }
4510
4297
  }
4511
4298
 
4512
4299
  @media screen and (min-width: 1450px) {
4513
4300
  .pf-v5-u-my-sm-on-2xl {
4514
- margin-top: var(--pf-v5-global--spacer--sm) !important;
4515
- margin-bottom: var(--pf-v5-global--spacer--sm) !important;
4301
+ margin-block: var(--pf-v5-global--spacer--sm) !important;
4516
4302
  }
4517
4303
  }
4518
4304
 
4519
4305
  @media screen and (min-width: 1450px) {
4520
4306
  .pf-v5-u-my-md-on-2xl {
4521
- margin-top: var(--pf-v5-global--spacer--md) !important;
4522
- margin-bottom: var(--pf-v5-global--spacer--md) !important;
4307
+ margin-block: var(--pf-v5-global--spacer--md) !important;
4523
4308
  }
4524
4309
  }
4525
4310
 
4526
4311
  @media screen and (min-width: 1450px) {
4527
4312
  .pf-v5-u-my-lg-on-2xl {
4528
- margin-top: var(--pf-v5-global--spacer--lg) !important;
4529
- margin-bottom: var(--pf-v5-global--spacer--lg) !important;
4313
+ margin-block: var(--pf-v5-global--spacer--lg) !important;
4530
4314
  }
4531
4315
  }
4532
4316
 
4533
4317
  @media screen and (min-width: 1450px) {
4534
4318
  .pf-v5-u-my-xl-on-2xl {
4535
- margin-top: var(--pf-v5-global--spacer--xl) !important;
4536
- margin-bottom: var(--pf-v5-global--spacer--xl) !important;
4319
+ margin-block: var(--pf-v5-global--spacer--xl) !important;
4537
4320
  }
4538
4321
  }
4539
4322
 
4540
4323
  @media screen and (min-width: 1450px) {
4541
4324
  .pf-v5-u-my-2xl-on-2xl {
4542
- margin-top: var(--pf-v5-global--spacer--2xl) !important;
4543
- margin-bottom: var(--pf-v5-global--spacer--2xl) !important;
4325
+ margin-block: var(--pf-v5-global--spacer--2xl) !important;
4544
4326
  }
4545
4327
  }
4546
4328
 
4547
4329
  @media screen and (min-width: 1450px) {
4548
4330
  .pf-v5-u-my-3xl-on-2xl {
4549
- margin-top: var(--pf-v5-global--spacer--3xl) !important;
4550
- margin-bottom: var(--pf-v5-global--spacer--3xl) !important;
4331
+ margin-block: var(--pf-v5-global--spacer--3xl) !important;
4551
4332
  }
4552
4333
  }
4553
4334
 
4554
4335
  @media screen and (min-width: 1450px) {
4555
4336
  .pf-v5-u-my-4xl-on-2xl {
4556
- margin-top: var(--pf-v5-global--spacer--4xl) !important;
4557
- margin-bottom: var(--pf-v5-global--spacer--4xl) !important;
4337
+ margin-block: var(--pf-v5-global--spacer--4xl) !important;
4558
4338
  }
4559
4339
  }
4560
4340
 
@@ -4620,380 +4400,360 @@
4620
4400
 
4621
4401
  @media screen and (min-width: 1450px) {
4622
4402
  .pf-v5-u-pt-auto-on-2xl {
4623
- padding-top: auto !important;
4403
+ padding-block-start: auto !important;
4624
4404
  }
4625
4405
  }
4626
4406
 
4627
4407
  @media screen and (min-width: 1450px) {
4628
4408
  .pf-v5-u-pt-0-on-2xl {
4629
- padding-top: 0 !important;
4409
+ padding-block-start: 0 !important;
4630
4410
  }
4631
4411
  }
4632
4412
 
4633
4413
  @media screen and (min-width: 1450px) {
4634
4414
  .pf-v5-u-pt-xs-on-2xl {
4635
- padding-top: var(--pf-v5-global--spacer--xs) !important;
4415
+ padding-block-start: var(--pf-v5-global--spacer--xs) !important;
4636
4416
  }
4637
4417
  }
4638
4418
 
4639
4419
  @media screen and (min-width: 1450px) {
4640
4420
  .pf-v5-u-pt-sm-on-2xl {
4641
- padding-top: var(--pf-v5-global--spacer--sm) !important;
4421
+ padding-block-start: var(--pf-v5-global--spacer--sm) !important;
4642
4422
  }
4643
4423
  }
4644
4424
 
4645
4425
  @media screen and (min-width: 1450px) {
4646
4426
  .pf-v5-u-pt-md-on-2xl {
4647
- padding-top: var(--pf-v5-global--spacer--md) !important;
4427
+ padding-block-start: var(--pf-v5-global--spacer--md) !important;
4648
4428
  }
4649
4429
  }
4650
4430
 
4651
4431
  @media screen and (min-width: 1450px) {
4652
4432
  .pf-v5-u-pt-lg-on-2xl {
4653
- padding-top: var(--pf-v5-global--spacer--lg) !important;
4433
+ padding-block-start: var(--pf-v5-global--spacer--lg) !important;
4654
4434
  }
4655
4435
  }
4656
4436
 
4657
4437
  @media screen and (min-width: 1450px) {
4658
4438
  .pf-v5-u-pt-xl-on-2xl {
4659
- padding-top: var(--pf-v5-global--spacer--xl) !important;
4439
+ padding-block-start: var(--pf-v5-global--spacer--xl) !important;
4660
4440
  }
4661
4441
  }
4662
4442
 
4663
4443
  @media screen and (min-width: 1450px) {
4664
4444
  .pf-v5-u-pt-2xl-on-2xl {
4665
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
4445
+ padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
4666
4446
  }
4667
4447
  }
4668
4448
 
4669
4449
  @media screen and (min-width: 1450px) {
4670
4450
  .pf-v5-u-pt-3xl-on-2xl {
4671
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
4451
+ padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
4672
4452
  }
4673
4453
  }
4674
4454
 
4675
4455
  @media screen and (min-width: 1450px) {
4676
4456
  .pf-v5-u-pt-4xl-on-2xl {
4677
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
4457
+ padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
4678
4458
  }
4679
4459
  }
4680
4460
 
4681
4461
  @media screen and (min-width: 1450px) {
4682
4462
  .pf-v5-u-pr-auto-on-2xl {
4683
- padding-right: auto !important;
4463
+ padding-inline-end: auto !important;
4684
4464
  }
4685
4465
  }
4686
4466
 
4687
4467
  @media screen and (min-width: 1450px) {
4688
4468
  .pf-v5-u-pr-0-on-2xl {
4689
- padding-right: 0 !important;
4469
+ padding-inline-end: 0 !important;
4690
4470
  }
4691
4471
  }
4692
4472
 
4693
4473
  @media screen and (min-width: 1450px) {
4694
4474
  .pf-v5-u-pr-xs-on-2xl {
4695
- padding-right: var(--pf-v5-global--spacer--xs) !important;
4475
+ padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
4696
4476
  }
4697
4477
  }
4698
4478
 
4699
4479
  @media screen and (min-width: 1450px) {
4700
4480
  .pf-v5-u-pr-sm-on-2xl {
4701
- padding-right: var(--pf-v5-global--spacer--sm) !important;
4481
+ padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
4702
4482
  }
4703
4483
  }
4704
4484
 
4705
4485
  @media screen and (min-width: 1450px) {
4706
4486
  .pf-v5-u-pr-md-on-2xl {
4707
- padding-right: var(--pf-v5-global--spacer--md) !important;
4487
+ padding-inline-end: var(--pf-v5-global--spacer--md) !important;
4708
4488
  }
4709
4489
  }
4710
4490
 
4711
4491
  @media screen and (min-width: 1450px) {
4712
4492
  .pf-v5-u-pr-lg-on-2xl {
4713
- padding-right: var(--pf-v5-global--spacer--lg) !important;
4493
+ padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
4714
4494
  }
4715
4495
  }
4716
4496
 
4717
4497
  @media screen and (min-width: 1450px) {
4718
4498
  .pf-v5-u-pr-xl-on-2xl {
4719
- padding-right: var(--pf-v5-global--spacer--xl) !important;
4499
+ padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
4720
4500
  }
4721
4501
  }
4722
4502
 
4723
4503
  @media screen and (min-width: 1450px) {
4724
4504
  .pf-v5-u-pr-2xl-on-2xl {
4725
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
4505
+ padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
4726
4506
  }
4727
4507
  }
4728
4508
 
4729
4509
  @media screen and (min-width: 1450px) {
4730
4510
  .pf-v5-u-pr-3xl-on-2xl {
4731
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
4511
+ padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
4732
4512
  }
4733
4513
  }
4734
4514
 
4735
4515
  @media screen and (min-width: 1450px) {
4736
4516
  .pf-v5-u-pr-4xl-on-2xl {
4737
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
4517
+ padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
4738
4518
  }
4739
4519
  }
4740
4520
 
4741
4521
  @media screen and (min-width: 1450px) {
4742
4522
  .pf-v5-u-pb-auto-on-2xl {
4743
- padding-bottom: auto !important;
4523
+ padding-block-end: auto !important;
4744
4524
  }
4745
4525
  }
4746
4526
 
4747
4527
  @media screen and (min-width: 1450px) {
4748
4528
  .pf-v5-u-pb-0-on-2xl {
4749
- padding-bottom: 0 !important;
4529
+ padding-block-end: 0 !important;
4750
4530
  }
4751
4531
  }
4752
4532
 
4753
4533
  @media screen and (min-width: 1450px) {
4754
4534
  .pf-v5-u-pb-xs-on-2xl {
4755
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
4535
+ padding-block-end: var(--pf-v5-global--spacer--xs) !important;
4756
4536
  }
4757
4537
  }
4758
4538
 
4759
4539
  @media screen and (min-width: 1450px) {
4760
4540
  .pf-v5-u-pb-sm-on-2xl {
4761
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
4541
+ padding-block-end: var(--pf-v5-global--spacer--sm) !important;
4762
4542
  }
4763
4543
  }
4764
4544
 
4765
4545
  @media screen and (min-width: 1450px) {
4766
4546
  .pf-v5-u-pb-md-on-2xl {
4767
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
4547
+ padding-block-end: var(--pf-v5-global--spacer--md) !important;
4768
4548
  }
4769
4549
  }
4770
4550
 
4771
4551
  @media screen and (min-width: 1450px) {
4772
4552
  .pf-v5-u-pb-lg-on-2xl {
4773
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
4553
+ padding-block-end: var(--pf-v5-global--spacer--lg) !important;
4774
4554
  }
4775
4555
  }
4776
4556
 
4777
4557
  @media screen and (min-width: 1450px) {
4778
4558
  .pf-v5-u-pb-xl-on-2xl {
4779
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
4559
+ padding-block-end: var(--pf-v5-global--spacer--xl) !important;
4780
4560
  }
4781
4561
  }
4782
4562
 
4783
4563
  @media screen and (min-width: 1450px) {
4784
4564
  .pf-v5-u-pb-2xl-on-2xl {
4785
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
4565
+ padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
4786
4566
  }
4787
4567
  }
4788
4568
 
4789
4569
  @media screen and (min-width: 1450px) {
4790
4570
  .pf-v5-u-pb-3xl-on-2xl {
4791
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
4571
+ padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
4792
4572
  }
4793
4573
  }
4794
4574
 
4795
4575
  @media screen and (min-width: 1450px) {
4796
4576
  .pf-v5-u-pb-4xl-on-2xl {
4797
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
4577
+ padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
4798
4578
  }
4799
4579
  }
4800
4580
 
4801
4581
  @media screen and (min-width: 1450px) {
4802
4582
  .pf-v5-u-pl-auto-on-2xl {
4803
- padding-left: auto !important;
4583
+ padding-inline-start: auto !important;
4804
4584
  }
4805
4585
  }
4806
4586
 
4807
4587
  @media screen and (min-width: 1450px) {
4808
4588
  .pf-v5-u-pl-0-on-2xl {
4809
- padding-left: 0 !important;
4589
+ padding-inline-start: 0 !important;
4810
4590
  }
4811
4591
  }
4812
4592
 
4813
4593
  @media screen and (min-width: 1450px) {
4814
4594
  .pf-v5-u-pl-xs-on-2xl {
4815
- padding-left: var(--pf-v5-global--spacer--xs) !important;
4595
+ padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
4816
4596
  }
4817
4597
  }
4818
4598
 
4819
4599
  @media screen and (min-width: 1450px) {
4820
4600
  .pf-v5-u-pl-sm-on-2xl {
4821
- padding-left: var(--pf-v5-global--spacer--sm) !important;
4601
+ padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
4822
4602
  }
4823
4603
  }
4824
4604
 
4825
4605
  @media screen and (min-width: 1450px) {
4826
4606
  .pf-v5-u-pl-md-on-2xl {
4827
- padding-left: var(--pf-v5-global--spacer--md) !important;
4607
+ padding-inline-start: var(--pf-v5-global--spacer--md) !important;
4828
4608
  }
4829
4609
  }
4830
4610
 
4831
4611
  @media screen and (min-width: 1450px) {
4832
4612
  .pf-v5-u-pl-lg-on-2xl {
4833
- padding-left: var(--pf-v5-global--spacer--lg) !important;
4613
+ padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
4834
4614
  }
4835
4615
  }
4836
4616
 
4837
4617
  @media screen and (min-width: 1450px) {
4838
4618
  .pf-v5-u-pl-xl-on-2xl {
4839
- padding-left: var(--pf-v5-global--spacer--xl) !important;
4619
+ padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
4840
4620
  }
4841
4621
  }
4842
4622
 
4843
4623
  @media screen and (min-width: 1450px) {
4844
4624
  .pf-v5-u-pl-2xl-on-2xl {
4845
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
4625
+ padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
4846
4626
  }
4847
4627
  }
4848
4628
 
4849
4629
  @media screen and (min-width: 1450px) {
4850
4630
  .pf-v5-u-pl-3xl-on-2xl {
4851
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
4631
+ padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
4852
4632
  }
4853
4633
  }
4854
4634
 
4855
4635
  @media screen and (min-width: 1450px) {
4856
4636
  .pf-v5-u-pl-4xl-on-2xl {
4857
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
4637
+ padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
4858
4638
  }
4859
4639
  }
4860
4640
 
4861
4641
  @media screen and (min-width: 1450px) {
4862
4642
  .pf-v5-u-px-auto-on-2xl {
4863
- padding-right: auto !important;
4864
- padding-left: auto !important;
4643
+ padding-inline: auto !important;
4865
4644
  }
4866
4645
  }
4867
4646
 
4868
4647
  @media screen and (min-width: 1450px) {
4869
4648
  .pf-v5-u-px-0-on-2xl {
4870
- padding-right: 0 !important;
4871
- padding-left: 0 !important;
4649
+ padding-inline: 0 !important;
4872
4650
  }
4873
4651
  }
4874
4652
 
4875
4653
  @media screen and (min-width: 1450px) {
4876
4654
  .pf-v5-u-px-xs-on-2xl {
4877
- padding-right: var(--pf-v5-global--spacer--xs) !important;
4878
- padding-left: var(--pf-v5-global--spacer--xs) !important;
4655
+ padding-inline: var(--pf-v5-global--spacer--xs) !important;
4879
4656
  }
4880
4657
  }
4881
4658
 
4882
4659
  @media screen and (min-width: 1450px) {
4883
4660
  .pf-v5-u-px-sm-on-2xl {
4884
- padding-right: var(--pf-v5-global--spacer--sm) !important;
4885
- padding-left: var(--pf-v5-global--spacer--sm) !important;
4661
+ padding-inline: var(--pf-v5-global--spacer--sm) !important;
4886
4662
  }
4887
4663
  }
4888
4664
 
4889
4665
  @media screen and (min-width: 1450px) {
4890
4666
  .pf-v5-u-px-md-on-2xl {
4891
- padding-right: var(--pf-v5-global--spacer--md) !important;
4892
- padding-left: var(--pf-v5-global--spacer--md) !important;
4667
+ padding-inline: var(--pf-v5-global--spacer--md) !important;
4893
4668
  }
4894
4669
  }
4895
4670
 
4896
4671
  @media screen and (min-width: 1450px) {
4897
4672
  .pf-v5-u-px-lg-on-2xl {
4898
- padding-right: var(--pf-v5-global--spacer--lg) !important;
4899
- padding-left: var(--pf-v5-global--spacer--lg) !important;
4673
+ padding-inline: var(--pf-v5-global--spacer--lg) !important;
4900
4674
  }
4901
4675
  }
4902
4676
 
4903
4677
  @media screen and (min-width: 1450px) {
4904
4678
  .pf-v5-u-px-xl-on-2xl {
4905
- padding-right: var(--pf-v5-global--spacer--xl) !important;
4906
- padding-left: var(--pf-v5-global--spacer--xl) !important;
4679
+ padding-inline: var(--pf-v5-global--spacer--xl) !important;
4907
4680
  }
4908
4681
  }
4909
4682
 
4910
4683
  @media screen and (min-width: 1450px) {
4911
4684
  .pf-v5-u-px-2xl-on-2xl {
4912
- padding-right: var(--pf-v5-global--spacer--2xl) !important;
4913
- padding-left: var(--pf-v5-global--spacer--2xl) !important;
4685
+ padding-inline: var(--pf-v5-global--spacer--2xl) !important;
4914
4686
  }
4915
4687
  }
4916
4688
 
4917
4689
  @media screen and (min-width: 1450px) {
4918
4690
  .pf-v5-u-px-3xl-on-2xl {
4919
- padding-right: var(--pf-v5-global--spacer--3xl) !important;
4920
- padding-left: var(--pf-v5-global--spacer--3xl) !important;
4691
+ padding-inline: var(--pf-v5-global--spacer--3xl) !important;
4921
4692
  }
4922
4693
  }
4923
4694
 
4924
4695
  @media screen and (min-width: 1450px) {
4925
4696
  .pf-v5-u-px-4xl-on-2xl {
4926
- padding-right: var(--pf-v5-global--spacer--4xl) !important;
4927
- padding-left: var(--pf-v5-global--spacer--4xl) !important;
4697
+ padding-inline: var(--pf-v5-global--spacer--4xl) !important;
4928
4698
  }
4929
4699
  }
4930
4700
 
4931
4701
  @media screen and (min-width: 1450px) {
4932
4702
  .pf-v5-u-py-auto-on-2xl {
4933
- padding-top: auto !important;
4934
- padding-bottom: auto !important;
4703
+ padding-block: auto !important;
4935
4704
  }
4936
4705
  }
4937
4706
 
4938
4707
  @media screen and (min-width: 1450px) {
4939
4708
  .pf-v5-u-py-0-on-2xl {
4940
- padding-top: 0 !important;
4941
- padding-bottom: 0 !important;
4709
+ padding-block: 0 !important;
4942
4710
  }
4943
4711
  }
4944
4712
 
4945
4713
  @media screen and (min-width: 1450px) {
4946
4714
  .pf-v5-u-py-xs-on-2xl {
4947
- padding-top: var(--pf-v5-global--spacer--xs) !important;
4948
- padding-bottom: var(--pf-v5-global--spacer--xs) !important;
4715
+ padding-block: var(--pf-v5-global--spacer--xs) !important;
4949
4716
  }
4950
4717
  }
4951
4718
 
4952
4719
  @media screen and (min-width: 1450px) {
4953
4720
  .pf-v5-u-py-sm-on-2xl {
4954
- padding-top: var(--pf-v5-global--spacer--sm) !important;
4955
- padding-bottom: var(--pf-v5-global--spacer--sm) !important;
4721
+ padding-block: var(--pf-v5-global--spacer--sm) !important;
4956
4722
  }
4957
4723
  }
4958
4724
 
4959
4725
  @media screen and (min-width: 1450px) {
4960
4726
  .pf-v5-u-py-md-on-2xl {
4961
- padding-top: var(--pf-v5-global--spacer--md) !important;
4962
- padding-bottom: var(--pf-v5-global--spacer--md) !important;
4727
+ padding-block: var(--pf-v5-global--spacer--md) !important;
4963
4728
  }
4964
4729
  }
4965
4730
 
4966
4731
  @media screen and (min-width: 1450px) {
4967
4732
  .pf-v5-u-py-lg-on-2xl {
4968
- padding-top: var(--pf-v5-global--spacer--lg) !important;
4969
- padding-bottom: var(--pf-v5-global--spacer--lg) !important;
4733
+ padding-block: var(--pf-v5-global--spacer--lg) !important;
4970
4734
  }
4971
4735
  }
4972
4736
 
4973
4737
  @media screen and (min-width: 1450px) {
4974
4738
  .pf-v5-u-py-xl-on-2xl {
4975
- padding-top: var(--pf-v5-global--spacer--xl) !important;
4976
- padding-bottom: var(--pf-v5-global--spacer--xl) !important;
4739
+ padding-block: var(--pf-v5-global--spacer--xl) !important;
4977
4740
  }
4978
4741
  }
4979
4742
 
4980
4743
  @media screen and (min-width: 1450px) {
4981
4744
  .pf-v5-u-py-2xl-on-2xl {
4982
- padding-top: var(--pf-v5-global--spacer--2xl) !important;
4983
- padding-bottom: var(--pf-v5-global--spacer--2xl) !important;
4745
+ padding-block: var(--pf-v5-global--spacer--2xl) !important;
4984
4746
  }
4985
4747
  }
4986
4748
 
4987
4749
  @media screen and (min-width: 1450px) {
4988
4750
  .pf-v5-u-py-3xl-on-2xl {
4989
- padding-top: var(--pf-v5-global--spacer--3xl) !important;
4990
- padding-bottom: var(--pf-v5-global--spacer--3xl) !important;
4751
+ padding-block: var(--pf-v5-global--spacer--3xl) !important;
4991
4752
  }
4992
4753
  }
4993
4754
 
4994
4755
  @media screen and (min-width: 1450px) {
4995
4756
  .pf-v5-u-py-4xl-on-2xl {
4996
- padding-top: var(--pf-v5-global--spacer--4xl) !important;
4997
- padding-bottom: var(--pf-v5-global--spacer--4xl) !important;
4757
+ padding-block: var(--pf-v5-global--spacer--4xl) !important;
4998
4758
  }
4999
4759
  }