@patternfly/patternfly 5.0.0-alpha.49 → 5.0.0-alpha.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/base/patternfly-variables.css +1 -1
  2. package/components/Breadcrumb/breadcrumb.css +1 -5
  3. package/components/Breadcrumb/breadcrumb.scss +1 -8
  4. package/components/Divider/divider.css +12 -12
  5. package/components/List/list.css +1 -1
  6. package/components/List/list.scss +1 -1
  7. package/components/LogViewer/log-viewer.css +0 -3
  8. package/components/LogViewer/log-viewer.scss +0 -4
  9. package/components/Masthead/masthead.css +12 -12
  10. package/components/MultipleFileUpload/multiple-file-upload.css +3 -3
  11. package/components/MultipleFileUpload/multiple-file-upload.scss +3 -3
  12. package/components/Pagination/pagination.css +12 -12
  13. package/components/Tabs/tabs.css +24 -24
  14. package/components/TextInputGroup/text-input-group.css +1 -5
  15. package/components/TextInputGroup/text-input-group.scss +1 -7
  16. package/components/Toolbar/toolbar.css +54 -54
  17. package/components/_all.scss +1 -2
  18. package/docs/components/AppLauncher/examples/application-launcher.md +8 -7
  19. package/docs/components/Chip/examples/Chip.md +713 -4
  20. package/docs/components/ContextSelector/examples/context-selector.md +12 -12
  21. package/docs/components/DualListSelector/examples/DualListSelector.md +32 -32
  22. package/docs/components/LogViewer/examples/LogViewer.md +40 -40
  23. package/docs/components/Menu/examples/Menu.md +20 -18
  24. package/docs/components/Select/examples/Select.md +16 -14
  25. package/docs/components/TextInputGroup/examples/TextInputGroup.css +0 -13
  26. package/docs/components/TextInputGroup/examples/TextInputGroup.md +21 -21
  27. package/docs/components/Toolbar/examples/Toolbar.md +10 -10
  28. package/docs/components/TreeView/examples/TreeView.md +8 -7
  29. package/docs/demos/AboutModal/examples/AboutModal.md +21 -21
  30. package/docs/demos/Alert/examples/Alert.md +63 -63
  31. package/docs/demos/BackToTop/examples/BackToTop.md +21 -21
  32. package/docs/demos/Banner/examples/Banner.md +42 -42
  33. package/docs/demos/CardView/examples/CardView.md +21 -21
  34. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -91
  35. package/docs/demos/Dashboard/examples/Dashboard.md +21 -21
  36. package/docs/demos/DataList/examples/DataList.md +104 -105
  37. package/docs/demos/DescriptionList/examples/DescriptionList.md +63 -63
  38. package/docs/demos/Drawer/examples/Drawer.md +105 -105
  39. package/docs/demos/JumpLinks/examples/JumpLinks.md +126 -126
  40. package/docs/demos/Masthead/examples/Masthead.md +56 -55
  41. package/docs/demos/Modal/examples/Modal.md +126 -126
  42. package/docs/demos/Nav/examples/Nav.md +168 -168
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +105 -105
  44. package/docs/demos/Page/examples/Page.md +189 -189
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +153 -153
  46. package/docs/demos/Skeleton/examples/Skeleton.md +21 -21
  47. package/docs/demos/Table/examples/Table.md +339 -339
  48. package/docs/demos/Tabs/examples/Tabs.md +126 -126
  49. package/docs/demos/Toolbar/examples/Toolbar.md +50 -50
  50. package/docs/demos/Wizard/examples/Wizard.md +189 -189
  51. package/docs/layouts/Flex/examples/Flex.md +319 -215
  52. package/layouts/Flex/flex.css +738 -31
  53. package/layouts/Flex/flex.scss +101 -17
  54. package/package.json +1 -1
  55. package/patternfly-base-no-globals.css +1 -1
  56. package/patternfly-base.css +1 -1
  57. package/patternfly-no-globals.css +859 -389
  58. package/patternfly.css +859 -389
  59. package/patternfly.min.css +1 -1
  60. package/patternfly.min.css.map +1 -1
  61. package/sass-utilities/component-namespaces.scss +0 -3
  62. package/sass-utilities/functions.scss +9 -5
  63. package/sass-utilities/themes/dark/scss-variables.scss +1 -4
  64. package/components/Breadcrumb/themes/dark/breadcrumb.scss +0 -7
  65. package/components/SearchInput/search-input.css +0 -199
  66. package/components/SearchInput/search-input.scss +0 -231
  67. package/components/SearchInput/themes/dark/search-input.scss +0 -16
  68. package/docs/components/ChipGroup/examples/ChipGroup.md +0 -716
  69. package/docs/components/SearchInput/examples/SearchInput.css +0 -12
  70. package/docs/components/SearchInput/examples/SearchInput.md +0 -681
  71. /package/components/{ChipGroup → Chip}/chip-group.css +0 -0
  72. /package/components/{ChipGroup → Chip}/chip-group.scss +0 -0
package/patternfly.css CHANGED
@@ -380,7 +380,7 @@
380
380
  --pf-v5-global--disabled-color--200: #444548;
381
381
  --pf-v5-global--disabled-color--300: #aaabac;
382
382
  --pf-v5-global--icon--Color--light: #aaabac;
383
- --pf-v5-global--icon--Color--dark: #aaabac;
383
+ --pf-v5-global--icon--Color--dark: #e0e0e0;
384
384
  --pf-v5-global--Color--dark-100: #e0e0e0;
385
385
  --pf-v5-global--Color--dark-200: #aaabac;
386
386
  --pf-v5-global--Color--light-100: #e0e0e0;
@@ -7000,7 +7000,7 @@ button) {
7000
7000
  --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--sm);
7001
7001
  --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-v5-global--LineHeight--sm);
7002
7002
  --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-v5-global--spacer--sm);
7003
- --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-v5-global--BorderColor--200);
7003
+ --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-v5-global--icon--Color--dark);
7004
7004
  --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-v5-global--spacer--sm);
7005
7005
  --pf-v5-c-breadcrumb__item-divider--FontSize: var(--pf-v5-global--FontSize--sm);
7006
7006
  --pf-v5-c-breadcrumb__link--Color: var(--pf-v5-global--link--Color);
@@ -7089,23 +7089,6 @@ button.pf-v5-c-breadcrumb__link {
7089
7089
  display: none;
7090
7090
  }
7091
7091
 
7092
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7093
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7094
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
7095
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
7096
- --pf-v5-global--Color--100: #e0e0e0;
7097
- --pf-v5-global--Color--200: #aaabac;
7098
- --pf-v5-global--BorderColor--100: #444548;
7099
- --pf-v5-global--primary-color--100: #1fa7f8;
7100
- --pf-v5-global--link--Color: #1fa7f8;
7101
- --pf-v5-global--link--Color--hover: #73bcf7;
7102
- --pf-v5-global--BackgroundColor--100: #1b1d21;
7103
- }
7104
-
7105
- :where(.pf-v5-theme-dark) .pf-v5-c-breadcrumb {
7106
- --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-v5-global--BorderColor--100);
7107
- }
7108
-
7109
7092
  .pf-v5-c-button {
7110
7093
  --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
7111
7094
  --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -11621,10 +11604,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11621
11604
  flex-wrap: wrap;
11622
11605
  }
11623
11606
  }
11624
- .pf-v5-c-toolbar .pf-m-space-items-none > * {
11625
- --pf-v5-c-toolbar--spacer: 0;
11607
+ .pf-v5-c-toolbar .pf-m-space-items-base > * {
11608
+ --pf-v5-c-toolbar--spacer: ;
11626
11609
  }
11627
- .pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
11610
+ .pf-v5-c-toolbar .pf-m-space-items-base > :last-child {
11628
11611
  --pf-v5-c-toolbar--spacer: 0;
11629
11612
  }
11630
11613
  .pf-v5-c-toolbar .pf-m-space-items-sm > * {
@@ -11646,10 +11629,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11646
11629
  --pf-v5-c-toolbar--spacer: 0;
11647
11630
  }
11648
11631
  @media (min-width: 576px) {
11649
- .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
11650
- --pf-v5-c-toolbar--spacer: 0;
11632
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > * {
11633
+ --pf-v5-c-toolbar--spacer: ;
11651
11634
  }
11652
- .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
11635
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > :last-child {
11653
11636
  --pf-v5-c-toolbar--spacer: 0;
11654
11637
  }
11655
11638
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
@@ -11672,10 +11655,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11672
11655
  }
11673
11656
  }
11674
11657
  @media (min-width: 768px) {
11675
- .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
11676
- --pf-v5-c-toolbar--spacer: 0;
11658
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-md > * {
11659
+ --pf-v5-c-toolbar--spacer: ;
11677
11660
  }
11678
- .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
11661
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-md > :last-child {
11679
11662
  --pf-v5-c-toolbar--spacer: 0;
11680
11663
  }
11681
11664
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
@@ -11698,10 +11681,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11698
11681
  }
11699
11682
  }
11700
11683
  @media (min-width: 992px) {
11701
- .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
11702
- --pf-v5-c-toolbar--spacer: 0;
11684
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > * {
11685
+ --pf-v5-c-toolbar--spacer: ;
11703
11686
  }
11704
- .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
11687
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > :last-child {
11705
11688
  --pf-v5-c-toolbar--spacer: 0;
11706
11689
  }
11707
11690
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
@@ -11724,10 +11707,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11724
11707
  }
11725
11708
  }
11726
11709
  @media (min-width: 1200px) {
11727
- .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
11728
- --pf-v5-c-toolbar--spacer: 0;
11710
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > * {
11711
+ --pf-v5-c-toolbar--spacer: ;
11729
11712
  }
11730
- .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
11713
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > :last-child {
11731
11714
  --pf-v5-c-toolbar--spacer: 0;
11732
11715
  }
11733
11716
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
@@ -11750,10 +11733,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11750
11733
  }
11751
11734
  }
