@patternfly/patternfly 6.5.0-prerelease.77 → 6.5.0-prerelease.79

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 (32) hide show
  1. package/README.md +1 -1
  2. package/components/Button/button.css +10 -4
  3. package/components/Button/button.scss +7 -1
  4. package/components/Compass/compass.css +147 -3
  5. package/components/Compass/compass.scss +142 -3
  6. package/components/Masthead/masthead.css +3 -3
  7. package/components/Masthead/masthead.scss +1 -1
  8. package/components/MenuToggle/menu-toggle.css +3 -3
  9. package/components/MenuToggle/menu-toggle.scss +1 -1
  10. package/components/Nav/nav.css +2 -2
  11. package/components/Nav/nav.scss +1 -1
  12. package/components/Page/page.css +12 -8
  13. package/components/Page/page.scss +6 -1
  14. package/components/Pagination/pagination.css +56 -4
  15. package/components/Pagination/pagination.scss +66 -5
  16. package/components/_index.css +233 -27
  17. package/docs/components/Compass/examples/Compass.css +2 -11
  18. package/docs/components/Compass/examples/Compass.md +8 -1
  19. package/docs/components/Nav/examples/Navigation.md +105 -9
  20. package/docs/components/Pagination/examples/Pagination.md +495 -3
  21. package/docs/demos/CardView/examples/CardView.md +1 -1
  22. package/docs/demos/Compass/examples/Compass.md +2108 -267
  23. package/docs/demos/DataList/examples/DataList.md +1 -1
  24. package/docs/demos/Nav/examples/Nav.md +272 -90
  25. package/docs/demos/Table/examples/Table.md +1 -1
  26. package/docs/demos/Toolbar/examples/Toolbar.md +7 -7
  27. package/package.json +1 -1
  28. package/patternfly-no-globals.css +233 -27
  29. package/patternfly.css +233 -27
  30. package/patternfly.min.css +1 -1
  31. package/patternfly.min.css.map +1 -1
  32. package/sass-utilities/mixins.scss +2 -2
@@ -7812,311 +7812,2152 @@ This demo showcases how you can position a side-panel drawer on top of the other
7812
7812
 
7813
7813
  ```
7814
7814
 
7815
- ### Docked
7815
+ ### Docked nav
7816
7816
 
7817
7817
  ```html isFullscreen isBeta
7818
7818
  <div class="pf-v6-c-compass pf-m-animate-smoothly pf-m-docked">
7819
- <div class="pf-v6-c-compass__dock">
7820
- <div class="pf-v6-c-skip-to-content">
7821
- <a class="pf-v6-c-button pf-m-primary" href="#main-content-">
7822
- <span class="pf-v6-c-button__text">Skip to content</span>
7823
- </a>
7824
- </div>
7825
-
7826
- <header class="pf-v6-c-masthead pf-m-docked">
7827
- <div class="pf-v6-c-masthead__main">
7828
- <span class="pf-v6-c-masthead__toggle">
7829
- <button
7830
- class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7831
- type="button"
7832
- aria-label="Global navigation"
7833
- >
7834
- <span class="pf-v6-c-button__icon">
7835
- <svg
7836
- viewBox="0 0 10 10"
7837
- class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7838
- width="1em"
7839
- height="1em"
7819
+ <header class="pf-v6-c-masthead pf-m-display-inline">
7820
+ <div class="pf-v6-c-masthead__main">
7821
+ <span class="pf-v6-c-masthead__toggle">
7822
+ <button
7823
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7824
+ type="button"
7825
+ aria-label="Global navigation"
7826
+ >
7827
+ <span class="pf-v6-c-button__icon">
7828
+ <svg
7829
+ viewBox="0 0 10 10"
7830
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7831
+ width="1em"
7832
+ height="1em"
7833
+ >
7834
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
7835
+ <path
7836
+ class="pf-v6-c-button--hamburger-icon--middle"
7837
+ d="M1,5 L9,5"
7838
+ />
7839
+ <path
7840
+ class="pf-v6-c-button--hamburger-icon--arrow"
7841
+ d="M1,5 L1,5 L1,5"
7842
+ />
7843
+ <path
7844
+ class="pf-v6-c-button--hamburger-icon--bottom"
7845
+ d="M9,9 L1,9"
7846
+ />
7847
+ </svg>
7848
+ </span>
7849
+ </button>
7850
+ </span>
7851
+ <div class="pf-v6-c-masthead__brand">
7852
+ <a class="pf-v6-c-masthead__logo" href="#">
7853
+ <svg height="37px" viewBox="0 0 679 158">
7854
+ <title>PF-HorizontalLogo-Color</title>
7855
+ <defs>
7856
+ <linearGradient
7857
+ x1="68%"
7858
+ y1="2.25860997e-13%"
7859
+ x2="32%"
7860
+ y2="100%"
7861
+ id="linearGradient-"
7862
+ >
7863
+ <stop stop-color="#2B9AF3" offset="0%" />
7864
+ <stop
7865
+ stop-color="#73BCF7"
7866
+ stop-opacity="0.502212631"
7867
+ offset="100%"
7868
+ />
7869
+ </linearGradient>
7870
+ </defs>
7871
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7872
+ <g
7873
+ transform="translate(206.000000, 45.750000)"
7874
+ fill="var(--pf-t--global--text--color--regular)"
7875
+ fill-rule="nonzero"
7840
7876
  >
7841
7877
  <path
7842
- class="pf-v6-c-button--hamburger-icon--top"
7843
- d="M1,1 L9,1"
7878
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
7844
7879
  />
7845
7880
  <path
7846
- class="pf-v6-c-button--hamburger-icon--middle"
7847
- d="M1,5 L9,5"
7881
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
7848
7882
  />
7849
7883
  <path
7850
- class="pf-v6-c-button--hamburger-icon--arrow"
7851
- d="M1,5 L1,5 L1,5"
7884
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
7852
7885
  />
7853
7886
  <path
7854
- class="pf-v6-c-button--hamburger-icon--bottom"
7855
- d="M9,9 L1,9"
7887
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
7856
7888
  />
7857
- </svg>
7858
- </span>
7859
- </button>
7860
- </span>
7861
- <div class="pf-v6-c-masthead__brand">
7862
- <a class="pf-v6-c-masthead__logo" href="#">
7863
- <svg height="37px" viewBox="0 0 679 158">
7864
- <title>PF-HorizontalLogo-Color</title>
7865
- <defs>
7866
- <linearGradient
7867
- x1="68%"
7868
- y1="2.25860997e-13%"
7869
- x2="32%"
7870
- y2="100%"
7871
- id="linearGradient-"
7872
- >
7873
- <stop stop-color="#2B9AF3" offset="0%" />
7874
- <stop
7875
- stop-color="#73BCF7"
7876
- stop-opacity="0.502212631"
7877
- offset="100%"
7878
- />
7879
- </linearGradient>
7880
- </defs>
7881
- <g
7882
- stroke="none"
7883
- stroke-width="1"
7884
- fill="none"
7885
- fill-rule="evenodd"
7889
+ <path
7890
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
7891
+ />
7892
+ <path
7893
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
7894
+ />
7895
+ <path
7896
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
7897
+ />
7898
+ <polygon
7899
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
7900
+ />
7901
+ <polygon
7902
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
7903
+ />
7904
+ <path
7905
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
7906
+ />
7907
+ </g>
7908
+ <g transform="translate(0.000000, 0.000000)">
7909
+ <path
7910
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
7911
+ fill="#0066CC"
7912
+ />
7913
+ <path
7914
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
7915
+ fill="url(#linearGradient-)"
7916
+ />
7917
+ <path
7918
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
7919
+ fill="url(#linearGradient-)"
7920
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
7921
+ />
7922
+ </g>
7923
+ </g>
7924
+ </svg>
7925
+ </a>
7926
+ </div>
7927
+ </div>
7928
+ <div class="pf-v6-c-masthead__content">
7929
+ <div class="pf-v6-c-toolbar pf-m-static">
7930
+ <div class="pf-v6-c-toolbar__content">
7931
+ <div class="pf-v6-c-toolbar__content-section">
7932
+ <div class="pf-v6-c-toolbar__item pf-m-align-end">
7933
+ <button
7934
+ class="pf-v6-c-button pf-m-plain"
7935
+ type="button"
7936
+ aria-label="Search"
7886
7937
  >
7887
- <g
7888
- transform="translate(206.000000, 45.750000)"
7889
- fill="var(--pf-t--global--text--color--regular)"
7890
- fill-rule="nonzero"
7938
+ <span class="pf-v6-c-button__icon">
7939
+ <svg
7940
+ class="pf-v6-svg"
7941
+ viewBox="0 0 512 512"
7942
+ fill="currentColor"
7943
+ aria-hidden="true"
7944
+ role="img"
7945
+ width="1em"
7946
+ height="1em"
7947
+ >
7948
+ <path
7949
+ d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
7950
+ />
7951
+ </svg>
7952
+ </span>
7953
+ </button>
7954
+ </div>
7955
+ </div>
7956
+ </div>
7957
+ </div>
7958
+ </div>
7959
+ </header>
7960
+ <div class="pf-v6-c-compass__dock">
7961
+ <div class="pf-v6-c-compass__dock-main">
7962
+ <div class="pf-v6-c-skip-to-content">
7963
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-">
7964
+ <span class="pf-v6-c-button__text">Skip to content</span>
7965
+ </a>
7966
+ </div>
7967
+
7968
+ <header
7969
+ class="pf-v6-c-masthead pf-m-docked"
7970
+ id="compass-docked-example-masthead"
7971
+ >
7972
+ <div class="pf-v6-c-masthead__main">
7973
+ <span class="pf-v6-c-masthead__toggle">
7974
+ <button
7975
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7976
+ type="button"
7977
+ aria-label="Global navigation"
7978
+ >
7979
+ <span class="pf-v6-c-button__icon">
7980
+ <svg
7981
+ viewBox="0 0 10 10"
7982
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7983
+ width="1em"
7984
+ height="1em"
7891
7985
  >
