@patternfly/patternfly 6.0.0-alpha.227 → 6.0.0-alpha.229

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (193) hide show
  1. package/base/patternfly-variables.css +2 -2
  2. package/base/patternfly-variables.scss +2 -2
  3. package/components/AboutModalBox/about-modal-box.css +18 -13
  4. package/components/AboutModalBox/about-modal-box.scss +7 -8
  5. package/components/Accordion/accordion.css +2 -1
  6. package/components/Accordion/accordion.scss +1 -1
  7. package/components/ActionList/action-list.css +2 -1
  8. package/components/ActionList/action-list.scss +1 -1
  9. package/components/Alert/alert-group.css +2 -1
  10. package/components/Alert/alert-group.scss +1 -1
  11. package/components/Alert/alert.css +2 -1
  12. package/components/Alert/alert.scss +1 -1
  13. package/components/Avatar/avatar.css +2 -1
  14. package/components/Avatar/avatar.scss +1 -1
  15. package/components/BackToTop/back-to-top.css +4 -2
  16. package/components/BackToTop/back-to-top.scss +1 -1
  17. package/components/Backdrop/backdrop.css +2 -1
  18. package/components/Backdrop/backdrop.scss +1 -1
  19. package/components/BackgroundImage/background-image.css +2 -1
  20. package/components/BackgroundImage/background-image.scss +1 -1
  21. package/components/Badge/badge.css +2 -1
  22. package/components/Badge/badge.scss +1 -1
  23. package/components/Banner/banner.css +4 -2
  24. package/components/Banner/banner.scss +1 -1
  25. package/components/Brand/brand.css +2 -1
  26. package/components/Brand/brand.scss +1 -1
  27. package/components/Breadcrumb/breadcrumb.css +2 -1
  28. package/components/Breadcrumb/breadcrumb.scss +1 -1
  29. package/components/Button/button.css +2 -1
  30. package/components/Button/button.scss +1 -1
  31. package/components/CalendarMonth/calendar-month.css +2 -1
  32. package/components/CalendarMonth/calendar-month.scss +1 -1
  33. package/components/Card/card.css +2 -1
  34. package/components/Card/card.scss +1 -1
  35. package/components/Check/check.css +2 -1
  36. package/components/Check/check.scss +1 -1
  37. package/components/ClipboardCopy/clipboard-copy.css +2 -1
  38. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  39. package/components/CodeBlock/code-block.css +2 -1
  40. package/components/CodeBlock/code-block.scss +1 -1
  41. package/components/CodeEditor/code-editor.css +2 -1
  42. package/components/CodeEditor/code-editor.scss +1 -1
  43. package/components/Content/content.css +2 -1
  44. package/components/Content/content.scss +1 -1
  45. package/components/DataList/data-list.css +6 -3
  46. package/components/DataList/data-list.scss +1 -1
  47. package/components/DatePicker/date-picker.css +2 -1
  48. package/components/DatePicker/date-picker.scss +1 -1
  49. package/components/DescriptionList/description-list.css +14 -7
  50. package/components/DescriptionList/description-list.scss +1 -1
  51. package/components/Divider/divider.css +2 -1
  52. package/components/Divider/divider.scss +1 -1
  53. package/components/DragDrop/drag-drop.css +4 -2
  54. package/components/DragDrop/drag-drop.scss +2 -2
  55. package/components/Drawer/drawer.css +6 -3
  56. package/components/Drawer/drawer.scss +1 -1
  57. package/components/DualListSelector/dual-list-selector.css +2 -1
  58. package/components/DualListSelector/dual-list-selector.scss +1 -1
  59. package/components/EmptyState/empty-state.css +2 -1
  60. package/components/EmptyState/empty-state.scss +1 -1
  61. package/components/ExpandableSection/expandable-section.css +2 -1
  62. package/components/ExpandableSection/expandable-section.scss +1 -1
  63. package/components/FileUpload/file-upload.css +2 -1
  64. package/components/FileUpload/file-upload.scss +1 -1
  65. package/components/Form/form.css +2 -1
  66. package/components/Form/form.scss +1 -1
  67. package/components/FormControl/form-control.css +2 -1
  68. package/components/FormControl/form-control.scss +1 -1
  69. package/components/HelperText/helper-text.css +2 -1
  70. package/components/HelperText/helper-text.scss +1 -1
  71. package/components/Hint/hint.css +2 -1
  72. package/components/Hint/hint.scss +1 -1
  73. package/components/Icon/icon.css +2 -1
  74. package/components/Icon/icon.scss +1 -1
  75. package/components/InlineEdit/inline-edit.css +2 -1
  76. package/components/InlineEdit/inline-edit.scss +1 -1
  77. package/components/InputGroup/input-group.css +2 -1
  78. package/components/InputGroup/input-group.scss +1 -1
  79. package/components/JumpLinks/jump-links.css +2 -1
  80. package/components/JumpLinks/jump-links.scss +1 -1
  81. package/components/Label/label-group.css +2 -1
  82. package/components/Label/label-group.scss +1 -1
  83. package/components/Label/label.css +2 -1
  84. package/components/Label/label.scss +1 -1
  85. package/components/List/list.css +2 -1
  86. package/components/List/list.scss +1 -1
  87. package/components/Login/login.css +18 -9
  88. package/components/Login/login.scss +1 -1
  89. package/components/Masthead/masthead.css +2 -1
  90. package/components/Masthead/masthead.scss +1 -1
  91. package/components/Menu/menu.css +2 -1
  92. package/components/Menu/menu.scss +1 -1
  93. package/components/MenuToggle/menu-toggle.css +2 -1
  94. package/components/MenuToggle/menu-toggle.scss +1 -1
  95. package/components/ModalBox/modal-box.css +4 -2
  96. package/components/ModalBox/modal-box.scss +1 -1
  97. package/components/MultipleFileUpload/multiple-file-upload.css +2 -1
  98. package/components/MultipleFileUpload/multiple-file-upload.scss +1 -1
  99. package/components/Nav/nav.css +2 -1
  100. package/components/Nav/nav.scss +1 -1
  101. package/components/NotificationDrawer/notification-drawer.css +2 -1
  102. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  103. package/components/NumberInput/number-input.css +2 -1
  104. package/components/NumberInput/number-input.scss +1 -1
  105. package/components/OverflowMenu/overflow-menu.css +2 -1
  106. package/components/OverflowMenu/overflow-menu.scss +1 -1
  107. package/components/Page/page.css +4 -2
  108. package/components/Page/page.scss +1 -1
  109. package/components/Pagination/pagination.css +6 -3
  110. package/components/Pagination/pagination.scss +1 -1
  111. package/components/Panel/panel.css +2 -1
  112. package/components/Panel/panel.scss +1 -1
  113. package/components/Popover/popover.css +2 -1
  114. package/components/Popover/popover.scss +1 -1
  115. package/components/Progress/progress.css +2 -1
  116. package/components/Progress/progress.scss +1 -1
  117. package/components/ProgressStepper/progress-stepper.css +4 -2
  118. package/components/ProgressStepper/progress-stepper.scss +1 -1
  119. package/components/Radio/radio.css +2 -1
  120. package/components/Radio/radio.scss +1 -1
  121. package/components/Sidebar/sidebar.css +2 -1
  122. package/components/Sidebar/sidebar.scss +1 -1
  123. package/components/SimpleList/simple-list.css +2 -1
  124. package/components/SimpleList/simple-list.scss +1 -1
  125. package/components/Skeleton/skeleton.css +2 -1
  126. package/components/Skeleton/skeleton.scss +1 -1
  127. package/components/SkipToContent/skip-to-content.css +2 -1
  128. package/components/SkipToContent/skip-to-content.scss +1 -1
  129. package/components/Slider/slider.css +2 -1
  130. package/components/Slider/slider.scss +1 -1
  131. package/components/Spinner/spinner.css +2 -1
  132. package/components/Spinner/spinner.scss +1 -1
  133. package/components/Switch/switch.css +2 -1
  134. package/components/Switch/switch.scss +1 -1
  135. package/components/TabContent/tab-content.css +2 -1
  136. package/components/TabContent/tab-content.scss +1 -1
  137. package/components/Table/table-grid.css +2 -1
  138. package/components/Table/table-grid.scss +1 -1
  139. package/components/Table/table-scrollable.css +2 -1
  140. package/components/Table/table-scrollable.scss +1 -1
  141. package/components/Table/table-tree-view.css +2 -1
  142. package/components/Table/table-tree-view.scss +1 -1
  143. package/components/Table/table.css +2 -1
  144. package/components/Table/table.scss +1 -1
  145. package/components/Tabs/tabs.css +2 -1
  146. package/components/Tabs/tabs.scss +1 -1
  147. package/components/TextInputGroup/text-input-group.css +2 -1
  148. package/components/TextInputGroup/text-input-group.scss +1 -1
  149. package/components/Tile/tile.css +2 -1
  150. package/components/Tile/tile.scss +1 -1
  151. package/components/Timestamp/timestamp.css +2 -1
  152. package/components/Timestamp/timestamp.scss +1 -1
  153. package/components/Title/title.css +2 -1
  154. package/components/Title/title.scss +1 -1
  155. package/components/ToggleGroup/toggle-group.css +2 -1
  156. package/components/ToggleGroup/toggle-group.scss +1 -1
  157. package/components/Toolbar/toolbar.css +2 -1
  158. package/components/Toolbar/toolbar.scss +1 -1
  159. package/components/Tooltip/tooltip.css +2 -1
  160. package/components/Tooltip/tooltip.scss +1 -1
  161. package/components/TreeView/tree-view.css +2 -1
  162. package/components/TreeView/tree-view.scss +1 -1
  163. package/components/Truncate/truncate.css +2 -1
  164. package/components/Truncate/truncate.scss +1 -1
  165. package/components/Wizard/wizard.css +4 -2
  166. package/components/Wizard/wizard.scss +1 -1
  167. package/components/_index.css +234 -121
  168. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -4
  169. package/docs/demos/Drawer/examples/Drawer.md +48 -2
  170. package/docs/demos/JumpLinks/examples/JumpLinks.md +48 -5
  171. package/layouts/Bullseye/bullseye.css +2 -1
  172. package/layouts/Bullseye/bullseye.scss +1 -1
  173. package/layouts/Flex/flex.css +2 -1
  174. package/layouts/Flex/flex.scss +1 -1
  175. package/layouts/Gallery/gallery.css +2 -1
  176. package/layouts/Gallery/gallery.scss +1 -1
  177. package/layouts/Grid/grid.css +2 -1
  178. package/layouts/Grid/grid.scss +1 -1
  179. package/layouts/Level/level.css +2 -1
  180. package/layouts/Level/level.scss +1 -1
  181. package/layouts/Split/split.css +2 -1
  182. package/layouts/Split/split.scss +1 -1
  183. package/layouts/Stack/stack.css +2 -1
  184. package/layouts/Stack/stack.scss +1 -1
  185. package/layouts/_index.css +14 -7
  186. package/package.json +1 -1
  187. package/patternfly-base-no-globals.css +2 -2
  188. package/patternfly-base.css +2 -2
  189. package/patternfly-no-globals.css +250 -130
  190. package/patternfly.css +250 -130
  191. package/patternfly.min.css +1 -1
  192. package/patternfly.min.css.map +1 -1
  193. package/sass-utilities/mixins.scss +7 -0