11752
11735
  @media (min-width: 1450px) {
11753
- .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
11754
- --pf-v5-c-toolbar--spacer: 0;
11736
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > * {
11737
+ --pf-v5-c-toolbar--spacer: ;
11755
11738
  }
11756
- .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
11739
+ .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > :last-child {
11757
11740
  --pf-v5-c-toolbar--spacer: 0;
11758
11741
  }
11759
11742
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
@@ -11775,11 +11758,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11775
11758
  --pf-v5-c-toolbar--spacer: 0;
11776
11759
  }
11777
11760
  }
11778
- .pf-v5-c-toolbar .pf-m-spacer-none {
11779
- --pf-v5-c-toolbar--spacer: 0;
11761
+ .pf-v5-c-toolbar .pf-m-spacer-base {
11762
+ --pf-v5-c-toolbar--spacer: ;
11780
11763
  }
11781
- .pf-v5-c-toolbar .pf-m-spacer-none:last-child {
11782
- --pf-v5-c-toolbar--spacer: 0;
11764
+ .pf-v5-c-toolbar .pf-m-spacer-base:last-child {
11765
+ --pf-v5-c-toolbar--spacer: ;
11783
11766
  }
11784
11767
  .pf-v5-c-toolbar .pf-m-spacer-sm {
11785
11768
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11800,11 +11783,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11800
11783
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
11801
11784
  }
11802
11785
  @media (min-width: 576px) {
11803
- .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
11804
- --pf-v5-c-toolbar--spacer: 0;
11786
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-sm {
11787
+ --pf-v5-c-toolbar--spacer: ;
11805
11788
  }
11806
- .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
11807
- --pf-v5-c-toolbar--spacer: 0;
11789
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-sm:last-child {
11790
+ --pf-v5-c-toolbar--spacer: ;
11808
11791
  }
11809
11792
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
11810
11793
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11826,11 +11809,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11826
11809
  }
11827
11810
  }
11828
11811
  @media (min-width: 768px) {
11829
- .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
11830
- --pf-v5-c-toolbar--spacer: 0;
11812
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-md {
11813
+ --pf-v5-c-toolbar--spacer: ;
11831
11814
  }
11832
- .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
11833
- --pf-v5-c-toolbar--spacer: 0;
11815
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-md:last-child {
11816
+ --pf-v5-c-toolbar--spacer: ;
11834
11817
  }
11835
11818
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
11836
11819
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11852,11 +11835,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11852
11835
  }
11853
11836
  }
11854
11837
  @media (min-width: 992px) {
11855
- .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
11856
- --pf-v5-c-toolbar--spacer: 0;
11838
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-lg {
11839
+ --pf-v5-c-toolbar--spacer: ;
11857
11840
  }
11858
- .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
11859
- --pf-v5-c-toolbar--spacer: 0;
11841
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-lg:last-child {
11842
+ --pf-v5-c-toolbar--spacer: ;
11860
11843
  }
11861
11844
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
11862
11845
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11878,11 +11861,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11878
11861
  }
11879
11862
  }
11880
11863
  @media (min-width: 1200px) {
11881
- .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
11882
- --pf-v5-c-toolbar--spacer: 0;
11864
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-xl {
11865
+ --pf-v5-c-toolbar--spacer: ;
11883
11866
  }
11884
- .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
11885
- --pf-v5-c-toolbar--spacer: 0;
11867
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-xl:last-child {
11868
+ --pf-v5-c-toolbar--spacer: ;
11886
11869
  }
11887
11870
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
11888
11871
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11904,11 +11887,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11904
11887
  }
11905
11888
  }
11906
11889
  @media (min-width: 1450px) {
11907
- .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
11908
- --pf-v5-c-toolbar--spacer: 0;
11890
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl {
11891
+ --pf-v5-c-toolbar--spacer: ;
11909
11892
  }
11910
- .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
11911
- --pf-v5-c-toolbar--spacer: 0;
11893
+ .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl:last-child {
11894
+ --pf-v5-c-toolbar--spacer: ;
11912
11895
  }
11913
11896
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
11914
11897
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11929,8 +11912,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11929
11912
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
11930
11913
  }
11931
11914
  }
11932
- .pf-v5-c-toolbar.pf-m-inset-none {
11933
- --pf-v5-c-toolbar--inset: 0;
11915
+ .pf-v5-c-toolbar.pf-m-inset-base {
11916
+ --pf-v5-c-toolbar--inset: ;
11934
11917
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11935
11918
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11936
11919
  }
@@ -11960,8 +11943,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11960
11943
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11961
11944
  }
11962
11945
  @media (min-width: 576px) {
11963
- .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
11964
- --pf-v5-c-toolbar--inset: 0;
11946
+ .pf-v5-c-toolbar.pf-m-inset-base-on-sm {
11947
+ --pf-v5-c-toolbar--inset: ;
11965
11948
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11966
11949
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11967
11950
  }
@@ -11992,8 +11975,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11992
11975
  }
11993
11976
  }
11994
11977
  @media (min-width: 768px) {
11995
- .pf-v5-c-toolbar.pf-m-inset-none-on-md {
11996
- --pf-v5-c-toolbar--inset: 0;
11978
+ .pf-v5-c-toolbar.pf-m-inset-base-on-md {
11979
+ --pf-v5-c-toolbar--inset: ;
11997
11980
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11998
11981
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11999
11982
  }
@@ -12024,8 +12007,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12024
12007
  }
12025
12008
  }
12026
12009
  @media (min-width: 992px) {
12027
- .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
12028
- --pf-v5-c-toolbar--inset: 0;
12010
+ .pf-v5-c-toolbar.pf-m-inset-base-on-lg {
12011
+ --pf-v5-c-toolbar--inset: ;
12029
12012
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12030
12013
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12031
12014
  }
@@ -12056,8 +12039,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12056
12039
  }
12057
12040
  }
12058
12041
  @media (min-width: 1200px) {
12059
- .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
12060
- --pf-v5-c-toolbar--inset: 0;
12042
+ .pf-v5-c-toolbar.pf-m-inset-base-on-xl {
12043
+ --pf-v5-c-toolbar--inset: ;
12061
12044
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12062
12045
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12063
12046
  }
@@ -12088,8 +12071,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12088
12071
  }
12089
12072
  }