7892
7986
  <path
7893
- d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
7894
- />
7895
- <path
7896
- d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
7897
- />
7898
- <path
7899
- d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
7900
- />
7901
- <path
7902
- d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
7903
- />
7904
- <path
7905
- d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
7906
- />
7907
- <path
7908
- d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
7909
- />
7910
- <path
7911
- d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
7912
- />
7913
- <polygon
7914
- points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
7915
- />
7916
- <polygon
7917
- points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
7918
- />
7919
- <path
7920
- d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
7987
+ class="pf-v6-c-button--hamburger-icon--top"
7988
+ d="M1,1 L9,1"
7921
7989
  />
7922
- </g>
7923
- <g transform="translate(0.000000, 0.000000)">
7924
7990
  <path
7925
- d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
7926
- fill="#0066CC"
7991
+ class="pf-v6-c-button--hamburger-icon--middle"
7992
+ d="M1,5 L9,5"
7927
7993
  />
7928
7994
  <path
7929
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
7930
- fill="url(#linearGradient-)"
7995
+ class="pf-v6-c-button--hamburger-icon--arrow"
7996
+ d="M1,5 L1,5 L1,5"
7931
7997
  />
7932
7998
  <path
7933
- d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
7934
- fill="url(#linearGradient-)"
7935
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
7999
+ class="pf-v6-c-button--hamburger-icon--bottom"
8000
+ d="M9,9 L1,9"
7936
8001
  />
8002
+ </svg>
8003
+ </span>
8004
+ </button>
8005
+ </span>
8006
+ <div class="pf-v6-c-masthead__brand">
8007
+ <a class="pf-v6-c-masthead__logo" href="#">
8008
+ <svg height="37px" viewBox="0 0 679 158">
8009
+ <title>PF-HorizontalLogo-Color</title>
8010
+ <defs>
8011
+ <linearGradient
8012
+ x1="68%"
8013
+ y1="2.25860997e-13%"
8014
+ x2="32%"
8015
+ y2="100%"
8016
+ id="linearGradient-compass-docked-example-masthead"
8017
+ >
8018
+ <stop stop-color="#2B9AF3" offset="0%" />
8019
+ <stop
8020
+ stop-color="#73BCF7"
8021
+ stop-opacity="0.502212631"
8022
+ offset="100%"
8023
+ />
8024
+ </linearGradient>
8025
+ </defs>
8026
+ <g
8027
+ stroke="none"
8028
+ stroke-width="1"
8029
+ fill="none"
8030
+ fill-rule="evenodd"
8031
+ >
8032
+ <g
8033
+ transform="translate(206.000000, 45.750000)"
8034
+ fill="var(--pf-t--global--text--color--regular)"
8035
+ fill-rule="nonzero"
8036
+ >
8037
+ <path
8038
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
8039
+ />
8040
+ <path
8041
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
8042
+ />
8043
+ <path
8044
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
8045
+ />
8046
+ <path
8047
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
8048
+ />
8049
+ <path
8050
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
8051
+ />
8052
+ <path
8053
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
8054
+ />
8055
+ <path
8056
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
8057
+ />
8058
+ <polygon
8059
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
8060
+ />
8061
+ <polygon
8062
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
8063
+ />
8064
+ <path
8065
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
8066
+ />
8067
+ </g>
8068
+ <g transform="translate(0.000000, 0.000000)">
8069
+ <path
8070
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
8071
+ fill="#0066CC"
8072
+ />
8073
+ <path
8074
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8075
+ fill="url(#linearGradient-compass-docked-example-masthead)"
8076
+ />
8077
+ <path
8078
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
8079
+ fill="url(#linearGradient-compass-docked-example-masthead)"
8080
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8081
+ />
8082
+ </g>
7937
8083
  </g>
7938
- </g>
7939
- </svg>
7940
- </a>
7941
- <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
7942
- <svg width="37px" height="37px" viewBox="0 0 158 158">
7943
- <title>PF-HorizontalLogo-Color</title>
7944
- <defs>
7945
- <linearGradient
7946
- x1="68%"
7947
- y1="2.25860997e-13%"
7948
- x2="32%"
7949
- y2="100%"
7950
- id="linearGradient-1"
8084
+ </svg>
8085
+ </a>
8086
+ <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
8087
+ <svg width="37px" height="37px" viewBox="0 0 158 158">
8088
+ <title>PF-HorizontalLogo-Color</title>
8089
+ <defs>
8090
+ <linearGradient
8091
+ x1="68%"
8092
+ y1="2.25860997e-13%"
8093
+ x2="32%"
8094
+ y2="100%"
8095
+ id="linearGradient-1"
8096
+ >
8097
+ <stop stop-color="#2B9AF3" offset="0%" />
8098
+ <stop
8099
+ stop-color="#73BCF7"
8100
+ stop-opacity="0.502212631"
8101
+ offset="100%"
8102
+ />
8103
+ </linearGradient>
8104
+ </defs>
8105
+ <g
8106
+ id="PF-IconLogo-color"
8107
+ stroke="none"
8108
+ stroke-width="1"
8109
+ fill="none"
8110
+ fill-rule="evenodd"
7951
8111
  >
7952
- <stop stop-color="#2B9AF3" offset="0%" />
7953
- <stop
7954
- stop-color="#73BCF7"
7955
- stop-opacity="0.502212631"
7956
- offset="100%"
7957
- />
7958
- </linearGradient>
7959
- </defs>
7960
- <g
7961
- id="PF-IconLogo-color"
7962
- stroke="none"
7963
- stroke-width="1"
7964
- fill="none"
7965
- fill-rule="evenodd"
7966
- >
7967
- <g id="Logo">
7968
- <path
7969
- d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
7970
- id="Rectangle-Copy-17"
7971
- fill="#0066CC"
7972
- />
7973
- <path
7974
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
7975
- id="Path-2"
7976
- fill="url(#linearGradient-1)"
7977
- />
7978
- <path
7979
- d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
7980
- id="Path-2"
7981
- fill="url(#linearGradient-1)"
7982
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
7983
- />
8112
+ <g id="Logo">
8113
+ <path
8114
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
8115
+ id="Rectangle-Copy-17"
8116
+ fill="#0066CC"
8117
+ />
8118
+ <path
8119
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8120
+ id="Path-2"
8121
+ fill="url(#linearGradient-1)"
8122
+ />
8123
+ <path
8124
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
8125
+ id="Path-2"
8126
+ fill="url(#linearGradient-1)"
8127
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8128
+ />
8129
+ </g>
7984
8130
  </g>
7985
- </g>
7986
- </svg>
7987
- </a>
8131
+ </svg>
8132
+ </a>
8133
+ </div>
7988
8134
  </div>
7989
- </div>
7990
- <hr class="pf-v6-c-divider" />
7991
- <div class="pf-v6-c-masthead__content">
7992
- <div class="pf-v6-c-toolbar pf-m-vertical pf-m-static" id="-toolbar">
7993
- <div class="pf-v6-c-toolbar__content">
7994
- <div class="pf-v6-c-toolbar__content-section">
7995
- <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
7996
- <ul class="pf-v6-c-nav__list" role="list">
7997
- <li class="pf-v6-c-nav__item">
7998
- <a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
7999
- <span class="pf-v6-c-nav__link-icon">
8000
- <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
8001
- </span>
8002
- <span class="pf-v6-c-nav__link-text">System panel</span>
8003
- </a>
8004
- </li>
8005
- <li class="pf-v6-c-nav__item">
8006
- <a
8007
- href="#"
8008
- class="pf-v6-c-nav__link pf-m-current"
8009
- aria-current="page"
8010
- aria-label="Folder"
8135
+ <hr class="pf-v6-c-divider" />
8136
+ <div class="pf-v6-c-masthead__content">
8137
+ <div
8138
+ class="pf-v6-c-toolbar pf-m-vertical pf-m-static"
8139
+ id="compass-docked-example-masthead-toolbar"
8140
+ >
8141
+ <div class="pf-v6-c-toolbar__content">
8142
+ <div class="pf-v6-c-toolbar__content-section">
8143
+ <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
8144
+ <ul class="pf-v6-c-nav__list" role="list">
8145
+ <li class="pf-v6-c-nav__item">
8146
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
8147
+ <span class="pf-v6-c-nav__link-icon">
8148
+ <svg
8149
+ class="pf-v6-svg"
8150
+ viewBox="0 0 32 32"
8151
+ fill="currentColor"
8152
+ aria-hidden="true"
8153
+ role="img"
8154
+ width="1em"
8155
+ height="1em"
8156
+ >
8157
+ <path
8158
+ d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
8159
+ />
8160
+ </svg>
8161
+ </span>
8162
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8163
+ </a>
8164
+ </li>
8165
+ <li class="pf-v6-c-nav__item">
8166
+ <a
8167
+ href="#"
8168
+ class="pf-v6-c-nav__link pf-m-current"
8169
+ aria-current="page"
8170
+ aria-label="Folder"
8171
+ >
8172
+ <span class="pf-v6-c-nav__link-icon">
8173
+ <svg
8174
+ class="pf-v6-svg"
8175
+ viewBox="0 0 32 32"
8176
+ fill="currentColor"
8177
+ aria-hidden="true"
8178
+ role="img"
8179
+ width="1em"
8180
+ height="1em"
8181
+ >
8182
+ <path
8183
+ d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
8184
+ />
8185
+ </svg>
8186
+ </span>
8187
+ <span class="pf-v6-c-nav__link-text">Policy</span>
8188
+ </a>
8189
+ </li>
8190
+ <li class="pf-v6-c-nav__item">
8191
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
8192
+ <span class="pf-v6-c-nav__link-icon">
8193
+ <svg
8194
+ class="pf-v6-svg"
8195
+ viewBox="0 0 32 32"
8196
+ fill="currentColor"
8197
+ aria-hidden="true"
8198
+ role="img"
8199
+ width="1em"
8200
+ height="1em"
8201
+ >
8202
+ <path
8203
+ d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
8204
+ />
8205
+ </svg>
8206
+ </span>
8207
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
8208
+ </a>
8209
+ </li>
8210
+ <li class="pf-v6-c-nav__item">
8211
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
8212
+ <span class="pf-v6-c-nav__link-icon">
8213
+ <svg
8214
+ class="pf-v6-svg"
8215
+ viewBox="0 0 32 32"
8216
+ fill="currentColor"
8217
+ aria-hidden="true"
8218
+ role="img"
8219
+ width="1em"
8220
+ height="1em"
8221
+ >
8222
+ <path
8223
+ d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
8224
+ />
8225
+ </svg>
8226
+ </span>
8227
+ <span class="pf-v6-c-nav__link-text">Network services</span>
8228
+ </a>
8229
+ </li>
8230
+ </ul>
8231
+ </nav>
8232
+
8233
+ <div
8234
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
8235
+ >
8236
+ <div class="pf-v6-c-toolbar__item">
8237
+ <button
8238
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8239
+ type="button"
8240
+ aria-expanded="false"
8241
+ aria-label="Applications"
8011
8242
  >