package/patternfly.css CHANGED
@@ -4974,7 +4974,7 @@ button) {
4974
4974
  vertical-align: -0.125em;
4975
4975
  }
4976
4976
 
4977
- :where(:root) {
4977
+ :root {
4978
4978
  --pf-v6-global--inverse--multiplier: 1;
4979
4979
  --pf-t--color--black: #000000;
4980
4980
  --pf-t--color--blue--10: #e0f0ff;
@@ -5810,7 +5810,7 @@ button) {
5810
5810
  --pf-t--temp--dev--tbd: #BC11E0;
5811
5811
  }
5812
5812
 
5813
- :where(.pf-v6-theme-dark) {
5813
+ :root:where(.pf-v6-theme-dark) {
5814
5814
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
5815
5815
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
5816
5816
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
@@ -6184,10 +6184,10 @@ button) {
6184
6184
  --pf-v6-global--inverse--multiplier: -1;
6185
6185
  }
6186
6186
 
6187
- :where(:root, .pf-v6-c-about-modal-box) {
6187
+ :root,
6188
+ .pf-v6-c-about-modal-box {
6188
6189
  --pf-v6-c-about-modal-box--BackgroundImage: none;
6189
6190
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6190
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
6191
6191
  --pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
6192
6192
  --pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
6193
6193
  --pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
@@ -6197,7 +6197,6 @@ button) {
6197
6197
  --pf-v6-c-about-modal-box--Width: 100%;
6198
6198
  --pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
6199
6199
  --pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
6200
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
6201
6200
  --pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
6202
6201
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
6203
6202
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
@@ -6231,40 +6230,42 @@ button) {
6231
6230
  --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
6232
6231
  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
6233
6232
  }
6234
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) :where(:root, .pf-v6-c-about-modal-box) {
6235
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
6236
- }
6237
-
6238
6233
  @media screen and (min-width: 36rem) {
6239
- :where(:root, .pf-v6-c-about-modal-box) {
6234
+ :root,
6235
+ .pf-v6-c-about-modal-box {
6240
6236
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
6241
6237
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
6242
6238
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
6243
6239
  }
6244
6240
  }
6245
6241
  @media only screen and (min-width: 36rem) {
6246
- :where(:root, .pf-v6-c-about-modal-box) {
6242
+ :root,
6243
+ .pf-v6-c-about-modal-box {
6247
6244
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
6248
6245
  }
6249
6246
  }
6250
6247
  @media only screen and (min-width: 62rem) {
6251
- :where(:root, .pf-v6-c-about-modal-box) {
6248
+ :root,
6249
+ .pf-v6-c-about-modal-box {
6252
6250
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
6253
6251
  }
6254
6252
  }
6255
6253
  @media only screen and (min-width: 36rem) {
6256
- :where(:root, .pf-v6-c-about-modal-box) {
6254
+ :root,
6255
+ .pf-v6-c-about-modal-box {
6257
6256
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
6258
6257
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
6259
6258
  }
6260
6259
  }
6261
6260
  @media only screen and (min-width: 36rem) {
6262
- :where(:root, .pf-v6-c-about-modal-box) {
6261
+ :root,
6262
+ .pf-v6-c-about-modal-box {
6263
6263
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
6264
6264
  }
6265
6265
  }
6266
6266
  @media only screen and (min-width: 36rem) {
6267
- :where(:root, .pf-v6-c-about-modal-box) {
6267
+ :root,
6268
+ .pf-v6-c-about-modal-box {
6268
6269
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
6269
6270
  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
6270
6271
  --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
@@ -6286,6 +6287,7 @@ button) {
6286
6287
  background-repeat: no-repeat;
6287
6288
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
6288
6289
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
6290
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
6289
6291
  }
6290
6292
  @media only screen and (min-width: 36rem) {
6291
6293
  .pf-v6-c-about-modal-box {
@@ -6301,6 +6303,9 @@ button) {
6301
6303
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
6302
6304
  }
6303
6305
  }
6306
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
6307
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
6308
+ }
6304
6309
 
6305
6310
  .pf-v6-c-about-modal-box__brand {
6306
6311
  display: flex;
@@ -6378,7 +6383,8 @@ button) {
6378
6383
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
6379
6384
  }
6380
6385
 
6381
- :where(:root, .pf-v6-c-accordion) {
6386
+ :root,
6387
+ .pf-v6-c-accordion {
6382
6388
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6383
6389
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
6384
6390
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
@@ -6530,7 +6536,8 @@ button) {
6530
6536
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
6531
6537
  }
6532
6538
 
6533
- :where(:root, .pf-v6-c-action-list) {
6539
+ :root,
6540
+ .pf-v6-c-action-list {
6534
6541
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6535
6542
  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
6536
6543
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -6560,7 +6567,8 @@ button) {
6560
6567
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6561
6568
  }
6562
6569
 
6563
- :where(:root, .pf-v6-c-alert) {
6570
+ :root,
6571
+ .pf-v6-c-alert {
6564
6572
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
6565
6573
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6566
6574
  --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
@@ -6758,7 +6766,8 @@ button) {
6758
6766
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
6759
6767
  }
6760
6768
 
6761
- :where(:root, .pf-v6-c-alert-group) {
6769
+ :root,
6770
+ .pf-v6-c-alert-group {
6762
6771
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
6763
6772
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
6764
6773
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
@@ -6872,7 +6881,8 @@ button) {
6872
6881
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
6873
6882
  }
6874
6883
 
6875
- :where(:root, .pf-v6-c-avatar) {
6884
+ :root,
6885
+ .pf-v6-c-avatar {
6876
6886
  --pf-v6-c-avatar--BorderColor: transparent;
6877
6887
  --pf-v6-c-avatar--BorderWidth: 0;
6878
6888
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -7117,7 +7127,8 @@ button) {
7117
7127
  }
7118
7128
  }
7119
7129
 
7120
- :where(:root, .pf-v6-c-backdrop) {
7130
+ :root,
7131
+ .pf-v6-c-backdrop {
7121
7132
  --pf-v6-c-backdrop--Position: fixed;
7122
7133
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
7123
7134
  --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
@@ -7137,7 +7148,8 @@ button) {
7137
7148
  overflow: hidden;
7138
7149
  }
7139
7150
 
7140
- :where(:root, .pf-v6-c-background-image) {
7151
+ :root,
7152
+ .pf-v6-c-background-image {
7141
7153
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7142
7154
  --pf-v6-c-background-image--BackgroundImage: none;
7143
7155
  --pf-v6-c-background-image--BackgroundSize--min-width: 200px;
@@ -7164,7 +7176,8 @@ button) {
7164
7176
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
7165
7177
  }
7166
7178
 
7167
- :where(:root, .pf-v6-c-back-to-top) {
7179
+ :root,
7180
+ .pf-v6-c-back-to-top {
7168
7181
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
7169
7182
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
7170
7183
  --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
@@ -7176,7 +7189,8 @@ button) {
7176
7189
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
7177
7190
  }
7178
7191
  @media (min-width: 48rem) {
7179
- :where(:root, .pf-v6-c-back-to-top) {
7192
+ :root,
7193
+ .pf-v6-c-back-to-top {
7180
7194
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
7181
7195
  }
7182
7196
  }
@@ -7198,7 +7212,8 @@ button) {
7198
7212
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
7199
7213
  }
7200
7214
 
7201
- :where(:root, .pf-v6-c-badge) {
7215
+ :root,
7216
+ .pf-v6-c-badge {
7202
7217
  --pf-v6-c-badge--BorderColor: transparent;
7203
7218
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7204
7219
  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -7266,7 +7281,8 @@ button) {
7266
7281
  color: var(--pf-v6-c-badge__toggle-icon--Color);
7267
7282
  }
7268
7283
 
7269
- :where(:root, .pf-v6-c-banner) {
7284
+ :root,
7285
+ .pf-v6-c-banner {
7270
7286
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7271
7287
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7272
7288
  --pf-v6-c-banner--md--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -7310,7 +7326,8 @@ button) {
7310
7326
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
7311
7327
  }
7312
7328
  @media (min-width: 48rem) {
7313
- :where(:root, .pf-v6-c-banner) {
7329
+ :root,
7330
+ .pf-v6-c-banner {
7314
7331
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
7315
7332
  --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
7316
7333
  }
@@ -7406,7 +7423,8 @@ button) {
7406
7423
  cursor: not-allowed;
7407
7424
  }
7408
7425
 
7409
- :where(:root, .pf-v6-c-brand) {
7426
+ :root,
7427
+ .pf-v6-c-brand {
7410
7428
  --pf-v6-c-brand--Width: auto;
7411
7429
  --pf-v6-c-brand--Height: auto;
7412
7430
  }
@@ -7472,7 +7490,8 @@ button) {
7472
7490
  max-width: 100%;
7473
7491
  }
7474
7492
 
7475
- :where(:root, .pf-v6-c-breadcrumb) {
7493
+ :root,
7494
+ .pf-v6-c-breadcrumb {
7476
7495
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7477
7496
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7478
7497
  --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -7580,7 +7599,8 @@ button.pf-v6-c-breadcrumb__link {
7580
7599
  display: none;
7581
7600
  }
7582
7601
 
7583
- :where(:root, .pf-v6-c-button) {
7602
+ :root,
7603
+ .pf-v6-c-button {
7584
7604
  --pf-v6-c-button--Display: inline-flex;
7585
7605
  --pf-v6-c-button--AlignItems: baseline;
7586
7606
  --pf-v6-c-button--JustifyContent: center;
@@ -8167,7 +8187,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8167
8187
  align-items: center;
8168
8188
  }
8169
8189
 
8170
- :where(:root, .pf-v6-c-calendar-month) {
8190
+ :root,
8191
+ .pf-v6-c-calendar-month {
8171
8192
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8172
8193
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8173
8194
  --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -8372,7 +8393,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8372
8393
  pointer-events: none;
8373
8394
  }
8374
8395
 
8375
- :where(:root, .pf-v6-c-card) {
8396
+ :root,
8397
+ .pf-v6-c-card {
8376
8398
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8377
8399
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
8378
8400
  --pf-v6-c-card--BorderStyle: solid;
@@ -8705,7 +8727,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8705
8727
  color: var(--pf-v6-c-card__footer--Color);
8706
8728
  }
8707
8729
 
8708
- :where(:root, .pf-v6-c-check) {
8730
+ :root,
8731
+ .pf-v6-c-check {
8709
8732
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
8710
8733
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
8711
8734
  --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
@@ -8784,7 +8807,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8784
8807
  color: var(--pf-v6-c-check__label-required--Color);
8785
8808
  }
8786
8809
 
8787
- :where(:root, .pf-v6-c-clipboard-copy) {
8810
+ :root,
8811
+ .pf-v6-c-clipboard-copy {
8788
8812
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
8789
8813
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
8790
8814
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -8882,7 +8906,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8882
8906
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8883
8907
  }
8884
8908
 
8885
- :where(:root, .pf-v6-c-code-block) {
8909
+ :root,
8910
+ .pf-v6-c-code-block {
8886
8911
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8887
8912
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
8888
8913
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -8936,7 +8961,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8936
8961
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
8937
8962
  }
8938
8963
 
8939
- :where(:root, .pf-v6-c-code-editor) {
8964
+ :root,
8965
+ .pf-v6-c-code-editor {
8940
8966
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8941
8967
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
8942
8968
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
@@ -9113,7 +9139,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9113
9139
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
9114
9140
  }
9115
9141
 
9116
- :where(:root, .pf-v6-c-content) {
9142
+ :root,
9143
+ .pf-v6-c-content {
9117
9144
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9118
9145
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9119
9146
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -9789,7 +9816,8 @@ ul) {
9789
9816
  }
9790
9817
  }
9791
9818
 
9792
- :where(:root, .pf-v6-c-data-list) {
9819
+ :root,
9820
+ .pf-v6-c-data-list {
9793
9821
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
9794
9822
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
9795
9823
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -9899,13 +9927,15 @@ ul) {
9899
9927
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9900
9928
  }
9901
9929
  @media screen and (min-width: 36rem) {
9902
- :where(:root, .pf-v6-c-data-list) {
9930
+ :root,
9931
+ .pf-v6-c-data-list {
9903
9932
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
9904
9933
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
9905
9934
  }
9906
9935
  }
9907
9936
  @media screen and (min-width: 36rem) {
9908
- :where(:root, .pf-v6-c-data-list) {
9937
+ :root,
9938
+ .pf-v6-c-data-list {
9909
9939
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
9910
9940
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
9911
9941
  }
@@ -10214,7 +10244,8 @@ ul) {
10214
10244
  padding: 0;
10215
10245
  }
10216
10246
 
10217
- :where(:root, .pf-v6-c-description-list) {
10247
+ :root,
10248
+ .pf-v6-c-description-list {
10218
10249
  --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
10219
10250
  --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
10220
10251
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
@@ -10261,32 +10292,38 @@ ul) {
10261
10292
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
10262
10293
  }
10263
10294
  @media screen and (min-width: 36rem) {
10264
- :where(:root, .pf-v6-c-description-list) {
10295
+ :root,
10296
+ .pf-v6-c-description-list {
10265
10297
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
10266
10298
  }
10267
10299
  }
10268
10300
  @media (min-width: 36rem) {
10269
- :where(:root, .pf-v6-c-description-list) {
10301
+ :root,
10302
+ .pf-v6-c-description-list {
10270
10303
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
10271
10304
  }
10272
10305
  }
10273
10306
  @media (min-width: 48rem) {
10274
- :where(:root, .pf-v6-c-description-list) {
10307
+ :root,
10308
+ .pf-v6-c-description-list {
10275
10309
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
10276
10310
  }
10277
10311
  }
10278
10312
  @media (min-width: 62rem) {
10279
- :where(:root, .pf-v6-c-description-list) {
10313
+ :root,
10314
+ .pf-v6-c-description-list {
10280
10315
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
10281
10316
  }
10282
10317
  }
10283
10318
  @media (min-width: 75rem) {
10284
- :where(:root, .pf-v6-c-description-list) {
10319
+ :root,
10320
+ .pf-v6-c-description-list {
10285
10321
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
10286
10322
  }
10287
10323
  }
10288
10324
  @media (min-width: 90.625rem) {
10289
- :where(:root, .pf-v6-c-description-list) {
10325
+ :root,
10326
+ .pf-v6-c-description-list {
10290
10327
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
10291
10328
  }
10292
10329
  }
@@ -10534,7 +10571,8 @@ ul) {
10534
10571
  }
10535
10572
  }
10536
10573
 
10537
- :where(:root, .pf-v6-c-draggable) {
10574
+ :root,
10575
+ .pf-v6-c-draggable {
10538
10576
  --pf-v6-c-draggable--Cursor: auto;
10539
10577
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
10540
10578
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -10570,7 +10608,8 @@ ul) {
10570
10608
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
10571
10609
  }
10572
10610
 
10573
- :where(:root, .pf-v6-c-droppable) {
10611
+ :root,
10612
+ .pf-v6-c-droppable {
10574
10613
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
10575
10614
  --pf-v6-c-droppable--before--Opacity: 0;
10576
10615
  --pf-v6-c-droppable--after--BorderWidth: 0;
@@ -10611,7 +10650,8 @@ ul) {
10611
10650
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
10612
10651
  }
10613
10652
 
10614
- :where(:root, .pf-v6-c-dual-list-selector) {
10653
+ :root,
10654
+ .pf-v6-c-dual-list-selector {
10615
10655
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
10616
10656
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
10617
10657
  --pf-v6-c-dual-list-selector__status--GridArea: pane-status;
@@ -10934,7 +10974,8 @@ ul) {
10934
10974
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
10935
10975
  }
10936
10976
 
10937
- :where(:root, .pf-v6-c-date-picker) {
10977
+ :root,
10978
+ .pf-v6-c-date-picker {
10938
10979
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
10939
10980
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
10940
10981
  --pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
@@ -10992,7 +11033,8 @@ ul) {
10992
11033
  min-width: min-content;
10993
11034
  }
10994
11035
 
10995
- :where(:root, .pf-v6-c-divider) {
11036
+ :root,
11037
+ .pf-v6-c-divider {
10996
11038
  --pf-v6-c-divider--Display: flex;
10997
11039
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
10998
11040
  --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
@@ -11297,7 +11339,8 @@ ul) {
11297
11339
  }
11298
11340
  }
11299
11341
 
11300
- :where(:root, .pf-v6-c-drawer) {
11342
+ :root,
11343
+ .pf-v6-c-drawer {
11301
11344
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11302
11345
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11303
11346
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -11405,10 +11448,12 @@ ul) {
11405
11448
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
11406
11449
  }
11407
11450
  @media screen and (min-width: 75rem) {
11408
- :where(:root, .pf-v6-c-drawer) {
11451
+ :root,
11452
+ .pf-v6-c-drawer {
11409
11453
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
11410
11454
  }
11411
- :where(:root, .pf-v6-c-drawer).pf-m-panel-bottom {
11455
+ :root.pf-m-panel-bottom,
11456
+ .pf-v6-c-drawer.pf-m-panel-bottom {
11412
11457
  --pf-v6-c-drawer__panel--MinWidth: auto;
11413
11458
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
11414
11459
  }
@@ -12135,7 +12180,8 @@ ul) {
12135
12180
  display: none;
12136
12181
  }
12137
12182
  }
12138
- :where(:root, .pf-v6-c-empty-state) {
12183
+ :root,
12184
+ .pf-v6-c-empty-state {
12139
12185
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
12140
12186
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
12141
12187
  --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -12274,7 +12320,8 @@ ul) {
12274
12320
  justify-content: center;
12275
12321
  }
12276
12322
 
12277
- :where(:root, .pf-v6-c-expandable-section) {
12323
+ :root,
12324
+ .pf-v6-c-expandable-section {
12278
12325
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
12279
12326
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
12280
12327
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -12355,7 +12402,8 @@ ul) {
12355
12402
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
12356
12403
  }
12357
12404
 
12358
- :where(:root, .pf-v6-c-file-upload) {
12405
+ :root,
12406
+ .pf-v6-c-file-upload {
12359
12407
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
12360
12408
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12361
12409
  --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -12412,7 +12460,8 @@ ul) {
12412
12460
  transform: translate(-50%, -50%);
12413
12461
  }
12414
12462
 
12415
- :where(:root, .pf-v6-c-form) {
12463
+ :root,
12464
+ .pf-v6-c-form {
12416
12465
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
12417
12466
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
12418
12467
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
@@ -12931,7 +12980,8 @@ ul) {
12931
12980
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
12932
12981
  }
12933
12982
 
12934
- :where(:root, .pf-v6-c-form-control) {
12983
+ :root,
12984
+ .pf-v6-c-form-control {
12935
12985
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
12936
12986
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
12937
12987
  --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
@@ -13199,7 +13249,8 @@ select ~ .pf-v6-c-form-control__utilities {
13199
13249
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
13200
13250
  }
13201
13251
 
13202
- :where(:root, .pf-v6-c-hint) {
13252
+ :root,
13253
+ .pf-v6-c-hint {
13203
13254
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
13204
13255
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
13205
13256
  --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -13274,7 +13325,8 @@ select ~ .pf-v6-c-form-control__utilities {
13274
13325
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
13275
13326
  }
13276
13327
 
13277
- :where(:root, .pf-v6-c-helper-text) {
13328
+ :root,
13329
+ .pf-v6-c-helper-text {
13278
13330
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
13279
13331
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
13280
13332
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -13346,7 +13398,8 @@ select ~ .pf-v6-c-form-control__utilities {
13346
13398
  color: var(--pf-v6-c-helper-text__item-text--Color);
13347
13399
  }
13348
13400
 
13349
- :where(:root, .pf-v6-c-icon) {
13401
+ :root,
13402
+ .pf-v6-c-icon {
13350
13403
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
13351
13404
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
13352
13405
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
@@ -13602,7 +13655,8 @@ select ~ .pf-v6-c-form-control__utilities {
13602
13655
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
13603
13656
  }
13604
13657
 
13605
- :where(:root, .pf-v6-c-inline-edit) {
13658
+ :root,
13659
+ .pf-v6-c-inline-edit {
13606
13660
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
13607
13661
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
13608
13662
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -13685,7 +13739,8 @@ select ~ .pf-v6-c-form-control__utilities {
13685
13739
  display: none;
13686
13740
  }
13687
13741
 
13688
- :where(:root, .pf-v6-c-input-group) {
13742
+ :root,
13743
+ .pf-v6-c-input-group {
13689
13744
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
13690
13745
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
13691
13746
  --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
@@ -13758,7 +13813,8 @@ label.pf-v6-c-input-group__text {
13758
13813
  cursor: pointer;
13759
13814
  }
13760
13815
 
13761
- :where(:root, .pf-v6-c-jump-links) {
13816
+ :root,
13817
+ .pf-v6-c-jump-links {
13762
13818
  --pf-v6-c-jump-links__list--Display: flex;
13763
13819
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
13764
13820
  --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -14003,7 +14059,8 @@ label.pf-v6-c-input-group__text {
14003
14059
  scale: -1 1;
14004
14060
  }
14005
14061
 
14006
- :where(:root, .pf-v6-c-label) {
14062
+ :root,
14063
+ .pf-v6-c-label {
14007
14064
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
14008
14065
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
14009
14066
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -14497,7 +14554,8 @@ input.pf-v6-c-label__content {
14497
14554
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
14498
14555
  }
14499
14556
 
14500
- :where(:root, .pf-v6-c-label-group) {
14557
+ :root,
14558
+ .pf-v6-c-label-group {
14501
14559
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
14502
14560
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
14503
14561
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
@@ -14632,7 +14690,8 @@ input.pf-v6-c-label__content {
14632
14690
  display: none;
14633
14691
  }
14634
14692
 
14635
- :where(:root, .pf-v6-c-list) {
14693
+ :root,
14694
+ .pf-v6-c-list {
14636
14695
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14637
14696
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
14638
14697
  --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
@@ -14703,7 +14762,8 @@ ul.pf-v6-c-list {
14703
14762
  color: var(--pf-v6-c-list__item-icon--Color);
14704
14763
  }
14705
14764
 
14706
- :where(:root, .pf-v6-c-login) {
14765
+ :root,
14766
+ .pf-v6-c-login {
14707
14767
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14708
14768
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14709
14769
  --pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
@@ -14759,48 +14819,56 @@ ul.pf-v6-c-list {
14759
14819
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
14760
14820
  }
14761
14821
  @media (min-width: 75rem) {
14762
- :where(:root, .pf-v6-c-login) {
14822
+ :root,
14823
+ .pf-v6-c-login {
14763
14824
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
14764
14825
  }
14765
14826
  }
14766
14827
  @media (min-width: 36rem) {
14767
- :where(:root, .pf-v6-c-login) {
14828
+ :root,
14829
+ .pf-v6-c-login {
14768
14830
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
14769
14831
  --pf-v6-c-login__header--PaddingInlineStart: 0;
14770
14832
  }
14771
14833
  }
14772
14834
  @media (min-width: 75rem) {
14773
- :where(:root, .pf-v6-c-login) {
14835
+ :root,
14836
+ .pf-v6-c-login {
14774
14837
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
14775
14838
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
14776
14839
  }
14777
14840
  }
14778
14841
  @media (min-width: 75rem) {
14779
- :where(:root, .pf-v6-c-login) {
14842
+ :root,
14843
+ .pf-v6-c-login {
14780
14844
  --pf-v6-c-login__main--MarginBlockEnd: 0;
14781
14845
  }
14782
14846
  }
14783
14847
  @media (min-width: 48rem) {
14784
- :where(:root, .pf-v6-c-login) {
14848
+ :root,
14849
+ .pf-v6-c-login {
14785
14850
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
14786
14851
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
14787
14852
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
14788
14853
  }
14789
14854
  }
14790
14855
  @media (min-width: 48rem) {
14791
- :where(:root, .pf-v6-c-login) {
14856
+ :root,
14857
+ .pf-v6-c-login {
14792
14858
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
14793
14859
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
14794
14860
  }
14795
14861
  }
14796
14862
  @media (min-width: 36rem) {
14797
- :where(:root, .pf-v6-c-login) {
14863
+ :root,
14864
+ .pf-v6-c-login {
14798
14865
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
14799
14866
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
14800
14867
  }
14801
14868
  }
14802
14869
  @media (min-width: 75rem) {
14803
- :where(:root, .pf-v6-c-login) {
14870
+ :root,
14871
+ .pf-v6-c-login {
14804
14872
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
14805
14873
  }
14806
14874
  }
@@ -14955,7 +15023,8 @@ ul.pf-v6-c-list {
14955
15023
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
14956
15024
  }
14957
15025
 
14958
- :where(:root, .pf-v6-c-masthead) {
15026
+ :root,
15027
+ .pf-v6-c-masthead {
14959
15028
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
14960
15029
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
14961
15030
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
@@ -15490,7 +15559,8 @@ ul.pf-v6-c-list {
15490
15559
  padding-inline-end: var(--pf-t--global--spacer--2xl);
15491
15560
  }
15492
15561
 
15493
- :where(:root, .pf-v6-c-menu) {
15562
+ :root,
15563
+ .pf-v6-c-menu {
15494
15564
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
15495
15565
  --pf-v6-c-menu--Width: auto;
15496
15566
  --pf-v6-c-menu--MinWidth: auto;
@@ -16071,7 +16141,8 @@ ul.pf-v6-c-list {
16071
16141
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
16072
16142
  }
16073
16143
 
16074
- :where(:root, .pf-v6-c-menu-toggle) {
16144
+ :root,
16145
+ .pf-v6-c-menu-toggle {
16075
16146
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
16076
16147
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
16077
16148
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -16476,7 +16547,8 @@ ul.pf-v6-c-list {
16476
16547
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
16477
16548
  }
16478
16549
 
16479
- :where(:root, .pf-v6-c-modal-box) {
16550
+ :root,
16551
+ .pf-v6-c-modal-box {
16480
16552
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
16481
16553
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
16482
16554
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
@@ -16529,7 +16601,8 @@ ul.pf-v6-c-list {
16529
16601
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
16530
16602
  }
16531
16603
  @media (min-width: 75rem) {
16532
- :where(:root, .pf-v6-c-modal-box) {
16604
+ :root,
16605
+ .pf-v6-c-modal-box {
16533
16606
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
16534
16607
  }
16535
16608
  }
@@ -16681,7 +16754,8 @@ ul.pf-v6-c-list {
16681
16754
  }
16682
16755
  }
16683
16756
 
16684
- :where(:root, .pf-v6-c-multiple-file-upload) {
16757
+ :root,
16758
+ .pf-v6-c-multiple-file-upload {
16685
16759
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
16686
16760
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
16687
16761
  --pf-v6-c-multiple-file-upload__main--TextAlign: center;
@@ -16891,7 +16965,8 @@ ul.pf-v6-c-list {
16891
16965
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
16892
16966
  }
16893
16967
 
16894
- :where(:root, .pf-v6-c-nav) {
16968
+ :root,
16969
+ .pf-v6-c-nav {
16895
16970
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16896
16971
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16897
16972
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -17199,7 +17274,8 @@ ul.pf-v6-c-list {
17199
17274
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
17200
17275
  }
17201
17276
 
17202
- :where(:root, .pf-v6-c-notification-drawer) {
17277
+ :root,
17278
+ .pf-v6-c-notification-drawer {
17203
17279
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
17204
17280
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
17205
17281
  --pf-v6-c-notification-drawer__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -17474,7 +17550,8 @@ ul.pf-v6-c-list {
17474
17550
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
17475
17551
  }
17476
17552
 
17477
- :where(:root, .pf-v6-c-overflow-menu) {
17553
+ :root,
17554
+ .pf-v6-c-overflow-menu {
17478
17555
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
17479
17556
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
17480
17557
  --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -17511,7 +17588,8 @@ ul.pf-v6-c-list {
17511
17588
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
17512
17589
  }
17513
17590
 
17514
- :where(:root, .pf-v6-c-page) {
17591
+ :root,
17592
+ .pf-v6-c-page {
17515
17593
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17516
17594
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
17517
17595
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
@@ -17591,7 +17669,8 @@ ul.pf-v6-c-list {
17591
17669
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
17592
17670
  }
17593
17671
  @media screen and (min-width: 75rem) {
17594
- :where(:root, .pf-v6-c-page) {
17672
+ :root,
17673
+ .pf-v6-c-page {
17595
17674
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
17596
17675
  }
17597
17676
  }
@@ -18120,7 +18199,8 @@ ul.pf-v6-c-list {
18120
18199
  flex: 1 0 auto;
18121
18200
  }
18122
18201
 
18123
- :where(:root, .pf-v6-c-pagination) {
18202
+ :root,
18203
+ .pf-v6-c-pagination {
18124
18204
  --pf-v6-c-pagination--inset: 0;
18125
18205
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
18126
18206
  --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
@@ -18158,7 +18238,8 @@ ul.pf-v6-c-list {
18158
18238
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
18159
18239
  }
18160
18240
  @media screen and (min-width: 48rem) {
18161
- :where(:root, .pf-v6-c-pagination) {
18241
+ :root,
18242
+ .pf-v6-c-pagination {
18162
18243
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
18163
18244
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
18164
18245
  --pf-v6-c-pagination__nav--Display: inline-flex;
@@ -18166,7 +18247,8 @@ ul.pf-v6-c-list {
18166
18247
  }
18167
18248
  }
18168
18249
  @media screen and (min-width: 75rem) {
18169
- :where(:root, .pf-v6-c-pagination) {
18250
+ :root,
18251
+ .pf-v6-c-pagination {
18170
18252
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
18171
18253
  }
18172
18254
  }
@@ -18467,7 +18549,8 @@ ul.pf-v6-c-list {
18467
18549
  }
18468
18550
  }
18469
18551
 
18470
- :where(:root, .pf-v6-c-panel) {
18552
+ :root,
18553
+ .pf-v6-c-panel {
18471
18554
  --pf-v6-c-panel--Width: auto;
18472
18555
  --pf-v6-c-panel--MinWidth: auto;
18473
18556
  --pf-v6-c-panel--MaxWidth: none;
@@ -18564,7 +18647,8 @@ ul.pf-v6-c-list {
18564
18647
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
18565
18648
  }
18566
18649
 
18567
- :where(:root, .pf-v6-c-popover) {
18650
+ :root,
18651
+ .pf-v6-c-popover {
18568
18652
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
18569
18653
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
18570
18654
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -18766,7 +18850,8 @@ ul.pf-v6-c-list {
18766
18850
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
18767
18851
  }
18768
18852
 
18769
- :where(:root, .pf-v6-c-progress) {
18853
+ :root,
18854
+ .pf-v6-c-progress {
18770
18855
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
18771
18856
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
18772
18857
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
@@ -18930,7 +19015,8 @@ ul.pf-v6-c-list {
18930
19015
  font-variant-numeric: tabular-nums;
18931
19016
  }
18932
19017
 
18933
- :where(:root, .pf-v6-c-progress-stepper) {
19018
+ :root,
19019
+ .pf-v6-c-progress-stepper {
18934
19020
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
18935
19021
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
18936
19022
  --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart: 0;
@@ -19051,7 +19137,8 @@ ul.pf-v6-c-list {
19051
19137
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
19052
19138
  }
19053
19139
  @media screen and (min-width: 48rem) {
19054
- :where(:root, .pf-v6-c-progress-stepper) {
19140
+ :root,
19141
+ .pf-v6-c-progress-stepper {
19055
19142
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
19056
19143
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
19057
19144
  --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
@@ -19540,7 +19627,8 @@ ul.pf-v6-c-list {
19540
19627
  }
19541
19628
  }
19542
19629
 
19543
- :where(:root, .pf-v6-c-radio) {
19630
+ :root,
19631
+ .pf-v6-c-radio {
19544
19632
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
19545
19633
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
19546
19634
  --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
@@ -19621,7 +19709,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19621
19709
  cursor: not-allowed;
19622
19710
  }
19623
19711
 
19624
- :where(:root, .pf-v6-c-sidebar) {
19712
+ :root,
19713
+ .pf-v6-c-sidebar {
19625
19714
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
19626
19715
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
19627
19716
  --pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
@@ -19965,7 +20054,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19965
20054
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
19966
20055
  }
19967
20056
  }
19968
- :where(:root, .pf-v6-c-simple-list) {
20057
+ :root,
20058
+ .pf-v6-c-simple-list {
19969
20059
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19970
20060
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19971
20061
  --pf-v6-c-simple-list__item-link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -20035,7 +20125,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20035
20125
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
20036
20126
  }
20037
20127
 
20038
- :where(:root, .pf-v6-c-skeleton) {
20128
+ :root,
20129
+ .pf-v6-c-skeleton {
20039
20130
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20040
20131
  --pf-v6-c-skeleton--Width: auto;
20041
20132
  --pf-v6-c-skeleton--Height: auto;
@@ -20200,7 +20291,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20200
20291
  transform: translateX(100%);
20201
20292
  }
20202
20293
  }
20203
- :where(:root, .pf-v6-c-skip-to-content) {
20294
+ :root,
20295
+ .pf-v6-c-skip-to-content {
20204
20296
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
20205
20297
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
20206
20298
  --pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
@@ -20216,7 +20308,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20216
20308
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
20217
20309
  }
20218
20310
 
20219
- :where(:root, .pf-v6-c-slider) {
20311
+ :root,
20312
+ .pf-v6-c-slider {
20220
20313
  --pf-v6-c-slider--value: 0;
20221
20314
  --pf-v6-c-slider__step--InsetInlineStart: 0;
20222
20315
  --pf-v6-c-slider__rail--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -20437,7 +20530,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20437
20530
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
20438
20531
  }
20439
20532
 
20440
- :where(:root, .pf-v6-c-spinner) {
20533
+ :root,
20534
+ .pf-v6-c-spinner {
20441
20535
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
20442
20536
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
20443
20537
  --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
@@ -20513,7 +20607,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20513
20607
  transform: rotate(720deg);
20514
20608
  }
20515
20609
  }
20516
- :where(:root, .pf-v6-c-switch) {
20610
+ :root,
20611
+ .pf-v6-c-switch {
20517
20612
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
20518
20613
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
20519
20614
  --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
@@ -20661,7 +20756,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20661
20756
  vertical-align: top;
20662
20757
  }
20663
20758
 
20664
- :where(:root, .pf-v6-c-tab-content) {
20759
+ :root,
20760
+ .pf-v6-c-tab-content {
20665
20761
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
20666
20762
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
20667
20763
  --pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
@@ -20706,7 +20802,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20706
20802
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
20707
20803
  }
20708
20804
 
20709
- :where(:root, .pf-v6-c-table[class*=pf-m-grid]) {
20805
+ :root,
20806
+ .pf-v6-c-table {
20710
20807
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
20711
20808
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
20712
20809
  --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
@@ -22270,7 +22367,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22270
22367
  }
22271
22368
  }
22272
22369
 
22273
- :where(:root, .pf-v6-c-table) {
22370
+ :root,
22371
+ .pf-v6-c-table {
22274
22372
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22275
22373
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
22276
22374
  --pf-v6-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -23137,7 +23235,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23137
23235
  --pf-v6-c-table--cell--Width: 100%;
23138
23236
  }
23139
23237
 
23140
- :where(:root, .pf-v6-c-table) {
23238
+ :root,
23239
+ .pf-v6-c-table {
23141
23240
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
23142
23241
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
23143
23242
  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
@@ -23201,7 +23300,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23201
23300
  overflow: auto;
23202
23301
  }
23203
23302
 
23204
- :where(:root, .pf-v6-c-table) {
23303
+ :root,
23304
+ .pf-v6-c-table {
23205
23305
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
23206
23306
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
23207
23307
  --pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -24021,7 +24121,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24021
24121
  }
24022
24122
  }
24023
24123
 
24024
- :where(:root, .pf-v6-c-tabs) {
24124
+ :root,
24125
+ .pf-v6-c-tabs {
24025
24126
  --pf-v6-c-tabs--inset: 0;
24026
24127
  --pf-v6-c-tabs--Width: auto;
24027
24128
  --pf-v6-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
@@ -24833,7 +24934,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24833
24934
  }
24834
24935
  }
24835
24936
 
24836
- :where(:root, .pf-v6-c-text-input-group) {
24937
+ :root,
24938
+ .pf-v6-c-text-input-group {
24837
24939
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
24838
24940
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
24839
24941
  --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
@@ -25034,7 +25136,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25034
25136
  display: flex;
25035
25137
  }
25036
25138
 
25037
- :where(:root, .pf-v6-c-tile) {
25139
+ :root,
25140
+ .pf-v6-c-tile {
25038
25141
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
25039
25142
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
25040
25143
  --pf-v6-c-tile--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -25137,7 +25240,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25137
25240
  color: var(--pf-v6-c-tile__icon--Color);
25138
25241
  }
25139
25242
 
25140
- :where(:root, .pf-v6-c-timestamp) {
25243
+ :root,
25244
+ .pf-v6-c-timestamp {
25141
25245
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
25142
25246
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
25143
25247
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
@@ -25168,7 +25272,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25168
25272
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
25169
25273
  }
25170
25274
 
25171
- :where(:root, .pf-v6-c-title) {
25275
+ :root,
25276
+ .pf-v6-c-title {
25172
25277
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
25173
25278
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
25174
25279
  --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
@@ -25273,7 +25378,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25273
25378
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
25274
25379
  }
25275
25380
 
25276
- :where(:root, .pf-v6-c-toggle-group) {
25381
+ :root,
25382
+ .pf-v6-c-toggle-group {
25277
25383
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25278
25384
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25279
25385
  --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -25396,7 +25502,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25396
25502
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
25397
25503
  }
25398
25504
 
25399
- :where(:root, .pf-v6-c-toolbar) {
25505
+ :root,
25506
+ .pf-v6-c-toolbar {
25400
25507
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
25401
25508
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
25402
25509
  --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -27298,7 +27405,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27298
27405
  display: inline-flex;
27299
27406
  }
27300
27407
  }
27301
- :where(:root, .pf-v6-c-tooltip) {
27408
+ :root,
27409
+ .pf-v6-c-tooltip {
27302
27410
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
27303
27411
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
27304
27412
  --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -27420,7 +27528,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27420
27528
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
27421
27529
  }
27422
27530
 
27423
- :where(:root, .pf-v6-c-truncate) {
27531
+ :root,
27532
+ .pf-v6-c-truncate {
27424
27533
  --pf-v6-c-truncate--MinWidth: 6ch;
27425
27534
  --pf-v6-c-truncate__start--MinWidth: 6ch;
27426
27535
  }
@@ -27466,7 +27575,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27466
27575
  direction: rtl;
27467
27576
  }
27468
27577
  }
27469
- :where(:root, .pf-v6-c-number-input) {
27578
+ :root,
27579
+ .pf-v6-c-number-input {
27470
27580
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
27471
27581
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
27472
27582
  --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
@@ -27505,7 +27615,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27505
27615
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
27506
27616
  }
27507
27617
 
27508
- :where(:root, .pf-v6-c-tree-view) {
27618
+ :root,
27619
+ .pf-v6-c-tree-view {
27509
27620
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
27510
27621
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
27511
27622
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -27958,7 +28069,8 @@ label.pf-v6-c-tree-view__node-text {
27958
28069
  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
27959
28070
  }
27960
28071
 
27961
- :where(:root, .pf-v6-c-wizard) {
28072
+ :root,
28073
+ .pf-v6-c-wizard {
27962
28074
  --pf-v6-c-wizard--Height: initial;
27963
28075
  --pf-v6-c-wizard--Height--base: 100%;
27964
28076
  --pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
@@ -28073,7 +28185,8 @@ label.pf-v6-c-tree-view__node-text {
28073
28185
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
28074
28186
  }
28075
28187
  @media screen and (min-width: 62rem) {
28076
- :where(:root, .pf-v6-c-wizard) {
28188
+ :root,
28189
+ .pf-v6-c-wizard {
28077
28190
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
28078
28191
  --pf-v6-c-wizard__nav--BoxShadow: none;
28079
28192
  }
@@ -28445,7 +28558,8 @@ label.pf-v6-c-tree-view__node-text {
28445
28558
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
28446
28559
  }
28447
28560
 
28448
- :where(:root, .pf-v6-l-bullseye) {
28561
+ :root,
28562
+ .pf-v6-l-bullseye {
28449
28563
  --pf-v6-l-bullseye--Padding: 0;
28450
28564
  }
28451
28565
 
@@ -28458,7 +28572,8 @@ label.pf-v6-c-tree-view__node-text {
28458
28572
  margin: 0;
28459
28573
  }
28460
28574
 
28461
- :where(:root, .pf-v6-l-flex) {
28575
+ :root,
28576
+ .pf-v6-l-flex {
28462
28577
  --pf-v6-l-flex--Display: flex;
28463
28578
  --pf-v6-l-flex--FlexWrap: wrap;
28464
28579
  --pf-v6-l-flex--AlignItems: baseline;
@@ -30839,7 +30954,8 @@ label.pf-v6-c-tree-view__node-text {
30839
30954
  }
30840
30955
  }
30841
30956
 
30842
- :where(:root, .pf-v6-l-gallery) {
30957
+ :root,
30958
+ .pf-v6-l-gallery {
30843
30959
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
30844
30960
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
30845
30961
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -30910,7 +31026,8 @@ label.pf-v6-c-tree-view__node-text {
30910
31026
  }
30911
31027
  }
30912
31028
 
30913
- :where(:root, .pf-v6-l-grid) {
31029
+ :root,
31030
+ .pf-v6-l-grid {
30914
31031
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
30915
31032
  --pf-v6-l-grid__item--GridColumnStart: auto;
30916
31033
  --pf-v6-l-grid__item--GridColumnEnd: span 12;
@@ -31847,7 +31964,8 @@ label.pf-v6-c-tree-view__node-text {
31847
31964
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
31848
31965
  }
31849
31966
 
31850
- :where(:root, .pf-v6-l-level) {
31967
+ :root,
31968
+ .pf-v6-l-level {
31851
31969
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
31852
31970
  }
31853
31971
 
@@ -31861,7 +31979,8 @@ label.pf-v6-c-tree-view__node-text {
31861
31979
  gap: var(--pf-v6-l-level--m-gutter--Gap);
31862
31980
  }
31863
31981
 
31864
- :where(:root, .pf-v6-l-split) {
31982
+ :root,
31983
+ .pf-v6-l-split {
31865
31984
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
31866
31985
  }
31867
31986
 
@@ -31882,7 +32001,8 @@ label.pf-v6-c-tree-view__node-text {
31882
32001
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
31883
32002
  }
31884
32003
 
31885
- :where(:root, .pf-v6-l-stack) {
32004
+ :root,
32005
+ .pf-v6-l-stack {
31886
32006
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
31887
32007
  }
31888
32008