@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.31

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 (92) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +11 -11
  3. package/css/components/Accordion/accordion.css +2 -0
  4. package/css/components/Avatar/avatar.css +40 -40
  5. package/css/components/BackToTop/back-to-top.css +1 -1
  6. package/css/components/Banner/banner.css +1 -1
  7. package/css/components/Brand/brand.css +10 -10
  8. package/css/components/Breadcrumb/breadcrumb.css +9 -6
  9. package/css/components/Button/button.css +16 -7
  10. package/css/components/Card/card.css +1 -1
  11. package/css/components/Content/content.css +12 -9
  12. package/css/components/DataList/data-list-grid.css +19 -19
  13. package/css/components/DataList/data-list.css +37 -41
  14. package/css/components/DescriptionList/description-list-order.css +5 -5
  15. package/css/components/DescriptionList/description-list.css +26 -31
  16. package/css/components/Divider/divider.css +20 -20
  17. package/css/components/Drawer/drawer.css +12 -12
  18. package/css/components/Form/form.css +6 -6
  19. package/css/components/JumpLinks/jump-links.css +6 -6
  20. package/css/components/Label/label.css +18 -17
  21. package/css/components/Login/login.css +13 -13
  22. package/css/components/Masthead/masthead.css +7 -7
  23. package/css/components/Menu/menu.css +10 -10
  24. package/css/components/MenuToggle/menu-toggle.css +6 -0
  25. package/css/components/MenuToggle/menu-toggle.d.ts +2 -1
  26. package/css/components/MenuToggle/menu-toggle.js +2 -1
  27. package/css/components/MenuToggle/menu-toggle.mjs +2 -1
  28. package/css/components/ModalBox/modal-box.css +2 -2
  29. package/css/components/Page/page.css +16 -149
  30. package/css/components/Page/page.d.ts +0 -2
  31. package/css/components/Page/page.js +0 -2
  32. package/css/components/Page/page.mjs +0 -2
  33. package/css/components/Pagination/pagination.css +8 -8
  34. package/css/components/ProgressStepper/progress-stepper.css +14 -13
  35. package/css/components/Sidebar/sidebar.css +8 -8
  36. package/css/components/SimpleList/simple-list.css +1 -1
  37. package/css/components/TabContent/tab-content.css +1 -1
  38. package/css/components/Table/table-grid.css +14 -20
  39. package/css/components/Table/table-tree-view.css +44 -54
  40. package/css/components/Table/table-tree-view.d.ts +1 -3
  41. package/css/components/Table/table-tree-view.js +1 -3
  42. package/css/components/Table/table-tree-view.mjs +1 -3
  43. package/css/components/Table/table.css +5 -5
  44. package/css/components/Tabs/tabs.css +11 -11
  45. package/css/components/Timestamp/timestamp.css +8 -17
  46. package/css/components/ToggleGroup/toggle-group.css +2 -2
  47. package/css/components/Toolbar/toolbar.css +30 -29
  48. package/css/components/Wizard/wizard.css +6 -6
  49. package/css/components/_index.css +434 -575
  50. package/css/components/_index.d.ts +1 -3
  51. package/css/components/_index.js +1 -3
  52. package/css/components/_index.mjs +1 -3
  53. package/css/layouts/Flex/flex.css +35 -35
  54. package/css/layouts/Gallery/gallery.css +10 -10
  55. package/css/layouts/Grid/grid.css +15 -15
  56. package/css/layouts/_index.css +60 -60
  57. package/css/utilities/Accessibility/accessibility.css +15 -15
  58. package/css/utilities/Alignment/alignment.css +5 -5
  59. package/css/utilities/BackgroundColor/background-color.css +5 -5
  60. package/css/utilities/Display/display.css +5 -5
  61. package/css/utilities/Flex/flex.css +50 -50
  62. package/css/utilities/Float/float.css +5 -5
  63. package/css/utilities/Sizing/sizing.css +30 -30
  64. package/css/utilities/Spacing/spacing.css +700 -700
  65. package/css/utilities/Text/text.css +20 -20
  66. package/css/utilities/_index.css +835 -835
  67. package/package.json +3 -3
  68. package/css/components/Consoles/AccessConsoles.css +0 -14
  69. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  70. package/css/components/Consoles/AccessConsoles.js +0 -7
  71. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  72. package/css/components/Consoles/DesktopViewer.css +0 -6
  73. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  74. package/css/components/Consoles/DesktopViewer.js +0 -6
  75. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  76. package/css/components/Consoles/SerialConsole.css +0 -11
  77. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  78. package/css/components/Consoles/SerialConsole.js +0 -7
  79. package/css/components/Consoles/SerialConsole.mjs +0 -5
  80. package/css/components/Consoles/VncConsole.css +0 -10
  81. package/css/components/Consoles/VncConsole.d.ts +0 -6
  82. package/css/components/Consoles/VncConsole.js +0 -7
  83. package/css/components/Consoles/VncConsole.mjs +0 -5
  84. package/css/components/Consoles/xterm.css +0 -171
  85. package/css/components/Consoles/xterm.d.ts +0 -26
  86. package/css/components/Consoles/xterm.js +0 -27
  87. package/css/components/Consoles/xterm.mjs +0 -25
  88. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  89. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  90. package/src/css/components/Consoles/SerialConsole.css +0 -11
  91. package/src/css/components/Consoles/VncConsole.css +0 -10
  92. package/src/css/components/Consoles/xterm.css +0 -171
package/css/components/_index.css CHANGED
@@ -50,35 +50,35 @@
50
50
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
51
51
  }
52
52
 
53
- @media screen and (min-width: 576px) {
53
+ @media screen and (min-width: 36rem) {
54
54
  :where(:root, .pf-v6-c-about-modal-box) {
55
55
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
56
56
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
57
57
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
58
58
  }
59
59
  }
60
- @media only screen and (min-width: 576px) {
60
+ @media only screen and (min-width: 36rem) {
61
61
  :where(:root, .pf-v6-c-about-modal-box) {
62
62
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
63
63
  }
64
64
  }
65
- @media only screen and (min-width: 992px) {
65
+ @media only screen and (min-width: 62rem) {
66
66
  :where(:root, .pf-v6-c-about-modal-box) {
67
67
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
68
68
  }
69
69
  }
70
- @media only screen and (min-width: 576px) {
70
+ @media only screen and (min-width: 36rem) {
71
71
  :where(:root, .pf-v6-c-about-modal-box) {
72
72
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
73
73
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
74
74
  }
75
75
  }
76
- @media only screen and (min-width: 576px) {
76
+ @media only screen and (min-width: 36rem) {
77
77
  :where(:root, .pf-v6-c-about-modal-box) {
78
78
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
79
79
  }
80
80
  }
81
- @media only screen and (min-width: 576px) {
81
+ @media only screen and (min-width: 36rem) {
82
82
  :where(:root, .pf-v6-c-about-modal-box) {
83
83
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
84
84
  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
@@ -102,13 +102,13 @@
102
102
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
103
103
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
104
104
  }
105
- @media only screen and (min-width: 576px) {
105
+ @media only screen and (min-width: 36rem) {
106
106
  .pf-v6-c-about-modal-box {
107
107
  grid-template-areas: "brand close" "header close" "content close";
108
108
  grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
109
109
  }
110
110
  }
111
- @media only screen and (min-width: 992px) {
111
+ @media only screen and (min-width: 62rem) {
112
112
  .pf-v6-c-about-modal-box {
113
113
  --pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
114
114
  --pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
@@ -160,7 +160,7 @@
160
160
  word-break: break-word;
161
161
  -webkit-overflow-scrolling: touch;
162
162
  }
163
- @media screen and (min-width: 576px) {
163
+ @media screen and (min-width: 36rem) {
164
164
  .pf-v6-c-about-modal-box__content {
165
165
  overflow: visible;
166
166
  overscroll-behavior: auto;
@@ -178,13 +178,13 @@
178
178
  padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
179
179
  padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
180
180
  }
181
- @media only screen and (min-width: 576px) {
181
+ @media only screen and (min-width: 36rem) {
182
182
  .pf-v6-c-about-modal-box__close {
183
183
  grid-area: 1/2;
184
184
  justify-content: center;
185
185
  }
186
186
  }
187
- @media only screen and (min-width: 992px) {
187
+ @media only screen and (min-width: 62rem) {
188
188
  .pf-v6-c-about-modal-box__close {
189
189
  justify-content: flex-end;
190
190
  }
@@ -211,6 +211,7 @@
211
211
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
212
212
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
213
213
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
214
+ --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
214
215
  --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
215
216
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
216
217
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -259,6 +260,7 @@
259
260
  --pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
260
261
  --pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
261
262
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
263
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
262
264
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
263
265
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
264
266
  }
@@ -717,52 +719,52 @@
717
719
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
718
720
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
719
721
  }
720
- @media (min-width: 576px) {
722
+ @media (min-width: 36rem) {
721
723
  .pf-v6-c-avatar.pf-m-sm {
722
724
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width));
723
725
  }
724
726
  }
725
- @media (min-width: 768px) {
727
+ @media (min-width: 48rem) {
726
728
  .pf-v6-c-avatar.pf-m-sm {
727
729
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width)));
728
730
  }
729
731
  }
730
- @media (min-width: 992px) {
732
+ @media (min-width: 62rem) {
731
733
  .pf-v6-c-avatar.pf-m-sm {
732
734
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))));
733
735
  }
734
736
  }
735
- @media (min-width: 1200px) {
737
+ @media (min-width: 75rem) {
736
738
  .pf-v6-c-avatar.pf-m-sm {
737
739
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width)))));
738
740
  }
739
741
  }
740
- @media (min-width: 1450px) {
742
+ @media (min-width: 90.625rem) {
741
743
  .pf-v6-c-avatar.pf-m-sm {
742
744
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
743
745
  }
744
746
  }
745
- @media (min-width: 576px) {
747
+ @media (min-width: 36rem) {
746
748
  .pf-v6-c-avatar.pf-m-sm {
747
749
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
748
750
  }
749
751
  }
750
- @media (min-width: 768px) {
752
+ @media (min-width: 48rem) {
751
753
  .pf-v6-c-avatar.pf-m-sm {
752
754
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-md, var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height)));
753
755
  }
754
756
  }
755
- @media (min-width: 992px) {
757
+ @media (min-width: 62rem) {
756
758
  .pf-v6-c-avatar.pf-m-sm {
757
759
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-lg, var(--pf-v6-c-avatar--m-sm--Height-on-md, var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height))));
758
760
  }
759
761
  }
760
- @media (min-width: 1200px) {
762
+ @media (min-width: 75rem) {
761
763
  .pf-v6-c-avatar.pf-m-sm {
762
764
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-xl, var(--pf-v6-c-avatar--m-sm--Height-on-lg, var(--pf-v6-c-avatar--m-sm--Height-on-md, var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height)))));
763
765
  }
764
766
  }
765
- @media (min-width: 1450px) {
767
+ @media (min-width: 90.625rem) {
766
768
  .pf-v6-c-avatar.pf-m-sm {
767
769
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-2xl, var(--pf-v6-c-avatar--m-sm--Height-on-xl, var(--pf-v6-c-avatar--m-sm--Height-on-lg, var(--pf-v6-c-avatar--m-sm--Height-on-md, var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height))))));
768
770
  }
@@ -771,52 +773,52 @@
771
773
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
772
774
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
773
775
  }
774
- @media (min-width: 576px) {
776
+ @media (min-width: 36rem) {
775
777
  .pf-v6-c-avatar.pf-m-md {
776
778
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width));
777
779
  }
778
780
  }
779
- @media (min-width: 768px) {
781
+ @media (min-width: 48rem) {
780
782
  .pf-v6-c-avatar.pf-m-md {
781
783
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width)));
782
784
  }
783
785
  }
784
- @media (min-width: 992px) {
786
+ @media (min-width: 62rem) {
785
787
  .pf-v6-c-avatar.pf-m-md {
786
788
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))));
787
789
  }
788
790
  }
789
- @media (min-width: 1200px) {
791
+ @media (min-width: 75rem) {
790
792
  .pf-v6-c-avatar.pf-m-md {
791
793
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width)))));
792
794
  }
793
795
  }
794
- @media (min-width: 1450px) {
796
+ @media (min-width: 90.625rem) {
795
797
  .pf-v6-c-avatar.pf-m-md {
796
798
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
797
799
  }
798
800
  }
799
- @media (min-width: 576px) {
801
+ @media (min-width: 36rem) {
800
802
  .pf-v6-c-avatar.pf-m-md {
801
803
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
802
804
  }
803
805
  }
804
- @media (min-width: 768px) {
806
+ @media (min-width: 48rem) {
805
807
  .pf-v6-c-avatar.pf-m-md {
806
808
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height)));
807
809
  }
808
810
  }
809
- @media (min-width: 992px) {
811
+ @media (min-width: 62rem) {
810
812
  .pf-v6-c-avatar.pf-m-md {
811
813
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height))));
812
814
  }
813
815
  }
814
- @media (min-width: 1200px) {
816
+ @media (min-width: 75rem) {
815
817
  .pf-v6-c-avatar.pf-m-md {
816
818
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-xl, var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height)))));
817
819
  }
818
820
  }
819
- @media (min-width: 1450px) {
821
+ @media (min-width: 90.625rem) {
820
822
  .pf-v6-c-avatar.pf-m-md {
821
823
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-2xl, var(--pf-v6-c-avatar--m-md--Height-on-xl, var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height))))));
822
824
  }
@@ -825,52 +827,52 @@
825
827
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
826
828
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
827
829
  }
828
- @media (min-width: 576px) {
830
+ @media (min-width: 36rem) {
829
831
  .pf-v6-c-avatar.pf-m-lg {
830
832
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width));
831
833
  }
832
834
  }
833
- @media (min-width: 768px) {
835
+ @media (min-width: 48rem) {
834
836
  .pf-v6-c-avatar.pf-m-lg {
835
837
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width)));
836
838
  }
837
839
  }
838
- @media (min-width: 992px) {
840
+ @media (min-width: 62rem) {
839
841
  .pf-v6-c-avatar.pf-m-lg {
840
842
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))));
841
843
  }
842
844
  }
843
- @media (min-width: 1200px) {
845
+ @media (min-width: 75rem) {
844
846
  .pf-v6-c-avatar.pf-m-lg {
845
847
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width)))));
846
848
  }
847
849
  }
848
- @media (min-width: 1450px) {
850
+ @media (min-width: 90.625rem) {
849
851
  .pf-v6-c-avatar.pf-m-lg {
850
852
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
851
853
  }
852
854
  }
853
- @media (min-width: 576px) {
855
+ @media (min-width: 36rem) {
854
856
  .pf-v6-c-avatar.pf-m-lg {
855
857
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
856
858
  }
857
859
  }
858
- @media (min-width: 768px) {
860
+ @media (min-width: 48rem) {
859
861
  .pf-v6-c-avatar.pf-m-lg {
860
862
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height)));
861
863
  }
862
864
  }
863
- @media (min-width: 992px) {
865
+ @media (min-width: 62rem) {
864
866
  .pf-v6-c-avatar.pf-m-lg {
865
867
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height))));
866
868
  }
867
869
  }
868
- @media (min-width: 1200px) {
870
+ @media (min-width: 75rem) {
869
871
  .pf-v6-c-avatar.pf-m-lg {
870
872
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-xl, var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height)))));
871
873
  }
872
874
  }