8012
- <span class="pf-v6-c-nav__link-icon">
8013
- <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
8014
- </span>
8015
- <span class="pf-v6-c-nav__link-text">Policy</span>
8016
- </a>
8017
- </li>
8018
- <li class="pf-v6-c-nav__item">
8019
- <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
8020
- <span class="pf-v6-c-nav__link-icon">
8021
- <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
8022
- </span>
8023
- <span class="pf-v6-c-nav__link-text">Authentication</span>
8024
- </a>
8025
- </li>
8026
- <li class="pf-v6-c-nav__item">
8027
- <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
8028
- <span class="pf-v6-c-nav__link-icon">
8029
- <i class="fas fa-fw fa-code" aria-hidden="true"></i>
8243
+ <span class="pf-v6-c-menu-toggle__icon">
8244
+ <svg
8245
+ class="pf-v6-svg"
8246
+ viewBox="0 0 32 32"
8247
+ fill="currentColor"
8248
+ aria-hidden="true"
8249
+ role="img"
8250
+ width="1em"
8251
+ height="1em"
8252
+ >
8253
+ <path
8254
+ d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
8255
+ />
8256
+ </svg>
8030
8257
  </span>
8031
- <span class="pf-v6-c-nav__link-text">Network services</span>
8032
- </a>
8033
- </li>
8034
- </ul>
8035
- </nav>
8036
-
8037
- <div
8038
- class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
8039
- >
8040
- <div class="pf-v6-c-toolbar__item">
8041
- <button
8042
- class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8043
- type="button"
8044
- aria-expanded="false"
8045
- aria-label="Applications"
8046
- >
8047
- <span class="pf-v6-c-menu-toggle__icon">
8048
- <svg
8049
- class="pf-v6-svg"
8050
- viewBox="0 0 512 512"
8051
- fill="currentColor"
8052
- aria-hidden="true"
8053
- role="img"
8054
- width="1em"
8055
- height="1em"
8258
+ <span class="pf-v6-c-menu-toggle__text">Applications</span>
8259
+ </button>
8260
+ </div>
8261
+ <div class="pf-v6-c-toolbar__item">
8262
+ <button
8263
+ class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
8264
+ type="button"
8265
+ aria-label="Settings"
8266
+ >
8267
+ <span class="pf-v6-c-button__icon pf-m-start">
8268
+ <svg
8269
+ class="pf-v6-svg"
8270
+ viewBox="0 0 32 32"
8271
+ fill="currentColor"
8272
+ aria-hidden="true"
8273
+ role="img"
8274
+ width="1em"
8275
+ height="1em"
8276
+ >
8277
+ <path
8278
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
8279
+ />
8280
+ </svg>
8281
+ </span>
8282
+ <span class="pf-v6-c-button__text">Settings</span>
8283
+ </button>
8284
+ </div>
8285
+ <div class="pf-v6-c-toolbar__item">
8286
+ <button
8287
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8288
+ type="button"
8289
+ aria-expanded="false"
8290
+ aria-label="Help"
8291
+ >
8292
+ <span class="pf-v6-c-menu-toggle__icon">
8293
+ <svg
8294
+ class="pf-v6-svg"
8295
+ viewBox="0 0 32 32"
8296
+ fill="currentColor"
8297
+ aria-hidden="true"
8298
+ role="img"
8299
+ width="1em"
8300
+ height="1em"
8301
+ >
8302
+ <path
8303
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
8304
+ />
8305
+ </svg>
8306
+ </span>
8307
+ <span class="pf-v6-c-menu-toggle__text">Help</span>
8308
+ </button>
8309
+ </div>
8310
+ </div>
8311
+ </div>
8312
+ </div>
8313
+ </div>
8314
+ </div>
8315
+ </header>
8316
+ </div>
8317
+ </div>
8318
+ <div class="pf-v6-c-compass__main">
8319
+ <div class="pf-v6-c-compass__main-header">
8320
+ <div class="pf-v6-c-panel pf-m-glass">
8321
+ <div class="pf-v6-c-panel__main">
8322
+ <div class="pf-v6-c-panel__main-body">
8323
+ <div class="pf-v6-c-compass__main-header-content">
8324
+ <div class="pf-v6-c-compass__main-header-title">
8325
+ <h2 class="pf-v6-c-title pf-m-h1">Header</h2>
8326
+ </div>
8327
+ <div class="pf-v6-c-compass__main-header-toolbar">
8328
+ <div class="pf-v6-c-action-list">
8329
+ <div class="pf-v6-c-action-list__group">
8330
+ <div class="pf-v6-c-action-list__item">
8331
+ <button class="pf-v6-c-button pf-m-primary" type="button">
8332
+ <span class="pf-v6-c-button__text">action</span>
8333
+ </button>
8334
+ </div>
8335
+ <div class="pf-v6-c-action-list__item">
8336
+ <button
8337
+ class="pf-v6-c-button pf-m-secondary"
8338
+ type="button"
8339
+ >
8340
+ <span class="pf-v6-c-button__text">action</span>
8341
+ </button>
8342
+ </div>
8343
+ </div>
8344
+ </div>
8345
+ </div>
8346
+ </div>
8347
+ </div>
8348
+ </div>
8349
+ </div>
8350
+ </div>
8351
+ <div class="pf-v6-c-compass__content">
8352
+ <div class="pf-v6-c-panel pf-m-glass">
8353
+ <div class="pf-v6-c-panel__main">
8354
+ <div class="pf-v6-c-panel__main-body">[so much room for activities]</div>
8355
+ </div>
8356
+ </div>
8357
+ </div>
8358
+ </div>
8359
+ </div>
8360
+
8361
+ ```
8362
+
8363
+ ### Docked nav - expanded on mobile
8364
+
8365
+ ```html isFullscreen isBeta
8366
+ <div class="pf-v6-c-compass pf-m-animate-smoothly pf-m-docked">
8367
+ <header class="pf-v6-c-masthead pf-m-display-inline">
8368
+ <div class="pf-v6-c-masthead__main">
8369
+ <span class="pf-v6-c-masthead__toggle">
8370
+ <button
8371
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8372
+ type="button"
8373
+ aria-label="Global navigation"
8374
+ >
8375
+ <span class="pf-v6-c-button__icon">
8376
+ <svg
8377
+ viewBox="0 0 10 10"
8378
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8379
+ width="1em"
8380
+ height="1em"
8381
+ >
8382
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
8383
+ <path
8384
+ class="pf-v6-c-button--hamburger-icon--middle"
8385
+ d="M1,5 L9,5"
8386
+ />
8387
+ <path
8388
+ class="pf-v6-c-button--hamburger-icon--arrow"
8389
+ d="M1,5 L1,5 L1,5"
8390
+ />
8391
+ <path
8392
+ class="pf-v6-c-button--hamburger-icon--bottom"
8393
+ d="M9,9 L1,9"
8394
+ />
8395
+ </svg>
8396
+ </span>
8397
+ </button>
8398
+ </span>
8399
+ <div class="pf-v6-c-masthead__brand">
8400
+ <a class="pf-v6-c-masthead__logo" href="#">
8401
+ <svg height="37px" viewBox="0 0 679 158">
8402
+ <title>PF-HorizontalLogo-Color</title>
8403
+ <defs>
8404
+ <linearGradient
8405
+ x1="68%"
8406
+ y1="2.25860997e-13%"
8407
+ x2="32%"
8408
+ y2="100%"
8409
+ id="linearGradient-"
8410
+ >
8411
+ <stop stop-color="#2B9AF3" offset="0%" />
8412
+ <stop
8413
+ stop-color="#73BCF7"
8414
+ stop-opacity="0.502212631"
8415
+ offset="100%"
8416
+ />
8417
+ </linearGradient>
8418
+ </defs>
8419
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8420
+ <g
8421
+ transform="translate(206.000000, 45.750000)"
8422
+ fill="var(--pf-t--global--text--color--regular)"
8423
+ fill-rule="nonzero"
8424
+ >
8425
+ <path
8426
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
8427
+ />
8428
+ <path
8429
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
8430
+ />
8431
+ <path
8432
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
8433
+ />
8434
+ <path
8435
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
8436
+ />
8437
+ <path
8438
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
8439
+ />
8440
+ <path
8441
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
8442
+ />
8443
+ <path
8444
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
8445
+ />
8446
+ <polygon
8447
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
8448
+ />
8449
+ <polygon
8450
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
8451
+ />
8452
+ <path
8453
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
8454
+ />
8455
+ </g>
8456
+ <g transform="translate(0.000000, 0.000000)">
8457
+ <path
8458
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
8459
+ fill="#0066CC"
8460
+ />
8461
+ <path
8462
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8463
+ fill="url(#linearGradient-)"
8464
+ />
8465
+ <path
8466
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
8467
+ fill="url(#linearGradient-)"
8468
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8469
+ />
8470
+ </g>
8471
+ </g>
8472
+ </svg>
8473
+ </a>
8474
+ </div>
8475
+ </div>
8476
+ <div class="pf-v6-c-masthead__content">
8477
+ <div class="pf-v6-c-toolbar pf-m-static">
8478
+ <div class="pf-v6-c-toolbar__content">
8479
+ <div class="pf-v6-c-toolbar__content-section">
8480
+ <div class="pf-v6-c-toolbar__item pf-m-align-end">
8481
+ <button
8482
+ class="pf-v6-c-button pf-m-plain"
8483
+ type="button"
8484
+ aria-label="Search"
8485
+ >
8486
+ <span class="pf-v6-c-button__icon">
8487
+ <svg
8488
+ class="pf-v6-svg"
8489
+ viewBox="0 0 512 512"
8490
+ fill="currentColor"
8491
+ aria-hidden="true"
8492
+ role="img"
8493
+ width="1em"
8494
+ height="1em"
8495
+ >
8496
+ <path
8497
+ d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
8498
+ />
8499
+ </svg>
8500
+ </span>
8501
+ </button>
8502
+ </div>
8503
+ </div>
8504
+ </div>
8505
+ </div>
8506
+ </div>
8507
+ </header>
8508
+ <div class="pf-v6-c-compass__dock pf-m-expanded">
8509
+ <div class="pf-v6-c-compass__dock-main">
8510
+ <div class="pf-v6-c-skip-to-content">
8511
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-">
8512
+ <span class="pf-v6-c-button__text">Skip to content</span>
8513
+ </a>
8514
+ </div>
8515
+
8516
+ <header
8517
+ class="pf-v6-c-masthead pf-m-docked"
8518
+ id="compass-docked-mobile-expanded-example-masthead"
8519
+ >
8520
+ <div class="pf-v6-c-masthead__main">
8521
+ <span class="pf-v6-c-masthead__toggle">
8522
+ <button
8523
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8524
+ type="button"
8525
+ aria-label="Global navigation"
8526
+ >
8527
+ <span class="pf-v6-c-button__icon">
8528
+ <svg
8529
+ viewBox="0 0 10 10"
8530
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8531
+ width="1em"
8532
+ height="1em"
8533
+ >
8534
+ <path
8535
+ class="pf-v6-c-button--hamburger-icon--top"
8536
+ d="M1,1 L9,1"
8537
+ />
8538
+ <path
8539
+ class="pf-v6-c-button--hamburger-icon--middle"
8540
+ d="M1,5 L9,5"
8541
+ />
8542
+ <path
8543
+ class="pf-v6-c-button--hamburger-icon--arrow"
8544
+ d="M1,5 L1,5 L1,5"
8545
+ />
8546
+ <path
8547
+ class="pf-v6-c-button--hamburger-icon--bottom"
8548
+ d="M9,9 L1,9"
8549
+ />
8550
+ </svg>
8551
+ </span>
8552
+ </button>
8553
+ </span>
8554
+ <div class="pf-v6-c-masthead__brand">
8555
+ <a class="pf-v6-c-masthead__logo" href="#">
8556
+ <svg height="37px" viewBox="0 0 679 158">
8557
+ <title>PF-HorizontalLogo-Color</title>
8558
+ <defs>
8559
+ <linearGradient
8560
+ x1="68%"
8561
+ y1="2.25860997e-13%"
8562
+ x2="32%"
8563
+ y2="100%"
8564
+ id="linearGradient-compass-docked-mobile-expanded-example-masthead"
8565
+ >
8566
+ <stop stop-color="#2B9AF3" offset="0%" />
8567
+ <stop
8568
+ stop-color="#73BCF7"
8569
+ stop-opacity="0.502212631"
8570
+ offset="100%"
8571
+ />
8572
+ </linearGradient>
8573
+ </defs>
8574
+ <g
8575
+ stroke="none"
8576
+ stroke-width="1"
8577
+ fill="none"
8578
+ fill-rule="evenodd"
8579
+ >
8580
+ <g
8581
+ transform="translate(206.000000, 45.750000)"
8582
+ fill="var(--pf-t--global--text--color--regular)"
8583
+ fill-rule="nonzero"
8584
+ >
8585
+ <path
8586
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
8587
+ />
8588
+ <path
8589
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
8590
+ />
8591
+ <path
8592
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
8593
+ />
8594
+ <path
8595
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
8596
+ />
8597
+ <path
8598
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
8599
+ />
8600
+ <path
8601
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
8602
+ />
8603
+ <path
8604
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
8605
+ />
8606
+ <polygon
8607
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
8608
+ />
8609
+ <polygon
8610
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
8611
+ />
8612
+ <path
8613
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
8614
+ />
8615
+ </g>
8616
+ <g transform="translate(0.000000, 0.000000)">
8617
+ <path
8618
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
8619
+ fill="#0066CC"
8620
+ />
8621
+ <path
8622
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8623
+ fill="url(#linearGradient-compass-docked-mobile-expanded-example-masthead)"
8624
+ />
8625
+ <path
8626
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
8627
+ fill="url(#linearGradient-compass-docked-mobile-expanded-example-masthead)"
8628
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8629
+ />
8630
+ </g>
8631
+ </g>
8632
+ </svg>
8633
+ </a>
8634
+ <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
8635
+ <svg width="37px" height="37px" viewBox="0 0 158 158">
8636
+ <title>PF-HorizontalLogo-Color</title>
8637
+ <defs>
8638
+ <linearGradient
8639
+ x1="68%"
8640
+ y1="2.25860997e-13%"
8641
+ x2="32%"
8642
+ y2="100%"
8643
+ id="linearGradient-1"
8644
+ >
8645
+ <stop stop-color="#2B9AF3" offset="0%" />
8646
+ <stop
8647
+ stop-color="#73BCF7"
8648
+ stop-opacity="0.502212631"
8649
+ offset="100%"
8650
+ />
8651
+ </linearGradient>
8652
+ </defs>
8653
+ <g
8654
+ id="PF-IconLogo-color"
8655
+ stroke="none"
8656
+ stroke-width="1"
8657
+ fill="none"
8658
+ fill-rule="evenodd"
8659
+ >
8660
+ <g id="Logo">
8661
+ <path
8662
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
8663
+ id="Rectangle-Copy-17"
8664
+ fill="#0066CC"
8665
+ />
8666
+ <path
8667
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8668
+ id="Path-2"
8669
+ fill="url(#linearGradient-1)"
8670
+ />
8671
+ <path
8672
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
8673
+ id="Path-2"
8674
+ fill="url(#linearGradient-1)"
8675
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8676
+ />
8677
+ </g>
8678
+ </g>
8679
+ </svg>
8680
+ </a>
8681
+ </div>
8682
+ </div>
8683
+ <hr class="pf-v6-c-divider" />
8684
+ <div class="pf-v6-c-masthead__content">
8685
+ <div
8686
+ class="pf-v6-c-toolbar pf-m-vertical pf-m-static"
8687
+ id="compass-docked-mobile-expanded-example-masthead-toolbar"
8688
+ >
8689
+ <div class="pf-v6-c-toolbar__content">
8690
+ <div class="pf-v6-c-toolbar__content-section">
8691
+ <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
8692
+ <ul class="pf-v6-c-nav__list" role="list">
8693
+ <li class="pf-v6-c-nav__item">
8694
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
8695
+ <span class="pf-v6-c-nav__link-icon">
8696
+ <svg
8697
+ class="pf-v6-svg"
8698
+ viewBox="0 0 32 32"
8699
+ fill="currentColor"
8700
+ aria-hidden="true"
8701
+ role="img"
8702
+ width="1em"
8703
+ height="1em"
8704
+ >
8705
+ <path
8706
+ d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
8707
+ />
8708
+ </svg>
8709
+ </span>
8710
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8711
+ </a>
8712
+ </li>
8713
+ <li class="pf-v6-c-nav__item">
8714
+ <a
8715
+ href="#"
8716
+ class="pf-v6-c-nav__link pf-m-current"
8717
+ aria-current="page"
8718
+ aria-label="Folder"
8719
+ >
8720
+ <span class="pf-v6-c-nav__link-icon">
8721
+ <svg
8722
+ class="pf-v6-svg"
8723
+ viewBox="0 0 32 32"
8724
+ fill="currentColor"
8725
+ aria-hidden="true"
8726
+ role="img"
8727
+ width="1em"
8728
+ height="1em"
8729
+ >
8730
+ <path
8731
+ d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
8732
+ />
8733
+ </svg>
8734
+ </span>
8735
+ <span class="pf-v6-c-nav__link-text">Policy</span>
8736
+ </a>
8737
+ </li>
8738
+ <li class="pf-v6-c-nav__item">
8739
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
8740
+ <span class="pf-v6-c-nav__link-icon">
8741
+ <svg
8742
+ class="pf-v6-svg"
8743
+ viewBox="0 0 32 32"
8744
+ fill="currentColor"
8745
+ aria-hidden="true"
8746
+ role="img"
8747
+ width="1em"
8748
+ height="1em"
8749
+ >
8750
+ <path
8751
+ d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
8752
+ />
8753
+ </svg>
8754
+ </span>
8755
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
8756
+ </a>
8757
+ </li>
8758
+ <li class="pf-v6-c-nav__item">
8759
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
8760
+ <span class="pf-v6-c-nav__link-icon">
8761
+ <svg
8762
+ class="pf-v6-svg"
8763
+ viewBox="0 0 32 32"
8764
+ fill="currentColor"
8765
+ aria-hidden="true"
8766
+ role="img"
8767
+ width="1em"
8768
+ height="1em"
8769
+ >
8770
+ <path
8771
+ d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
8772
+ />
8773
+ </svg>
8774
+ </span>
8775
+ <span class="pf-v6-c-nav__link-text">Network services</span>
8776
+ </a>
8777
+ </li>
8778
+ </ul>
8779
+ </nav>
8780
+
8781
+ <div
8782
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
8783
+ >
8784
+ <div class="pf-v6-c-toolbar__item">
8785
+ <button
8786
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8787
+ type="button"
8788
+ aria-expanded="false"
8789
+ aria-label="Applications"
8790
+ >
8791
+ <span class="pf-v6-c-menu-toggle__icon">
8792
+ <svg
8793
+ class="pf-v6-svg"
8794
+ viewBox="0 0 32 32"
8795
+ fill="currentColor"
8796
+ aria-hidden="true"
8797
+ role="img"
8798
+ width="1em"
8799
+ height="1em"
8800
+ >
8801
+ <path
8802
+ d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
8803
+ />
8804
+ </svg>
8805
+ </span>
8806
+ <span class="pf-v6-c-menu-toggle__text">Applications</span>
8807
+ </button>
8808
+ </div>
8809
+ <div class="pf-v6-c-toolbar__item">
8810
+ <button
8811
+ class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
8812
+ type="button"
8813
+ aria-label="Settings"
8814
+ >
8815
+ <span class="pf-v6-c-button__icon pf-m-start">
8816
+ <svg
8817
+ class="pf-v6-svg"
8818
+ viewBox="0 0 32 32"
8819
+ fill="currentColor"
8820
+ aria-hidden="true"
8821
+ role="img"
8822
+ width="1em"
8823
+ height="1em"
8824
+ >
8825
+ <path
8826
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
8827
+ />
8828
+ </svg>
8829
+ </span>
8830
+ <span class="pf-v6-c-button__text">Settings</span>
8831
+ </button>
8832
+ </div>
8833
+ <div class="pf-v6-c-toolbar__item">
8834
+ <button
8835
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8836
+ type="button"
8837
+ aria-expanded="false"
8838
+ aria-label="Help"
8839
+ >
8840
+ <span class="pf-v6-c-menu-toggle__icon">
8841
+ <svg
8842
+ class="pf-v6-svg"
8843
+ viewBox="0 0 32 32"
8844
+ fill="currentColor"
8845
+ aria-hidden="true"
8846
+ role="img"
8847
+ width="1em"
8848
+ height="1em"
8849
+ >
8850
+ <path
8851
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
8852
+ />
8853
+ </svg>
8854
+ </span>
8855
+ <span class="pf-v6-c-menu-toggle__text">Help</span>
8856
+ </button>
8857
+ </div>
8858
+ </div>
8859
+ </div>
8860
+ </div>
8861
+ </div>
8862
+ </div>
8863
+ </header>
8864
+ </div>
8865
+ </div>
8866
+ <div class="pf-v6-c-compass__main">
8867
+ <div class="pf-v6-c-compass__main-header">
8868
+ <div class="pf-v6-c-panel pf-m-glass">
8869
+ <div class="pf-v6-c-panel__main">
8870
+ <div class="pf-v6-c-panel__main-body">
8871
+ <div class="pf-v6-c-compass__main-header-content">
8872
+ <div class="pf-v6-c-compass__main-header-title">
8873
+ <h2 class="pf-v6-c-title pf-m-h1">Header</h2>
8874
+ </div>
8875
+ <div class="pf-v6-c-compass__main-header-toolbar">
8876
+ <div class="pf-v6-c-action-list">
8877
+ <div class="pf-v6-c-action-list__group">
8878
+ <div class="pf-v6-c-action-list__item">
8879
+ <button class="pf-v6-c-button pf-m-primary" type="button">
8880
+ <span class="pf-v6-c-button__text">action</span>
8881
+ </button>
8882
+ </div>
8883
+ <div class="pf-v6-c-action-list__item">
8884
+ <button
8885
+ class="pf-v6-c-button pf-m-secondary"
8886
+ type="button"
8887
+ >
8888
+ <span class="pf-v6-c-button__text">action</span>
8889
+ </button>
8890
+ </div>
8891
+ </div>
8892
+ </div>
8893
+ </div>
8894
+ </div>
8895
+ </div>
8896
+ </div>
8897
+ </div>
8898
+ </div>
8899
+ <div class="pf-v6-c-compass__content">
8900
+ <div class="pf-v6-c-panel pf-m-glass">
8901
+ <div class="pf-v6-c-panel__main">
8902
+ <div class="pf-v6-c-panel__main-body">[so much room for activities]</div>
8903
+ </div>
8904
+ </div>
8905
+ </div>
8906
+ </div>
8907
+ </div>
8908
+
8909
+ ```
8910
+
8911
+ ### Docked nav text expanded
8912
+
8913
+ ```html isFullscreen isBeta
8914
+ <div class="pf-v6-c-compass pf-m-animate-smoothly pf-m-docked">
8915
+ <header class="pf-v6-c-masthead pf-m-display-inline">
8916
+ <div class="pf-v6-c-masthead__main">
8917
+ <span class="pf-v6-c-masthead__toggle">
8918
+ <button
8919
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8920
+ type="button"
8921
+ aria-label="Global navigation"
8922
+ >
8923
+ <span class="pf-v6-c-button__icon">
8924
+ <svg
8925
+ viewBox="0 0 10 10"
8926
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8927
+ width="1em"
8928
+ height="1em"
8929
+ >
8930
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
8931
+ <path
8932
+ class="pf-v6-c-button--hamburger-icon--middle"
8933
+ d="M1,5 L9,5"
8934
+ />
8935
+ <path
8936
+ class="pf-v6-c-button--hamburger-icon--arrow"
8937
+ d="M1,5 L1,5 L1,5"
8938
+ />
8939
+ <path
8940
+ class="pf-v6-c-button--hamburger-icon--bottom"
8941
+ d="M9,9 L1,9"
8942
+ />
8943
+ </svg>
8944
+ </span>
8945
+ </button>
8946
+ </span>
8947
+ <div class="pf-v6-c-masthead__brand">
8948
+ <a class="pf-v6-c-masthead__logo" href="#">
8949
+ <svg height="37px" viewBox="0 0 679 158">
8950
+ <title>PF-HorizontalLogo-Color</title>
8951
+ <defs>
8952
+ <linearGradient
8953
+ x1="68%"
8954
+ y1="2.25860997e-13%"
8955
+ x2="32%"
8956
+ y2="100%"
8957
+ id="linearGradient-"
8958
+ >
8959
+ <stop stop-color="#2B9AF3" offset="0%" />
8960
+ <stop
8961
+ stop-color="#73BCF7"
8962
+ stop-opacity="0.502212631"
8963
+ offset="100%"
8964
+ />
8965
+ </linearGradient>
8966
+ </defs>
8967
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8968
+ <g
8969
+ transform="translate(206.000000, 45.750000)"
8970
+ fill="var(--pf-t--global--text--color--regular)"
8971
+ fill-rule="nonzero"
8972
+ >
8973
+ <path
8974
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
8975
+ />
8976
+ <path
8977
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
8978
+ />
8979
+ <path
8980
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
8981
+ />
8982
+ <path
8983
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
8984
+ />
8985
+ <path
8986
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
8987
+ />
8988
+ <path
8989
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
8990
+ />
8991
+ <path
8992
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
8993
+ />
8994
+ <polygon
8995
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
8996
+ />
8997
+ <polygon
8998
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
8999
+ />
9000
+ <path
9001
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
9002
+ />
9003
+ </g>
9004
+ <g transform="translate(0.000000, 0.000000)">
9005
+ <path
9006
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
9007
+ fill="#0066CC"
9008
+ />
9009
+ <path
9010
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9011
+ fill="url(#linearGradient-)"
9012
+ />
9013
+ <path
9014
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
9015
+ fill="url(#linearGradient-)"
9016
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9017
+ />
9018
+ </g>
9019
+ </g>
9020
+ </svg>
9021
+ </a>
9022
+ </div>
9023
+ </div>
9024
+ <div class="pf-v6-c-masthead__content">
9025
+ <div class="pf-v6-c-toolbar pf-m-static">
9026
+ <div class="pf-v6-c-toolbar__content">
9027
+ <div class="pf-v6-c-toolbar__content-section">
9028
+ <div class="pf-v6-c-toolbar__item pf-m-align-end">
9029
+ <button
9030
+ class="pf-v6-c-button pf-m-plain"
9031
+ type="button"
9032
+ aria-label="Search"
9033
+ >
9034
+ <span class="pf-v6-c-button__icon">
9035
+ <svg
9036
+ class="pf-v6-svg"
9037
+ viewBox="0 0 512 512"
9038
+ fill="currentColor"
9039
+ aria-hidden="true"
9040
+ role="img"
9041
+ width="1em"
9042
+ height="1em"
9043
+ >
9044
+ <path
9045
+ d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
9046
+ />
9047
+ </svg>
9048
+ </span>
9049
+ </button>
9050
+ </div>
9051
+ </div>
9052
+ </div>
9053
+ </div>
9054
+ </div>
9055
+ </header>
9056
+ <div class="pf-v6-c-compass__dock pf-m-text-expanded">
9057
+ <div class="pf-v6-c-compass__dock-main">
9058
+ <div class="pf-v6-c-skip-to-content">
9059
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-">
9060
+ <span class="pf-v6-c-button__text">Skip to content</span>
9061
+ </a>
9062
+ </div>
9063
+
9064
+ <header
9065
+ class="pf-v6-c-masthead pf-m-docked"
9066
+ id="compass-docked-text-expanded-example-masthead"
9067
+ >
9068
+ <div class="pf-v6-c-masthead__main">
9069
+ <span class="pf-v6-c-masthead__toggle">
9070
+ <button
9071
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
9072
+ type="button"
9073
+ aria-label="Global navigation"
9074
+ >
9075
+ <span class="pf-v6-c-button__icon">
9076
+ <svg
9077
+ viewBox="0 0 10 10"
9078
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
9079
+ width="1em"
9080
+ height="1em"
9081
+ >
9082
+ <path
9083
+ class="pf-v6-c-button--hamburger-icon--top"
9084
+ d="M1,1 L9,1"
9085
+ />
9086
+ <path
9087
+ class="pf-v6-c-button--hamburger-icon--middle"
9088
+ d="M1,5 L9,5"
9089
+ />
9090
+ <path
9091
+ class="pf-v6-c-button--hamburger-icon--arrow"
9092
+ d="M1,5 L1,5 L1,5"
9093
+ />
9094
+ <path
9095
+ class="pf-v6-c-button--hamburger-icon--bottom"
9096
+ d="M9,9 L1,9"
9097
+ />
9098
+ </svg>
9099
+ </span>
9100
+ </button>
9101
+ </span>
9102
+ <div class="pf-v6-c-masthead__brand">
9103
+ <a class="pf-v6-c-masthead__logo" href="#">
9104
+ <svg height="37px" viewBox="0 0 679 158">
9105
+ <title>PF-HorizontalLogo-Color</title>
9106
+ <defs>
9107
+ <linearGradient
9108
+ x1="68%"
9109
+ y1="2.25860997e-13%"
9110
+ x2="32%"
9111
+ y2="100%"
9112
+ id="linearGradient-compass-docked-text-expanded-example-masthead"
9113
+ >
9114
+ <stop stop-color="#2B9AF3" offset="0%" />
9115
+ <stop
9116
+ stop-color="#73BCF7"
9117
+ stop-opacity="0.502212631"
9118
+ offset="100%"
9119
+ />
9120
+ </linearGradient>
9121
+ </defs>
9122
+ <g
9123
+ stroke="none"
9124
+ stroke-width="1"
9125
+ fill="none"
9126
+ fill-rule="evenodd"
9127
+ >
9128
+ <g
9129
+ transform="translate(206.000000, 45.750000)"
9130
+ fill="var(--pf-t--global--text--color--regular)"
9131
+ fill-rule="nonzero"
9132
+ >
9133
+ <path
9134
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
9135
+ />
9136
+ <path
9137
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
9138
+ />
9139
+ <path
9140
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
9141
+ />
9142
+ <path
9143
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
9144
+ />
9145
+ <path
9146
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
9147
+ />
9148
+ <path
9149
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
9150
+ />
9151
+ <path
9152
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
9153
+ />
9154
+ <polygon
9155
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
9156
+ />
9157
+ <polygon
9158
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
9159
+ />
9160
+ <path
9161
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
9162
+ />
9163
+ </g>
9164
+ <g transform="translate(0.000000, 0.000000)">
9165
+ <path
9166
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
9167
+ fill="#0066CC"
9168
+ />
9169
+ <path
9170
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9171
+ fill="url(#linearGradient-compass-docked-text-expanded-example-masthead)"
9172
+ />
9173
+ <path
9174
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
9175
+ fill="url(#linearGradient-compass-docked-text-expanded-example-masthead)"
9176
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9177
+ />
9178
+ </g>
9179
+ </g>
9180
+ </svg>
9181
+ </a>
9182
+ <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
9183
+ <svg width="37px" height="37px" viewBox="0 0 158 158">
9184
+ <title>PF-HorizontalLogo-Color</title>
9185
+ <defs>
9186
+ <linearGradient
9187
+ x1="68%"
9188
+ y1="2.25860997e-13%"
9189
+ x2="32%"
9190
+ y2="100%"
9191
+ id="linearGradient-1"
9192
+ >
9193
+ <stop stop-color="#2B9AF3" offset="0%" />
9194
+ <stop
9195
+ stop-color="#73BCF7"
9196
+ stop-opacity="0.502212631"
9197
+ offset="100%"
9198
+ />
9199
+ </linearGradient>
9200
+ </defs>
9201
+ <g
9202
+ id="PF-IconLogo-color"
9203
+ stroke="none"
9204
+ stroke-width="1"
9205
+ fill="none"
9206
+ fill-rule="evenodd"
9207
+ >
9208
+ <g id="Logo">
9209
+ <path
9210
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
9211
+ id="Rectangle-Copy-17"
9212
+ fill="#0066CC"
9213
+ />
9214
+ <path
9215
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9216
+ id="Path-2"
9217
+ fill="url(#linearGradient-1)"
9218
+ />
9219
+ <path
9220
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
9221
+ id="Path-2"
9222
+ fill="url(#linearGradient-1)"
9223
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9224
+ />
9225
+ </g>
9226
+ </g>
9227
+ </svg>
9228
+ </a>
9229
+ </div>
9230
+ </div>
9231
+ <hr class="pf-v6-c-divider" />
9232
+ <div class="pf-v6-c-masthead__content">
9233
+ <div
9234
+ class="pf-v6-c-toolbar pf-m-vertical pf-m-static"
9235
+ id="compass-docked-text-expanded-example-masthead-toolbar"
9236
+ >
9237
+ <div class="pf-v6-c-toolbar__content">
9238
+ <div class="pf-v6-c-toolbar__content-section">
9239
+ <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
9240
+ <ul class="pf-v6-c-nav__list" role="list">
9241
+ <li class="pf-v6-c-nav__item">
9242
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
9243
+ <span class="pf-v6-c-nav__link-icon">
9244
+ <svg
9245
+ class="pf-v6-svg"
9246
+ viewBox="0 0 32 32"
9247
+ fill="currentColor"
9248
+ aria-hidden="true"
9249
+ role="img"
9250
+ width="1em"
9251
+ height="1em"
9252
+ >
9253
+ <path
9254
+ d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
9255
+ />
9256
+ </svg>
9257
+ </span>
9258
+ <span class="pf-v6-c-nav__link-text">System panel</span>
9259
+ </a>
9260
+ </li>
9261
+ <li class="pf-v6-c-nav__item">
9262
+ <a
9263
+ href="#"
9264
+ class="pf-v6-c-nav__link pf-m-current"
9265
+ aria-current="page"
9266
+ aria-label="Folder"
8056
9267
  >