12090
12073
  @media (min-width: 1450px) {
12091
- .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
12092
- --pf-v5-c-toolbar--inset: 0;
12074
+ .pf-v5-c-toolbar.pf-m-inset-base-on-2xl {
12075
+ --pf-v5-c-toolbar--inset: ;
12093
12076
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12094
12077
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12095
12078
  }
@@ -12250,8 +12233,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12250
12233
  .pf-v5-c-divider.pf-m-vertical::after {
12251
12234
  flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
12252
12235
  }
12253
- .pf-v5-c-divider.pf-m-inset-none {
12254
- --pf-v5-c-divider--after--Inset: 0%;
12236
+ .pf-v5-c-divider.pf-m-inset-base {
12237
+ --pf-v5-c-divider--after--Inset: ;
12255
12238
  }
12256
12239
  .pf-v5-c-divider.pf-m-inset-xs {
12257
12240
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12301,8 +12284,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12301
12284
  }
12302
12285
  }
12303
12286
  @media (min-width: 576px) {
12304
- .pf-v5-c-divider.pf-m-inset-none-on-sm {
12305
- --pf-v5-c-divider--after--Inset: 0%;
12287
+ .pf-v5-c-divider.pf-m-inset-base-on-sm {
12288
+ --pf-v5-c-divider--after--Inset: ;
12306
12289
  }
12307
12290
  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
12308
12291
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12353,8 +12336,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12353
12336
  }
12354
12337
  }
12355
12338
  @media (min-width: 768px) {
12356
- .pf-v5-c-divider.pf-m-inset-none-on-md {
12357
- --pf-v5-c-divider--after--Inset: 0%;
12339
+ .pf-v5-c-divider.pf-m-inset-base-on-md {
12340
+ --pf-v5-c-divider--after--Inset: ;
12358
12341
  }
12359
12342
  .pf-v5-c-divider.pf-m-inset-xs-on-md {
12360
12343
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12405,8 +12388,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12405
12388
  }
12406
12389
  }
12407
12390
  @media (min-width: 992px) {
12408
- .pf-v5-c-divider.pf-m-inset-none-on-lg {
12409
- --pf-v5-c-divider--after--Inset: 0%;
12391
+ .pf-v5-c-divider.pf-m-inset-base-on-lg {
12392
+ --pf-v5-c-divider--after--Inset: ;
12410
12393
  }
12411
12394
  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
12412
12395
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12457,8 +12440,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12457
12440
  }
12458
12441
  }
12459
12442
  @media (min-width: 1200px) {
12460
- .pf-v5-c-divider.pf-m-inset-none-on-xl {
12461
- --pf-v5-c-divider--after--Inset: 0%;
12443
+ .pf-v5-c-divider.pf-m-inset-base-on-xl {
12444
+ --pf-v5-c-divider--after--Inset: ;
12462
12445
  }
12463
12446
  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
12464
12447
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12509,8 +12492,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12509
12492
  }
12510
12493
  }
12511
12494
  @media (min-width: 1450px) {
12512
- .pf-v5-c-divider.pf-m-inset-none-on-2xl {
12513
- --pf-v5-c-divider--after--Inset: 0%;
12495
+ .pf-v5-c-divider.pf-m-inset-base-on-2xl {
12496
+ --pf-v5-c-divider--after--Inset: ;
12514
12497
  }
12515
12498
  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
12516
12499
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -16547,7 +16530,7 @@ button.pf-v5-c-label__content:focus {
16547
16530
  --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
16548
16531
  --pf-v5-c-list__item-icon--MarginTop: 0.375rem;
16549
16532
  --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
16550
- --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--light);
16533
+ --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
16551
16534
  --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
16552
16535
  --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
16553
16536
  --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
@@ -16710,9 +16693,6 @@ ul.pf-v5-c-list {
16710
16693
  .pf-v5-c-log-viewer .pf-v5-c-toolbar__content-section {
16711
16694
  flex-wrap: nowrap;
16712
16695
  }
16713
- .pf-v5-c-log-viewer .pf-v5-c-search-input {
16714
- width: 100%;
16715
- }
16716
16696
 
16717
16697
  .pf-v5-c-log-viewer__header {
16718
16698
  margin-bottom: var(--pf-v5-c-log-viewer__header--MarginBottom);
@@ -17390,8 +17370,8 @@ ul.pf-v5-c-list {
17390
17370
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
17391
17371
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
17392
17372
  }
17393
- .pf-v5-c-masthead.pf-m-inset-none {
17394
- --pf-v5-c-masthead--inset: 0;
17373
+ .pf-v5-c-masthead.pf-m-inset-base {
17374
+ --pf-v5-c-masthead--inset: ;
17395
17375
  }
17396
17376
  .pf-v5-c-masthead.pf-m-inset-sm {
17397
17377
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17449,8 +17429,8 @@ ul.pf-v5-c-list {
17449
17429
  }
17450
17430
  }
17451
17431
  @media (min-width: 576px) {
17452
- .pf-v5-c-masthead.pf-m-inset-none-on-sm {
17453
- --pf-v5-c-masthead--inset: 0;
17432
+ .pf-v5-c-masthead.pf-m-inset-base-on-sm {
17433
+ --pf-v5-c-masthead--inset: ;
17454
17434
  }
17455
17435
  .pf-v5-c-masthead.pf-m-inset-sm-on-sm {
17456
17436
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17509,8 +17489,8 @@ ul.pf-v5-c-list {
17509
17489
  }
17510
17490
  }
17511
17491
  @media (min-width: 768px) {
17512
- .pf-v5-c-masthead.pf-m-inset-none-on-md {
17513
- --pf-v5-c-masthead--inset: 0;
17492
+ .pf-v5-c-masthead.pf-m-inset-base-on-md {
17493
+ --pf-v5-c-masthead--inset: ;
17514
17494
  }
17515
17495
  .pf-v5-c-masthead.pf-m-inset-sm-on-md {
17516
17496
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17569,8 +17549,8 @@ ul.pf-v5-c-list {
17569
17549
  }
17570
17550
  }
17571
17551
  @media (min-width: 992px) {
17572
- .pf-v5-c-masthead.pf-m-inset-none-on-lg {
17573
- --pf-v5-c-masthead--inset: 0;
17552
+ .pf-v5-c-masthead.pf-m-inset-base-on-lg {
17553
+ --pf-v5-c-masthead--inset: ;
17574
17554
  }
17575
17555
  .pf-v5-c-masthead.pf-m-inset-sm-on-lg {
17576
17556
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17629,8 +17609,8 @@ ul.pf-v5-c-list {
17629
17609
  }
17630
17610
  }
17631
17611
  @media (min-width: 1200px) {
17632
- .pf-v5-c-masthead.pf-m-inset-none-on-xl {
17633
- --pf-v5-c-masthead--inset: 0;
17612
+ .pf-v5-c-masthead.pf-m-inset-base-on-xl {
17613
+ --pf-v5-c-masthead--inset: ;
17634
17614
  }
17635
17615
  .pf-v5-c-masthead.pf-m-inset-sm-on-xl {
17636
17616
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17689,8 +17669,8 @@ ul.pf-v5-c-list {
17689
17669
  }
17690
17670
  }
17691
17671
  @media (min-width: 1450px) {
17692
- .pf-v5-c-masthead.pf-m-inset-none-on-2xl {
17693
- --pf-v5-c-masthead--inset: 0;
17672
+ .pf-v5-c-masthead.pf-m-inset-base-on-2xl {
17673
+ --pf-v5-c-masthead--inset: ;
17694
17674
  }
17695
17675
  .pf-v5-c-masthead.pf-m-inset-sm-on-2xl {
17696
17676
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -18969,7 +18949,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18969
18949
  --pf-v5-c-multiple-file-upload__title--Display: grid;
18970
18950
  --pf-v5-c-multiple-file-upload__title--GridTemplateColumns: auto;
18971
18951
  --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-global--spacer--sm);
18972
- --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--Color--200);
18952
+ --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--icon--Color--dark);
18973
18953
  --pf-v5-c-multiple-file-upload__title-text-separator--Display: block;
18974
18954
  --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-global--spacer--sm);
18975
18955
  --pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -18996,7 +18976,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18996
18976
  --pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
18997
18977
  --pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
18998
18978
  --pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-v5-global--spacer--sm);
18999
- --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--Color--200);
18979
+ --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--icon--Color--dark);
19000
18980
  --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-global--spacer--md);
19001
18981
  --pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-v5-global--spacer--md);
19002
18982
  --pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
@@ -19004,7 +18984,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19004
18984
  --pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-v5-global--spacer--sm);
19005
18985
  --pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
19006
18986
  --pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-v5-global--BorderColor--100);
19007
- --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--Color--200);
18987
+ --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--icon--Color--dark);
19008
18988
  --pf-v5-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
19009
18989
  --pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
19010
18990
  --pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-v5-global--spacer--sm);
@@ -22013,8 +21993,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22013
21993
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22014
21994
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22015
21995
  }
22016
- .pf-v5-c-pagination.pf-m-inset-none {
22017
- --pf-v5-c-pagination--inset: 0;
21996
+ .pf-v5-c-pagination.pf-m-inset-base {
21997
+ --pf-v5-c-pagination--inset: ;
22018
21998
  }
22019
21999
  .pf-v5-c-pagination.pf-m-inset-sm {
22020
22000
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22042,8 +22022,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22042
22022
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22043
22023
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22044
22024
  }
22045
- .pf-v5-c-pagination.pf-m-inset-none-on-sm {
22046
- --pf-v5-c-pagination--inset: 0;
22025
+ .pf-v5-c-pagination.pf-m-inset-base-on-sm {
22026
+ --pf-v5-c-pagination--inset: ;
22047
22027
  }
22048
22028
  .pf-v5-c-pagination.pf-m-inset-sm-on-sm {
22049
22029
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22072,8 +22052,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22072
22052
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22073
22053
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22074
22054
  }
22075
- .pf-v5-c-pagination.pf-m-inset-none-on-md {
22076
- --pf-v5-c-pagination--inset: 0;
22055
+ .pf-v5-c-pagination.pf-m-inset-base-on-md {
22056
+ --pf-v5-c-pagination--inset: ;
22077
22057
  }
22078
22058
  .pf-v5-c-pagination.pf-m-inset-sm-on-md {
22079
22059
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22102,8 +22082,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22102
22082
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22103
22083
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22104
22084
  }
22105
- .pf-v5-c-pagination.pf-m-inset-none-on-lg {
22106
- --pf-v5-c-pagination--inset: 0;
22085
+ .pf-v5-c-pagination.pf-m-inset-base-on-lg {
22086
+ --pf-v5-c-pagination--inset: ;
22107
22087
  }
22108
22088
  .pf-v5-c-pagination.pf-m-inset-sm-on-lg {
22109
22089
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22132,8 +22112,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22132
22112
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22133
22113
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22134
22114
  }
22135
- .pf-v5-c-pagination.pf-m-inset-none-on-xl {
22136
- --pf-v5-c-pagination--inset: 0;
22115
+ .pf-v5-c-pagination.pf-m-inset-base-on-xl {
22116
+ --pf-v5-c-pagination--inset: ;
22137
22117
  }
22138
22118
  .pf-v5-c-pagination.pf-m-inset-sm-on-xl {
22139
22119
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22162,8 +22142,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22162
22142
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22163
22143
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22164
22144
  }
22165
- .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
22166
- --pf-v5-c-pagination--inset: 0;
22145
+ .pf-v5-c-pagination.pf-m-inset-base-on-2xl {
22146
+ --pf-v5-c-pagination--inset: ;
22167
22147
  }
22168
22148
  .pf-v5-c-pagination.pf-m-inset-sm-on-2xl {
22169
22149
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -23329,219 +23309,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23329
23309
  cursor: not-allowed;
23330
23310
  }
23331
23311
 
23332
- .pf-v5-c-search-input {
23333
- --pf-v5-c-search-input__text--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
23334
- --pf-v5-c-search-input__text--before--BorderColor: var(--pf-v5-global--BorderColor--300);
23335
- --pf-v5-c-search-input__text--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
23336
- --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
23337
- --pf-v5-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
23338
- --pf-v5-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
23339
- --pf-v5-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
23340
- --pf-v5-c-search-input__text-input--PaddingTop: var(--pf-v5-global--spacer--form-element);
23341
- --pf-v5-c-search-input__text-input--PaddingRight: var(--pf-v5-global--spacer--sm);
23342
- --pf-v5-c-search-input__text-input--PaddingBottom: var(--pf-v5-global--spacer--form-element);
23343
- --pf-v5-c-search-input__text-input--PaddingLeft: var(--pf-v5-global--spacer--xl);
23344
- --pf-v5-c-search-input__text-input--MinWidth: 6ch;
23345
- --pf-v5-c-search-input__text-input--m-hint--Color: var(--pf-v5-global--Color--dark-200);
23346
- --pf-v5-c-search-input__text-input--BackgroundColor: transparent;
23347
- --pf-v5-c-search-input__icon--Left: var(--pf-v5-global--spacer--sm);
23348
- --pf-v5-c-search-input__icon--Color: var(--pf-v5-global--Color--200);
23349
- --pf-v5-c-search-input__text--hover__icon--Color: var(--pf-v5-global--Color--100);
23350
- --pf-v5-c-search-input__icon--TranslateY: -50%;
23351
- --pf-v5-c-search-input__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
23352
- --pf-v5-c-search-input__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
23353
- --pf-v5-c-search-input__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
23354
- --pf-v5-c-search-input__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
23355
- --pf-v5-c-search-input__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
23356
- --pf-v5-c-search-input__menu-body--PaddingTop: var(--pf-v5-global--spacer--md);
23357
- --pf-v5-c-search-input__menu-body--PaddingRight: var(--pf-v5-global--spacer--md);
23358
- --pf-v5-c-search-input__menu-body--PaddingBottom: var(--pf-v5-global--spacer--md);
23359
- --pf-v5-c-search-input__menu-body--PaddingLeft: var(--pf-v5-global--spacer--md);
23360
- --pf-v5-c-search-input__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
23361
- --pf-v5-c-search-input__menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
23362
- --pf-v5-c-search-input__menu--Top: calc(100% + var(--pf-v5-global--spacer--xs));
23363
- --pf-v5-c-search-input__menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
23364
- --pf-v5-c-search-input--m-top__menu--Top: 0;
23365
- --pf-v5-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
23366
- --pf-v5-c-search-input__menu-list--PaddingTop: var(--pf-v5-global--spacer--sm);
23367
- --pf-v5-c-search-input__menu-list--PaddingBottom: var(--pf-v5-global--spacer--sm);
23368
- --pf-v5-c-search-input__menu-item--PaddingTop: var(--pf-v5-global--spacer--sm);
23369
- --pf-v5-c-search-input__menu-item--PaddingRight: var(--pf-v5-global--spacer--md);
23370
- --pf-v5-c-search-input__menu-item--PaddingBottom: var(--pf-v5-global--spacer--sm);
23371
- --pf-v5-c-search-input__menu-item--PaddingLeft: var(--pf-v5-global--spacer--md);
23372
- --pf-v5-c-search-input__menu-item--Color: var(--pf-v5-global--Color--100);
23373
- --pf-v5-c-search-input__menu-item--BackgroundColor: transparent;
23374
- --pf-v5-c-search-input__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
23375
- --pf-v5-c-search-input__menu-item--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
23376
- position: relative;
23377
- width: 100%;
23378
- }
23379
-
23380
- .pf-v5-c-search-input__bar {
23381
- position: relative;
23382
- display: flex;
23383
- width: 100%;
23384
- }
23385
- .pf-v5-c-search-input__bar:hover {
23386
- --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-c-search-input__bar--hover__text--after--BorderBottomColor);
23387
- }
23388
-
23389
- .pf-v5-c-search-input__text {
23390
- display: grid;
23391
- flex: 1;
23392
- grid-template-areas: "text-input";
23393
- grid-template-columns: 1fr;
23394
- }
23395
- .pf-v5-c-search-input__text::before, .pf-v5-c-search-input__text::after {
23396
- position: absolute;
23397
- top: 0;
23398
- right: 0;
23399
- bottom: 0;
23400
- left: 0;
23401
- pointer-events: none;
23402
- content: "";
23403
- }
23404
- .pf-v5-c-search-input__text::before {
23405
- border: var(--pf-v5-c-search-input__text--before--BorderWidth) solid var(--pf-v5-c-search-input__text--before--BorderColor);
23406
- }
23407
- .pf-v5-c-search-input__text::after {
23408
- border-bottom: var(--pf-v5-c-search-input__text--after--BorderBottomWidth) solid var(--pf-v5-c-search-input__text--after--BorderBottomColor);
23409
- }
23410
- .pf-v5-c-search-input__text:hover, .pf-v5-c-search-input__text:focus-within {
23411
- --pf-v5-c-search-input__icon--Color: var(--pf-v5-c-search-input__text--hover__icon--Color);
23412
- }
23413
- .pf-v5-c-search-input__text:focus-within {
23414
- --pf-v5-c-search-input__text--after--BorderBottomWidth: var(--pf-v5-c-search-input__text--focus-within--after--BorderBottomWidth);
23415
- --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-c-search-input__text--focus-within--after--BorderBottomColor);
23416
- }
23417
-
23418
- .pf-v5-c-search-input__icon {
23419
- position: absolute;
23420
- top: 50%;
23421
- left: var(--pf-v5-c-search-input__icon--Left);
23422
- color: var(--pf-v5-c-search-input__icon--Color);
23423
- transform: translateY(var(--pf-v5-c-search-input__icon--TranslateY));
23424
- }
23425
-
23426
- .pf-v5-c-search-input__text-input {
23427
- overflow: hidden;
23428
- text-overflow: ellipsis;
23429
- white-space: nowrap;
23430
- position: relative;
23431
- width: 100%;
23432
- min-width: var(--pf-v5-c-search-input__text-input--MinWidth);
23433
- padding: var(--pf-v5-c-search-input__text-input--PaddingTop) var(--pf-v5-c-search-input__text-input--PaddingRight) var(--pf-v5-c-search-input__text-input--PaddingBottom) var(--pf-v5-c-search-input__text-input--PaddingLeft);
23434
- background-color: var(--pf-v5-c-search-input__text-input--BackgroundColor);
23435
- border: 0;
23436
- }
23437
- .pf-v5-c-search-input__text-input, .pf-v5-c-search-input__text-input.pf-m-hint {
23438
- grid-area: text-input;
23439
- }
23440
- .pf-v5-c-search-input__text-input.pf-m-hint {
23441
- color: var(--pf-v5-c-search-input__text-input--m-hint--Color);
23442
- }
23443
-
23444
- .pf-v5-c-search-input__utilities {
23445
- display: flex;
23446
- margin-right: var(--pf-v5-c-search-input__utilities--MarginRight);
23447
- margin-left: var(--pf-v5-c-search-input__utilities--MarginLeft);
23448
- }
23449
- .pf-v5-c-search-input__utilities > * + * {
23450
- margin-left: var(--pf-v5-c-search-input__utilities--child--MarginLeft);
23451
- }
23452
- .pf-v5-c-search-input__utilities .pf-v5-c-button {
23453
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-search-input__utilities--c-button--PaddingRight);
23454
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-search-input__utilities--c-button--PaddingLeft);
23455
- }
23456
-
23457
- .pf-v5-c-search-input__nav {
23458
- display: flex;
23459
- }
23460
-
23461
- .pf-v5-c-search-input__count {
23462
- display: flex;
23463
- align-items: center;
23464
- }
23465
-
23466
- .pf-v5-c-search-input__menu {
23467
- position: absolute;
23468
- top: var(--pf-v5-c-search-input__menu--Top);
23469
- z-index: var(--pf-v5-c-search-input__menu--ZIndex);
23470
- min-width: 100%;
23471
- background-color: var(--pf-v5-c-search-input__menu--BackgroundColor);
23472
- background-clip: padding-box;
23473
- box-shadow: var(--pf-v5-c-search-input__menu--BoxShadow);
23474
- }
23475
- .pf-v5-c-search-input.pf-m-top .pf-v5-c-search-input__menu {
23476
- --pf-v5-c-search-input__menu--Top: var(--pf-v5-c-search-input--m-top__menu--Top);
23477
- transform: translateY(var(--pf-v5-c-search-input--m-top__menu--TranslateY));
23478
- }
23479
- .pf-v5-c-search-input__menu.pf-m-static {
23480
- --pf-v5-c-search-input--m-top__menu--TranslateY: 0;
23481
- position: static;
23482
- top: auto;
23483
- right: auto;
23484
- bottom: auto;
23485
- left: auto;
23486
- z-index: auto;
23487
- min-width: min-content;
23488
- }
23489
-
23490
- .pf-v5-c-search-input__menu-body {
23491
- padding: var(--pf-v5-c-search-input__menu-body--PaddingTop) var(--pf-v5-c-search-input__menu-body--PaddingRight) var(--pf-v5-c-search-input__menu-body--PaddingBottom) var(--pf-v5-c-search-input__menu-body--PaddingLeft);
23492
- }
23493
-
23494
- .pf-v5-c-search-input__menu-list {
23495
- padding-top: var(--pf-v5-c-search-input__menu-list--PaddingTop);
23496
- padding-bottom: var(--pf-v5-c-search-input__menu-list--PaddingBottom);
23497
- }
23498
-
23499
- .pf-v5-c-search-input__menu-item {
23500
- display: flex;
23501
- width: 100%;
23502
- min-width: 0;
23503
- padding-top: var(--pf-v5-c-search-input__menu-item--PaddingTop);
23504
- padding-right: var(--pf-v5-c-search-input__menu-item--PaddingRight);
23505
- padding-bottom: var(--pf-v5-c-search-input__menu-item--PaddingBottom);
23506
- padding-left: var(--pf-v5-c-search-input__menu-item--PaddingLeft);
23507
- color: var(--pf-v5-c-search-input__menu-item--Color);
23508
- text-align: left;
23509
- background-color: var(--pf-v5-c-search-input__menu-item--BackgroundColor);
23510
- border: none;
23511
- }
23512
- .pf-v5-c-search-input__menu-item:hover {
23513
- --pf-v5-c-search-input__menu-item--BackgroundColor: var(--pf-v5-c-search-input__menu-item--hover--BackgroundColor);
23514
- }
23515
- .pf-v5-c-search-input__menu-item:focus {
23516
- --pf-v5-c-search-input__menu-item--BackgroundColor: var(--pf-v5-c-search-input__menu-item--focus--BackgroundColor);
23517
- }
23518
-
23519
- .pf-v5-c-search-input__menu-item-text {
23520
- flex-grow: 1;
23521
- }
23522
-
23523
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
23524
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
23525
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23526
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
23527
- --pf-v5-global--Color--100: #e0e0e0;
23528
- --pf-v5-global--Color--200: #aaabac;
23529
- --pf-v5-global--BorderColor--100: #444548;
23530
- --pf-v5-global--primary-color--100: #1fa7f8;
23531
- --pf-v5-global--link--Color: #1fa7f8;
23532
- --pf-v5-global--link--Color--hover: #73bcf7;
23533
- --pf-v5-global--BackgroundColor--100: #1b1d21;
23534
- }
23535
-
23536
- :where(.pf-v5-theme-dark) .pf-v5-c-search-input {
23537
- --pf-v5-c-search-input__text--before--BorderColor: transparent;
23538
- --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
23539
- background-color: var(--pf-v5-global--BackgroundColor--400);
23540
- }
23541
- :where(.pf-v5-theme-dark) .pf-v5-c-search-input__text::before {
23542
- border-bottom-color: var(--pf-v5-global--BorderColor--400);
23543
- }
23544
-
23545
23312
  .pf-v5-c-select {
23546
23313
  color: var(--pf-v5-global--Color--100);
23547
23314
  --pf-v5-c-select__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -29411,10 +29178,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29411
29178
  outline-offset: var(--pf-v5-c-tabs__add--c-button--OutlineOffset);
29412
29179
  }
29413
29180
 
29414
- .pf-v5-c-tabs.pf-m-inset-none {
29415
- --pf-v5-c-tabs--inset: 0;
29416
- --pf-v5-c-tabs--m-vertical--inset: 0;
29417
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29181
+ .pf-v5-c-tabs.pf-m-inset-base {
29182
+ --pf-v5-c-tabs--inset: ;
29183
+ --pf-v5-c-tabs--m-vertical--inset: ;
29184
+ --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29418
29185
  }
29419
29186
  .pf-v5-c-tabs.pf-m-inset-sm {
29420
29187
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29442,10 +29209,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29442
29209
  --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
29443
29210
  }
29444
29211
  @media (min-width: 576px) {
29445
- .pf-v5-c-tabs.pf-m-inset-none-on-sm {
29446
- --pf-v5-c-tabs--inset: 0;
29447
- --pf-v5-c-tabs--m-vertical--inset: 0;
29448
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29212
+ .pf-v5-c-tabs.pf-m-inset-base-on-sm {
29213
+ --pf-v5-c-tabs--inset: ;
29214
+ --pf-v5-c-tabs--m-vertical--inset: ;
29215
+ --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29449
29216
  }
29450
29217
  .pf-v5-c-tabs.pf-m-inset-sm-on-sm {
29451
29218
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29474,10 +29241,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29474
29241
  }
29475
29242
  }
29476
29243
  @media (min-width: 768px) {
29477
- .pf-v5-c-tabs.pf-m-inset-none-on-md {
29478
- --pf-v5-c-tabs--inset: 0;
29479
- --pf-v5-c-tabs--m-vertical--inset: 0;
29480
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29244
+ .pf-v5-c-tabs.pf-m-inset-base-on-md {
29245
+ --pf-v5-c-tabs--inset: ;
29246
+ --pf-v5-c-tabs--m-vertical--inset: ;
29247
+ --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29481
29248
  }
29482
29249
  .pf-v5-c-tabs.pf-m-inset-sm-on-md {
29483
29250
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29506,10 +29273,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29506
29273
  }
29507
29274
  }
29508
29275
  @media (min-width: 992px) {
29509
- .pf-v5-c-tabs.pf-m-inset-none-on-lg {
29510
- --pf-v5-c-tabs--inset: 0;
29511
- --pf-v5-c-tabs--m-vertical--inset: 0;
29512
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29276
+ .pf-v5-c-tabs.pf-m-inset-base-on-lg {
29277
+ --pf-v5-c-tabs--inset: ;
29278
+ --pf-v5-c-tabs--m-vertical--inset: ;
29279
+ --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29513
29280
  }
29514
29281
  .pf-v5-c-tabs.pf-m-inset-sm-on-lg {
29515
29282
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29538,10 +29305,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29538
29305
  }
29539
29306
  }
29540
29307
  @media (min-width: 1200px) {
29541
- .pf-v5-c-tabs.pf-m-inset-none-on-xl {
29542
- --pf-v5-c-tabs--inset: 0;
29543
- --pf-v5-c-tabs--m-vertical--inset: 0;
29544
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29308
+ .pf-v5-c-tabs.pf-m-inset-base-on-xl {
29309
+ --pf-v5-c-tabs--inset: ;
29310
+ --pf-v5-c-tabs--m-vertical--inset: ;
29311
+ --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29545
29312
  }
29546
29313
  .pf-v5-c-tabs.pf-m-inset-sm-on-xl {
29547
29314
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29570,10 +29337,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29570
29337
  }
29571
29338
  }
29572
29339
  @media (min-width: 1450px) {
29573
- .pf-v5-c-tabs.pf-m-inset-none-on-2xl {
29574
- --pf-v5-c-tabs--inset: 0;
29575
- --pf-v5-c-tabs--m-vertical--inset: 0;
29576
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29340
+ .pf-v5-c-tabs.pf-m-inset-base-on-2xl {
29341
+ --pf-v5-c-tabs--inset: ;
29342
+ --pf-v5-c-tabs--m-vertical--inset: ;
29343
+ --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29577
29344
  }
29578
29345
  .pf-v5-c-tabs.pf-m-inset-sm-on-2xl {
29579
29346
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29646,8 +29413,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29646
29413
  --pf-v5-c-text-input-group__text-input--placeholder--Color: var(--pf-v5-global--Color--dark-200);
29647
29414
  --pf-v5-c-text-input-group__text-input--BackgroundColor: transparent;
29648
29415
  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
29649
- --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--Color--200);
29650
- --pf-v5-c-text-input-group__text--hover__icon--Color: var(--pf-v5-global--Color--100);
29416
+ --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
29651
29417
  --pf-v5-c-text-input-group__icon--TranslateY: -50%;
29652
29418
  --pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
29653
29419
  --pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
@@ -29720,9 +29486,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
29720
29486
  .pf-v5-c-text-input-group__text::after {
29721
29487
  border-bottom: var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-v5-c-text-input-group__text--after--BorderBottomColor);
29722
29488
  }
29723
- .pf-v5-c-text-input-group__text:hover, .pf-v5-c-text-input-group__text:focus-within {
29724
- --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-c-text-input-group__text--hover__icon--Color);
29725
- }
29726
29489
  .pf-v5-c-text-input-group__text:focus-within {
29727
29490
  --pf-v5-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth);
29728
29491
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor);
@@ -31317,8 +31080,14 @@ label.pf-v5-c-tree-view__node-text {
31317
31080
  --pf-v5-l-flex--m-row--AlignItems: baseline;
31318
31081
  --pf-v5-l-flex--m-row-reverse--AlignItems: baseline;
31319
31082
  --pf-v5-l-flex--item--Order: 0;
31320
- --pf-v5-l-flex--spacer-base: var(--pf-v5-global--spacer--md);
31321
- --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer-base);
31083
+ --pf-v5-l-flex--spacer--column--base: var(--pf-v5-global--spacer--lg);
31084
+ --pf-v5-l-flex--spacer--row--base: var(--pf-v5-global--spacer--sm);
31085
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--spacer--row--base);
31086
+ --pf-v5-l-flex--ColumnGap: 0;
31087
+ --pf-v5-l-flex--m-gap--RowGap: var(--pf-v5-l-flex--spacer--row--base);
31088
+ --pf-v5-l-flex--m-gap--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
31089
+ --pf-v5-l-flex--m-row-gap--RowGap: var(--pf-v5-l-flex--spacer--row--base);
31090
+ --pf-v5-l-flex--m-column-gap--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
31322
31091
  --pf-v5-l-flex--spacer--none: 0;
31323
31092
  --pf-v5-l-flex--spacer--xs: var(--pf-v5-global--spacer--xs);
31324
31093
  --pf-v5-l-flex--spacer--sm: var(--pf-v5-global--spacer--sm);
@@ -31330,17 +31099,16 @@ label.pf-v5-c-tree-view__node-text {
31330
31099
  --pf-v5-l-flex--spacer--4xl: var(--pf-v5-global--spacer--4xl);
31331
31100
  display: var(--pf-v5-l-flex--Display);
31332
31101
  flex-wrap: var(--pf-v5-l-flex--FlexWrap);
31102
+ gap: var(--pf-v5-l-flex--RowGap) var(--pf-v5-l-flex--ColumnGap);
31333
31103
  align-items: var(--pf-v5-l-flex--AlignItems);
31334
31104
  }
31335
- .pf-v5-l-flex:last-child {
31336
- --pf-v5-l-flex--spacer: 0;
31337
- }
31338
31105
 
31339
31106
  .pf-v5-l-flex > * {
31340
- --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer-base);
31107
+ --pf-v5-l-flex--spacer--column: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--column--base));
31108
+ --pf-v5-l-flex--spacer--row: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--row--base));
31341
31109
  order: var(--pf-v5-l-flex--item--Order);
31342
31110
  max-width: 100%;
31343
- margin-right: var(--pf-v5-l-flex--spacer);
31111
+ margin-right: var(--pf-v5-l-flex--spacer--column);
31344
31112
  }
31345
31113
  @media screen and (min-width: 576px) {
31346
31114
  .pf-v5-l-flex > * {
@@ -31378,32 +31146,34 @@ label.pf-v5-c-tree-view__node-text {
31378
31146
  --pf-v5-l-flex--Display: inline-flex;
31379
31147
  }
31380
31148
  .pf-v5-l-flex.pf-m-column {
31149
+ --pf-v5-l-flex--RowGap: 0;
31150
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
31381
31151
  flex-direction: column;
31382
31152
  align-items: normal;
31383
31153
  }
31384
31154
  .pf-v5-l-flex.pf-m-column > * {
31385
- margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
31155
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
31386
31156
  }
31387
31157
  .pf-v5-l-flex.pf-m-column-reverse {
31388
31158
  flex-direction: column-reverse;
31389
31159
  align-items: normal;
31390
31160
  }
31391
31161
  .pf-v5-l-flex.pf-m-column-reverse > * {
31392
- margin: var(--pf-v5-l-flex--spacer) 0 0 0;
31162
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
31393
31163
  }
31394
31164
  .pf-v5-l-flex.pf-m-row {
31395
31165
  flex-direction: row;
31396
31166
  align-items: var(--pf-v5-l-flex--m-row--AlignItems);
31397
31167
  }
31398
31168
  .pf-v5-l-flex.pf-m-row > * {
31399
- margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
31169
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
31400
31170
  }
31401
31171
  .pf-v5-l-flex.pf-m-row-reverse {
31402
31172
  flex-direction: row-reverse;
31403
31173
  align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
31404
31174
  }
31405
31175
  .pf-v5-l-flex.pf-m-row-reverse > * {
31406
- margin: 0 0 0 var(--pf-v5-l-flex--spacer);
31176
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
31407
31177
  }
31408
31178
  .pf-v5-l-flex.pf-m-wrap {
31409
31179
  flex-wrap: wrap;
@@ -31522,32 +31292,34 @@ label.pf-v5-c-tree-view__node-text {
31522
31292
  --pf-v5-l-flex--Display: inline-flex;
31523
31293
  }
31524
31294
  .pf-v5-l-flex.pf-m-column-on-sm {
31295
+ --pf-v5-l-flex--RowGap: 0;
31296
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
31525
31297
  flex-direction: column;
31526
31298
  align-items: normal;
31527
31299
  }
31528
31300
  .pf-v5-l-flex.pf-m-column-on-sm > * {
31529
- margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
31301
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
31530
31302
  }
31531
31303
  .pf-v5-l-flex.pf-m-column-reverse-on-sm {
31532
31304
  flex-direction: column-reverse;
31533
31305
  align-items: normal;
31534
31306
  }
31535
31307
  .pf-v5-l-flex.pf-m-column-reverse-on-sm > * {
31536
- margin: var(--pf-v5-l-flex--spacer) 0 0 0;
31308
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
31537
31309
  }
31538
31310
  .pf-v5-l-flex.pf-m-row-on-sm {
31539
31311
  flex-direction: row;
31540
31312
  align-items: var(--pf-v5-l-flex--m-row--AlignItems);
31541
31313
  }
31542
31314
  .pf-v5-l-flex.pf-m-row-on-sm > * {
31543
- margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
31315
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
31544
31316
  }
31545
31317
  .pf-v5-l-flex.pf-m-row-reverse-on-sm {
31546
31318
  flex-direction: row-reverse;
31547
31319
  align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
31548
31320
  }
31549
31321
  .pf-v5-l-flex.pf-m-row-reverse-on-sm > * {
31550
- margin: 0 0 0 var(--pf-v5-l-flex--spacer);
31322
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
31551
31323
  }
31552
31324
  .pf-v5-l-flex.pf-m-wrap-on-sm {
31553
31325
  flex-wrap: wrap;
@@ -31667,32 +31439,34 @@ label.pf-v5-c-tree-view__node-text {
31667
31439
  --pf-v5-l-flex--Display: inline-flex;
31668
31440
  }
31669
31441
  .pf-v5-l-flex.pf-m-column-on-md {
31442
+ --pf-v5-l-flex--RowGap: 0;
31443
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
31670
31444
  flex-direction: column;
31671
31445
  align-items: normal;
31672
31446
  }
31673
31447
  .pf-v5-l-flex.pf-m-column-on-md > * {
31674
- margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
31448
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
31675
31449
  }
31676
31450
  .pf-v5-l-flex.pf-m-column-reverse-on-md {
31677
31451
  flex-direction: column-reverse;
31678
31452
  align-items: normal;
31679
31453
  }
31680
31454
  .pf-v5-l-flex.pf-m-column-reverse-on-md > * {
31681
- margin: var(--pf-v5-l-flex--spacer) 0 0 0;
31455
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
31682
31456
  }
31683
31457
  .pf-v5-l-flex.pf-m-row-on-md {
31684
31458
  flex-direction: row;
31685
31459
  align-items: var(--pf-v5-l-flex--m-row--AlignItems);
31686
31460
  }
31687
31461
  .pf-v5-l-flex.pf-m-row-on-md > * {
31688
- margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
31462
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
31689
31463
  }
31690
31464
  .pf-v5-l-flex.pf-m-row-reverse-on-md {
31691
31465
  flex-direction: row-reverse;
31692
31466
  align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
31693
31467
  }
31694
31468
  .pf-v5-l-flex.pf-m-row-reverse-on-md > * {
31695
- margin: 0 0 0 var(--pf-v5-l-flex--spacer);
31469
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
31696
31470
  }
31697
31471
  .pf-v5-l-flex.pf-m-wrap-on-md {
31698
31472
  flex-wrap: wrap;
@@ -31812,32 +31586,34 @@ label.pf-v5-c-tree-view__node-text {
31812
31586
  --pf-v5-l-flex--Display: inline-flex;
31813
31587
  }
31814
31588
  .pf-v5-l-flex.pf-m-column-on-lg {
31589
+ --pf-v5-l-flex--RowGap: 0;
31590
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
31815
31591
  flex-direction: column;
31816
31592
  align-items: normal;
31817
31593
  }
31818
31594
  .pf-v5-l-flex.pf-m-column-on-lg > * {
31819
- margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
31595
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
31820
31596
  }
31821
31597
  .pf-v5-l-flex.pf-m-column-reverse-on-lg {
31822
31598
  flex-direction: column-reverse;
31823
31599
  align-items: normal;
31824
31600
  }
31825
31601
  .pf-v5-l-flex.pf-m-column-reverse-on-lg > * {
31826
- margin: var(--pf-v5-l-flex--spacer) 0 0 0;
31602
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
31827
31603
  }
31828
31604
  .pf-v5-l-flex.pf-m-row-on-lg {
31829
31605
  flex-direction: row;
31830
31606
  align-items: var(--pf-v5-l-flex--m-row--AlignItems);
31831
31607
  }
31832
31608
  .pf-v5-l-flex.pf-m-row-on-lg > * {
31833
- margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
31609
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
31834
31610
  }
31835
31611
  .pf-v5-l-flex.pf-m-row-reverse-on-lg {
31836
31612
  flex-direction: row-reverse;
31837
31613
  align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
31838
31614
  }
31839
31615
  .pf-v5-l-flex.pf-m-row-reverse-on-lg > * {
31840
- margin: 0 0 0 var(--pf-v5-l-flex--spacer);
31616
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
31841
31617
  }
31842
31618
  .pf-v5-l-flex.pf-m-wrap-on-lg {
31843
31619
  flex-wrap: wrap;
@@ -31957,32 +31733,34 @@ label.pf-v5-c-tree-view__node-text {
31957
31733
  --pf-v5-l-flex--Display: inline-flex;
31958
31734
  }
31959
31735
  .pf-v5-l-flex.pf-m-column-on-xl {
31736
+ --pf-v5-l-flex--RowGap: 0;
31737
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
31960
31738
  flex-direction: column;
31961
31739
  align-items: normal;
31962
31740
  }
31963
31741
  .pf-v5-l-flex.pf-m-column-on-xl > * {
31964
- margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
31742
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
31965
31743
  }
31966
31744
  .pf-v5-l-flex.pf-m-column-reverse-on-xl {
31967
31745
  flex-direction: column-reverse;
31968
31746
  align-items: normal;
31969
31747
  }
31970
31748
  .pf-v5-l-flex.pf-m-column-reverse-on-xl > * {
31971
- margin: var(--pf-v5-l-flex--spacer) 0 0 0;
31749
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
31972
31750
  }
31973
31751
  .pf-v5-l-flex.pf-m-row-on-xl {
31974
31752
  flex-direction: row;
31975
31753
  align-items: var(--pf-v5-l-flex--m-row--AlignItems);
31976
31754
  }
31977
31755
  .pf-v5-l-flex.pf-m-row-on-xl > * {
31978
- margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
31756
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
31979
31757
  }
31980
31758
  .pf-v5-l-flex.pf-m-row-reverse-on-xl {
31981
31759
  flex-direction: row-reverse;
31982
31760
  align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
31983
31761
  }
31984
31762
  .pf-v5-l-flex.pf-m-row-reverse-on-xl > * {
31985
- margin: 0 0 0 var(--pf-v5-l-flex--spacer);
31763
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
31986
31764
  }
31987
31765
  .pf-v5-l-flex.pf-m-wrap-on-xl {
31988
31766
  flex-wrap: wrap;
@@ -32102,32 +31880,34 @@ label.pf-v5-c-tree-view__node-text {
32102
31880
  --pf-v5-l-flex--Display: inline-flex;
32103
31881
  }
32104
31882
  .pf-v5-l-flex.pf-m-column-on-2xl {
31883
+ --pf-v5-l-flex--RowGap: 0;
31884
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
32105
31885
  flex-direction: column;
32106
31886
  align-items: normal;
32107
31887
  }
32108
31888
  .pf-v5-l-flex.pf-m-column-on-2xl > * {
32109
- margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
31889
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
32110
31890
  }
32111
31891
  .pf-v5-l-flex.pf-m-column-reverse-on-2xl {
32112
31892
  flex-direction: column-reverse;
32113
31893
  align-items: normal;
32114
31894
  }
32115
31895
  .pf-v5-l-flex.pf-m-column-reverse-on-2xl > * {
32116
- margin: var(--pf-v5-l-flex--spacer) 0 0 0;
31896
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
32117
31897
  }
32118
31898
  .pf-v5-l-flex.pf-m-row-on-2xl {
32119
31899
  flex-direction: row;
32120
31900
  align-items: var(--pf-v5-l-flex--m-row--AlignItems);
32121
31901
  }
32122
31902
  .pf-v5-l-flex.pf-m-row-on-2xl > * {
32123
- margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
31903
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
32124
31904
  }
32125
31905
  .pf-v5-l-flex.pf-m-row-reverse-on-2xl {
32126
31906
  flex-direction: row-reverse;
32127
31907
  align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
32128
31908
  }
32129
31909
  .pf-v5-l-flex.pf-m-row-reverse-on-2xl > * {
32130
- margin: 0 0 0 var(--pf-v5-l-flex--spacer);
31910
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
32131
31911
  }
32132
31912
  .pf-v5-l-flex.pf-m-wrap-on-2xl {
32133
31913
  flex-wrap: wrap;
@@ -32907,6 +32687,696 @@ label.pf-v5-c-tree-view__node-text {
32907
32687
  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
32908
32688
  }
32909
32689
  }
32690
+ .pf-v5-l-flex.pf-m-gap {
32691
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32692
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32693
+ }
32694
+ .pf-v5-l-flex.pf-m-gap-none {
32695
+ --pf-v5-l-flex--RowGap: 0;
32696
+ --pf-v5-l-flex--ColumnGap: 0;
32697
+ }
32698
+ .pf-v5-l-flex.pf-m-gap-xs {
32699
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32700
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32701
+ }
32702
+ .pf-v5-l-flex.pf-m-gap-sm {
32703
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32704
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
32705
+ }
32706
+ .pf-v5-l-flex.pf-m-gap-md {
32707
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
32708
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
32709
+ }
32710
+ .pf-v5-l-flex.pf-m-gap-lg {
32711
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
32712
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
32713
+ }
32714
+ .pf-v5-l-flex.pf-m-gap-xl {
32715
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
32716
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
32717
+ }
32718
+ .pf-v5-l-flex.pf-m-gap-2xl {
32719
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
32720
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
32721
+ }
32722
+ .pf-v5-l-flex.pf-m-gap-3xl {
32723
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
32724
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
32725
+ }
32726
+ .pf-v5-l-flex.pf-m-gap-4xl {
32727
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32728
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32729
+ }
32730
+ .pf-v5-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-xs, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
32731
+ --pf-v5-l-flex--spacer--row: 0;
32732
+ --pf-v5-l-flex--spacer--column: 0;
32733
+ }
32734
+ @media (min-width: 576px) {
32735
+ .pf-v5-l-flex.pf-m-gap-on-sm {
32736
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32737
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32738
+ }
32739
+ .pf-v5-l-flex.pf-m-gap-none-on-sm {
32740
+ --pf-v5-l-flex--RowGap: 0;
32741
+ --pf-v5-l-flex--ColumnGap: 0;
32742
+ }
32743
+ .pf-v5-l-flex.pf-m-gap-xs-on-sm {
32744
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32745
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32746
+ }
32747
+ .pf-v5-l-flex.pf-m-gap-sm-on-sm {
32748
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32749
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
32750
+ }
32751
+ .pf-v5-l-flex.pf-m-gap-md-on-sm {
32752
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
32753
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
32754
+ }
32755
+ .pf-v5-l-flex.pf-m-gap-lg-on-sm {
32756
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
32757
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
32758
+ }
32759
+ .pf-v5-l-flex.pf-m-gap-xl-on-sm {
32760
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
32761
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
32762
+ }
32763
+ .pf-v5-l-flex.pf-m-gap-2xl-on-sm {
32764
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
32765
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
32766
+ }
32767
+ .pf-v5-l-flex.pf-m-gap-3xl-on-sm {
32768
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
32769
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
32770
+ }
32771
+ .pf-v5-l-flex.pf-m-gap-4xl-on-sm {
32772
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32773
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32774
+ }
32775
+ .pf-v5-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-xs-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
32776
+ --pf-v5-l-flex--spacer--row: 0;
32777
+ --pf-v5-l-flex--spacer--column: 0;
32778
+ }
32779
+ }
32780
+ @media (min-width: 768px) {
32781
+ .pf-v5-l-flex.pf-m-gap-on-md {
32782
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32783
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32784
+ }
32785
+ .pf-v5-l-flex.pf-m-gap-none-on-md {
32786
+ --pf-v5-l-flex--RowGap: 0;
32787
+ --pf-v5-l-flex--ColumnGap: 0;
32788
+ }
32789
+ .pf-v5-l-flex.pf-m-gap-xs-on-md {
32790
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32791
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32792
+ }
32793
+ .pf-v5-l-flex.pf-m-gap-sm-on-md {
32794
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32795
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
32796
+ }
32797
+ .pf-v5-l-flex.pf-m-gap-md-on-md {
32798
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
32799
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
32800
+ }
32801
+ .pf-v5-l-flex.pf-m-gap-lg-on-md {
32802
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
32803
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
32804
+ }
32805
+ .pf-v5-l-flex.pf-m-gap-xl-on-md {
32806
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
32807
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
32808
+ }
32809
+ .pf-v5-l-flex.pf-m-gap-2xl-on-md {
32810
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
32811
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
32812
+ }
32813
+ .pf-v5-l-flex.pf-m-gap-3xl-on-md {
32814
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
32815
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
32816
+ }
32817
+ .pf-v5-l-flex.pf-m-gap-4xl-on-md {
32818
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32819
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32820
+ }
32821
+ .pf-v5-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-xs-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
32822
+ --pf-v5-l-flex--spacer--row: 0;
32823
+ --pf-v5-l-flex--spacer--column: 0;
32824
+ }
32825
+ }
32826
+ @media (min-width: 992px) {
32827
+ .pf-v5-l-flex.pf-m-gap-on-lg {
32828
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32829
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32830
+ }
32831
+ .pf-v5-l-flex.pf-m-gap-none-on-lg {
32832
+ --pf-v5-l-flex--RowGap: 0;
32833
+ --pf-v5-l-flex--ColumnGap: 0;
32834
+ }
32835
+ .pf-v5-l-flex.pf-m-gap-xs-on-lg {
32836
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32837
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32838
+ }
32839
+ .pf-v5-l-flex.pf-m-gap-sm-on-lg {
32840
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32841
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
32842
+ }
32843
+ .pf-v5-l-flex.pf-m-gap-md-on-lg {
32844
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
32845
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
32846
+ }
32847
+ .pf-v5-l-flex.pf-m-gap-lg-on-lg {
32848
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
32849
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
32850
+ }
32851
+ .pf-v5-l-flex.pf-m-gap-xl-on-lg {
32852
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
32853
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
32854
+ }
32855
+ .pf-v5-l-flex.pf-m-gap-2xl-on-lg {
32856
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
32857
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
32858
+ }
32859
+ .pf-v5-l-flex.pf-m-gap-3xl-on-lg {
32860
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
32861
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
32862
+ }
32863
+ .pf-v5-l-flex.pf-m-gap-4xl-on-lg {
32864
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32865
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32866
+ }
32867
+ .pf-v5-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-xs-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
32868
+ --pf-v5-l-flex--spacer--row: 0;
32869
+ --pf-v5-l-flex--spacer--column: 0;
32870
+ }
32871
+ }
32872
+ @media (min-width: 1200px) {
32873
+ .pf-v5-l-flex.pf-m-gap-on-xl {
32874
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32875
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32876
+ }
32877
+ .pf-v5-l-flex.pf-m-gap-none-on-xl {
32878
+ --pf-v5-l-flex--RowGap: 0;
32879
+ --pf-v5-l-flex--ColumnGap: 0;
32880
+ }
32881
+ .pf-v5-l-flex.pf-m-gap-xs-on-xl {
32882
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32883
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32884
+ }
32885
+ .pf-v5-l-flex.pf-m-gap-sm-on-xl {
32886
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32887
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
32888
+ }
32889
+ .pf-v5-l-flex.pf-m-gap-md-on-xl {
32890
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
32891
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
32892
+ }
32893
+ .pf-v5-l-flex.pf-m-gap-lg-on-xl {
32894
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
32895
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
32896
+ }
32897
+ .pf-v5-l-flex.pf-m-gap-xl-on-xl {
32898
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
32899
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
32900
+ }
32901
+ .pf-v5-l-flex.pf-m-gap-2xl-on-xl {
32902
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
32903
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
32904
+ }
32905
+ .pf-v5-l-flex.pf-m-gap-3xl-on-xl {
32906
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
32907
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
32908
+ }
32909
+ .pf-v5-l-flex.pf-m-gap-4xl-on-xl {
32910
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32911
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32912
+ }
32913
+ .pf-v5-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-xs-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
32914
+ --pf-v5-l-flex--spacer--row: 0;
32915
+ --pf-v5-l-flex--spacer--column: 0;
32916
+ }
32917
+ }
32918
+ @media (min-width: 1450px) {
32919
+ .pf-v5-l-flex.pf-m-gap-on-2xl {
32920
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32921
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32922
+ }
32923
+ .pf-v5-l-flex.pf-m-gap-none-on-2xl {
32924
+ --pf-v5-l-flex--RowGap: 0;
32925
+ --pf-v5-l-flex--ColumnGap: 0;
32926
+ }
32927
+ .pf-v5-l-flex.pf-m-gap-xs-on-2xl {
32928
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32929
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32930
+ }
32931
+ .pf-v5-l-flex.pf-m-gap-sm-on-2xl {
32932
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32933
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
32934
+ }
32935
+ .pf-v5-l-flex.pf-m-gap-md-on-2xl {
32936
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
32937
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
32938
+ }
32939
+ .pf-v5-l-flex.pf-m-gap-lg-on-2xl {
32940
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
32941
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
32942
+ }
32943
+ .pf-v5-l-flex.pf-m-gap-xl-on-2xl {
32944
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
32945
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
32946
+ }
32947
+ .pf-v5-l-flex.pf-m-gap-2xl-on-2xl {
32948
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
32949
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
32950
+ }
32951
+ .pf-v5-l-flex.pf-m-gap-3xl-on-2xl {
32952
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
32953
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
32954
+ }
32955
+ .pf-v5-l-flex.pf-m-gap-4xl-on-2xl {
32956
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32957
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32958
+ }
32959
+ .pf-v5-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-xs-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
32960
+ --pf-v5-l-flex--spacer--row: 0;
32961
+ --pf-v5-l-flex--spacer--column: 0;
32962
+ }
32963
+ }
32964
+ .pf-v5-l-flex.pf-m-row-gap {
32965
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32966
+ }
32967
+ .pf-v5-l-flex.pf-m-row-gap-none {
32968
+ --pf-v5-l-flex--RowGap: 0;
32969
+ }
32970
+ .pf-v5-l-flex.pf-m-row-gap-xs {
32971
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32972
+ }
32973
+ .pf-v5-l-flex.pf-m-row-gap-sm {
32974
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32975
+ }
32976
+ .pf-v5-l-flex.pf-m-row-gap-md {
32977
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
32978
+ }
32979
+ .pf-v5-l-flex.pf-m-row-gap-lg {
32980
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
32981
+ }
32982
+ .pf-v5-l-flex.pf-m-row-gap-xl {
32983
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
32984
+ }
32985
+ .pf-v5-l-flex.pf-m-row-gap-2xl {
32986
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
32987
+ }
32988
+ .pf-v5-l-flex.pf-m-row-gap-3xl {
32989
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
32990
+ }
32991
+ .pf-v5-l-flex.pf-m-row-gap-4xl {
32992
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32993
+ }
32994
+ .pf-v5-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
32995
+ --pf-v5-l-flex--spacer--row: 0;
32996
+ }
32997
+ @media (min-width: 576px) {
32998
+ .pf-v5-l-flex.pf-m-row-gap-on-sm {
32999
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33000
+ }
33001
+ .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
33002
+ --pf-v5-l-flex--RowGap: 0;
33003
+ }
33004
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-sm {
33005
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33006
+ }
33007
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-sm {
33008
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33009
+ }
33010
+ .pf-v5-l-flex.pf-m-row-gap-md-on-sm {
33011
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
33012
+ }
33013
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-sm {
33014
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
33015
+ }
33016
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-sm {
33017
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
33018
+ }
33019
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-sm {
33020
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
33021
+ }
33022
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-sm {
33023
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
33024
+ }
33025
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
33026
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33027
+ }
33028
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-xs-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
33029
+ --pf-v5-l-flex--spacer--row: 0;
33030
+ }
33031
+ }
33032
+ @media (min-width: 768px) {
33033
+ .pf-v5-l-flex.pf-m-row-gap-on-md {
33034
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33035
+ }
33036
+ .pf-v5-l-flex.pf-m-row-gap-none-on-md {
33037
+ --pf-v5-l-flex--RowGap: 0;
33038
+ }
33039
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-md {
33040
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33041
+ }
33042
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-md {
33043
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33044
+ }
33045
+ .pf-v5-l-flex.pf-m-row-gap-md-on-md {
33046
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
33047
+ }
33048
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-md {
33049
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
33050
+ }
33051
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-md {
33052
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
33053
+ }
33054
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-md {
33055
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
33056
+ }
33057
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-md {
33058
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
33059
+ }
33060
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
33061
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33062
+ }
33063
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-xs-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
33064
+ --pf-v5-l-flex--spacer--row: 0;
33065
+ }
33066
+ }
33067
+ @media (min-width: 992px) {
33068
+ .pf-v5-l-flex.pf-m-row-gap-on-lg {
33069
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33070
+ }
33071
+ .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
33072
+ --pf-v5-l-flex--RowGap: 0;
33073
+ }
33074
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-lg {
33075
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33076
+ }
33077
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-lg {
33078
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33079
+ }
33080
+ .pf-v5-l-flex.pf-m-row-gap-md-on-lg {
33081
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
33082
+ }
33083
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-lg {
33084
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
33085
+ }
33086
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-lg {
33087
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
33088
+ }
33089
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-lg {
33090
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
33091
+ }
33092
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-lg {
33093
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
33094
+ }
33095
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
33096
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33097
+ }
33098
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-xs-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
33099
+ --pf-v5-l-flex--spacer--row: 0;
33100
+ }
33101
+ }
33102
+ @media (min-width: 1200px) {
33103
+ .pf-v5-l-flex.pf-m-row-gap-on-xl {
33104
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33105
+ }
33106
+ .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
33107
+ --pf-v5-l-flex--RowGap: 0;
33108
+ }
33109
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-xl {
33110
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33111
+ }
33112
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-xl {
33113
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33114
+ }
33115
+ .pf-v5-l-flex.pf-m-row-gap-md-on-xl {
33116
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
33117
+ }
33118
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-xl {
33119
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
33120
+ }
33121
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-xl {
33122
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
33123
+ }
33124
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-xl {
33125
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
33126
+ }
33127
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-xl {
33128
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
33129
+ }
33130
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
33131
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33132
+ }
33133
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-xs-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
33134
+ --pf-v5-l-flex--spacer--row: 0;
33135
+ }
33136
+ }
33137
+ @media (min-width: 1450px) {
33138
+ .pf-v5-l-flex.pf-m-row-gap-on-2xl {
33139
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33140
+ }
33141
+ .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
33142
+ --pf-v5-l-flex--RowGap: 0;
33143
+ }
33144
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-2xl {
33145
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33146
+ }
33147
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-2xl {
33148
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33149
+ }
33150
+ .pf-v5-l-flex.pf-m-row-gap-md-on-2xl {
33151
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
33152
+ }
33153
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-2xl {
33154
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
33155
+ }
33156
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-2xl {
33157
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
33158
+ }
33159
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-2xl {
33160
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
33161
+ }
33162
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-2xl {
33163
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
33164
+ }
33165
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
33166
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33167
+ }
33168
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-xs-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
33169
+ --pf-v5-l-flex--spacer--row: 0;
33170
+ }
33171
+ }
33172
+ .pf-v5-l-flex.pf-m-column-gap {
33173
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33174
+ }
33175
+ .pf-v5-l-flex.pf-m-column-gap-none {
33176
+ --pf-v5-l-flex--ColumnGap: 0;
33177
+ }
33178
+ .pf-v5-l-flex.pf-m-column-gap-xs {
33179
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33180
+ }
33181
+ .pf-v5-l-flex.pf-m-column-gap-sm {
33182
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33183
+ }
33184
+ .pf-v5-l-flex.pf-m-column-gap-md {
33185
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
33186
+ }
33187
+ .pf-v5-l-flex.pf-m-column-gap-lg {
33188
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
33189
+ }
33190
+ .pf-v5-l-flex.pf-m-column-gap-xl {
33191
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
33192
+ }
33193
+ .pf-v5-l-flex.pf-m-column-gap-2xl {
33194
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
33195
+ }
33196
+ .pf-v5-l-flex.pf-m-column-gap-3xl {
33197
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
33198
+ }
33199
+ .pf-v5-l-flex.pf-m-column-gap-4xl {
33200
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33201
+ }
33202
+ .pf-v5-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
33203
+ --pf-v5-l-flex--spacer--column: 0;
33204
+ }
33205
+ @media (min-width: 576px) {
33206
+ .pf-v5-l-flex.pf-m-column-gap-on-sm {
33207
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33208
+ }
33209
+ .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
33210
+ --pf-v5-l-flex--ColumnGap: 0;
33211
+ }
33212
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-sm {
33213
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33214
+ }
33215
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-sm {
33216
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33217
+ }
33218
+ .pf-v5-l-flex.pf-m-column-gap-md-on-sm {
33219
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
33220
+ }
33221
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-sm {
33222
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
33223
+ }
33224
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-sm {
33225
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
33226
+ }
33227
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-sm {
33228
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
33229
+ }
33230
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-sm {
33231
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
33232
+ }
33233
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
33234
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33235
+ }
33236
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-xs-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
33237
+ --pf-v5-l-flex--spacer--column: 0;
33238
+ }
33239
+ }
33240
+ @media (min-width: 768px) {
33241
+ .pf-v5-l-flex.pf-m-column-gap-on-md {
33242
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33243
+ }
33244
+ .pf-v5-l-flex.pf-m-column-gap-none-on-md {
33245
+ --pf-v5-l-flex--ColumnGap: 0;
33246
+ }
33247
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-md {
33248
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33249
+ }
33250
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-md {
33251
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33252
+ }
33253
+ .pf-v5-l-flex.pf-m-column-gap-md-on-md {
33254
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
33255
+ }
33256
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-md {
33257
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
33258
+ }
33259
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-md {
33260
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
33261
+ }
33262
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-md {
33263
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
33264
+ }
33265
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-md {
33266
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
33267
+ }
33268
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33269
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33270
+ }
33271
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-xs-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
33272
+ --pf-v5-l-flex--spacer--column: 0;
33273
+ }
33274
+ }
33275
+ @media (min-width: 992px) {
33276
+ .pf-v5-l-flex.pf-m-column-gap-on-lg {
33277
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33278
+ }
33279
+ .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33280
+ --pf-v5-l-flex--ColumnGap: 0;
33281
+ }
33282
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-lg {
33283
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33284
+ }
33285
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-lg {
33286
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33287
+ }
33288
+ .pf-v5-l-flex.pf-m-column-gap-md-on-lg {
33289
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
33290
+ }
33291
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-lg {
33292
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
33293
+ }
33294
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-lg {
33295
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
33296
+ }
33297
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-lg {
33298
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
33299
+ }
33300
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-lg {
33301
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
33302
+ }
33303
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33304
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33305
+ }
33306
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-xs-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
33307
+ --pf-v5-l-flex--spacer--column: 0;
33308
+ }
33309
+ }
33310
+ @media (min-width: 1200px) {
33311
+ .pf-v5-l-flex.pf-m-column-gap-on-xl {
33312
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33313
+ }
33314
+ .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33315
+ --pf-v5-l-flex--ColumnGap: 0;
33316
+ }
33317
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-xl {
33318
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33319
+ }
33320
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-xl {
33321
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33322
+ }
33323
+ .pf-v5-l-flex.pf-m-column-gap-md-on-xl {
33324
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
33325
+ }
33326
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-xl {
33327
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
33328
+ }
33329
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-xl {
33330
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
33331
+ }
33332
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-xl {
33333
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
33334
+ }
33335
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-xl {
33336
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
33337
+ }
33338
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33339
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33340
+ }
33341
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-xs-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
33342
+ --pf-v5-l-flex--spacer--column: 0;
33343
+ }
33344
+ }
33345
+ @media (min-width: 1450px) {
33346
+ .pf-v5-l-flex.pf-m-column-gap-on-2xl {
33347
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33348
+ }
33349
+ .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33350
+ --pf-v5-l-flex--ColumnGap: 0;
33351
+ }
33352
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl {
33353
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33354
+ }
33355
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
33356
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33357
+ }
33358
+ .pf-v5-l-flex.pf-m-column-gap-md-on-2xl {
33359
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
33360
+ }
33361
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-2xl {
33362
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
33363
+ }
33364
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-2xl {
33365
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
33366
+ }
33367
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-2xl {
33368
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
33369
+ }
33370
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-2xl {
33371
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
33372
+ }
33373
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33374
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33375
+ }
33376
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
33377
+ --pf-v5-l-flex--spacer--column: 0;
33378
+ }
33379
+ }
32910
33380
 
32911
33381
  .pf-v5-l-gallery {
32912
33382
  --pf-v5-l-gallery--m-gutter--GridGap: var(--pf-v5-global--gutter);