873
- @media (min-width: 1450px) {
875
+ @media (min-width: 90.625rem) {
874
876
  .pf-v6-c-avatar.pf-m-lg {
875
877
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-2xl, var(--pf-v6-c-avatar--m-lg--Height-on-xl, var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height))))));
876
878
  }
@@ -879,52 +881,52 @@
879
881
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
880
882
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
881
883
  }
882
- @media (min-width: 576px) {
884
+ @media (min-width: 36rem) {
883
885
  .pf-v6-c-avatar.pf-m-xl {
884
886
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width));
885
887
  }
886
888
  }
887
- @media (min-width: 768px) {
889
+ @media (min-width: 48rem) {
888
890
  .pf-v6-c-avatar.pf-m-xl {
889
891
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width)));
890
892
  }
891
893
  }
892
- @media (min-width: 992px) {
894
+ @media (min-width: 62rem) {
893
895
  .pf-v6-c-avatar.pf-m-xl {
894
896
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))));
895
897
  }
896
898
  }
897
- @media (min-width: 1200px) {
899
+ @media (min-width: 75rem) {
898
900
  .pf-v6-c-avatar.pf-m-xl {
899
901
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width)))));
900
902
  }
901
903
  }
902
- @media (min-width: 1450px) {
904
+ @media (min-width: 90.625rem) {
903
905
  .pf-v6-c-avatar.pf-m-xl {
904
906
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
905
907
  }
906
908
  }
907
- @media (min-width: 576px) {
909
+ @media (min-width: 36rem) {
908
910
  .pf-v6-c-avatar.pf-m-xl {
909
911
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
910
912
  }
911
913
  }
912
- @media (min-width: 768px) {
914
+ @media (min-width: 48rem) {
913
915
  .pf-v6-c-avatar.pf-m-xl {
914
916
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height)));
915
917
  }
916
918
  }
917
- @media (min-width: 992px) {
919
+ @media (min-width: 62rem) {
918
920
  .pf-v6-c-avatar.pf-m-xl {
919
921
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))));
920
922
  }
921
923
  }
922
- @media (min-width: 1200px) {
924
+ @media (min-width: 75rem) {
923
925
  .pf-v6-c-avatar.pf-m-xl {
924
926
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height)))));
925
927
  }
926
928
  }