8057
- <path
8058
- d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
8059
- />
8060
- </svg>
8061
- </span>
8062
- <span class="pf-v6-c-menu-toggle__text">Applications</span>
8063
- </button>
9268
+ <span class="pf-v6-c-nav__link-icon">
9269
+ <svg
9270
+ class="pf-v6-svg"
9271
+ viewBox="0 0 32 32"
9272
+ fill="currentColor"
9273
+ aria-hidden="true"
9274
+ role="img"
9275
+ width="1em"
9276
+ height="1em"
9277
+ >
9278
+ <path
9279
+ d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
9280
+ />
9281
+ </svg>
9282
+ </span>
9283
+ <span class="pf-v6-c-nav__link-text">Policy</span>
9284
+ </a>
9285
+ </li>
9286
+ <li class="pf-v6-c-nav__item">
9287
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
9288
+ <span class="pf-v6-c-nav__link-icon">
9289
+ <svg
9290
+ class="pf-v6-svg"
9291
+ viewBox="0 0 32 32"
9292
+ fill="currentColor"
9293
+ aria-hidden="true"
9294
+ role="img"
9295
+ width="1em"
9296
+ height="1em"
9297
+ >
9298
+ <path
9299
+ d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
9300
+ />
9301
+ </svg>
9302
+ </span>
9303
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
9304
+ </a>
9305
+ </li>
9306
+ <li class="pf-v6-c-nav__item">
9307
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
9308
+ <span class="pf-v6-c-nav__link-icon">
9309
+ <svg
9310
+ class="pf-v6-svg"
9311
+ viewBox="0 0 32 32"
9312
+ fill="currentColor"
9313
+ aria-hidden="true"
9314
+ role="img"
9315
+ width="1em"
9316
+ height="1em"
9317
+ >
9318
+ <path
9319
+ d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
9320
+ />
9321
+ </svg>
9322
+ </span>
9323
+ <span class="pf-v6-c-nav__link-text">Network services</span>
9324
+ </a>
9325
+ </li>
9326
+ </ul>
9327
+ </nav>
9328
+
9329
+ <div
9330
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
9331
+ >
9332
+ <div class="pf-v6-c-toolbar__item">
9333
+ <button
9334
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
9335
+ type="button"
9336
+ aria-expanded="false"
9337
+ aria-label="Applications"
9338
+ >
9339
+ <span class="pf-v6-c-menu-toggle__icon">
9340
+ <svg
9341
+ class="pf-v6-svg"
9342
+ viewBox="0 0 32 32"
9343
+ fill="currentColor"
9344
+ aria-hidden="true"
9345
+ role="img"
9346
+ width="1em"
9347
+ height="1em"
9348
+ >
9349
+ <path
9350
+ d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
9351
+ />
9352
+ </svg>
9353
+ </span>
9354
+ <span class="pf-v6-c-menu-toggle__text">Applications</span>
9355
+ </button>
9356
+ </div>
9357
+ <div class="pf-v6-c-toolbar__item">
9358
+ <button
9359
+ class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
9360
+ type="button"
9361
+ aria-label="Settings"
9362
+ >
9363
+ <span class="pf-v6-c-button__icon pf-m-start">
9364
+ <svg
9365
+ class="pf-v6-svg"
9366
+ viewBox="0 0 32 32"
9367
+ fill="currentColor"
9368
+ aria-hidden="true"
9369
+ role="img"
9370
+ width="1em"
9371
+ height="1em"
9372
+ >
9373
+ <path
9374
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
9375
+ />
9376
+ </svg>
9377
+ </span>
9378
+ <span class="pf-v6-c-button__text">Settings</span>
9379
+ </button>
9380
+ </div>
9381
+ <div class="pf-v6-c-toolbar__item">
9382
+ <button
9383
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
9384
+ type="button"
9385
+ aria-expanded="false"
9386
+ aria-label="Help"
9387
+ >
9388
+ <span class="pf-v6-c-menu-toggle__icon">
9389
+ <svg
9390
+ class="pf-v6-svg"
9391
+ viewBox="0 0 32 32"
9392
+ fill="currentColor"
9393
+ aria-hidden="true"
9394
+ role="img"
9395
+ width="1em"
9396
+ height="1em"
9397
+ >
9398
+ <path
9399
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
9400
+ />
9401
+ </svg>
9402
+ </span>
9403
+ <span class="pf-v6-c-menu-toggle__text">Help</span>
9404
+ </button>
9405
+ </div>
8064
9406
  </div>
