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

Sign up to get free protection for your applications and to get access to all the features.
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
@@ -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%;