927
- @media (min-width: 1450px) {
929
+ @media (min-width: 90.625rem) {
928
930
  .pf-v6-c-avatar.pf-m-xl {
929
931
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
930
932
  }
@@ -988,7 +990,7 @@
988
990
  --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
989
991
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
990
992
  }
991
- @media (min-width: 768px) {
993
+ @media (min-width: 48rem) {
992
994
  :where(:root, .pf-v6-c-back-to-top) {
993
995
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
994
996
  }
@@ -1124,7 +1126,7 @@
1124
1126
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
1125
1127
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
1126
1128
  }
1127
- @media (min-width: 768px) {
1129
+ @media (min-width: 48rem) {
1128
1130
  :where(:root, .pf-v6-c-banner) {
1129
1131
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
1130
1132
  --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
@@ -1239,52 +1241,52 @@
1239
1241
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
1240
1242
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1241
1243
  }
1242
- @media (min-width: 576px) {
1244
+ @media (min-width: 36rem) {
1243
1245
  .pf-v6-c-brand {
1244
1246
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
1245
1247
  }
1246
1248
  }
1247
- @media (min-width: 768px) {
1249
+ @media (min-width: 48rem) {
1248
1250
  .pf-v6-c-brand {
1249
1251
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
1250
1252
  }
1251
1253
  }
1252
- @media (min-width: 992px) {
1254
+ @media (min-width: 62rem) {
1253
1255
  .pf-v6-c-brand {
1254
1256
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
1255
1257
  }
1256
1258
  }
1257
- @media (min-width: 1200px) {
1259
+ @media (min-width: 75rem) {
1258
1260
  .pf-v6-c-brand {
1259
1261
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
1260
1262
  }
1261
1263
  }
1262
- @media (min-width: 1450px) {
1264
+ @media (min-width: 90.625rem) {
1263
1265
  .pf-v6-c-brand {
1264
1266
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1265
1267
  }
1266
1268
  }
1267
- @media (min-width: 576px) {
1269
+ @media (min-width: 36rem) {
1268
1270
  .pf-v6-c-brand {
1269
1271
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
1270
1272
  }
1271
1273
  }
1272
- @media (min-width: 768px) {
1274
+ @media (min-width: 48rem) {
1273
1275
  .pf-v6-c-brand {
1274
1276
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
1275
1277
  }
1276
1278
  }
1277
- @media (min-width: 992px) {
1279
+ @media (min-width: 62rem) {
1278
1280
  .pf-v6-c-brand {
1279
1281
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
1280
1282
  }
1281
1283
  }
1282
- @media (min-width: 1200px) {
1284
+ @media (min-width: 75rem) {
1283
1285
  .pf-v6-c-brand {
1284
1286
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
1285
1287
  }
1286
1288
  }
1287
- @media (min-width: 1450px) {
1289
+ @media (min-width: 90.625rem) {
1288
1290
  .pf-v6-c-brand {
1289
1291
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
1290
1292
  }
@@ -1304,9 +1306,11 @@
1304
1306
  --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1305
1307
  --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1306
1308
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
1307
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
1309
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
1310
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
1308
1311
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
1309
- --pf-v6-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
1312
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1313
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1310
1314
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1311
1315
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1312
1316
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
@@ -1359,18 +1363,19 @@
1359
1363
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1360
1364
  line-height: inherit;
1361
1365
  color: var(--pf-v6-c-breadcrumb__link--Color);
1362
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecoration);
1366
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1363
1367
  word-break: break-word;
1364
1368
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1365
1369
  }
1366
- .pf-v6-c-breadcrumb__link:hover {
1370
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
1367
1371
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
1368
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-v6-c-breadcrumb__link--hover--TextDecoration);
1372
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
1373
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
1369
1374
  }
1370
1375
  .pf-v6-c-breadcrumb__link.pf-m-current {
1371
1376
  cursor: default;
1372
1377
  }
1373
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
1378
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
1374
1379
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
1375
1380
  text-decoration: none;
1376
1381
  }
@@ -1416,14 +1421,16 @@ button.pf-v6-c-breadcrumb__link {
1416
1421
  --pf-v6-c-button--BorderColor: transparent;
1417
1422
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
1418
1423
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
1419
- --pf-v6-c-button--TextDecoration: none;
1424
+ --pf-v6-c-button--TextDecorationLine: none;
1425
+ --pf-v6-c-button--TextDecorationStyle: none;
1420
1426
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1421
1427
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1422
1428
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
1423
1429
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1424
1430
  --pf-v6-c-button--hover--BorderColor: transparent;
1425
1431
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
1426
- --pf-v6-c-button--hover--TextDecoration: none;
1432
+ --pf-v6-c-button--hover--TextDecorationLine: none;
1433
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
1427
1434
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1428
1435
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
1429
1436
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -1493,7 +1500,10 @@ button.pf-v6-c-breadcrumb__link {
1493
1500
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
1494
1501
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
1495
1502
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
1496
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
1503
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
1504
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
1505
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1506
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1497
1507
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
1498
1508
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
1499
1509
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -1648,7 +1658,7 @@ button.pf-v6-c-breadcrumb__link {
1648
1658
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
1649
1659
  color: var(--pf-v6-c-button--Color);
1650
1660
  text-align: center;
1651
- text-decoration: var(--pf-v6-c-button--TextDecoration);
1661
+ text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
1652
1662
  white-space: nowrap;
1653
1663
  cursor: pointer;
1654
1664
  user-select: none;
@@ -1748,7 +1758,10 @@ button.pf-v6-c-breadcrumb__link {
1748
1758
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
1749
1759
  --pf-v6-c-button--BackgroundColor: transparent;
1750
1760
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
1751
- --pf-v6-c-button--hover--TextDecoration: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecoration);
1761
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
1762
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
1763
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
1764
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
1752
1765
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1753
1766
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1754
1767
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -1910,8 +1923,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1910
1923
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
1911
1924
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
1912
1925
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
1913
- --pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
1914
1926
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
1927
+ text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
1915
1928
  }
1916
1929
  .pf-v6-c-button.pf-m-clicked {
1917
1930
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -1934,7 +1947,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1934
1947
  color: var(--pf-v6-c-button--disabled__icon--Color);
1935
1948
  }
1936
1949
  .pf-v6-c-button.pf-m-aria-disabled {
1937
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
1950
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
1951
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
1938
1952
  cursor: default;
1939
1953
  }
1940
1954
  .pf-v6-c-button.pf-m-progress {
@@ -2218,7 +2232,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2218
2232
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2219
2233
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
2220
2234
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2221
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
2235
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2222
2236
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
2223
2237
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2224
2238
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
@@ -2967,9 +2981,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2967
2981
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
2968
2982
  --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
2969
2983
  --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
2970
- --pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
2984
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
2985
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
2971
2986
  --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
2972
- --pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
2987
+ --pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
2988
+ --pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
2973
2989
  --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
2974
2990
  --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
2975
2991
  --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -2998,11 +3014,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2998
3014
  }
2999
3015
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
3000
3016
  color: var(--pf-v6-c-content--a--Color);
3001
- text-decoration: var(--pf-v6-c-content--a--TextDecoration);
3017
+ text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
3002
3018
  }
3003
- :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
3019
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
3004
3020
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
3005
- --pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
3021
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
3022
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
3006
3023
  }
3007
3024
 
3008
3025
  :is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
@@ -3152,7 +3169,7 @@ ul) {
3152
3169
  display: grid;
3153
3170
  grid-template-columns: 1fr;
3154
3171
  }
3155
- @media screen and (min-width: 576px) {
3172
+ @media screen and (min-width: 36rem) {
3156
3173
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
3157
3174
  grid-template: auto/auto 1fr;
3158
3175
  grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
@@ -3166,24 +3183,24 @@ ul) {
3166
3183
  :is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
3167
3184
  margin-block-start: var(--pf-v6-c-content--dt--MarginBlockStart);
3168
3185
  }
3169
- @media screen and (min-width: 576px) {
3186
+ @media screen and (min-width: 36rem) {
3170
3187
  :is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
3171
3188
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-v6-c-content--dt--sm--MarginBlockStart);
3172
3189
  }
3173
3190
  }
3174
- @media screen and (min-width: 576px) {
3191
+ @media screen and (min-width: 36rem) {
3175
3192
  :is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
3176
3193
  grid-column: 1;
3177
3194
  }
3178
3195
  }
3179
3196
 
3180
- @media screen and (min-width: 576px) {
3197
+ @media screen and (min-width: 36rem) {
3181
3198
  :is(.pf-v6-c-content--dd, .pf-v6-c-content dd) {
3182
3199
  grid-column: 2;
3183
3200
  }
3184
3201
  }
3185
3202
 
3186
- @media screen and (min-width: 768px) {
3203
+ @media screen and (min-width: 48rem) {
3187
3204
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
3188
3205
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
3189
3206
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -3195,7 +3212,7 @@ ul) {
3195
3212
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
3196
3213
  }
3197
3214
  }
3198
- @media screen and (min-width: 768px) and (min-width: 1200px) {
3215
+ @media screen and (min-width: 48rem) and (min-width: 75rem) {
3199
3216
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
3200
3217
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
3201
3218
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -3203,7 +3220,7 @@ ul) {
3203
3220
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
3204
3221
  }
3205
3222
  }
3206
- @media screen and (min-width: 768px) {
3223
+ @media screen and (min-width: 48rem) {
3207
3224
  .pf-v6-c-data-list:not([class*=pf-m-grid]) .pf-v6-c-data-list__item-content {
3208
3225
  display: flex;
3209
3226
  flex-grow: 1;
@@ -3253,7 +3270,7 @@ ul) {
3253
3270
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
3254
3271
  }
3255
3272
  }
3256
- @media screen and (min-width: 0) and (min-width: 1200px) {
3273
+ @media screen and (min-width: 0) and (min-width: 75rem) {
3257
3274
  .pf-v6-c-data-list.pf-m-grid-none {
3258
3275
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
3259
3276
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -3299,7 +3316,7 @@ ul) {
3299
3316
  }
3300
3317
  }
3301
3318
 
3302
- @media screen and (min-width: 576px) {
3319
+ @media screen and (min-width: 36rem) {
3303
3320
  .pf-v6-c-data-list.pf-m-grid-sm {
3304
3321
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
3305
3322
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -3311,7 +3328,7 @@ ul) {
3311
3328
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
3312
3329
  }
3313
3330
  }
3314
- @media screen and (min-width: 576px) and (min-width: 1200px) {
3331
+ @media screen and (min-width: 36rem) and (min-width: 75rem) {
3315
3332
  .pf-v6-c-data-list.pf-m-grid-sm {
3316
3333
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
3317
3334
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -3319,7 +3336,7 @@ ul) {
3319
3336
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
3320
3337
  }
3321
3338
  }
3322
- @media screen and (min-width: 576px) {
3339
+ @media screen and (min-width: 36rem) {
3323
3340
  .pf-v6-c-data-list.pf-m-grid-sm .pf-v6-c-data-list__item-content {
3324
3341
  display: flex;
3325
3342
  flex-grow: 1;
@@ -3357,7 +3374,7 @@ ul) {
3357
3374
  }
3358
3375
  }
3359
3376
 
3360
- @media screen and (min-width: 768px) {
3377
+ @media screen and (min-width: 48rem) {
3361
3378
  .pf-v6-c-data-list.pf-m-grid-md {
3362
3379
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
3363
3380
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -3369,7 +3386,7 @@ ul) {
3369
3386
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
3370
3387
  }
3371
3388
  }
3372
- @media screen and (min-width: 768px) and (min-width: 1200px) {
3389
+ @media screen and (min-width: 48rem) and (min-width: 75rem) {
3373
3390
  .pf-v6-c-data-list.pf-m-grid-md {
3374
3391
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
3375
3392
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -3377,7 +3394,7 @@ ul) {
3377
3394
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
3378
3395
  }
3379
3396
  }
3380
- @media screen and (min-width: 768px) {
3397
+ @media screen and (min-width: 48rem) {
3381
3398
  .pf-v6-c-data-list.pf-m-grid-md .pf-v6-c-data-list__item-content {
3382
3399
  display: flex;
3383
3400
  flex-grow: 1;
@@ -3415,7 +3432,7 @@ ul) {
3415
3432
  }
3416
3433
  }
3417
3434
 
3418
- @media screen and (min-width: 992px) {
3435
+ @media screen and (min-width: 62rem) {
3419
3436
  .pf-v6-c-data-list.pf-m-grid-lg {
3420
3437
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
3421
3438
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -3427,7 +3444,7 @@ ul) {
3427
3444
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
3428
3445
  }
3429
3446
  }
3430
- @media screen and (min-width: 992px) and (min-width: 1200px) {
3447
+ @media screen and (min-width: 62rem) and (min-width: 75rem) {
3431
3448
  .pf-v6-c-data-list.pf-m-grid-lg {
3432
3449
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
3433
3450
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -3435,7 +3452,7 @@ ul) {
3435
3452
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
3436
3453
  }
3437
3454
  }
3438
- @media screen and (min-width: 992px) {
3455
+ @media screen and (min-width: 62rem) {
3439
3456
  .pf-v6-c-data-list.pf-m-grid-lg .pf-v6-c-data-list__item-content {
3440
3457
  display: flex;
3441
3458
  flex-grow: 1;
@@ -3473,7 +3490,7 @@ ul) {
3473
3490
  }
3474
3491
  }
3475
3492
 
3476
- @media screen and (min-width: 1200px) {
3493
+ @media screen and (min-width: 75rem) {
3477
3494
  .pf-v6-c-data-list.pf-m-grid-xl {
3478
3495
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
3479
3496
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -3485,7 +3502,7 @@ ul) {
3485
3502
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
3486
3503
  }
3487
3504
  }
3488
- @media screen and (min-width: 1200px) and (min-width: 1200px) {
3505
+ @media screen and (min-width: 75rem) and (min-width: 75rem) {
3489
3506
  .pf-v6-c-data-list.pf-m-grid-xl {
3490
3507
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
3491
3508
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -3493,7 +3510,7 @@ ul) {
3493
3510
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
3494
3511
  }
3495
3512
  }
3496
- @media screen and (min-width: 1200px) {
3513
+ @media screen and (min-width: 75rem) {
3497
3514
  .pf-v6-c-data-list.pf-m-grid-xl .pf-v6-c-data-list__item-content {
3498
3515
  display: flex;
3499
3516
  flex-grow: 1;
@@ -3531,7 +3548,7 @@ ul) {
3531
3548
  }
3532
3549
  }
3533
3550
 
3534
- @media screen and (min-width: 1450px) {
3551
+ @media screen and (min-width: 90.625rem) {
3535
3552
  .pf-v6-c-data-list.pf-m-grid-2xl {
3536
3553
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
3537
3554
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -3543,7 +3560,7 @@ ul) {
3543
3560
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
3544
3561
  }
3545
3562
  }
3546
- @media screen and (min-width: 1450px) and (min-width: 1200px) {
3563
+ @media screen and (min-width: 90.625rem) and (min-width: 75rem) {
3547
3564
  .pf-v6-c-data-list.pf-m-grid-2xl {
3548
3565
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
3549
3566
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -3551,7 +3568,7 @@ ul) {
3551
3568
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
3552
3569
  }
3553
3570
  }
3554
- @media screen and (min-width: 1450px) {
3571
+ @media screen and (min-width: 90.625rem) {
3555
3572
  .pf-v6-c-data-list.pf-m-grid-2xl .pf-v6-c-data-list__item-content {
3556
3573
  display: flex;
3557
3574
  flex-grow: 1;
@@ -3657,10 +3674,9 @@ ul) {
3657
3674
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3658
3675
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3659
3676
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
3660
- --pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
3661
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
3662
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list__item-action__action--MarginBlockStart);
3663
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3677
+ --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
3678
+ --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3679
+ --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3664
3680
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
3665
3681
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
3666
3682
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -3690,9 +3706,8 @@ ul) {
3690
3706
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3691
3707
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3692
3708
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3693
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
3694
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
3695
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
3709
+ --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
3710
+ --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
3696
3711
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3697
3712
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
3698
3713
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -3700,13 +3715,13 @@ ul) {
3700
3715
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3701
3716
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3702
3717
  }
3703
- @media screen and (min-width: 576px) {
3718
+ @media screen and (min-width: 36rem) {
3704
3719
  :where(:root, .pf-v6-c-data-list) {
3705
3720
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
3706
3721
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
3707
3722
  }
3708
3723
  }
3709
- @media screen and (min-width: 576px) {
3724
+ @media screen and (min-width: 36rem) {
3710
3725
  :where(:root, .pf-v6-c-data-list) {
3711
3726
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
3712
3727
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
@@ -3721,13 +3736,12 @@ ul) {
3721
3736
  }
3722
3737
  .pf-v6-c-data-list.pf-m-compact {
3723
3738
  --pf-v6-c-data-list__check--FontSize: var(--pf-v6-c-data-list--m-compact__check--FontSize);
3724
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
3725
3739
  --pf-v6-c-data-list--FontSize: var(--pf-v6-c-data-list--m-compact--FontSize);
3726
3740
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
3727
3741
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
3728
3742
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
3729
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
3730
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd);
3743
+ --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
3744
+ --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
3731
3745
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
3732
3746
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
3733
3747
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -3870,6 +3884,7 @@ ul) {
3870
3884
  --pf-v6-hidden-visible--hidden--Display: none;
3871
3885
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3872
3886
  display: var(--pf-v6-hidden-visible--Display);
3887
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
3873
3888
  align-content: flex-start;
3874
3889
  align-items: flex-start;
3875
3890
  padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
@@ -3879,7 +3894,7 @@ ul) {
3879
3894
  .pf-v6-c-data-list__item-action.pf-m-hidden {
3880
3895
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3881
3896
  }
3882
- @media screen and (min-width: 576px) {
3897
+ @media screen and (min-width: 36rem) {
3883
3898
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-sm {
3884
3899
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3885
3900
  }
@@ -3887,7 +3902,7 @@ ul) {
3887
3902
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3888
3903
  }
3889
3904
  }
3890
- @media screen and (min-width: 768px) {
3905
+ @media screen and (min-width: 48rem) {
3891
3906
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-md {
3892
3907
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3893
3908
  }
@@ -3895,7 +3910,7 @@ ul) {
3895
3910
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3896
3911
  }
3897
3912
  }
3898
- @media screen and (min-width: 992px) {
3913
+ @media screen and (min-width: 62rem) {
3899
3914
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-lg {
3900
3915
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3901
3916
  }
@@ -3903,7 +3918,7 @@ ul) {
3903
3918
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3904
3919
  }
3905
3920
  }
3906
- @media screen and (min-width: 1200px) {
3921
+ @media screen and (min-width: 75rem) {
3907
3922
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-xl {
3908
3923
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3909
3924
  }
@@ -3911,7 +3926,7 @@ ul) {
3911
3926
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3912
3927
  }
3913
3928
  }
3914
- @media screen and (min-width: 1450px) {
3929
+ @media screen and (min-width: 90.625rem) {
3915
3930
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-2xl {
3916
3931
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3917
3932
  }
@@ -3919,12 +3934,10 @@ ul) {
3919
3934
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3920
3935
  }
3921
3936
  }
3922
- .pf-v6-c-data-list__item-action > *:not(:last-child) {
3923
- margin-inline-end: var(--pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd);
3924
- }
3925
- .pf-v6-c-data-list__item-action .pf-v6-c-data-list__action {
3937
+
3938
+ .pf-v6-c-data-list__action {
3926
3939
  margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
3927
- margin-block-end: var(--pf-v6-c-data-list__item-action__action--MarginBlockEnd);
3940
+ margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
3928
3941
  }
3929
3942
 
3930
3943
  .pf-v6-c-data-list__toggle {
@@ -4050,11 +4063,11 @@ ul) {
4050
4063
  --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
4051
4064
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
4052
4065
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
4053
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
4054
- --pf-v6-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
4055
- --pf-v6-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
4056
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
4057
- --pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
4066
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
4067
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
4068
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
4069
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
4070
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
4058
4071
  --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
4059
4072
  --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
4060
4073
  --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
@@ -4064,32 +4077,32 @@ ul) {
4064
4077
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
4065
4078
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
4066
4079
  }
4067
- @media screen and (min-width: 576px) {
4080
+ @media screen and (min-width: 36rem) {
4068
4081
  :where(:root, .pf-v6-c-description-list) {
4069
4082
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
4070
4083
  }
4071
4084
  }
4072
- @media (min-width: 576px) {
4085
+ @media (min-width: 36rem) {
4073
4086
  :where(:root, .pf-v6-c-description-list) {
4074
4087
  --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));
4075
4088
  }
4076
4089
  }
4077
- @media (min-width: 768px) {
4090
+ @media (min-width: 48rem) {
4078
4091
  :where(:root, .pf-v6-c-description-list) {
4079
4092
  --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)));
4080
4093
  }
4081
4094
  }
4082
- @media (min-width: 992px) {
4095
+ @media (min-width: 62rem) {
4083
4096
  :where(:root, .pf-v6-c-description-list) {
4084
4097
  --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))));
4085
4098
  }
4086
4099
  }
4087
- @media (min-width: 1200px) {
4100
+ @media (min-width: 75rem) {
4088
4101
  :where(:root, .pf-v6-c-description-list) {
4089
4102
  --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)))));
4090
4103
  }
4091
4104
  }
4092
- @media (min-width: 1450px) {
4105
+ @media (min-width: 90.625rem) {
4093
4106
  :where(:root, .pf-v6-c-description-list) {
4094
4107
  --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))))));
4095
4108
  }
@@ -4112,27 +4125,27 @@ ul) {
4112
4125
  grid-template-columns: repeat(auto-fit, minmax(var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
4113
4126
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
4114
4127
  }
4115
- @media (min-width: 576px) {
4128
+ @media (min-width: 36rem) {
4116
4129
  .pf-v6-c-description-list.pf-m-auto-fit {
4117
4130
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min));
4118
4131
  }
4119
4132
  }
4120
- @media (min-width: 768px) {
4133
+ @media (min-width: 48rem) {
4121
4134
  .pf-v6-c-description-list.pf-m-auto-fit {
4122
4135
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)));
4123
4136
  }
4124
4137
  }
4125
- @media (min-width: 992px) {
4138
+ @media (min-width: 62rem) {
4126
4139
  .pf-v6-c-description-list.pf-m-auto-fit {
4127
4140
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))));
4128
4141
  }
4129
4142
  }
4130
- @media (min-width: 1200px) {
4143
+ @media (min-width: 75rem) {
4131
4144
  .pf-v6-c-description-list.pf-m-auto-fit {
4132
4145
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)))));
4133
4146
  }
4134
4147
  }
4135
- @media (min-width: 1450px) {
4148
+ @media (min-width: 90.625rem) {
4136
4149
  .pf-v6-c-description-list.pf-m-auto-fit {
4137
4150
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-2xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))))));
4138
4151
  }
@@ -4216,18 +4229,13 @@ ul) {
4216
4229
  min-width: 0;
4217
4230
  }
4218
4231
  .pf-v6-c-description-list__text.pf-m-help-text {
4219
- text-decoration: underline;
4220
- text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
4221
- text-decoration-style: dashed;
4222
- text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
4223
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
4232
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
4233
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
4224
4234
  cursor: pointer;
4225
4235
  }
4226
- .pf-v6-c-description-list__text.pf-m-help-text:hover {
4227
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
4228
- }
4229
- .pf-v6-c-description-list__text.pf-m-help-text:focus {
4230
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
4236
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
4237
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
4238
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
4231
4239
  }
4232
4240
 
4233
4241
  .pf-v6-c-description-list.pf-m-1-col {
@@ -4247,7 +4255,7 @@ ul) {
4247
4255
  --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4248
4256
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4249
4257
  }
4250
- @media (min-width: 576px) {
4258
+ @media (min-width: 36rem) {
4251
4259
  .pf-v6-c-description-list.pf-m-1-col-on-sm {
4252
4260
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4253
4261
  }
@@ -4266,7 +4274,7 @@ ul) {
4266
4274
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4267
4275
  }
4268
4276
  }
4269
- @media (min-width: 768px) {
4277
+ @media (min-width: 48rem) {
4270
4278
  .pf-v6-c-description-list.pf-m-1-col-on-md {
4271
4279
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4272
4280
  }
@@ -4285,7 +4293,7 @@ ul) {
4285
4293
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4286
4294
  }
4287
4295
  }
4288
- @media (min-width: 992px) {
4296
+ @media (min-width: 62rem) {
4289
4297
  .pf-v6-c-description-list.pf-m-1-col-on-lg {
4290
4298
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4291
4299
  }
@@ -4304,7 +4312,7 @@ ul) {
4304
4312
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4305
4313
  }
4306
4314
  }
4307
- @media (min-width: 1200px) {
4315
+ @media (min-width: 75rem) {
4308
4316
  .pf-v6-c-description-list.pf-m-1-col-on-xl {
4309
4317
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4310
4318
  }
@@ -4323,7 +4331,7 @@ ul) {
4323
4331
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4324
4332
  }
4325
4333
  }
4326
- @media (min-width: 1450px) {
4334
+ @media (min-width: 90.625rem) {
4327
4335
  .pf-v6-c-description-list.pf-m-1-col-on-2xl {
4328
4336
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4329
4337
  }
@@ -4825,7 +4833,7 @@ ul) {
4825
4833
  .pf-v6-c-divider.pf-m-hidden {
4826
4834
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4827
4835
  }
4828
- @media screen and (min-width: 576px) {
4836
+ @media screen and (min-width: 36rem) {
4829
4837
  .pf-v6-c-divider.pf-m-hidden-on-sm {
4830
4838
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4831
4839
  }
@@ -4833,7 +4841,7 @@ ul) {
4833
4841
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4834
4842
  }
4835
4843
  }
4836
- @media screen and (min-width: 768px) {
4844
+ @media screen and (min-width: 48rem) {
4837
4845
  .pf-v6-c-divider.pf-m-hidden-on-md {
4838
4846
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4839
4847
  }
@@ -4841,7 +4849,7 @@ ul) {
4841
4849
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4842
4850
  }
4843
4851
  }
4844
- @media screen and (min-width: 992px) {
4852
+ @media screen and (min-width: 62rem) {
4845
4853
  .pf-v6-c-divider.pf-m-hidden-on-lg {
4846
4854
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4847
4855
  }
@@ -4849,7 +4857,7 @@ ul) {
4849
4857
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4850
4858
  }
4851
4859
  }
4852
- @media screen and (min-width: 1200px) {
4860
+ @media screen and (min-width: 75rem) {
4853
4861
  .pf-v6-c-divider.pf-m-hidden-on-xl {
4854
4862
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4855
4863
  }
@@ -4857,7 +4865,7 @@ ul) {
4857
4865
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4858
4866
  }
4859
4867
  }
4860
- @media screen and (min-width: 1450px) {
4868
+ @media screen and (min-width: 90.625rem) {
4861
4869
  .pf-v6-c-divider.pf-m-hidden-on-2xl {
4862
4870
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4863
4871
  }
@@ -4905,21 +4913,21 @@ ul) {
4905
4913
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4906
4914
  }
4907
4915
 
4908
- @media (min-width: 576px) {
4916
+ @media (min-width: 36rem) {
4909
4917
  .pf-v6-c-divider.pf-m-horizontal-on-sm {
4910
4918
  flex-direction: row;
4911
4919
  width: 100%;
4912
4920
  height: var(--pf-v6-c-divider--Size);
4913
4921
  }
4914
4922
  }
4915
- @media (min-width: 576px) {
4923
+ @media (min-width: 36rem) {
4916
4924
  .pf-v6-c-divider.pf-m-vertical-on-sm {
4917
4925
  flex-direction: column;
4918
4926
  width: var(--pf-v6-c-divider--Size);
4919
4927
  height: inherit;
4920
4928
  }
4921
4929
  }
4922
- @media (min-width: 576px) {
4930
+ @media (min-width: 36rem) {
4923
4931
  .pf-v6-c-divider.pf-m-inset-none-on-sm {
4924
4932
  --pf-v6-c-divider--before--FlexBasis: 100%;
4925
4933
  }
@@ -4945,21 +4953,21 @@ ul) {
4945
4953
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4946
4954
  }
4947
4955
  }
4948
- @media (min-width: 768px) {
4956
+ @media (min-width: 48rem) {
4949
4957
  .pf-v6-c-divider.pf-m-horizontal-on-md {
4950
4958
  flex-direction: row;
4951
4959
  width: 100%;
4952
4960
  height: var(--pf-v6-c-divider--Size);
4953
4961
  }
4954
4962
  }
4955
- @media (min-width: 768px) {
4963
+ @media (min-width: 48rem) {
4956
4964
  .pf-v6-c-divider.pf-m-vertical-on-md {
4957
4965
  flex-direction: column;
4958
4966
  width: var(--pf-v6-c-divider--Size);
4959
4967
  height: inherit;
4960
4968
  }
4961
4969
  }
4962
- @media (min-width: 768px) {
4970
+ @media (min-width: 48rem) {
4963
4971
  .pf-v6-c-divider.pf-m-inset-none-on-md {
4964
4972
  --pf-v6-c-divider--before--FlexBasis: 100%;
4965
4973
  }
@@ -4985,21 +4993,21 @@ ul) {
4985
4993
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4986
4994
  }
4987
4995
  }
4988
- @media (min-width: 992px) {
4996
+ @media (min-width: 62rem) {
4989
4997
  .pf-v6-c-divider.pf-m-horizontal-on-lg {
4990
4998
  flex-direction: row;
4991
4999
  width: 100%;
4992
5000
  height: var(--pf-v6-c-divider--Size);
4993
5001
  }
4994
5002
  }
4995
- @media (min-width: 992px) {
5003
+ @media (min-width: 62rem) {
4996
5004
  .pf-v6-c-divider.pf-m-vertical-on-lg {
4997
5005
  flex-direction: column;
4998
5006
  width: var(--pf-v6-c-divider--Size);
4999
5007
  height: inherit;
5000
5008
  }
5001
5009
  }
5002
- @media (min-width: 992px) {
5010
+ @media (min-width: 62rem) {
5003
5011
  .pf-v6-c-divider.pf-m-inset-none-on-lg {
5004
5012
  --pf-v6-c-divider--before--FlexBasis: 100%;
5005
5013
  }
@@ -5025,21 +5033,21 @@ ul) {
5025
5033
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5026
5034
  }
5027
5035
  }
5028
- @media (min-width: 1200px) {
5036
+ @media (min-width: 75rem) {
5029
5037
  .pf-v6-c-divider.pf-m-horizontal-on-xl {
5030
5038
  flex-direction: row;
5031
5039
  width: 100%;
5032
5040
  height: var(--pf-v6-c-divider--Size);
5033
5041
  }
5034
5042
  }
5035
- @media (min-width: 1200px) {
5043
+ @media (min-width: 75rem) {
5036
5044
  .pf-v6-c-divider.pf-m-vertical-on-xl {
5037
5045
  flex-direction: column;
5038
5046
  width: var(--pf-v6-c-divider--Size);
5039
5047
  height: inherit;
5040
5048
  }
5041
5049
  }
5042
- @media (min-width: 1200px) {
5050
+ @media (min-width: 75rem) {
5043
5051
  .pf-v6-c-divider.pf-m-inset-none-on-xl {
5044
5052
  --pf-v6-c-divider--before--FlexBasis: 100%;
5045
5053
  }
@@ -5065,21 +5073,21 @@ ul) {
5065
5073
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5066
5074
  }
5067
5075
  }
5068
- @media (min-width: 1450px) {
5076
+ @media (min-width: 90.625rem) {
5069
5077
  .pf-v6-c-divider.pf-m-horizontal-on-2xl {
5070
5078
  flex-direction: row;
5071
5079
  width: 100%;
5072
5080
  height: var(--pf-v6-c-divider--Size);
5073
5081
  }
5074
5082
  }
5075
- @media (min-width: 1450px) {
5083
+ @media (min-width: 90.625rem) {
5076
5084
  .pf-v6-c-divider.pf-m-vertical-on-2xl {
5077
5085
  flex-direction: column;
5078
5086
  width: var(--pf-v6-c-divider--Size);
5079
5087
  height: inherit;
5080
5088
  }
5081
5089
  }
5082
- @media (min-width: 1450px) {
5090
+ @media (min-width: 90.625rem) {
5083
5091
  .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5084
5092
  --pf-v6-c-divider--before--FlexBasis: 100%;
5085
5093
  }
@@ -5213,7 +5221,7 @@ ul) {
5213
5221
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
5214
5222
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5215
5223
  }
5216
- @media screen and (min-width: 1200px) {
5224
+ @media screen and (min-width: 75rem) {
5217
5225
  :where(:root, .pf-v6-c-drawer) {
5218
5226
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
5219
5227
  }
@@ -5356,7 +5364,7 @@ ul) {
5356
5364
  .pf-v6-c-drawer__panel.pf-m-no-background {
5357
5365
  --pf-v6-c-drawer__panel--BackgroundColor: transparent;
5358
5366
  }
5359
- @media screen and (min-width: 768px) {
5367
+ @media screen and (min-width: 48rem) {
5360
5368
  .pf-v6-c-drawer__panel {
5361
5369
  --pf-v6-c-drawer__panel--FlexBasis:
5362
5370
  max(
@@ -5365,7 +5373,7 @@ ul) {
5365
5373
  );
5366
5374
  }
5367
5375
  }
5368
- @media screen and (min-width: 1200px) {
5376
+ @media screen and (min-width: 75rem) {
5369
5377
  .pf-v6-c-drawer__panel {
5370
5378
  --pf-v6-c-drawer__panel--md--FlexBasis: var(--pf-v6-c-drawer__panel--xl--FlexBasis);
5371
5379
  }
@@ -5506,7 +5514,7 @@ ul) {
5506
5514
  border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
5507
5515
  }
5508
5516
 
5509
- @media screen and (min-width: 768px) {
5517
+ @media screen and (min-width: 48rem) {
5510
5518
  .pf-v6-c-drawer {
5511
5519
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
5512
5520
  }
@@ -5596,7 +5604,7 @@ ul) {
5596
5604
  display: block;
5597
5605
  }
5598
5606
  }
5599
- @media (min-width: 768px) {
5607
+ @media (min-width: 48rem) {
5600
5608
  .pf-v6-c-drawer__panel.pf-m-width-25 {
5601
5609
  --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
5602
5610
  }
@@ -5616,7 +5624,7 @@ ul) {
5616
5624
  --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
5617
5625
  }
5618
5626
  }
5619
- @media (min-width: 992px) {
5627
+ @media (min-width: 62rem) {
5620
5628
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
5621
5629
  --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
5622
5630
  }
@@ -5636,7 +5644,7 @@ ul) {
5636
5644
  --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
5637
5645
  }
5638
5646
  }
5639
- @media (min-width: 1200px) {
5647
+ @media (min-width: 75rem) {
5640
5648
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
5641
5649
  --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
5642
5650
  }
@@ -5656,7 +5664,7 @@ ul) {
5656
5664
  --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
5657
5665
  }
5658
5666
  }
5659
- @media (min-width: 1450px) {
5667
+ @media (min-width: 90.625rem) {
5660
5668
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
5661
5669
  --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
5662
5670
  }
@@ -5676,7 +5684,7 @@ ul) {
5676
5684
  --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
5677
5685
  }
5678
5686
  }
5679
- @media (min-width: 768px) {
5687
+ @media (min-width: 48rem) {
5680
5688
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
5681
5689
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
5682
5690
  flex-shrink: 1;
@@ -5743,7 +5751,7 @@ ul) {
5743
5751
  display: none;
5744
5752
  }
5745
5753
  }
5746
- @media (min-width: 992px) {
5754
+ @media (min-width: 62rem) {
5747
5755
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
5748
5756
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
5749
5757
  flex-shrink: 1;
@@ -5810,7 +5818,7 @@ ul) {
5810
5818
  display: none;
5811
5819
  }
5812
5820
  }
5813
- @media (min-width: 1200px) {
5821
+ @media (min-width: 75rem) {
5814
5822
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
5815
5823
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
5816
5824
  flex-shrink: 1;
@@ -5877,7 +5885,7 @@ ul) {
5877
5885
  display: none;
5878
5886
  }
5879
5887
  }
5880
- @media (min-width: 1450px) {
5888
+ @media (min-width: 90.625rem) {
5881
5889
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
5882
5890
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
5883
5891
  flex-shrink: 1;
@@ -6370,7 +6378,7 @@ ul) {
6370
6378
  .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
6371
6379
  text-align: end;
6372
6380
  }
6373
- @media screen and (min-width: 768px) {
6381
+ @media screen and (min-width: 48rem) {
6374
6382
  .pf-v6-c-form.pf-m-horizontal {
6375
6383
  --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
6376
6384
  }
@@ -6426,7 +6434,7 @@ ul) {
6426
6434
  grid-column: 2;
6427
6435
  }
6428
6436
  }
6429
- @media (min-width: 576px) {
6437
+ @media (min-width: 36rem) {
6430
6438
  .pf-v6-c-form.pf-m-horizontal-on-sm {
6431
6439
  --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
6432
6440
  }
@@ -6454,7 +6462,7 @@ ul) {
6454
6462
  grid-column: 2;
6455
6463
  }
6456
6464
  }
6457
- @media (min-width: 768px) {
6465
+ @media (min-width: 48rem) {
6458
6466
  .pf-v6-c-form.pf-m-horizontal-on-md {
6459
6467
  --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
6460
6468
  }
@@ -6482,7 +6490,7 @@ ul) {
6482
6490
  grid-column: 2;
6483
6491
  }
6484
6492
  }
6485
- @media (min-width: 992px) {
6493
+ @media (min-width: 62rem) {
6486
6494
  .pf-v6-c-form.pf-m-horizontal-on-lg {
6487
6495
  --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
6488
6496
  }
@@ -6510,7 +6518,7 @@ ul) {
6510
6518
  grid-column: 2;
6511
6519
  }
6512
6520
  }
6513
- @media (min-width: 1200px) {
6521
+ @media (min-width: 75rem) {
6514
6522
  .pf-v6-c-form.pf-m-horizontal-on-xl {
6515
6523
  --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
6516
6524
  }
@@ -6538,7 +6546,7 @@ ul) {
6538
6546
  grid-column: 2;
6539
6547
  }
6540
6548
  }
6541
- @media (min-width: 1450px) {
6549
+ @media (min-width: 90.625rem) {
6542
6550
  .pf-v6-c-form.pf-m-horizontal-on-2xl {
6543
6551
  --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
6544
6552
  }
@@ -7711,7 +7719,7 @@ label.pf-v6-c-input-group__text {
7711
7719
  --pf-v6-c-jump-links__toggle--Display: none;
7712
7720
  --pf-v6-c-jump-links__label--Display: block;
7713
7721
  }
7714
- @media (min-width: 576px) {
7722
+ @media (min-width: 36rem) {
7715
7723
  .pf-v6-c-jump-links.pf-m-expandable-on-sm {
7716
7724
  --pf-v6-c-jump-links__list--Display: none;
7717
7725
  --pf-v6-c-jump-links__toggle--Display: block;
@@ -7723,7 +7731,7 @@ label.pf-v6-c-input-group__text {
7723
7731
  --pf-v6-c-jump-links__label--Display: block;
7724
7732
  }
7725
7733
  }
7726
- @media (min-width: 768px) {
7734
+ @media (min-width: 48rem) {
7727
7735
  .pf-v6-c-jump-links.pf-m-expandable-on-md {
7728
7736
  --pf-v6-c-jump-links__list--Display: none;
7729
7737
  --pf-v6-c-jump-links__toggle--Display: block;
@@ -7735,7 +7743,7 @@ label.pf-v6-c-input-group__text {
7735
7743
  --pf-v6-c-jump-links__label--Display: block;
7736
7744
  }
7737
7745
  }
7738
- @media (min-width: 992px) {
7746
+ @media (min-width: 62rem) {
7739
7747
  .pf-v6-c-jump-links.pf-m-expandable-on-lg {
7740
7748
  --pf-v6-c-jump-links__list--Display: none;
7741
7749
  --pf-v6-c-jump-links__toggle--Display: block;
@@ -7747,7 +7755,7 @@ label.pf-v6-c-input-group__text {
7747
7755
  --pf-v6-c-jump-links__label--Display: block;
7748
7756
  }
7749
7757
  }
7750
- @media (min-width: 1200px) {
7758
+ @media (min-width: 75rem) {
7751
7759
  .pf-v6-c-jump-links.pf-m-expandable-on-xl {
7752
7760
  --pf-v6-c-jump-links__list--Display: none;
7753
7761
  --pf-v6-c-jump-links__toggle--Display: block;
@@ -7759,7 +7767,7 @@ label.pf-v6-c-input-group__text {
7759
7767
  --pf-v6-c-jump-links__label--Display: block;
7760
7768
  }
7761
7769
  }
7762
- @media (min-width: 1450px) {
7770
+ @media (min-width: 90.625rem) {
7763
7771
  .pf-v6-c-jump-links.pf-m-expandable-on-2xl {
7764
7772
  --pf-v6-c-jump-links__list--Display: none;
7765
7773
  --pf-v6-c-jump-links__toggle--Display: block;
@@ -7818,7 +7826,7 @@ label.pf-v6-c-input-group__text {
7818
7826
  text-decoration: none;
7819
7827
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
7820
7828
  }
7821
- .pf-v6-c-jump-links__link:hover, .pf-v6-c-jump-links__link:focus {
7829
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
7822
7830
  --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
7823
7831
  }
7824
7832
  .pf-v6-c-jump-links__link::before {
@@ -8008,7 +8016,7 @@ label.pf-v6-c-input-group__text {
8008
8016
  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
8009
8017
  --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
8010
8018
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
8011
- --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
8019
+ --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
8012
8020
  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
8013
8021
  --pf-v6-c-label--m-outline--BackgroundColor: transparent;
8014
8022
  --pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
@@ -8034,7 +8042,7 @@ label.pf-v6-c-input-group__text {
8034
8042
  --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
8035
8043
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8036
8044
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
8037
- --pf-v6-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
8045
+ --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
8038
8046
  --pf-v6-c-label__content--MaxWidth: 100%;
8039
8047
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
8040
8048
  --pf-v6-c-label__content--Cursor: initial;
@@ -8049,14 +8057,14 @@ label.pf-v6-c-input-group__text {
8049
8057
  --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8050
8058
  --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8051
8059
  --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8052
- --pf-v6-c-label--m-editable--TextDecoration: underline;
8053
- --pf-v6-c-label--m-editable--TextDecorationStyle: dashed;
8054
- --pf-v6-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
8055
- --pf-v6-c-label--m-editable--TextDecorationOffset: 0.25rem;
8056
- --pf-v6-c-label--m-editable--TextDecorationColor: currentcolor;
8060
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
8061
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
8062
+ --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
8063
+ --pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
8064
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
8057
8065
  --pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
8058
8066
  --pf-v6-c-label--m-editable__content--Cursor: pointer;
8059
- --pf-v6-c-label--m-editable--m-editable-active--TextDecoration: none;
8067
+ --pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
8060
8068
  --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
8061
8069
  --pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
8062
8070
  --pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
@@ -8226,10 +8234,10 @@ label.pf-v6-c-input-group__text {
8226
8234
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
8227
8235
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
8228
8236
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
8229
- --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
8237
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
8230
8238
  }
8231
8239
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
8232
- --pf-v6-c-button--Color: var(--pf-v6-c-label--m-filled__actions--c-button--Color);
8240
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
8233
8241
  }
8234
8242
  .pf-v6-c-label.pf-m-outline {
8235
8243
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-outline--Color);
@@ -8247,15 +8255,16 @@ label.pf-v6-c-input-group__text {
8247
8255
  --pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
8248
8256
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
8249
8257
  }
8258
+ .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
8259
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
8260
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
8261
+ }
8250
8262
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
8251
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecoration);
8252
- text-decoration-thickness: var(--pf-v6-c-label--m-editable--TextDecorationThickness);
8253
- text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
8254
- text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
8255
- text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
8263
+ text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
8264
+ text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
8256
8265
  }
8257
8266
  .pf-v6-c-label.pf-m-editable-active {
8258
- --pf-v6-c-label--m-editable--TextDecoration: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecoration);
8267
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
8259
8268
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
8260
8269
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
8261
8270
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
@@ -8296,7 +8305,7 @@ label.pf-v6-c-input-group__text {
8296
8305
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor);
8297
8306
  }
8298
8307
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
8299
- --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
8308
+ --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
8300
8309
  }
8301
8310
  .pf-v6-c-label.pf-m-disabled {
8302
8311
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
@@ -8627,48 +8636,48 @@ ul.pf-v6-c-list {
8627
8636
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
8628
8637
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8629
8638
  }
8630
- @media (min-width: 1200px) {
8639
+ @media (min-width: 75rem) {
8631
8640
  :where(:root, .pf-v6-c-login) {
8632
8641
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
8633
8642
  }
8634
8643
  }
8635
- @media (min-width: 576px) {
8644
+ @media (min-width: 36rem) {
8636
8645
  :where(:root, .pf-v6-c-login) {
8637
8646
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
8638
8647
  --pf-v6-c-login__header--PaddingInlineStart: 0;
8639
8648
  }
8640
8649
  }
8641
- @media (min-width: 1200px) {
8650
+ @media (min-width: 75rem) {
8642
8651
  :where(:root, .pf-v6-c-login) {
8643
8652
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
8644
8653
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
8645
8654
  }
8646
8655
  }
8647
- @media (min-width: 1200px) {
8656
+ @media (min-width: 75rem) {
8648
8657
  :where(:root, .pf-v6-c-login) {
8649
8658
  --pf-v6-c-login__main--MarginBlockEnd: 0;
8650
8659
  }
8651
8660
  }
8652
- @media (min-width: 768px) {
8661
+ @media (min-width: 48rem) {
8653
8662
  :where(:root, .pf-v6-c-login) {
8654
8663
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
8655
8664
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
8656
8665
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
8657
8666
  }
8658
8667
  }
8659
- @media (min-width: 768px) {
8668
+ @media (min-width: 48rem) {
8660
8669
  :where(:root, .pf-v6-c-login) {
8661
8670
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
8662
8671
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
8663
8672
  }
8664
8673
  }
8665
- @media (min-width: 576px) {
8674
+ @media (min-width: 36rem) {
8666
8675
  :where(:root, .pf-v6-c-login) {
8667
8676
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
8668
8677
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
8669
8678
  }
8670
8679
  }
8671
- @media (min-width: 1200px) {
8680
+ @media (min-width: 75rem) {
8672
8681
  :where(:root, .pf-v6-c-login) {
8673
8682
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
8674
8683
  }
@@ -8681,7 +8690,7 @@ ul.pf-v6-c-list {
8681
8690
  padding-block-start: var(--pf-v6-c-login--PaddingBlockStart);
8682
8691
  padding-block-end: var(--pf-v6-c-login--PaddingBlockEnd);
8683
8692
  }
8684
- @media (min-width: 576px) {
8693
+ @media (min-width: 36rem) {
8685
8694
  .pf-v6-c-login {
8686
8695
  align-items: center;
8687
8696
  }
@@ -8691,7 +8700,7 @@ ul.pf-v6-c-list {
8691
8700
  width: 100%;
8692
8701
  max-width: var(--pf-v6-c-login__container--MaxWidth);
8693
8702
  }
8694
- @media (min-width: 1200px) {
8703
+ @media (min-width: 75rem) {
8695
8704
  .pf-v6-c-login__container {
8696
8705
  display: grid;
8697
8706
  grid-template-areas: "main header" "main footer" "main .";
@@ -8708,7 +8717,7 @@ ul.pf-v6-c-list {
8708
8717
  padding-inline-start: var(--pf-v6-c-login__header--PaddingInlineStart);
8709
8718
  padding-inline-end: var(--pf-v6-c-login__header--PaddingInlineEnd);
8710
8719
  }
8711
- @media (min-width: 1200px) {
8720
+ @media (min-width: 75rem) {
8712
8721
  .pf-v6-c-login__header {
8713
8722
  margin-block-start: var(--pf-v6-c-login__header--xl--MarginBlockStart);
8714
8723
  }
@@ -8742,7 +8751,7 @@ ul.pf-v6-c-list {
8742
8751
  padding-inline-start: var(--pf-v6-c-login__main-header--PaddingInlineStart);
8743
8752
  padding-inline-end: var(--pf-v6-c-login__main-header--PaddingInlineEnd);
8744
8753
  }
8745
- @media (min-width: 768px) {
8754
+ @media (min-width: 48rem) {
8746
8755
  .pf-v6-c-login__main-header {
8747
8756
  grid-template-columns: 1fr auto;
8748
8757
  }
@@ -8753,7 +8762,7 @@ ul.pf-v6-c-list {
8753
8762
  grid-row: auto;
8754
8763
  grid-column: auto;
8755
8764
  }
8756
- @media (min-width: 768px) {
8765
+ @media (min-width: 48rem) {
8757
8766
  .pf-v6-c-login__main-header-utilities,
8758
8767
  .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
8759
8768
  grid-row: 1;
@@ -8878,11 +8887,11 @@ ul.pf-v6-c-list {
8878
8887
  }
8879
8888
  .pf-v6-c-masthead .pf-v6-c-toolbar {
8880
8889
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
8881
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
8890
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
8882
8891
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
8883
8892
  --pf-v6-c-toolbar__content--MinWidth: 0;
8884
8893
  }
8885
- @media screen and (min-width: 768px) {
8894
+ @media screen and (min-width: 48rem) {
8886
8895
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
8887
8896
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
8888
8897
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
@@ -9040,7 +9049,7 @@ ul.pf-v6-c-list {
9040
9049
  padding-inline-start: var(--pf-t--global--spacer--2xl);
9041
9050
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9042
9051
  }
9043
- @media (min-width: 576px) {
9052
+ @media (min-width: 36rem) {
9044
9053
  .pf-v6-c-masthead.pf-m-display-stack-on-sm {
9045
9054
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9046
9055
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
@@ -9084,7 +9093,7 @@ ul.pf-v6-c-list {
9084
9093
  padding-inline-start: var(--pf-t--global--spacer--2xl);
9085
9094
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9086
9095
  }
9087
- @media (min-width: 768px) {
9096
+ @media (min-width: 48rem) {
9088
9097
  .pf-v6-c-masthead.pf-m-display-stack-on-md {
9089
9098
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9090
9099
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
@@ -9128,7 +9137,7 @@ ul.pf-v6-c-list {
9128
9137
  padding-inline-start: var(--pf-t--global--spacer--2xl);
9129
9138
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9130
9139
  }
9131
- @media (min-width: 992px) {
9140
+ @media (min-width: 62rem) {
9132
9141
  .pf-v6-c-masthead.pf-m-display-stack-on-lg {
9133
9142
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9134
9143
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
@@ -9172,7 +9181,7 @@ ul.pf-v6-c-list {
9172
9181
  padding-inline-start: var(--pf-t--global--spacer--2xl);
9173
9182
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9174
9183
  }
9175
- @media (min-width: 1200px) {
9184
+ @media (min-width: 75rem) {
9176
9185
  .pf-v6-c-masthead.pf-m-display-stack-on-xl {
9177
9186
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9178
9187
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
@@ -9216,7 +9225,7 @@ ul.pf-v6-c-list {
9216
9225
  padding-inline-start: var(--pf-t--global--spacer--2xl);
9217
9226
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9218
9227
  }
9219
- @media (min-width: 1450px) {
9228
+ @media (min-width: 90.625rem) {
9220
9229
  .pf-v6-c-masthead.pf-m-display-stack-on-2xl {
9221
9230
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9222
9231
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
@@ -9379,7 +9388,7 @@ ul.pf-v6-c-list {
9379
9388
  .pf-v6-c-menu__group.pf-m-hidden {
9380
9389
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
9381
9390
  }
9382
- @media screen and (min-width: 576px) {
9391
+ @media screen and (min-width: 36rem) {
9383
9392
  .pf-v6-c-menu__list.pf-m-hidden-on-sm,
9384
9393
  .pf-v6-c-menu__group.pf-m-hidden-on-sm {
9385
9394
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -9389,7 +9398,7 @@ ul.pf-v6-c-list {
9389
9398
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9390
9399
  }
9391
9400
  }
9392
- @media screen and (min-width: 768px) {
9401
+ @media screen and (min-width: 48rem) {
9393
9402
  .pf-v6-c-menu__list.pf-m-hidden-on-md,
9394
9403
  .pf-v6-c-menu__group.pf-m-hidden-on-md {
9395
9404
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -9399,7 +9408,7 @@ ul.pf-v6-c-list {
9399
9408
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9400
9409
  }
9401
9410
  }
9402
- @media screen and (min-width: 992px) {
9411
+ @media screen and (min-width: 62rem) {
9403
9412
  .pf-v6-c-menu__list.pf-m-hidden-on-lg,
9404
9413
  .pf-v6-c-menu__group.pf-m-hidden-on-lg {
9405
9414
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -9409,7 +9418,7 @@ ul.pf-v6-c-list {
9409
9418
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9410
9419
  }
9411
9420
  }
9412
- @media screen and (min-width: 1200px) {
9421
+ @media screen and (min-width: 75rem) {
9413
9422
  .pf-v6-c-menu__list.pf-m-hidden-on-xl,
9414
9423
  .pf-v6-c-menu__group.pf-m-hidden-on-xl {
9415
9424
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -9419,7 +9428,7 @@ ul.pf-v6-c-list {
9419
9428
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9420
9429
  }
9421
9430
  }
9422
- @media screen and (min-width: 1450px) {
9431
+ @media screen and (min-width: 90.625rem) {
9423
9432
  .pf-v6-c-menu__list.pf-m-hidden-on-2xl,
9424
9433
  .pf-v6-c-menu__group.pf-m-hidden-on-2xl {
9425
9434
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -9705,7 +9714,7 @@ ul.pf-v6-c-list {
9705
9714
  .pf-v6-c-menu__item.pf-m-hidden {
9706
9715
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
9707
9716
  }
9708
- @media screen and (min-width: 576px) {
9717
+ @media screen and (min-width: 36rem) {
9709
9718
  .pf-v6-c-menu__item.pf-m-hidden-on-sm {
9710
9719
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
9711
9720
  }
@@ -9713,7 +9722,7 @@ ul.pf-v6-c-list {
9713
9722
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9714
9723
  }
9715
9724
  }
9716
- @media screen and (min-width: 768px) {
9725
+ @media screen and (min-width: 48rem) {
9717
9726
  .pf-v6-c-menu__item.pf-m-hidden-on-md {
9718
9727
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
9719
9728
  }
@@ -9721,7 +9730,7 @@ ul.pf-v6-c-list {
9721
9730
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9722
9731
  }
9723
9732
  }
9724
- @media screen and (min-width: 992px) {
9733
+ @media screen and (min-width: 62rem) {
9725
9734
  .pf-v6-c-menu__item.pf-m-hidden-on-lg {
9726
9735
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
9727
9736
  }
@@ -9729,7 +9738,7 @@ ul.pf-v6-c-list {
9729
9738
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9730
9739
  }
9731
9740
  }
9732
- @media screen and (min-width: 1200px) {
9741
+ @media screen and (min-width: 75rem) {
9733
9742
  .pf-v6-c-menu__item.pf-m-hidden-on-xl {
9734
9743
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
9735
9744
  }
@@ -9737,7 +9746,7 @@ ul.pf-v6-c-list {
9737
9746
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9738
9747
  }
9739
9748
  }
9740
- @media screen and (min-width: 1450px) {
9749
+ @media screen and (min-width: 90.625rem) {
9741
9750
  .pf-v6-c-menu__item.pf-m-hidden-on-2xl {
9742
9751
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
9743
9752
  }
@@ -9931,6 +9940,7 @@ ul.pf-v6-c-list {
9931
9940
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9932
9941
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9933
9942
  --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
9943
+ --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9934
9944
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
9935
9945
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9936
9946
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
@@ -10194,6 +10204,11 @@ ul.pf-v6-c-list {
10194
10204
  .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
10195
10205
  padding-inline-start: 0;
10196
10206
  }
10207
+ .pf-v6-c-menu-toggle__button.pf-m-text {
10208
+ display: inline-flex;
10209
+ align-items: baseline;
10210
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
10211
+ }
10197
10212
 
10198
10213
  .pf-v6-c-menu-toggle__text {
10199
10214
  overflow: hidden;
@@ -10286,7 +10301,7 @@ ul.pf-v6-c-list {
10286
10301
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
10287
10302
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
10288
10303
  }
10289
- @media (min-width: 1200px) {
10304
+ @media (min-width: 75rem) {
10290
10305
  :where(:root, .pf-v6-c-modal-box) {
10291
10306
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
10292
10307
  }
@@ -10432,7 +10447,7 @@ ul.pf-v6-c-list {
10432
10447
  .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
10433
10448
  margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
10434
10449
  }
10435
- @media screen and (min-width: 576px) {
10450
+ @media screen and (min-width: 36rem) {
10436
10451
  .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
10437
10452
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
10438
10453
  }
@@ -11391,7 +11406,6 @@ ul.pf-v6-c-list {
11391
11406
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11392
11407
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11393
11408
  --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
11394
- --pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
11395
11409
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
11396
11410
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
11397
11411
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -11401,13 +11415,6 @@ ul.pf-v6-c-list {
11401
11415
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
11402
11416
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
11403
11417
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
11404
- --pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11405
- --pf-v6-c-page__main-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
11406
- --pf-v6-c-page__main-nav--PaddingInlineEnd: 0;
11407
- --pf-v6-c-page__main-nav--PaddingInlineStart: 0;
11408
- --pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11409
- --pf-v6-c-page__main-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
11410
- --pf-v6-c-page__main-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--sm);
11411
11418
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11412
11419
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
11413
11420
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
@@ -11427,12 +11434,12 @@ ul.pf-v6-c-list {
11427
11434
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
11428
11435
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11429
11436
  }
11430
- @media (min-width: 1200px) {
11437
+ @media (min-width: 75rem) {
11431
11438
  :where(:root, .pf-v6-c-page) {
11432
11439
  --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
11433
11440
  }
11434
11441
  }
11435
- @media screen and (min-width: 1200px) {
11442
+ @media screen and (min-width: 75rem) {
11436
11443
  :where(:root, .pf-v6-c-page) {
11437
11444
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
11438
11445
  }
@@ -11448,7 +11455,7 @@ ul.pf-v6-c-list {
11448
11455
  max-height: 100%;
11449
11456
  background-color: var(--pf-v6-c-page--BackgroundColor);
11450
11457
  }
11451
- @media (min-width: 1200px) {
11458
+ @media (min-width: 75rem) {
11452
11459
  .pf-v6-c-page {
11453
11460
  grid-template-areas: "header header" "sidebar main";
11454
11461
  grid-template-columns: max-content 1fr;
@@ -11487,7 +11494,7 @@ ul.pf-v6-c-list {
11487
11494
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
11488
11495
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
11489
11496
  }
11490
- @media screen and (min-width: 1200px) {
11497
+ @media screen and (min-width: 75rem) {
11491
11498
  .pf-v6-c-page__sidebar.pf-m-expanded {
11492
11499
  --pf-v6-c-page__sidebar--BoxShadow: none;
11493
11500
  }
@@ -11537,21 +11544,18 @@ ul.pf-v6-c-list {
11537
11544
  flex-grow: 0;
11538
11545
  }
11539
11546
 
11540
- .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
11541
11547
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
11542
11548
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
11543
11549
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
11544
11550
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
11545
11551
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
11546
11552
  }
11547
- .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
11548
11553
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
11549
11554
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
11550
11555
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
11551
11556
  .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
11552
11557
  align-items: center;
11553
11558
  }
11554
- .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11555
11559
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11556
11560
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11557
11561
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -11559,7 +11563,6 @@ ul.pf-v6-c-list {
11559
11563
  width: 100%;
11560
11564
  }
11561
11565
 
11562
- .pf-v6-c-page__main-nav,
11563
11566
  .pf-v6-c-page__main-breadcrumb,
11564
11567
  .pf-v6-c-page__main-tabs,
11565
11568
  .pf-v6-c-page__main-section,
@@ -11570,7 +11573,6 @@ ul.pf-v6-c-list {
11570
11573
  flex-direction: column;
11571
11574
  flex-shrink: 0;
11572
11575
  }
11573
- .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
11574
11576
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
11575
11577
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
11576
11578
  .pf-v6-c-page__main-section.pf-m-overflow-scroll,
@@ -11581,7 +11583,6 @@ ul.pf-v6-c-list {
11581
11583
  flex-shrink: 1;
11582
11584
  overflow: auto;
11583
11585
  }
11584
- .pf-v6-c-page__main-nav.pf-m-shadow-bottom,
11585
11586
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-bottom,
11586
11587
  .pf-v6-c-page__main-tabs.pf-m-shadow-bottom,
11587
11588
  .pf-v6-c-page__main-section.pf-m-shadow-bottom,
@@ -11591,7 +11592,6 @@ ul.pf-v6-c-list {
11591
11592
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
11592
11593
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
11593
11594
  }
11594
- .pf-v6-c-page__main-nav.pf-m-shadow-top,
11595
11595
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
11596
11596
  .pf-v6-c-page__main-tabs.pf-m-shadow-top,
11597
11597
  .pf-v6-c-page__main-section.pf-m-shadow-top,
@@ -11601,7 +11601,6 @@ ul.pf-v6-c-list {
11601
11601
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
11602
11602
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
11603
11603
  }
11604
- .pf-v6-c-page__main-nav.pf-m-sticky-top,
11605
11604
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
11606
11605
  .pf-v6-c-page__main-tabs.pf-m-sticky-top,
11607
11606
  .pf-v6-c-page__main-section.pf-m-sticky-top,
@@ -11613,7 +11612,6 @@ ul.pf-v6-c-list {
11613
11612
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
11614
11613
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
11615
11614
  }
11616
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom,
11617
11615
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
11618
11616
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom,
11619
11617
  .pf-v6-c-page__main-section.pf-m-sticky-bottom,
@@ -11626,7 +11624,6 @@ ul.pf-v6-c-list {
11626
11624
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
11627
11625
  }
11628
11626
  @media (min-height: 0) {
11629
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height,
11630
11627
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
11631
11628
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
11632
11629
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-sm-height,
@@ -11638,7 +11635,6 @@ ul.pf-v6-c-list {
11638
11635
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
11639
11636
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
11640
11637
  }
11641
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
11642
11638
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
11643
11639
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
11644
11640
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
@@ -11652,7 +11648,6 @@ ul.pf-v6-c-list {
11652
11648
  }
11653
11649
  }
11654
11650
  @media (min-height: 40rem) {
11655
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height,
11656
11651
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
11657
11652
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-md-height,
11658
11653
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-md-height,
@@ -11664,7 +11659,6 @@ ul.pf-v6-c-list {
11664
11659
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
11665
11660
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
11666
11661
  }
11667
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
11668
11662
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
11669
11663
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
11670
11664
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-md-height,
@@ -11678,7 +11672,6 @@ ul.pf-v6-c-list {
11678
11672
  }
11679
11673
  }
11680
11674
  @media (min-height: 48rem) {
11681
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height,
11682
11675
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
11683
11676
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
11684
11677
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-lg-height,
@@ -11690,7 +11683,6 @@ ul.pf-v6-c-list {
11690
11683
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
11691
11684
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
11692
11685
  }
11693
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
11694
11686
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
11695
11687
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
11696
11688
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
@@ -11704,7 +11696,6 @@ ul.pf-v6-c-list {
11704
11696
  }
11705
11697
  }
11706
11698
  @media (min-height: 60rem) {
11707
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height,
11708
11699
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
11709
11700
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
11710
11701
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-xl-height,
@@ -11716,7 +11707,6 @@ ul.pf-v6-c-list {
11716
11707
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
11717
11708
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
11718
11709
  }
11719
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
11720
11710
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
11721
11711
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
11722
11712
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
@@ -11730,7 +11720,6 @@ ul.pf-v6-c-list {
11730
11720
  }
11731
11721
  }
11732
11722
  @media (min-height: 80rem) {
11733
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
11734
11723
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
11735
11724
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
11736
11725
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-2xl-height,
@@ -11742,7 +11731,6 @@ ul.pf-v6-c-list {
11742
11731
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
11743
11732
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
11744
11733
  }
11745
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
11746
11734
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
11747
11735
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
11748
11736
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
@@ -11788,48 +11776,12 @@ ul.pf-v6-c-list {
11788
11776
 
11789
11777
  .pf-v6-c-page__main,
11790
11778
  .pf-v6-c-page__main-drawer,
11791
- .pf-v6-c-page__main-group,
11792
- .pf-v6-c-page__main-list {
11779
+ .pf-v6-c-page__main-group {
11793
11780
  display: flex;
11794
11781
  flex-direction: column;
11795
11782
  flex-grow: 1;
11796
11783
  }
11797
11784
 
11798
- .pf-v6-c-page__main-nav {
11799
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
11800
- padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
11801
- padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
11802
- background-color: var(--pf-v6-c-page__main-nav--BackgroundColor);
11803
- }
11804
- .pf-v6-c-page__main-nav.pf-m-sticky-top, .pf-v6-c-page__main-group.pf-m-sticky-top .pf-v6-c-page__main-nav:last-child {
11805
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
11806
- }
11807
- @media (min-height: 0) {
11808
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v6-c-page__main-nav:last-child {
11809
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
11810
- }
11811
- }
11812
- @media (min-height: 40rem) {
11813
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v6-c-page__main-nav:last-child {
11814
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
11815
- }
11816
- }
11817
- @media (min-height: 48rem) {
11818
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v6-c-page__main-nav:last-child {
11819
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
11820
- }
11821
- }
11822
- @media (min-height: 60rem) {
11823
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-nav:last-child {
11824
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
11825
- }
11826
- }
11827
- @media (min-height: 80rem) {
11828
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-nav:last-child {
11829
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
11830
- }
11831
- }
11832
-
11833
11785
  .pf-v6-c-page__main-subnav {
11834
11786
  padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
11835
11787
  padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
@@ -11884,9 +11836,6 @@ ul.pf-v6-c-list {
11884
11836
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
11885
11837
  background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
11886
11838
  }
11887
- .pf-v6-c-page__main-nav + .pf-v6-c-page__main-tabs {
11888
- --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart);
11889
- }
11890
11839
  .pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
11891
11840
  --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
11892
11841
  }
@@ -11919,115 +11868,61 @@ ul.pf-v6-c-list {
11919
11868
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11920
11869
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11921
11870
  }
11922
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
11923
- padding: 0;
11924
- }
11925
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
11926
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11927
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11928
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11929
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11930
- }
11931
- .pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
11871
+ .pf-v6-c-page__main-section.pf-m-no-padding {
11932
11872
  padding: 0;
11933
11873
  }
11934
- @media (min-width: 576px) {
11874
+ @media (min-width: 36rem) {
11935
11875
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
11936
11876
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11937
11877
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11938
11878
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11939
11879
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11940
11880
  }
11941
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
11942
- padding: 0;
11943
- }
11944
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
11945
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11946
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11947
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11948
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11949
- }
11950
- .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
11881
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
11951
11882
  padding: 0;
11952
11883
  }
11953
11884
  }
11954
- @media (min-width: 768px) {
11885
+ @media (min-width: 48rem) {
11955
11886
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
11956
11887
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11957
11888
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11958
11889
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11959
11890
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11960
11891
  }
11961
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
11962
- padding: 0;
11963
- }
11964
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
11965
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11966
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11967
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11968
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11969
- }
11970
- .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
11892
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
11971
11893
  padding: 0;
11972
11894
  }
11973
11895
  }
11974
- @media (min-width: 992px) {
11896
+ @media (min-width: 62rem) {
11975
11897
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
11976
11898
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11977
11899
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11978
11900
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11979
11901
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11980
11902
  }
11981
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
11982
- padding: 0;
11983
- }
11984
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
11985
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11986
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11987
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11988
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11989
- }
11990
- .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
11903
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
11991
11904
  padding: 0;
11992
11905
  }
11993
11906
  }
11994
- @media (min-width: 1200px) {
11907
+ @media (min-width: 75rem) {
11995
11908
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
11996
11909
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11997
11910
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11998
11911
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11999
11912
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12000
11913
  }
12001
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
12002
- padding: 0;
12003
- }
12004
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
12005
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12006
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12007
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12008
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12009
- }
12010
- .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
11914
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12011
11915
  padding: 0;
12012
11916
  }
12013
11917
  }
12014
- @media (min-width: 1450px) {
11918
+ @media (min-width: 90.625rem) {
12015
11919
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12016
11920
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12017
11921
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12018
11922
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12019
11923
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12020
11924
  }
12021
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
12022
- padding: 0;
12023
- }
12024
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
12025
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12026
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12027
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12028
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12029
- }
12030
- .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
11925
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12031
11926
  padding: 0;
12032
11927
  }
12033
11928
  }
@@ -12050,19 +11945,6 @@ ul.pf-v6-c-list {
12050
11945
  flex-shrink: 0;
12051
11946
  }
12052
11947
 
12053
- .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
12054
- padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
12055
- padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
12056
- }
12057
- .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
12058
- padding-inline-start: 0;
12059
- padding-inline-end: 0;
12060
- }
12061
- .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
12062
- padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
12063
- padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
12064
- }
12065
-
12066
11948
  .pf-v6-c-page__drawer {
12067
11949
  grid-area: main;
12068
11950
  }
@@ -12107,7 +11989,7 @@ ul.pf-v6-c-list {
12107
11989
  --pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12108
11990
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12109
11991
  }
12110
- @media screen and (min-width: 768px) {
11992
+ @media screen and (min-width: 48rem) {
12111
11993
  :where(:root, .pf-v6-c-pagination) {
12112
11994
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12113
11995
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -12115,7 +11997,7 @@ ul.pf-v6-c-list {
12115
11997
  --pf-v6-c-pagination__total-items--Display: none;
12116
11998
  }
12117
11999
  }
12118
- @media screen and (min-width: 1200px) {
12000
+ @media screen and (min-width: 75rem) {
12119
12001
  :where(:root, .pf-v6-c-pagination) {
12120
12002
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
12121
12003
  }
@@ -12164,7 +12046,7 @@ ul.pf-v6-c-list {
12164
12046
  flex-basis: 100%;
12165
12047
  justify-content: space-between;
12166
12048
  }
12167
- @media screen and (min-width: 768px) {
12049
+ @media screen and (min-width: 48rem) {
12168
12050
  .pf-v6-c-pagination.pf-m-bottom {
12169
12051
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
12170
12052
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
@@ -12266,7 +12148,7 @@ ul.pf-v6-c-list {
12266
12148
  .pf-v6-c-pagination.pf-m-inset-2xl {
12267
12149
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12268
12150
  }
12269
- @media (min-width: 576px) {
12151
+ @media (min-width: 36rem) {
12270
12152
  .pf-v6-c-pagination.pf-m-display-summary-on-sm {
12271
12153
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12272
12154
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -12296,7 +12178,7 @@ ul.pf-v6-c-list {
12296
12178
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12297
12179
  }
12298
12180
  }
12299
- @media (min-width: 768px) {
12181
+ @media (min-width: 48rem) {
12300
12182
  .pf-v6-c-pagination.pf-m-display-summary-on-md {
12301
12183
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12302
12184
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -12326,7 +12208,7 @@ ul.pf-v6-c-list {
12326
12208
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12327
12209
  }
12328
12210
  }
12329
- @media (min-width: 992px) {
12211
+ @media (min-width: 62rem) {
12330
12212
  .pf-v6-c-pagination.pf-m-display-summary-on-lg {
12331
12213
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12332
12214
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -12356,7 +12238,7 @@ ul.pf-v6-c-list {
12356
12238
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12357
12239
  }
12358
12240
  }
12359
- @media (min-width: 1200px) {
12241
+ @media (min-width: 75rem) {
12360
12242
  .pf-v6-c-pagination.pf-m-display-summary-on-xl {
12361
12243
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12362
12244
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -12386,7 +12268,7 @@ ul.pf-v6-c-list {
12386
12268
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12387
12269
  }
12388
12270
  }
12389
- @media (min-width: 1450px) {
12271
+ @media (min-width: 90.625rem) {
12390
12272
  .pf-v6-c-pagination.pf-m-display-summary-on-2xl {
12391
12273
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12392
12274
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -12964,9 +12846,11 @@ ul.pf-v6-c-list {
12964
12846
  --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
12965
12847
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
12966
12848
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
12967
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
12968
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
12849
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
12850
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
12969
12851
  --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
12852
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
12853
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
12970
12854
  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
12971
12855
  --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
12972
12856
  --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -12994,7 +12878,7 @@ ul.pf-v6-c-list {
12994
12878
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
12995
12879
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
12996
12880
  }
12997
- @media screen and (min-width: 768px) {
12881
+ @media screen and (min-width: 48rem) {
12998
12882
  :where(:root, .pf-v6-c-progress-stepper) {
12999
12883
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13000
12884
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13192,14 +13076,13 @@ ul.pf-v6-c-list {
13192
13076
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
13193
13077
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
13194
13078
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
13195
- text-decoration: underline;
13196
- text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
13197
- text-decoration-style: dashed;
13198
- text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
13079
+ text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
13199
13080
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
13200
13081
  cursor: pointer;
13201
13082
  }
13202
- .pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v6-c-progress-stepper__step-title.pf-m-help-text:focus {
13083
+ .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
13084
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
13085
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
13203
13086
  --pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
13204
13087
  }
13205
13088
 
@@ -13254,7 +13137,7 @@ ul.pf-v6-c-list {
13254
13137
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
13255
13138
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13256
13139
  }
13257
- @media (min-width: 576px) {
13140
+ @media (min-width: 36rem) {
13258
13141
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-sm {
13259
13142
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13260
13143
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13300,7 +13183,7 @@ ul.pf-v6-c-list {
13300
13183
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13301
13184
  }
13302
13185
  }
13303
- @media (min-width: 768px) {
13186
+ @media (min-width: 48rem) {
13304
13187
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-md {
13305
13188
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13306
13189
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13346,7 +13229,7 @@ ul.pf-v6-c-list {
13346
13229
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13347
13230
  }
13348
13231
  }
13349
- @media (min-width: 992px) {
13232
+ @media (min-width: 62rem) {
13350
13233
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-lg {
13351
13234
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13352
13235
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13392,7 +13275,7 @@ ul.pf-v6-c-list {
13392
13275
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13393
13276
  }
13394
13277
  }
13395
- @media (min-width: 1200px) {
13278
+ @media (min-width: 75rem) {
13396
13279
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-xl {
13397
13280
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13398
13281
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13438,7 +13321,7 @@ ul.pf-v6-c-list {
13438
13321
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13439
13322
  }
13440
13323
  }
13441
- @media (min-width: 1450px) {
13324
+ @media (min-width: 90.625rem) {
13442
13325
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-2xl {
13443
13326
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13444
13327
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13638,7 +13521,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13638
13521
  .pf-v6-c-sidebar {
13639
13522
  height: 100%;
13640
13523
  }
13641
- @media (min-width: 768px) {
13524
+ @media (min-width: 48rem) {
13642
13525
  .pf-v6-c-sidebar {
13643
13526
  --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
13644
13527
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
@@ -13649,7 +13532,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13649
13532
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
13650
13533
  }
13651
13534
  }
13652
- @media (min-width: 1200px) {
13535
+ @media (min-width: 75rem) {
13653
13536
  .pf-v6-c-sidebar {
13654
13537
  --pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
13655
13538
  }
@@ -13661,7 +13544,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13661
13544
  --pf-v6-c-sidebar__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--Order);
13662
13545
  --pf-v6-c-sidebar__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--Order);
13663
13546
  }
13664
- @media (min-width: 768px) {
13547
+ @media (min-width: 48rem) {
13665
13548
  .pf-v6-c-sidebar.pf-m-panel-right {
13666
13549
  --pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--md--Order);
13667
13550
  --pf-v6-c-sidebar--m-panel-right__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--md--Order);
@@ -13795,7 +13678,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13795
13678
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13796
13679
  }
13797
13680
 
13798
- @media (min-width: 576px) {
13681
+ @media (min-width: 36rem) {
13799
13682
  .pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
13800
13683
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
13801
13684
  }
@@ -13818,7 +13701,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13818
13701
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13819
13702
  }
13820
13703
  }
13821
- @media (min-width: 768px) {
13704
+ @media (min-width: 48rem) {
13822
13705
  .pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
13823
13706
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
13824
13707
  }
@@ -13841,7 +13724,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13841
13724
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13842
13725
  }
13843
13726
  }
13844
- @media (min-width: 992px) {
13727
+ @media (min-width: 62rem) {
13845
13728
  .pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
13846
13729
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
13847
13730
  }
@@ -13864,7 +13747,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13864
13747
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13865
13748
  }
13866
13749
  }
13867
- @media (min-width: 1200px) {
13750
+ @media (min-width: 75rem) {
13868
13751
  .pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
13869
13752
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
13870
13753
  }
@@ -13887,7 +13770,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13887
13770
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13888
13771
  }
13889
13772
  }
13890
- @media (min-width: 1450px) {
13773
+ @media (min-width: 90.625rem) {
13891
13774
  .pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
13892
13775
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
13893
13776
  }
@@ -13956,7 +13839,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13956
13839
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
13957
13840
  --pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
13958
13841
  }
13959
- .pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
13842
+ .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
13960
13843
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
13961
13844
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
13962
13845
  text-decoration: none;
@@ -14626,7 +14509,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14626
14509
  .pf-v6-c-tab-content {
14627
14510
  background-color: var(--pf-v6-c-tab-content--BackgroundColor);
14628
14511
  }
14629
- @media screen and (min-width: 1200px) {
14512
+ @media screen and (min-width: 75rem) {
14630
14513
  .pf-v6-c-tab-content {
14631
14514
  --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
14632
14515
  --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
@@ -14694,7 +14577,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14694
14577
  --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
14695
14578
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
14696
14579
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14697
- --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(0.375rem * -1);
14580
+ --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14698
14581
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14699
14582
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14700
14583
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -14702,7 +14585,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14702
14585
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
14703
14586
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
14704
14587
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
14705
- --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
14706
14588
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
14707
14589
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
14708
14590
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
@@ -14975,10 +14857,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14975
14857
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
14976
14858
  }
14977
14859
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
14978
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
14979
14860
  text-align: end;
14980
14861
  }
14981
- @media screen and (max-width: 576px) {
14862
+ @media screen and (max-width: 36rem) {
14982
14863
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
14983
14864
  grid-row-start: 1;
14984
14865
  grid-column-start: 2;
@@ -15009,7 +14890,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15009
14890
  --pf-v6-c-table--cell--Width: auto;
15010
14891
  }
15011
14892
 
15012
- @media screen and (max-width: 768px) {
14893
+ @media screen and (max-width: 48rem) {
15013
14894
  .pf-m-grid-md.pf-v6-c-table {
15014
14895
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
15015
14896
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -15275,18 +15156,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15275
15156
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15276
15157
  }
15277
15158
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
15278
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15279
15159
  text-align: end;
15280
15160
  }
15281
15161
  }
15282
- @media screen and (max-width: 768px) and (max-width: 576px) {
15162
+ @media screen and (max-width: 48rem) and (max-width: 36rem) {
15283
15163
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
15284
15164
  grid-row-start: 1;
15285
15165
  grid-column-start: 2;
15286
15166
  margin-inline-start: 0;
15287
15167
  }
15288
15168
  }
15289
- @media screen and (max-width: 768px) {
15169
+ @media screen and (max-width: 48rem) {
15290
15170
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
15291
15171
  grid-column: 2;
15292
15172
  grid-row: 2;
@@ -15312,7 +15192,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15312
15192
  }
15313
15193
  }
15314
15194
 
15315
- @media screen and (max-width: 992px) {
15195
+ @media screen and (max-width: 62rem) {
15316
15196
  .pf-m-grid-lg.pf-v6-c-table {
15317
15197
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
15318
15198
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -15578,18 +15458,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15578
15458
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15579
15459
  }
15580
15460
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
15581
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15582
15461
  text-align: end;
15583
15462
  }
15584
15463
  }
15585
- @media screen and (max-width: 992px) and (max-width: 576px) {
15464
+ @media screen and (max-width: 62rem) and (max-width: 36rem) {
15586
15465
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
15587
15466
  grid-row-start: 1;
15588
15467
  grid-column-start: 2;
15589
15468
  margin-inline-start: 0;
15590
15469
  }
15591
15470
  }
15592
- @media screen and (max-width: 992px) {
15471
+ @media screen and (max-width: 62rem) {
15593
15472
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
15594
15473
  grid-column: 2;
15595
15474
  grid-row: 2;
@@ -15615,7 +15494,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15615
15494
  }
15616
15495
  }
15617
15496
 
15618
- @media screen and (max-width: 1200px) {
15497
+ @media screen and (max-width: 75rem) {
15619
15498
  .pf-m-grid-xl.pf-v6-c-table {
15620
15499
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
15621
15500
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -15881,18 +15760,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15881
15760
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15882
15761
  }
15883
15762
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
15884
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15885
15763
  text-align: end;
15886
15764
  }
15887
15765
  }
15888
- @media screen and (max-width: 1200px) and (max-width: 576px) {
15766
+ @media screen and (max-width: 75rem) and (max-width: 36rem) {
15889
15767
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
15890
15768
  grid-row-start: 1;
15891
15769
  grid-column-start: 2;
15892
15770
  margin-inline-start: 0;
15893
15771
  }
15894
15772
  }
15895
- @media screen and (max-width: 1200px) {
15773
+ @media screen and (max-width: 75rem) {
15896
15774
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
15897
15775
  grid-column: 2;
15898
15776
  grid-row: 2;
@@ -15918,7 +15796,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15918
15796
  }
15919
15797
  }
15920
15798
 
15921
- @media screen and (max-width: 1450px) {
15799
+ @media screen and (max-width: 90.625rem) {
15922
15800
  .pf-m-grid-2xl.pf-v6-c-table {
15923
15801
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
15924
15802
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -16184,18 +16062,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16184
16062
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
16185
16063
  }
16186
16064
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
16187
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
16188
16065
  text-align: end;
16189
16066
  }
16190
16067
  }
16191
- @media screen and (max-width: 1450px) and (max-width: 576px) {
16068
+ @media screen and (max-width: 90.625rem) and (max-width: 36rem) {
16192
16069
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
16193
16070
  grid-row-start: 1;
16194
16071
  grid-column-start: 2;
16195
16072
  margin-inline-start: 0;
16196
16073
  }
16197
16074
  }
16198
- @media screen and (max-width: 1450px) {
16075
+ @media screen and (max-width: 90.625rem) {
16199
16076
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
16200
16077
  grid-column: 2;
16201
16078
  grid-row: 2;
@@ -16436,7 +16313,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16436
16313
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
16437
16314
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16438
16315
  }
16439
- @media screen and (min-width: 576px) {
16316
+ @media screen and (min-width: 36rem) {
16440
16317
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-sm {
16441
16318
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16442
16319
  }
@@ -16444,7 +16321,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16444
16321
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16445
16322
  }
16446
16323
  }
16447
- @media screen and (min-width: 768px) {
16324
+ @media screen and (min-width: 48rem) {
16448
16325
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-md {
16449
16326
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16450
16327
  }
@@ -16452,7 +16329,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16452
16329
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16453
16330
  }
16454
16331
  }
16455
- @media screen and (min-width: 992px) {
16332
+ @media screen and (min-width: 62rem) {
16456
16333
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-lg {
16457
16334
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16458
16335
  }
@@ -16460,7 +16337,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16460
16337
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16461
16338
  }
16462
16339
  }
16463
- @media screen and (min-width: 1200px) {
16340
+ @media screen and (min-width: 75rem) {
16464
16341
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-xl {
16465
16342
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16466
16343
  }
@@ -16468,7 +16345,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16468
16345
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16469
16346
  }
16470
16347
  }
16471
- @media screen and (min-width: 1450px) {
16348
+ @media screen and (min-width: 90.625rem) {
16472
16349
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-2xl {
16473
16350
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16474
16351
  }
@@ -17273,10 +17150,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17273
17150
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17274
17151
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17275
17152
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17276
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17277
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17278
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17279
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17153
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17154
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17155
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17156
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17280
17157
  }
17281
17158
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17282
17159
  position: relative;
@@ -17340,8 +17217,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17340
17217
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
17341
17218
  display: grid;
17342
17219
  }
17343
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
17344
- display: block;
17220
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__thead {
17221
+ display: none;
17345
17222
  }
17346
17223
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
17347
17224
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -17354,10 +17231,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17354
17231
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
17355
17232
  grid-row: 1;
17356
17233
  grid-column: 2;
17357
- }
17358
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17359
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17360
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17234
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17235
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17361
17236
  }
17362
17237
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17363
17238
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17396,7 +17271,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17396
17271
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
17397
17272
  }
17398
17273
 
17399
- @media screen and (max-width: 768px) {
17274
+ @media screen and (max-width: 48rem) {
17400
17275
  .pf-m-tree-view-grid-md.pf-v6-c-table {
17401
17276
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
17402
17277
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -17417,10 +17292,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17417
17292
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17418
17293
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17419
17294
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17420
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17421
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17422
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17423
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17295
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17296
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17297
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17298
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17424
17299
  }
17425
17300
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17426
17301
  position: relative;
@@ -17484,8 +17359,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17484
17359
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
17485
17360
  display: grid;
17486
17361
  }
17487
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
17488
- display: block;
17362
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
17363
+ display: none;
17489
17364
  }
17490
17365
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
17491
17366
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -17498,10 +17373,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17498
17373
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
17499
17374
  grid-row: 1;
17500
17375
  grid-column: 2;
17501
- }
17502
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17503
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17504
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17376
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17377
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17505
17378
  }
17506
17379
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17507
17380
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17541,7 +17414,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17541
17414
  }
17542
17415
  }
17543
17416
 
17544
- @media screen and (max-width: 992px) {
17417
+ @media screen and (max-width: 62rem) {
17545
17418
  .pf-m-tree-view-grid-lg.pf-v6-c-table {
17546
17419
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
17547
17420
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -17562,10 +17435,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17562
17435
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17563
17436
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17564
17437
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17565
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17566
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17567
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17568
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17438
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17439
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17440
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17441
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17569
17442
  }
17570
17443
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17571
17444
  position: relative;
@@ -17629,8 +17502,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17629
17502
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
17630
17503
  display: grid;
17631
17504
  }
17632
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
17633
- display: block;
17505
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
17506
+ display: none;
17634
17507
  }
17635
17508
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
17636
17509
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -17643,10 +17516,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17643
17516
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
17644
17517
  grid-row: 1;
17645
17518
  grid-column: 2;
17646
- }
17647
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17648
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17649
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17519
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17520
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17650
17521
  }
17651
17522
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17652
17523
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17686,7 +17557,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17686
17557
  }
17687
17558
  }
17688
17559
 
17689
- @media screen and (max-width: 1200px) {
17560
+ @media screen and (max-width: 75rem) {
17690
17561
  .pf-m-tree-view-grid-xl.pf-v6-c-table {
17691
17562
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
17692
17563
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -17707,10 +17578,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17707
17578
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17708
17579
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17709
17580
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17710
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17711
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17712
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17713
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17581
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17582
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17583
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17584
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17714
17585
  }
17715
17586
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17716
17587
  position: relative;
@@ -17774,8 +17645,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17774
17645
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
17775
17646
  display: grid;
17776
17647
  }
17777
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
17778
- display: block;
17648
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
17649
+ display: none;
17779
17650
  }
17780
17651
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
17781
17652
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -17788,10 +17659,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17788
17659
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
17789
17660
  grid-row: 1;
17790
17661
  grid-column: 2;
17791
- }
17792
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17793
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17794
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17662
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17663
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17795
17664
  }
17796
17665
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17797
17666
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17831,7 +17700,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17831
17700
  }
17832
17701
  }
17833
17702
 
17834
- @media screen and (max-width: 1450px) {
17703
+ @media screen and (max-width: 90.625rem) {
17835
17704
  .pf-m-tree-view-grid-2xl.pf-v6-c-table {
17836
17705
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
17837
17706
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -17852,10 +17721,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17852
17721
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17853
17722
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17854
17723
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17855
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17856
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17857
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17858
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17724
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17725
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17726
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17727
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17859
17728
  }
17860
17729
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17861
17730
  position: relative;
@@ -17919,8 +17788,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17919
17788
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
17920
17789
  display: grid;
17921
17790
  }
17922
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
17923
- display: block;
17791
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
17792
+ display: none;
17924
17793
  }
17925
17794
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
17926
17795
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -17933,10 +17802,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17933
17802
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
17934
17803
  grid-row: 1;
17935
17804
  grid-column: 2;
17936
- }
17937
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17938
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17939
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17805
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17806
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17940
17807
  }
17941
17808
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17942
17809
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -18259,7 +18126,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18259
18126
  --pf-v6-c-tabs__list--Display: flex;
18260
18127
  --pf-v6-c-tabs__toggle--Display: none;
18261
18128
  }
18262
- @media (min-width: 576px) {
18129
+ @media (min-width: 36rem) {
18263
18130
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
18264
18131
  --pf-v6-c-tabs__list--Display: none;
18265
18132
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -18269,7 +18136,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18269
18136
  --pf-v6-c-tabs__toggle--Display: none;
18270
18137
  }
18271
18138
  }
18272
- @media (min-width: 768px) {
18139
+ @media (min-width: 48rem) {
18273
18140
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
18274
18141
  --pf-v6-c-tabs__list--Display: none;
18275
18142
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -18279,7 +18146,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18279
18146
  --pf-v6-c-tabs__toggle--Display: none;
18280
18147
  }
18281
18148
  }
18282
- @media (min-width: 992px) {
18149
+ @media (min-width: 62rem) {
18283
18150
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
18284
18151
  --pf-v6-c-tabs__list--Display: none;
18285
18152
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -18289,7 +18156,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18289
18156
  --pf-v6-c-tabs__toggle--Display: none;
18290
18157
  }
18291
18158
  }
18292
- @media (min-width: 1200px) {
18159
+ @media (min-width: 75rem) {
18293
18160
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
18294
18161
  --pf-v6-c-tabs__list--Display: none;
18295
18162
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -18299,7 +18166,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18299
18166
  --pf-v6-c-tabs__toggle--Display: none;
18300
18167
  }
18301
18168
  }
18302
- @media (min-width: 1450px) {
18169
+ @media (min-width: 90.625rem) {
18303
18170
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
18304
18171
  --pf-v6-c-tabs__list--Display: none;
18305
18172
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -18519,7 +18386,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18519
18386
  --pf-v6-c-tabs__link--after--BorderWidth: 0;
18520
18387
  }
18521
18388
 
18522
- .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
18389
+ .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
18523
18390
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
18524
18391
  }
18525
18392
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
@@ -18627,7 +18494,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18627
18494
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
18628
18495
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
18629
18496
  }
18630
- @media (min-width: 576px) {
18497
+ @media (min-width: 36rem) {
18631
18498
  .pf-v6-c-tabs.pf-m-inset-none-on-sm {
18632
18499
  --pf-v6-c-tabs--inset: 0;
18633
18500
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -18659,7 +18526,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18659
18526
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
18660
18527
  }
18661
18528
  }
18662
- @media (min-width: 768px) {
18529
+ @media (min-width: 48rem) {
18663
18530
  .pf-v6-c-tabs.pf-m-inset-none-on-md {
18664
18531
  --pf-v6-c-tabs--inset: 0;
18665
18532
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -18691,7 +18558,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18691
18558
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
18692
18559
  }
18693
18560
  }
18694
- @media (min-width: 992px) {
18561
+ @media (min-width: 62rem) {
18695
18562
  .pf-v6-c-tabs.pf-m-inset-none-on-lg {
18696
18563
  --pf-v6-c-tabs--inset: 0;
18697
18564
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -18723,7 +18590,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18723
18590
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
18724
18591
  }
18725
18592
  }
18726
- @media (min-width: 1200px) {
18593
+ @media (min-width: 75rem) {
18727
18594
  .pf-v6-c-tabs.pf-m-inset-none-on-xl {
18728
18595
  --pf-v6-c-tabs--inset: 0;
18729
18596
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -18755,7 +18622,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18755
18622
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
18756
18623
  }
18757
18624
  }
18758
- @media (min-width: 1450px) {
18625
+ @media (min-width: 90.625rem) {
18759
18626
  .pf-v6-c-tabs.pf-m-inset-none-on-2xl {
18760
18627
  --pf-v6-c-tabs--inset: 0;
18761
18628
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -19092,15 +18959,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19092
18959
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
19093
18960
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
19094
18961
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
19095
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
19096
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
19097
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
18962
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
18963
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
19098
18964
  --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
19099
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
19100
18965
  --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
19101
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
19102
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
19103
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
18966
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
18967
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
19104
18968
  }
19105
18969
 
19106
18970
  .pf-v6-c-timestamp {
@@ -19110,20 +18974,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19110
18974
  outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
19111
18975
  }
19112
18976
  .pf-v6-c-timestamp.pf-m-help-text {
19113
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
19114
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
19115
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
19116
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
18977
+ text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
19117
18978
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
19118
18979
  cursor: pointer;
19119
18980
  }
19120
- .pf-v6-c-timestamp.pf-m-help-text:hover {
18981
+ .pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
19121
18982
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
19122
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
19123
- }
19124
- .pf-v6-c-timestamp.pf-m-help-text:focus {
19125
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
19126
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
18983
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
18984
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19127
18985
  }
19128
18986
 
19129
18987
  :where(:root, .pf-v6-c-title) {
@@ -19321,7 +19179,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19321
19179
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
19322
19180
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
19323
19181
  }
19324
- .pf-v6-c-toggle-group__button:hover, .pf-v6-c-toggle-group__button:focus {
19182
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
19325
19183
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
19326
19184
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
19327
19185
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
@@ -19333,7 +19191,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19333
19191
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
19334
19192
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
19335
19193
  }
19336
- .pf-v6-c-toggle-group__button:disabled, .pf-v6-c-toggle-group__button.pf-m-disabled {
19194
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
19337
19195
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
19338
19196
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
19339
19197
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
@@ -19357,7 +19215,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19357
19215
  :where(:root, .pf-v6-c-toolbar) {
19358
19216
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
19359
19217
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
19360
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19218
+ --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19361
19219
  --pf-v6-c-toolbar--PaddingInlineStart: 0;
19362
19220
  --pf-v6-c-toolbar--PaddingInlineEnd: 0;
19363
19221
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -19375,8 +19233,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19375
19233
  --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
19376
19234
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
19377
19235
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
19378
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
19379
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19236
+ --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
19237
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
19380
19238
  --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
19381
19239
  --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
19382
19240
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
@@ -19416,7 +19274,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19416
19274
  .pf-v6-c-toolbar__item.pf-m-hidden {
19417
19275
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19418
19276
  }
19419
- @media screen and (min-width: 576px) {
19277
+ @media screen and (min-width: 36rem) {
19420
19278
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
19421
19279
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
19422
19280
  .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
@@ -19428,7 +19286,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19428
19286
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19429
19287
  }
19430
19288
  }
19431
- @media screen and (min-width: 768px) {
19289
+ @media screen and (min-width: 48rem) {
19432
19290
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
19433
19291
  .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
19434
19292
  .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
@@ -19440,7 +19298,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19440
19298
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19441
19299
  }
19442
19300
  }
19443
- @media screen and (min-width: 992px) {
19301
+ @media screen and (min-width: 62rem) {
19444
19302
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
19445
19303
  .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
19446
19304
  .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
@@ -19452,7 +19310,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19452
19310
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19453
19311
  }
19454
19312
  }
19455
- @media screen and (min-width: 1200px) {
19313
+ @media screen and (min-width: 75rem) {
19456
19314
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
19457
19315
  .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
19458
19316
  .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
@@ -19464,7 +19322,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19464
19322
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19465
19323
  }
19466
19324
  }
19467
- @media screen and (min-width: 1450px) {
19325
+ @media screen and (min-width: 90.625rem) {
19468
19326
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
19469
19327
  .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
19470
19328
  .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
@@ -19494,7 +19352,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19494
19352
  .pf-v6-c-toolbar__content.pf-m-hidden {
19495
19353
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19496
19354
  }
19497
- @media screen and (min-width: 576px) {
19355
+ @media screen and (min-width: 36rem) {
19498
19356
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
19499
19357
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19500
19358
  }
@@ -19502,7 +19360,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19502
19360
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19503
19361
  }
19504
19362
  }
19505
- @media screen and (min-width: 768px) {
19363
+ @media screen and (min-width: 48rem) {
19506
19364
  .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
19507
19365
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19508
19366
  }
@@ -19510,7 +19368,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19510
19368
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19511
19369
  }
19512
19370
  }
19513
- @media screen and (min-width: 992px) {
19371
+ @media screen and (min-width: 62rem) {
19514
19372
  .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
19515
19373
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19516
19374
  }
@@ -19518,7 +19376,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19518
19376
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19519
19377
  }
19520
19378
  }
19521
- @media screen and (min-width: 1200px) {
19379
+ @media screen and (min-width: 75rem) {
19522
19380
  .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
19523
19381
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19524
19382
  }
@@ -19526,7 +19384,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19526
19384
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19527
19385
  }
19528
19386
  }
19529
- @media screen and (min-width: 1450px) {
19387
+ @media screen and (min-width: 90.625rem) {
19530
19388
  .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
19531
19389
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19532
19390
  }
@@ -19596,52 +19454,52 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19596
19454
  width: var(--pf-v6-c-toolbar__item--Width--base);
19597
19455
  min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
19598
19456
  }
19599
- @media (min-width: 576px) {
19457
+ @media (min-width: 36rem) {
19600
19458
  .pf-v6-c-toolbar__item {
19601
19459
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
19602
19460
  }
19603
19461
  }
19604
- @media (min-width: 768px) {
19462
+ @media (min-width: 48rem) {
19605
19463
  .pf-v6-c-toolbar__item {
19606
19464
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
19607
19465
  }
19608
19466
  }
19609
- @media (min-width: 992px) {
19467
+ @media (min-width: 62rem) {
19610
19468
  .pf-v6-c-toolbar__item {
19611
19469
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
19612
19470
  }
19613
19471
  }
19614
- @media (min-width: 1200px) {
19472
+ @media (min-width: 75rem) {
19615
19473
  .pf-v6-c-toolbar__item {
19616
19474
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
19617
19475
  }
19618
19476
  }
19619
- @media (min-width: 1450px) {
19477
+ @media (min-width: 90.625rem) {
19620
19478
  .pf-v6-c-toolbar__item {
19621
19479
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
19622
19480
  }
19623
19481
  }
19624
- @media (min-width: 576px) {
19482
+ @media (min-width: 36rem) {
19625
19483
  .pf-v6-c-toolbar__item {
19626
19484
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
19627
19485
  }
19628
19486
  }
19629
- @media (min-width: 768px) {
19487
+ @media (min-width: 48rem) {
19630
19488
  .pf-v6-c-toolbar__item {
19631
19489
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
19632
19490
  }
19633
19491
  }
19634
- @media (min-width: 992px) {
19492
+ @media (min-width: 62rem) {
19635
19493
  .pf-v6-c-toolbar__item {
19636
19494
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
19637
19495
  }
19638
19496
  }
19639
- @media (min-width: 1200px) {
19497
+ @media (min-width: 75rem) {
19640
19498
  .pf-v6-c-toolbar__item {
19641
19499
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
19642
19500
  }
19643
19501
  }
19644
- @media (min-width: 1450px) {
19502
+ @media (min-width: 90.625rem) {
19645
19503
  .pf-v6-c-toolbar__item {
19646
19504
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
19647
19505
  }
@@ -19680,6 +19538,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19680
19538
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
19681
19539
  }
19682
19540
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
19541
+ flex-wrap: wrap;
19683
19542
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
19684
19543
  }
19685
19544
  .pf-v6-c-toolbar__group.pf-m-overflow-container {
@@ -19700,7 +19559,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19700
19559
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
19701
19560
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
19702
19561
  }
19703
- @media screen and (min-width: 992px) {
19562
+ @media screen and (min-width: 62rem) {
19704
19563
  .pf-v6-c-toolbar__expandable-content {
19705
19564
  position: static;
19706
19565
  padding: 0;
@@ -19992,7 +19851,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19992
19851
  display: inline-flex;
19993
19852
  }
19994
19853
 
19995
- @media (min-width: 576px) {
19854
+ @media (min-width: 36rem) {
19996
19855
  .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
19997
19856
  .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
19998
19857
  margin-inline-start: 0;
@@ -20244,7 +20103,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20244
20103
  display: inline-flex;
20245
20104
  }
20246
20105
  }
20247
- @media (min-width: 768px) {
20106
+ @media (min-width: 48rem) {
20248
20107
  .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
20249
20108
  .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
20250
20109
  margin-inline-start: 0;
@@ -20496,7 +20355,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20496
20355
  display: inline-flex;
20497
20356
  }
20498
20357
  }
20499
- @media (min-width: 992px) {
20358
+ @media (min-width: 62rem) {
20500
20359
  .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
20501
20360
  .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
20502
20361
  margin-inline-start: 0;
@@ -20748,7 +20607,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20748
20607
  display: inline-flex;
20749
20608
  }
20750
20609
  }
20751
- @media (min-width: 1200px) {
20610
+ @media (min-width: 75rem) {
20752
20611
  .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
20753
20612
  .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
20754
20613
  margin-inline-start: 0;
@@ -21000,7 +20859,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21000
20859
  display: inline-flex;
21001
20860
  }
21002
20861
  }
21003
- @media (min-width: 1450px) {
20862
+ @media (min-width: 90.625rem) {
21004
20863
  .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
21005
20864
  .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
21006
20865
  margin-inline-start: 0;
@@ -22026,7 +21885,7 @@ label.pf-v6-c-tree-view__node-text {
22026
21885
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
22027
21886
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
22028
21887
  }
22029
- @media screen and (min-width: 992px) {
21888
+ @media screen and (min-width: 62rem) {
22030
21889
  :where(:root, .pf-v6-c-wizard) {
22031
21890
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
22032
21891
  --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -22092,7 +21951,7 @@ label.pf-v6-c-tree-view__node-text {
22092
21951
  padding-block-start: var(--pf-v6-c-wizard__description--PaddingBlockStart);
22093
21952
  color: var(--pf-v6-c-wizard__description--Color);
22094
21953
  }
22095
- @media screen and (min-width: 992px) {
21954
+ @media screen and (min-width: 62rem) {
22096
21955
  .pf-v6-c-wizard__description {
22097
21956
  display: block;
22098
21957
  }
@@ -22114,7 +21973,7 @@ label.pf-v6-c-tree-view__node-text {
22114
21973
  border-inline-start: 0;
22115
21974
  border-inline-end: 0;
22116
21975
  }
22117
- @media screen and (min-width: 992px) {
21976
+ @media screen and (min-width: 62rem) {
22118
21977
  .pf-v6-c-wizard__toggle {
22119
21978
  display: none;
22120
21979
  }
@@ -22183,7 +22042,7 @@ label.pf-v6-c-tree-view__node-text {
22183
22042
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
22184
22043
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
22185
22044
  }
22186
- @media screen and (min-width: 992px) {
22045
+ @media screen and (min-width: 62rem) {
22187
22046
  .pf-v6-c-wizard__outer-wrap {
22188
22047
  padding-inline-start: var(--pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart);
22189
22048
  }
@@ -22196,7 +22055,7 @@ label.pf-v6-c-tree-view__node-text {
22196
22055
  flex-grow: 1;
22197
22056
  min-height: 0;
22198
22057
  }
22199
- @media screen and (min-width: 992px) {
22058
+ @media screen and (min-width: 62rem) {
22200
22059
  .pf-v6-c-wizard__inner-wrap {
22201
22060
  position: static;
22202
22061
  }
@@ -22218,7 +22077,7 @@ label.pf-v6-c-tree-view__node-text {
22218
22077
  .pf-v6-c-wizard__nav.pf-m-expanded {
22219
22078
  display: block;
22220
22079
  }
22221
- @media screen and (min-width: 992px) {
22080
+ @media screen and (min-width: 62rem) {
22222
22081
  .pf-v6-c-wizard__nav {
22223
22082
  display: block;
22224
22083
  height: 100%;