8065
- <div class="pf-v6-c-toolbar__item">
8066
- <button
8067
- class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
8068
- type="button"
8069
- aria-label="Settings"
9407
+ </div>
9408
+ </div>
9409
+ </div>
9410
+ </div>
9411
+ </header>
9412
+ </div>
9413
+ </div>
9414
+ <div class="pf-v6-c-compass__main">
9415
+ <div class="pf-v6-c-compass__main-header">
9416
+ <div class="pf-v6-c-panel pf-m-glass">
9417
+ <div class="pf-v6-c-panel__main">
9418
+ <div class="pf-v6-c-panel__main-body">
9419
+ <div class="pf-v6-c-compass__main-header-content">
9420
+ <div class="pf-v6-c-compass__main-header-title">
9421
+ <h2 class="pf-v6-c-title pf-m-h1">Header</h2>
9422
+ </div>
9423
+ <div class="pf-v6-c-compass__main-header-toolbar">
9424
+ <div class="pf-v6-c-action-list">
9425
+ <div class="pf-v6-c-action-list__group">
9426
+ <div class="pf-v6-c-action-list__item">
9427
+ <button class="pf-v6-c-button pf-m-primary" type="button">
9428
+ <span class="pf-v6-c-button__text">action</span>
9429
+ </button>
9430
+ </div>
9431
+ <div class="pf-v6-c-action-list__item">
9432
+ <button
9433
+ class="pf-v6-c-button pf-m-secondary"
9434
+ type="button"
9435
+ >
9436
+ <span class="pf-v6-c-button__text">action</span>
9437
+ </button>
9438
+ </div>
9439
+ </div>
9440
+ </div>
9441
+ </div>
9442
+ </div>
9443
+ </div>
9444
+ </div>
9445
+ </div>
9446
+ </div>
9447
+ <div class="pf-v6-c-compass__content">
9448
+ <div class="pf-v6-c-panel pf-m-glass">
9449
+ <div class="pf-v6-c-panel__main">
9450
+ <div class="pf-v6-c-panel__main-body">[so much room for activities]</div>
9451
+ </div>
9452
+ </div>
9453
+ </div>
9454
+ </div>
9455
+ </div>
9456
+
9457
+ ```
9458
+
9459
+ ### Docked nav text expanded - expanded on mobile
9460
+
9461
+ ```html isFullscreen isBeta
9462
+ <div class="pf-v6-c-compass pf-m-animate-smoothly pf-m-docked">
9463
+ <header class="pf-v6-c-masthead pf-m-display-inline">
9464
+ <div class="pf-v6-c-masthead__main">
9465
+ <span class="pf-v6-c-masthead__toggle">
9466
+ <button
9467
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
9468
+ type="button"
9469
+ aria-label="Global navigation"
9470
+ >
9471
+ <span class="pf-v6-c-button__icon">
9472
+ <svg
9473
+ viewBox="0 0 10 10"
9474
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
9475
+ width="1em"
9476
+ height="1em"
9477
+ >
9478
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
9479
+ <path
9480
+ class="pf-v6-c-button--hamburger-icon--middle"
9481
+ d="M1,5 L9,5"
9482
+ />
9483
+ <path
9484
+ class="pf-v6-c-button--hamburger-icon--arrow"
9485
+ d="M1,5 L1,5 L1,5"
9486
+ />
9487
+ <path
9488
+ class="pf-v6-c-button--hamburger-icon--bottom"
9489
+ d="M9,9 L1,9"
9490
+ />
9491
+ </svg>
9492
+ </span>
9493
+ </button>
9494
+ </span>
9495
+ <div class="pf-v6-c-masthead__brand">
9496
+ <a class="pf-v6-c-masthead__logo" href="#">
9497
+ <svg height="37px" viewBox="0 0 679 158">
9498
+ <title>PF-HorizontalLogo-Color</title>
9499
+ <defs>
9500
+ <linearGradient
9501
+ x1="68%"
9502
+ y1="2.25860997e-13%"
9503
+ x2="32%"
9504
+ y2="100%"
9505
+ id="linearGradient-"
9506
+ >
9507
+ <stop stop-color="#2B9AF3" offset="0%" />
9508
+ <stop
9509
+ stop-color="#73BCF7"
9510
+ stop-opacity="0.502212631"
9511
+ offset="100%"
9512
+ />
9513
+ </linearGradient>
9514
+ </defs>
9515
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
9516
+ <g
9517
+ transform="translate(206.000000, 45.750000)"
9518
+ fill="var(--pf-t--global--text--color--regular)"
9519
+ fill-rule="nonzero"
9520
+ >
9521
+ <path
9522
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
9523
+ />
9524
+ <path
9525
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
9526
+ />
9527
+ <path
9528
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
9529
+ />
9530
+ <path
9531
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
9532
+ />
9533
+ <path
9534
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
9535
+ />
9536
+ <path
9537
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
9538
+ />
9539
+ <path
9540
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
9541
+ />
9542
+ <polygon
9543
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
9544
+ />
9545
+ <polygon
9546
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
9547
+ />
9548
+ <path
9549
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
9550
+ />
9551
+ </g>
9552
+ <g transform="translate(0.000000, 0.000000)">
9553
+ <path
9554
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
9555
+ fill="#0066CC"
9556
+ />
9557
+ <path
9558
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9559
+ fill="url(#linearGradient-)"
9560
+ />
9561
+ <path
9562
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
9563
+ fill="url(#linearGradient-)"
9564
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9565
+ />
9566
+ </g>
9567
+ </g>
9568
+ </svg>
9569
+ </a>
9570
+ </div>
9571
+ </div>
9572
+ <div class="pf-v6-c-masthead__content">
9573
+ <div class="pf-v6-c-toolbar pf-m-static">
9574
+ <div class="pf-v6-c-toolbar__content">
9575
+ <div class="pf-v6-c-toolbar__content-section">
9576
+ <div class="pf-v6-c-toolbar__item pf-m-align-end">
9577
+ <button
9578
+ class="pf-v6-c-button pf-m-plain"
9579
+ type="button"
9580
+ aria-label="Search"
9581
+ >
9582
+ <span class="pf-v6-c-button__icon">
9583
+ <svg
9584
+ class="pf-v6-svg"
9585
+ viewBox="0 0 512 512"
9586
+ fill="currentColor"
9587
+ aria-hidden="true"
9588
+ role="img"
9589
+ width="1em"
9590
+ height="1em"
8070
9591
  >
8071
- <span class="pf-v6-c-button__icon pf-m-start">
8072
- <svg
8073
- class="pf-v6-svg"
8074
- viewBox="0 0 32 32"
8075
- fill="currentColor"
8076
- aria-hidden="true"
8077
- role="img"
8078
- width="1em"
8079
- height="1em"
8080
- >
8081
- <path
8082
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
8083
- />
8084
- </svg>
8085
- </span>
8086
- <span class="pf-v6-c-button__text">Settings</span>
8087
- </button>
8088
- </div>
8089
- <div class="pf-v6-c-toolbar__item">
8090
- <button
8091
- class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8092
- type="button"
8093
- aria-expanded="false"
8094
- aria-label="Help"
9592
+ <path
9593
+ d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
9594
+ />
9595
+ </svg>
9596
+ </span>
9597
+ </button>
9598
+ </div>
9599
+ </div>
9600
+ </div>
9601
+ </div>
9602
+ </div>
9603
+ </header>
9604
+ <div class="pf-v6-c-compass__dock pf-m-text-expanded pf-m-expanded">
9605
+ <div class="pf-v6-c-compass__dock-main">
9606
+ <div class="pf-v6-c-skip-to-content">
9607
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-">
9608
+ <span class="pf-v6-c-button__text">Skip to content</span>
9609
+ </a>
9610
+ </div>
9611
+
9612
+ <header
9613
+ class="pf-v6-c-masthead pf-m-docked"
9614
+ id="compass-docked-text-expanded-mobile-expanded-example-masthead"
9615
+ >
9616
+ <div class="pf-v6-c-masthead__main">
9617
+ <span class="pf-v6-c-masthead__toggle">
9618
+ <button
9619
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
9620
+ type="button"
9621
+ aria-label="Global navigation"
9622
+ >
9623
+ <span class="pf-v6-c-button__icon">
9624
+ <svg
9625
+ viewBox="0 0 10 10"
9626
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
9627
+ width="1em"
9628
+ height="1em"
9629
+ >
9630
+ <path
9631
+ class="pf-v6-c-button--hamburger-icon--top"
9632
+ d="M1,1 L9,1"
9633
+ />
9634
+ <path
9635
+ class="pf-v6-c-button--hamburger-icon--middle"
9636
+ d="M1,5 L9,5"
9637
+ />
9638
+ <path
9639
+ class="pf-v6-c-button--hamburger-icon--arrow"
9640
+ d="M1,5 L1,5 L1,5"
9641
+ />
9642
+ <path
9643
+ class="pf-v6-c-button--hamburger-icon--bottom"
9644
+ d="M9,9 L1,9"
9645
+ />
9646
+ </svg>
9647
+ </span>
9648
+ </button>
9649
+ </span>
9650
+ <div class="pf-v6-c-masthead__brand">
9651
+ <a class="pf-v6-c-masthead__logo" href="#">
9652
+ <svg height="37px" viewBox="0 0 679 158">
9653
+ <title>PF-HorizontalLogo-Color</title>
9654
+ <defs>
9655
+ <linearGradient
9656
+ x1="68%"
9657
+ y1="2.25860997e-13%"
9658
+ x2="32%"
9659
+ y2="100%"
9660
+ id="linearGradient-compass-docked-text-expanded-mobile-expanded-example-masthead"
9661
+ >
9662
+ <stop stop-color="#2B9AF3" offset="0%" />
9663
+ <stop
9664
+ stop-color="#73BCF7"
9665
+ stop-opacity="0.502212631"
9666
+ offset="100%"
9667
+ />
9668
+ </linearGradient>
9669
+ </defs>
9670
+ <g
9671
+ stroke="none"
9672
+ stroke-width="1"
9673
+ fill="none"
9674
+ fill-rule="evenodd"
9675
+ >
9676
+ <g
9677
+ transform="translate(206.000000, 45.750000)"
9678
+ fill="var(--pf-t--global--text--color--regular)"
9679
+ fill-rule="nonzero"
9680
+ >
9681
+ <path
9682
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
9683
+ />
9684
+ <path
9685
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
9686
+ />
9687
+ <path
9688
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
9689
+ />
9690
+ <path
9691
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
9692
+ />
9693
+ <path
9694
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
9695
+ />
9696
+ <path
9697
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
9698
+ />
9699
+ <path
9700
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
9701
+ />
9702
+ <polygon
9703
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
9704
+ />
9705
+ <polygon
9706
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
9707
+ />
9708
+ <path
9709
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
9710
+ />
9711
+ </g>
9712
+ <g transform="translate(0.000000, 0.000000)">
9713
+ <path
9714
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
9715
+ fill="#0066CC"
9716
+ />
9717
+ <path
9718
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9719
+ fill="url(#linearGradient-compass-docked-text-expanded-mobile-expanded-example-masthead)"
9720
+ />
9721
+ <path
9722
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
9723
+ fill="url(#linearGradient-compass-docked-text-expanded-mobile-expanded-example-masthead)"
9724
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9725
+ />
9726
+ </g>
9727
+ </g>
9728
+ </svg>
9729
+ </a>
9730
+ <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
9731
+ <svg width="37px" height="37px" viewBox="0 0 158 158">
9732
+ <title>PF-HorizontalLogo-Color</title>
9733
+ <defs>
9734
+ <linearGradient
9735
+ x1="68%"
9736
+ y1="2.25860997e-13%"
9737
+ x2="32%"
9738
+ y2="100%"
9739
+ id="linearGradient-1"
8095
9740
  >
8096
- <span class="pf-v6-c-menu-toggle__icon">
8097
- <svg
8098
- class="pf-v6-svg"
8099
- viewBox="0 0 512 512"
8100
- fill="currentColor"
8101
- aria-hidden="true"
8102
- role="img"
8103
- width="1em"
8104
- height="1em"
9741
+ <stop stop-color="#2B9AF3" offset="0%" />
9742
+ <stop
9743
+ stop-color="#73BCF7"
9744
+ stop-opacity="0.502212631"
9745
+ offset="100%"
9746
+ />
9747
+ </linearGradient>
9748
+ </defs>
9749
+ <g
9750
+ id="PF-IconLogo-color"
9751
+ stroke="none"
9752
+ stroke-width="1"
9753
+ fill="none"
9754
+ fill-rule="evenodd"
9755
+ >
9756
+ <g id="Logo">
9757
+ <path
9758
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
9759
+ id="Rectangle-Copy-17"
9760
+ fill="#0066CC"
9761
+ />
9762
+ <path
9763
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9764
+ id="Path-2"
9765
+ fill="url(#linearGradient-1)"
9766
+ />
9767
+ <path
9768
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
9769
+ id="Path-2"
9770
+ fill="url(#linearGradient-1)"
9771
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9772
+ />
9773
+ </g>
9774
+ </g>
9775
+ </svg>
9776
+ </a>
9777
+ </div>
9778
+ </div>
9779
+ <hr class="pf-v6-c-divider" />
9780
+ <div class="pf-v6-c-masthead__content">
9781
+ <div
9782
+ class="pf-v6-c-toolbar pf-m-vertical pf-m-static"
9783
+ id="compass-docked-text-expanded-mobile-expanded-example-masthead-toolbar"
9784
+ >
9785
+ <div class="pf-v6-c-toolbar__content">
9786
+ <div class="pf-v6-c-toolbar__content-section">
9787
+ <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
9788
+ <ul class="pf-v6-c-nav__list" role="list">
9789
+ <li class="pf-v6-c-nav__item">
9790
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
9791
+ <span class="pf-v6-c-nav__link-icon">
9792
+ <svg
9793
+ class="pf-v6-svg"
9794
+ viewBox="0 0 32 32"
9795
+ fill="currentColor"
9796
+ aria-hidden="true"
9797
+ role="img"
9798
+ width="1em"
9799
+ height="1em"
9800
+ >
9801
+ <path
9802
+ d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
9803
+ />
9804
+ </svg>
9805
+ </span>
9806
+ <span class="pf-v6-c-nav__link-text">System panel</span>
9807
+ </a>
9808
+ </li>
9809
+ <li class="pf-v6-c-nav__item">
9810
+ <a
9811
+ href="#"
9812
+ class="pf-v6-c-nav__link pf-m-current"
9813
+ aria-current="page"
9814
+ aria-label="Folder"
8105
9815
  >
8106
- <path
8107
- d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
8108
- />
8109
- </svg>
8110
- </span>
8111
- <span class="pf-v6-c-menu-toggle__text">Help</span>
8112
- </button>
9816
+ <span class="pf-v6-c-nav__link-icon">
9817
+ <svg
9818
+ class="pf-v6-svg"
9819
+ viewBox="0 0 32 32"
9820
+ fill="currentColor"
9821
+ aria-hidden="true"
9822
+ role="img"
9823
+ width="1em"
9824
+ height="1em"
9825
+ >
9826
+ <path
9827
+ d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
9828
+ />
9829
+ </svg>
9830
+ </span>
9831
+ <span class="pf-v6-c-nav__link-text">Policy</span>
9832
+ </a>
9833
+ </li>
9834
+ <li class="pf-v6-c-nav__item">
9835
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
9836
+ <span class="pf-v6-c-nav__link-icon">
9837
+ <svg
9838
+ class="pf-v6-svg"
9839
+ viewBox="0 0 32 32"
9840
+ fill="currentColor"
9841
+ aria-hidden="true"
9842
+ role="img"
9843
+ width="1em"
9844
+ height="1em"
9845
+ >
9846
+ <path
9847
+ d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
9848
+ />
9849
+ </svg>
9850
+ </span>
9851
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
9852
+ </a>
9853
+ </li>
9854
+ <li class="pf-v6-c-nav__item">
9855
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
9856
+ <span class="pf-v6-c-nav__link-icon">
9857
+ <svg
9858
+ class="pf-v6-svg"
9859
+ viewBox="0 0 32 32"
9860
+ fill="currentColor"
9861
+ aria-hidden="true"
9862
+ role="img"
9863
+ width="1em"
9864
+ height="1em"
9865
+ >
9866
+ <path
9867
+ d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
9868
+ />
9869
+ </svg>
9870
+ </span>
9871
+ <span class="pf-v6-c-nav__link-text">Network services</span>
9872
+ </a>
9873
+ </li>
9874
+ </ul>
9875
+ </nav>
9876
+
9877
+ <div
9878
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
9879
+ >
9880
+ <div class="pf-v6-c-toolbar__item">
9881
+ <button
9882
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
9883
+ type="button"
9884
+ aria-expanded="false"
9885
+ aria-label="Applications"
9886
+ >
9887
+ <span class="pf-v6-c-menu-toggle__icon">
9888
+ <svg
9889
+ class="pf-v6-svg"
9890
+ viewBox="0 0 32 32"
9891
+ fill="currentColor"
9892
+ aria-hidden="true"
9893
+ role="img"
9894
+ width="1em"
9895
+ height="1em"
9896
+ >
9897
+ <path
9898
+ d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
9899
+ />
9900
+ </svg>
9901
+ </span>
9902
+ <span class="pf-v6-c-menu-toggle__text">Applications</span>
9903
+ </button>
9904
+ </div>
9905
+ <div class="pf-v6-c-toolbar__item">
9906
+ <button
9907
+ class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
9908
+ type="button"
9909
+ aria-label="Settings"
9910
+ >
9911
+ <span class="pf-v6-c-button__icon pf-m-start">
9912
+ <svg
9913
+ class="pf-v6-svg"
9914
+ viewBox="0 0 32 32"
9915
+ fill="currentColor"
9916
+ aria-hidden="true"
9917
+ role="img"
9918
+ width="1em"
9919
+ height="1em"
9920
+ >
9921
+ <path
9922
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
9923
+ />
9924
+ </svg>
9925
+ </span>
9926
+ <span class="pf-v6-c-button__text">Settings</span>
9927
+ </button>
9928
+ </div>
9929
+ <div class="pf-v6-c-toolbar__item">
9930
+ <button
9931
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
9932
+ type="button"
9933
+ aria-expanded="false"
9934
+ aria-label="Help"
9935
+ >
9936
+ <span class="pf-v6-c-menu-toggle__icon">
9937
+ <svg
9938
+ class="pf-v6-svg"
9939
+ viewBox="0 0 32 32"
9940
+ fill="currentColor"
9941
+ aria-hidden="true"
9942
+ role="img"
9943
+ width="1em"
9944
+ height="1em"
9945
+ >
9946
+ <path
9947
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
9948
+ />
9949
+ </svg>
9950
+ </span>
9951
+ <span class="pf-v6-c-menu-toggle__text">Help</span>
9952
+ </button>
9953
+ </div>
8113
9954
  </div>
8114
9955
  </div>
8115
9956
  </div>
8116
9957
  </div>
8117
9958
  </div>
8118
- </div>
8119
- </header>
9959
+ </header>
9960
+ </div>
8120
9961
  </div>
8121
9962
  <div class="pf-v6-c-compass__main">
8122
9963
  <div class="pf-v6-c-compass__main-header">