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

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.
@@ -7812,311 +7812,1960 @@ 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
+ <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"
7876
+ >
7877
+ <path
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"
7879
+ />
7880
+ <path
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"
7882
+ />
7883
+ <path
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"
7885
+ />
7886
+ <path
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"
7888
+ />
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"
7937
+ >
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>
7819
7960
  <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>
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"
7985
+ >
7986
+ <path
7987
+ class="pf-v6-c-button--hamburger-icon--top"
7988
+ d="M1,1 L9,1"
7989
+ />
7990
+ <path
7991
+ class="pf-v6-c-button--hamburger-icon--middle"
7992
+ d="M1,5 L9,5"
7993
+ />
7994
+ <path
7995
+ class="pf-v6-c-button--hamburger-icon--arrow"
7996
+ d="M1,5 L1,5 L1,5"
7997
+ />
7998
+ <path
7999
+ class="pf-v6-c-button--hamburger-icon--bottom"
8000
+ d="M9,9 L1,9"
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>
8083
+ </g>
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"
8111
+ >
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>
8130
+ </g>
8131
+ </svg>
8132
+ </a>
8133
+ </div>
8134
+ </div>
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="Cube">
8147
+ <span class="pf-v6-c-nav__link-icon">
8148
+ <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
8149
+ </span>
8150
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8151
+ </a>
8152
+ </li>
8153
+ <li class="pf-v6-c-nav__item">
8154
+ <a
8155
+ href="#"
8156
+ class="pf-v6-c-nav__link pf-m-current"
8157
+ aria-current="page"
8158
+ aria-label="Folder"
8159
+ >
8160
+ <span class="pf-v6-c-nav__link-icon">
8161
+ <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
8162
+ </span>
8163
+ <span class="pf-v6-c-nav__link-text">Policy</span>
8164
+ </a>
8165
+ </li>
8166
+ <li class="pf-v6-c-nav__item">
8167
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
8168
+ <span class="pf-v6-c-nav__link-icon">
8169
+ <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
8170
+ </span>
8171
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
8172
+ </a>
8173
+ </li>
8174
+ <li class="pf-v6-c-nav__item">
8175
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
8176
+ <span class="pf-v6-c-nav__link-icon">
8177
+ <i class="fas fa-fw fa-code" aria-hidden="true"></i>
8178
+ </span>
8179
+ <span class="pf-v6-c-nav__link-text">Network services</span>
8180
+ </a>
8181
+ </li>
8182
+ </ul>
8183
+ </nav>
8184
+
8185
+ <div
8186
+ 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"
8187
+ >
8188
+ <div class="pf-v6-c-toolbar__item">
8189
+ <button
8190
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8191
+ type="button"
8192
+ aria-expanded="false"
8193
+ aria-label="Applications"
8194
+ >
8195
+ <span class="pf-v6-c-menu-toggle__icon">
8196
+ <svg
8197
+ class="pf-v6-svg"
8198
+ viewBox="0 0 512 512"
8199
+ fill="currentColor"
8200
+ aria-hidden="true"
8201
+ role="img"
8202
+ width="1em"
8203
+ height="1em"
8204
+ >
8205
+ <path
8206
+ 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"
8207
+ />
8208
+ </svg>
8209
+ </span>
8210
+ <span class="pf-v6-c-menu-toggle__text">Applications</span>
8211
+ </button>
8212
+ </div>
8213
+ <div class="pf-v6-c-toolbar__item">
8214
+ <button
8215
+ class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
8216
+ type="button"
8217
+ aria-label="Settings"
8218
+ >
8219
+ <span class="pf-v6-c-button__icon pf-m-start">
8220
+ <svg
8221
+ class="pf-v6-svg"
8222
+ viewBox="0 0 32 32"
8223
+ fill="currentColor"
8224
+ aria-hidden="true"
8225
+ role="img"
8226
+ width="1em"
8227
+ height="1em"
8228
+ >
8229
+ <path
8230
+ 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"
8231
+ />
8232
+ </svg>
8233
+ </span>
8234
+ <span class="pf-v6-c-button__text">Settings</span>
8235
+ </button>
8236
+ </div>
8237
+ <div class="pf-v6-c-toolbar__item">
8238
+ <button
8239
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8240
+ type="button"
8241
+ aria-expanded="false"
8242
+ aria-label="Help"
8243
+ >
8244
+ <span class="pf-v6-c-menu-toggle__icon">
8245
+ <svg
8246
+ class="pf-v6-svg"
8247
+ viewBox="0 0 512 512"
8248
+ fill="currentColor"
8249
+ aria-hidden="true"
8250
+ role="img"
8251
+ width="1em"
8252
+ height="1em"
8253
+ >
8254
+ <path
8255
+ 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"
8256
+ />
8257
+ </svg>
8258
+ </span>
8259
+ <span class="pf-v6-c-menu-toggle__text">Help</span>
8260
+ </button>
8261
+ </div>
8262
+ </div>
8263
+ </div>
8264
+ </div>
8265
+ </div>
8266
+ </div>
8267
+ </header>
8268
+ </div>
8269
+ </div>
8270
+ <div class="pf-v6-c-compass__main">
8271
+ <div class="pf-v6-c-compass__main-header">
8272
+ <div class="pf-v6-c-panel pf-m-glass">
8273
+ <div class="pf-v6-c-panel__main">
8274
+ <div class="pf-v6-c-panel__main-body">
8275
+ <div class="pf-v6-c-compass__main-header-content">
8276
+ <div class="pf-v6-c-compass__main-header-title">
8277
+ <h2 class="pf-v6-c-title pf-m-h1">Header</h2>
8278
+ </div>
8279
+ <div class="pf-v6-c-compass__main-header-toolbar">
8280
+ <div class="pf-v6-c-action-list">
8281
+ <div class="pf-v6-c-action-list__group">
8282
+ <div class="pf-v6-c-action-list__item">
8283
+ <button class="pf-v6-c-button pf-m-primary" type="button">
8284
+ <span class="pf-v6-c-button__text">action</span>
8285
+ </button>
8286
+ </div>
8287
+ <div class="pf-v6-c-action-list__item">
8288
+ <button
8289
+ class="pf-v6-c-button pf-m-secondary"
8290
+ type="button"
8291
+ >
8292
+ <span class="pf-v6-c-button__text">action</span>
8293
+ </button>
8294
+ </div>
8295
+ </div>
8296
+ </div>
8297
+ </div>
8298
+ </div>
8299
+ </div>
8300
+ </div>
8301
+ </div>
8302
+ </div>
8303
+ <div class="pf-v6-c-compass__content">
8304
+ <div class="pf-v6-c-panel pf-m-glass">
8305
+ <div class="pf-v6-c-panel__main">
8306
+ <div class="pf-v6-c-panel__main-body">[so much room for activities]</div>
8307
+ </div>
8308
+ </div>
8309
+ </div>
8310
+ </div>
8311
+ </div>
8312
+
8313
+ ```
8314
+
8315
+ ### Docked nav - expanded on mobile
8316
+
8317
+ ```html isFullscreen isBeta
8318
+ <div class="pf-v6-c-compass pf-m-animate-smoothly pf-m-docked">
8319
+ <header class="pf-v6-c-masthead pf-m-display-inline">
8320
+ <div class="pf-v6-c-masthead__main">
8321
+ <span class="pf-v6-c-masthead__toggle">
8322
+ <button
8323
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8324
+ type="button"
8325
+ aria-label="Global navigation"
8326
+ >
8327
+ <span class="pf-v6-c-button__icon">
8328
+ <svg
8329
+ viewBox="0 0 10 10"
8330
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8331
+ width="1em"
8332
+ height="1em"
8333
+ >
8334
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
8335
+ <path
8336
+ class="pf-v6-c-button--hamburger-icon--middle"
8337
+ d="M1,5 L9,5"
8338
+ />
8339
+ <path
8340
+ class="pf-v6-c-button--hamburger-icon--arrow"
8341
+ d="M1,5 L1,5 L1,5"
8342
+ />
8343
+ <path
8344
+ class="pf-v6-c-button--hamburger-icon--bottom"
8345
+ d="M9,9 L1,9"
8346
+ />
8347
+ </svg>
8348
+ </span>
8349
+ </button>
8350
+ </span>
8351
+ <div class="pf-v6-c-masthead__brand">
8352
+ <a class="pf-v6-c-masthead__logo" href="#">
8353
+ <svg height="37px" viewBox="0 0 679 158">
8354
+ <title>PF-HorizontalLogo-Color</title>
8355
+ <defs>
8356
+ <linearGradient
8357
+ x1="68%"
8358
+ y1="2.25860997e-13%"
8359
+ x2="32%"
8360
+ y2="100%"
8361
+ id="linearGradient-"
8362
+ >
8363
+ <stop stop-color="#2B9AF3" offset="0%" />
8364
+ <stop
8365
+ stop-color="#73BCF7"
8366
+ stop-opacity="0.502212631"
8367
+ offset="100%"
8368
+ />
8369
+ </linearGradient>
8370
+ </defs>
8371
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8372
+ <g
8373
+ transform="translate(206.000000, 45.750000)"
8374
+ fill="var(--pf-t--global--text--color--regular)"
8375
+ fill-rule="nonzero"
8376
+ >
8377
+ <path
8378
+ 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"
8379
+ />
8380
+ <path
8381
+ 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"
8382
+ />
8383
+ <path
8384
+ 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"
8385
+ />
8386
+ <path
8387
+ 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"
8388
+ />
8389
+ <path
8390
+ 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"
8391
+ />
8392
+ <path
8393
+ 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"
8394
+ />
8395
+ <path
8396
+ 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"
8397
+ />
8398
+ <polygon
8399
+ 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"
8400
+ />
8401
+ <polygon
8402
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
8403
+ />
8404
+ <path
8405
+ 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"
8406
+ />
8407
+ </g>
8408
+ <g transform="translate(0.000000, 0.000000)">
8409
+ <path
8410
+ 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"
8411
+ fill="#0066CC"
8412
+ />
8413
+ <path
8414
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8415
+ fill="url(#linearGradient-)"
8416
+ />
8417
+ <path
8418
+ 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"
8419
+ fill="url(#linearGradient-)"
8420
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8421
+ />
8422
+ </g>
8423
+ </g>
8424
+ </svg>
8425
+ </a>
8426
+ </div>
8427
+ </div>
8428
+ <div class="pf-v6-c-masthead__content">
8429
+ <div class="pf-v6-c-toolbar pf-m-static">
8430
+ <div class="pf-v6-c-toolbar__content">
8431
+ <div class="pf-v6-c-toolbar__content-section">
8432
+ <div class="pf-v6-c-toolbar__item pf-m-align-end">
8433
+ <button
8434
+ class="pf-v6-c-button pf-m-plain"
8435
+ type="button"
8436
+ aria-label="Search"
8437
+ >
8438
+ <span class="pf-v6-c-button__icon">
8439
+ <svg
8440
+ class="pf-v6-svg"
8441
+ viewBox="0 0 512 512"
8442
+ fill="currentColor"
8443
+ aria-hidden="true"
8444
+ role="img"
8445
+ width="1em"
8446
+ height="1em"
8447
+ >
8448
+ <path
8449
+ 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"
8450
+ />
8451
+ </svg>
8452
+ </span>
8453
+ </button>
8454
+ </div>
8455
+ </div>
8456
+ </div>
8457
+ </div>
8458
+ </div>
8459
+ </header>
8460
+ <div class="pf-v6-c-compass__dock pf-m-expanded">
8461
+ <div class="pf-v6-c-compass__dock-main">
8462
+ <div class="pf-v6-c-skip-to-content">
8463
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-">
8464
+ <span class="pf-v6-c-button__text">Skip to content</span>
8465
+ </a>
8466
+ </div>
8467
+
8468
+ <header
8469
+ class="pf-v6-c-masthead pf-m-docked"
8470
+ id="compass-docked-mobile-expanded-example-masthead"
8471
+ >
8472
+ <div class="pf-v6-c-masthead__main">
8473
+ <span class="pf-v6-c-masthead__toggle">
8474
+ <button
8475
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8476
+ type="button"
8477
+ aria-label="Global navigation"
8478
+ >
8479
+ <span class="pf-v6-c-button__icon">
8480
+ <svg
8481
+ viewBox="0 0 10 10"
8482
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8483
+ width="1em"
8484
+ height="1em"
8485
+ >
8486
+ <path
8487
+ class="pf-v6-c-button--hamburger-icon--top"
8488
+ d="M1,1 L9,1"
8489
+ />
8490
+ <path
8491
+ class="pf-v6-c-button--hamburger-icon--middle"
8492
+ d="M1,5 L9,5"
8493
+ />
8494
+ <path
8495
+ class="pf-v6-c-button--hamburger-icon--arrow"
8496
+ d="M1,5 L1,5 L1,5"
8497
+ />
8498
+ <path
8499
+ class="pf-v6-c-button--hamburger-icon--bottom"
8500
+ d="M9,9 L1,9"
8501
+ />
8502
+ </svg>
8503
+ </span>
8504
+ </button>
8505
+ </span>
8506
+ <div class="pf-v6-c-masthead__brand">
8507
+ <a class="pf-v6-c-masthead__logo" href="#">
8508
+ <svg height="37px" viewBox="0 0 679 158">
8509
+ <title>PF-HorizontalLogo-Color</title>
8510
+ <defs>
8511
+ <linearGradient
8512
+ x1="68%"
8513
+ y1="2.25860997e-13%"
8514
+ x2="32%"
8515
+ y2="100%"
8516
+ id="linearGradient-compass-docked-mobile-expanded-example-masthead"
8517
+ >
8518
+ <stop stop-color="#2B9AF3" offset="0%" />
8519
+ <stop
8520
+ stop-color="#73BCF7"
8521
+ stop-opacity="0.502212631"
8522
+ offset="100%"
8523
+ />
8524
+ </linearGradient>
8525
+ </defs>
8526
+ <g
8527
+ stroke="none"
8528
+ stroke-width="1"
8529
+ fill="none"
8530
+ fill-rule="evenodd"
8531
+ >
8532
+ <g
8533
+ transform="translate(206.000000, 45.750000)"
8534
+ fill="var(--pf-t--global--text--color--regular)"
8535
+ fill-rule="nonzero"
8536
+ >
8537
+ <path
8538
+ 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"
8539
+ />
8540
+ <path
8541
+ 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"
8542
+ />
8543
+ <path
8544
+ 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"
8545
+ />
8546
+ <path
8547
+ 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"
8548
+ />
8549
+ <path
8550
+ 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"
8551
+ />
8552
+ <path
8553
+ 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"
8554
+ />
8555
+ <path
8556
+ 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"
8557
+ />
8558
+ <polygon
8559
+ 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"
8560
+ />
8561
+ <polygon
8562
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
8563
+ />
8564
+ <path
8565
+ 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"
8566
+ />
8567
+ </g>
8568
+ <g transform="translate(0.000000, 0.000000)">
8569
+ <path
8570
+ 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"
8571
+ fill="#0066CC"
8572
+ />
8573
+ <path
8574
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8575
+ fill="url(#linearGradient-compass-docked-mobile-expanded-example-masthead)"
8576
+ />
8577
+ <path
8578
+ 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"
8579
+ fill="url(#linearGradient-compass-docked-mobile-expanded-example-masthead)"
8580
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8581
+ />
8582
+ </g>
8583
+ </g>
8584
+ </svg>
8585
+ </a>
8586
+ <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
8587
+ <svg width="37px" height="37px" viewBox="0 0 158 158">
8588
+ <title>PF-HorizontalLogo-Color</title>
8589
+ <defs>
8590
+ <linearGradient
8591
+ x1="68%"
8592
+ y1="2.25860997e-13%"
8593
+ x2="32%"
8594
+ y2="100%"
8595
+ id="linearGradient-1"
8596
+ >
8597
+ <stop stop-color="#2B9AF3" offset="0%" />
8598
+ <stop
8599
+ stop-color="#73BCF7"
8600
+ stop-opacity="0.502212631"
8601
+ offset="100%"
8602
+ />
8603
+ </linearGradient>
8604
+ </defs>
8605
+ <g
8606
+ id="PF-IconLogo-color"
8607
+ stroke="none"
8608
+ stroke-width="1"
8609
+ fill="none"
8610
+ fill-rule="evenodd"
8611
+ >
8612
+ <g id="Logo">
8613
+ <path
8614
+ 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"
8615
+ id="Rectangle-Copy-17"
8616
+ fill="#0066CC"
8617
+ />
8618
+ <path
8619
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8620
+ id="Path-2"
8621
+ fill="url(#linearGradient-1)"
8622
+ />
8623
+ <path
8624
+ 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"
8625
+ id="Path-2"
8626
+ fill="url(#linearGradient-1)"
8627
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8628
+ />
8629
+ </g>
8630
+ </g>
8631
+ </svg>
8632
+ </a>
8633
+ </div>
8634
+ </div>
8635
+ <hr class="pf-v6-c-divider" />
8636
+ <div class="pf-v6-c-masthead__content">
8637
+ <div
8638
+ class="pf-v6-c-toolbar pf-m-vertical pf-m-static"
8639
+ id="compass-docked-mobile-expanded-example-masthead-toolbar"
8640
+ >
8641
+ <div class="pf-v6-c-toolbar__content">
8642
+ <div class="pf-v6-c-toolbar__content-section">
8643
+ <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
8644
+ <ul class="pf-v6-c-nav__list" role="list">
8645
+ <li class="pf-v6-c-nav__item">
8646
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
8647
+ <span class="pf-v6-c-nav__link-icon">
8648
+ <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
8649
+ </span>
8650
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8651
+ </a>
8652
+ </li>
8653
+ <li class="pf-v6-c-nav__item">
8654
+ <a
8655
+ href="#"
8656
+ class="pf-v6-c-nav__link pf-m-current"
8657
+ aria-current="page"
8658
+ aria-label="Folder"
8659
+ >
8660
+ <span class="pf-v6-c-nav__link-icon">
8661
+ <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
8662
+ </span>
8663
+ <span class="pf-v6-c-nav__link-text">Policy</span>
8664
+ </a>
8665
+ </li>
8666
+ <li class="pf-v6-c-nav__item">
8667
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
8668
+ <span class="pf-v6-c-nav__link-icon">
8669
+ <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
8670
+ </span>
8671
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
8672
+ </a>
8673
+ </li>
8674
+ <li class="pf-v6-c-nav__item">
8675
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
8676
+ <span class="pf-v6-c-nav__link-icon">
8677
+ <i class="fas fa-fw fa-code" aria-hidden="true"></i>
8678
+ </span>
8679
+ <span class="pf-v6-c-nav__link-text">Network services</span>
8680
+ </a>
8681
+ </li>
8682
+ </ul>
8683
+ </nav>
8684
+
8685
+ <div
8686
+ 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"
8687
+ >
8688
+ <div class="pf-v6-c-toolbar__item">
8689
+ <button
8690
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8691
+ type="button"
8692
+ aria-expanded="false"
8693
+ aria-label="Applications"
8694
+ >
8695
+ <span class="pf-v6-c-menu-toggle__icon">
8696
+ <svg
8697
+ class="pf-v6-svg"
8698
+ viewBox="0 0 512 512"
8699
+ fill="currentColor"
8700
+ aria-hidden="true"
8701
+ role="img"
8702
+ width="1em"
8703
+ height="1em"
8704
+ >
8705
+ <path
8706
+ 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"
8707
+ />
8708
+ </svg>
8709
+ </span>
8710
+ <span class="pf-v6-c-menu-toggle__text">Applications</span>
8711
+ </button>
8712
+ </div>
8713
+ <div class="pf-v6-c-toolbar__item">
8714
+ <button
8715
+ class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
8716
+ type="button"
8717
+ aria-label="Settings"
8718
+ >
8719
+ <span class="pf-v6-c-button__icon pf-m-start">
8720
+ <svg
8721
+ class="pf-v6-svg"
8722
+ viewBox="0 0 32 32"
8723
+ fill="currentColor"
8724
+ aria-hidden="true"
8725
+ role="img"
8726
+ width="1em"
8727
+ height="1em"
8728
+ >
8729
+ <path
8730
+ 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"
8731
+ />
8732
+ </svg>
8733
+ </span>
8734
+ <span class="pf-v6-c-button__text">Settings</span>
8735
+ </button>
8736
+ </div>
8737
+ <div class="pf-v6-c-toolbar__item">
8738
+ <button
8739
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
8740
+ type="button"
8741
+ aria-expanded="false"
8742
+ aria-label="Help"
8743
+ >
8744
+ <span class="pf-v6-c-menu-toggle__icon">
8745
+ <svg
8746
+ class="pf-v6-svg"
8747
+ viewBox="0 0 512 512"
8748
+ fill="currentColor"
8749
+ aria-hidden="true"
8750
+ role="img"
8751
+ width="1em"
8752
+ height="1em"
8753
+ >
8754
+ <path
8755
+ 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"
8756
+ />
8757
+ </svg>
8758
+ </span>
8759
+ <span class="pf-v6-c-menu-toggle__text">Help</span>
8760
+ </button>
8761
+ </div>
8762
+ </div>
8763
+ </div>
8764
+ </div>
8765
+ </div>
8766
+ </div>
8767
+ </header>
8768
+ </div>
8769
+ </div>
8770
+ <div class="pf-v6-c-compass__main">
8771
+ <div class="pf-v6-c-compass__main-header">
8772
+ <div class="pf-v6-c-panel pf-m-glass">
8773
+ <div class="pf-v6-c-panel__main">
8774
+ <div class="pf-v6-c-panel__main-body">
8775
+ <div class="pf-v6-c-compass__main-header-content">
8776
+ <div class="pf-v6-c-compass__main-header-title">
8777
+ <h2 class="pf-v6-c-title pf-m-h1">Header</h2>
8778
+ </div>
8779
+ <div class="pf-v6-c-compass__main-header-toolbar">
8780
+ <div class="pf-v6-c-action-list">
8781
+ <div class="pf-v6-c-action-list__group">
8782
+ <div class="pf-v6-c-action-list__item">
8783
+ <button class="pf-v6-c-button pf-m-primary" type="button">
8784
+ <span class="pf-v6-c-button__text">action</span>
8785
+ </button>
8786
+ </div>
8787
+ <div class="pf-v6-c-action-list__item">
8788
+ <button
8789
+ class="pf-v6-c-button pf-m-secondary"
8790
+ type="button"
8791
+ >
8792
+ <span class="pf-v6-c-button__text">action</span>
8793
+ </button>
8794
+ </div>
8795
+ </div>
8796
+ </div>
8797
+ </div>
8798
+ </div>
8799
+ </div>
8800
+ </div>
8801
+ </div>
8802
+ </div>
8803
+ <div class="pf-v6-c-compass__content">
8804
+ <div class="pf-v6-c-panel pf-m-glass">
8805
+ <div class="pf-v6-c-panel__main">
8806
+ <div class="pf-v6-c-panel__main-body">[so much room for activities]</div>
8807
+ </div>
8808
+ </div>
8809
+ </div>
8810
+ </div>
8811
+ </div>
8812
+
8813
+ ```
8814
+
8815
+ ### Docked nav text expanded
8816
+
8817
+ ```html isFullscreen isBeta
8818
+ <div class="pf-v6-c-compass pf-m-animate-smoothly pf-m-docked">
8819
+ <header class="pf-v6-c-masthead pf-m-display-inline">
8820
+ <div class="pf-v6-c-masthead__main">
8821
+ <span class="pf-v6-c-masthead__toggle">
8822
+ <button
8823
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8824
+ type="button"
8825
+ aria-label="Global navigation"
8826
+ >
8827
+ <span class="pf-v6-c-button__icon">
8828
+ <svg
8829
+ viewBox="0 0 10 10"
8830
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8831
+ width="1em"
8832
+ height="1em"
8833
+ >
8834
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
8835
+ <path
8836
+ class="pf-v6-c-button--hamburger-icon--middle"
8837
+ d="M1,5 L9,5"
8838
+ />
8839
+ <path
8840
+ class="pf-v6-c-button--hamburger-icon--arrow"
8841
+ d="M1,5 L1,5 L1,5"
8842
+ />
8843
+ <path
8844
+ class="pf-v6-c-button--hamburger-icon--bottom"
8845
+ d="M9,9 L1,9"
8846
+ />
8847
+ </svg>
8848
+ </span>
8849
+ </button>
8850
+ </span>
8851
+ <div class="pf-v6-c-masthead__brand">
8852
+ <a class="pf-v6-c-masthead__logo" href="#">
8853
+ <svg height="37px" viewBox="0 0 679 158">
8854
+ <title>PF-HorizontalLogo-Color</title>
8855
+ <defs>
8856
+ <linearGradient
8857
+ x1="68%"
8858
+ y1="2.25860997e-13%"
8859
+ x2="32%"
8860
+ y2="100%"
8861
+ id="linearGradient-"
8862
+ >
8863
+ <stop stop-color="#2B9AF3" offset="0%" />
8864
+ <stop
8865
+ stop-color="#73BCF7"
8866
+ stop-opacity="0.502212631"
8867
+ offset="100%"
8868
+ />
8869
+ </linearGradient>
8870
+ </defs>
8871
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8872
+ <g
8873
+ transform="translate(206.000000, 45.750000)"
8874
+ fill="var(--pf-t--global--text--color--regular)"
8875
+ fill-rule="nonzero"
8876
+ >
8877
+ <path
8878
+ 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"
8879
+ />
8880
+ <path
8881
+ 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"
8882
+ />
8883
+ <path
8884
+ 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"
8885
+ />
8886
+ <path
8887
+ 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"
8888
+ />
8889
+ <path
8890
+ 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"
8891
+ />
8892
+ <path
8893
+ 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"
8894
+ />
8895
+ <path
8896
+ 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"
8897
+ />
8898
+ <polygon
8899
+ 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"
8900
+ />
8901
+ <polygon
8902
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
8903
+ />
8904
+ <path
8905
+ 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"
8906
+ />
8907
+ </g>
8908
+ <g transform="translate(0.000000, 0.000000)">
8909
+ <path
8910
+ 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"
8911
+ fill="#0066CC"
8912
+ />
8913
+ <path
8914
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
8915
+ fill="url(#linearGradient-)"
8916
+ />
8917
+ <path
8918
+ 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"
8919
+ fill="url(#linearGradient-)"
8920
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
8921
+ />
8922
+ </g>
8923
+ </g>
8924
+ </svg>
8925
+ </a>
8926
+ </div>
8927
+ </div>
8928
+ <div class="pf-v6-c-masthead__content">
8929
+ <div class="pf-v6-c-toolbar pf-m-static">
8930
+ <div class="pf-v6-c-toolbar__content">
8931
+ <div class="pf-v6-c-toolbar__content-section">
8932
+ <div class="pf-v6-c-toolbar__item pf-m-align-end">
8933
+ <button
8934
+ class="pf-v6-c-button pf-m-plain"
8935
+ type="button"
8936
+ aria-label="Search"
8937
+ >
8938
+ <span class="pf-v6-c-button__icon">
8939
+ <svg
8940
+ class="pf-v6-svg"
8941
+ viewBox="0 0 512 512"
8942
+ fill="currentColor"
8943
+ aria-hidden="true"
8944
+ role="img"
8945
+ width="1em"
8946
+ height="1em"
8947
+ >
8948
+ <path
8949
+ 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"
8950
+ />
8951
+ </svg>
8952
+ </span>
8953
+ </button>
8954
+ </div>
8955
+ </div>
8956
+ </div>
8957
+ </div>
7824
8958
  </div>
8959
+ </header>
8960
+ <div class="pf-v6-c-compass__dock pf-m-text-expanded">
8961
+ <div class="pf-v6-c-compass__dock-main">
8962
+ <div class="pf-v6-c-skip-to-content">
8963
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-">
8964
+ <span class="pf-v6-c-button__text">Skip to content</span>
8965
+ </a>
8966
+ </div>
7825
8967
 
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"
8968
+ <header
8969
+ class="pf-v6-c-masthead pf-m-docked"
8970
+ id="compass-docked-text-expanded-example-masthead"
8971
+ >
8972
+ <div class="pf-v6-c-masthead__main">
8973
+ <span class="pf-v6-c-masthead__toggle">
8974
+ <button
8975
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8976
+ type="button"
8977
+ aria-label="Global navigation"
8978
+ >
8979
+ <span class="pf-v6-c-button__icon">
8980
+ <svg
8981
+ viewBox="0 0 10 10"
8982
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8983
+ width="1em"
8984
+ height="1em"
8985
+ >
8986
+ <path
8987
+ class="pf-v6-c-button--hamburger-icon--top"
8988
+ d="M1,1 L9,1"
8989
+ />
8990
+ <path
8991
+ class="pf-v6-c-button--hamburger-icon--middle"
8992
+ d="M1,5 L9,5"
8993
+ />
8994
+ <path
8995
+ class="pf-v6-c-button--hamburger-icon--arrow"
8996
+ d="M1,5 L1,5 L1,5"
8997
+ />
8998
+ <path
8999
+ class="pf-v6-c-button--hamburger-icon--bottom"
9000
+ d="M9,9 L1,9"
9001
+ />
9002
+ </svg>
9003
+ </span>
9004
+ </button>
9005
+ </span>
9006
+ <div class="pf-v6-c-masthead__brand">
9007
+ <a class="pf-v6-c-masthead__logo" href="#">
9008
+ <svg height="37px" viewBox="0 0 679 158">
9009
+ <title>PF-HorizontalLogo-Color</title>
9010
+ <defs>
9011
+ <linearGradient
9012
+ x1="68%"
9013
+ y1="2.25860997e-13%"
9014
+ x2="32%"
9015
+ y2="100%"
9016
+ id="linearGradient-compass-docked-text-expanded-example-masthead"
9017
+ >
9018
+ <stop stop-color="#2B9AF3" offset="0%" />
9019
+ <stop
9020
+ stop-color="#73BCF7"
9021
+ stop-opacity="0.502212631"
9022
+ offset="100%"
9023
+ />
9024
+ </linearGradient>
9025
+ </defs>
9026
+ <g
9027
+ stroke="none"
9028
+ stroke-width="1"
9029
+ fill="none"
9030
+ fill-rule="evenodd"
9031
+ >
9032
+ <g
9033
+ transform="translate(206.000000, 45.750000)"
9034
+ fill="var(--pf-t--global--text--color--regular)"
9035
+ fill-rule="nonzero"
9036
+ >
9037
+ <path
9038
+ 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"
9039
+ />
9040
+ <path
9041
+ 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"
9042
+ />
9043
+ <path
9044
+ 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"
9045
+ />
9046
+ <path
9047
+ 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"
9048
+ />
9049
+ <path
9050
+ 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"
9051
+ />
9052
+ <path
9053
+ 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"
9054
+ />
9055
+ <path
9056
+ 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"
9057
+ />
9058
+ <polygon
9059
+ 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"
9060
+ />
9061
+ <polygon
9062
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
9063
+ />
9064
+ <path
9065
+ 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"
9066
+ />
9067
+ </g>
9068
+ <g transform="translate(0.000000, 0.000000)">
9069
+ <path
9070
+ 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"
9071
+ fill="#0066CC"
9072
+ />
9073
+ <path
9074
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9075
+ fill="url(#linearGradient-compass-docked-text-expanded-example-masthead)"
9076
+ />
9077
+ <path
9078
+ 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"
9079
+ fill="url(#linearGradient-compass-docked-text-expanded-example-masthead)"
9080
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9081
+ />
9082
+ </g>
9083
+ </g>
9084
+ </svg>
9085
+ </a>
9086
+ <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
9087
+ <svg width="37px" height="37px" viewBox="0 0 158 158">
9088
+ <title>PF-HorizontalLogo-Color</title>
9089
+ <defs>
9090
+ <linearGradient
9091
+ x1="68%"
9092
+ y1="2.25860997e-13%"
9093
+ x2="32%"
9094
+ y2="100%"
9095
+ id="linearGradient-1"
9096
+ >
9097
+ <stop stop-color="#2B9AF3" offset="0%" />
9098
+ <stop
9099
+ stop-color="#73BCF7"
9100
+ stop-opacity="0.502212631"
9101
+ offset="100%"
9102
+ />
9103
+ </linearGradient>
9104
+ </defs>
9105
+ <g
9106
+ id="PF-IconLogo-color"
9107
+ stroke="none"
9108
+ stroke-width="1"
9109
+ fill="none"
9110
+ fill-rule="evenodd"
9111
+ >
9112
+ <g id="Logo">
9113
+ <path
9114
+ 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"
9115
+ id="Rectangle-Copy-17"
9116
+ fill="#0066CC"
9117
+ />
9118
+ <path
9119
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9120
+ id="Path-2"
9121
+ fill="url(#linearGradient-1)"
9122
+ />
9123
+ <path
9124
+ 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"
9125
+ id="Path-2"
9126
+ fill="url(#linearGradient-1)"
9127
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9128
+ />
9129
+ </g>
9130
+ </g>
9131
+ </svg>
9132
+ </a>
9133
+ </div>
9134
+ </div>
9135
+ <hr class="pf-v6-c-divider" />
9136
+ <div class="pf-v6-c-masthead__content">
9137
+ <div
9138
+ class="pf-v6-c-toolbar pf-m-vertical pf-m-static"
9139
+ id="compass-docked-text-expanded-example-masthead-toolbar"
7833
9140
  >
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"
9141
+ <div class="pf-v6-c-toolbar__content">
9142
+ <div class="pf-v6-c-toolbar__content-section">
9143
+ <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
9144
+ <ul class="pf-v6-c-nav__list" role="list">
9145
+ <li class="pf-v6-c-nav__item">
9146
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
9147
+ <span class="pf-v6-c-nav__link-icon">
9148
+ <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
9149
+ </span>
9150
+ <span class="pf-v6-c-nav__link-text">System panel</span>
9151
+ </a>
9152
+ </li>
9153
+ <li class="pf-v6-c-nav__item">
9154
+ <a
9155
+ href="#"
9156
+ class="pf-v6-c-nav__link pf-m-current"
9157
+ aria-current="page"
9158
+ aria-label="Folder"
9159
+ >
9160
+ <span class="pf-v6-c-nav__link-icon">
9161
+ <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
9162
+ </span>
9163
+ <span class="pf-v6-c-nav__link-text">Policy</span>
9164
+ </a>
9165
+ </li>
9166
+ <li class="pf-v6-c-nav__item">
9167
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
9168
+ <span class="pf-v6-c-nav__link-icon">
9169
+ <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
9170
+ </span>
9171
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
9172
+ </a>
9173
+ </li>
9174
+ <li class="pf-v6-c-nav__item">
9175
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
9176
+ <span class="pf-v6-c-nav__link-icon">
9177
+ <i class="fas fa-fw fa-code" aria-hidden="true"></i>
9178
+ </span>
9179
+ <span class="pf-v6-c-nav__link-text">Network services</span>
9180
+ </a>
9181
+ </li>
9182
+ </ul>
9183
+ </nav>
9184
+
9185
+ <div
9186
+ 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"
9187
+ >
9188
+ <div class="pf-v6-c-toolbar__item">
9189
+ <button
9190
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
9191
+ type="button"
9192
+ aria-expanded="false"
9193
+ aria-label="Applications"
9194
+ >
9195
+ <span class="pf-v6-c-menu-toggle__icon">
9196
+ <svg
9197
+ class="pf-v6-svg"
9198
+ viewBox="0 0 512 512"
9199
+ fill="currentColor"
9200
+ aria-hidden="true"
9201
+ role="img"
9202
+ width="1em"
9203
+ height="1em"
9204
+ >
9205
+ <path
9206
+ 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"
9207
+ />
9208
+ </svg>
9209
+ </span>
9210
+ <span class="pf-v6-c-menu-toggle__text">Applications</span>
9211
+ </button>
9212
+ </div>
9213
+ <div class="pf-v6-c-toolbar__item">
9214
+ <button
9215
+ class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
9216
+ type="button"
9217
+ aria-label="Settings"
9218
+ >
9219
+ <span class="pf-v6-c-button__icon pf-m-start">
9220
+ <svg
9221
+ class="pf-v6-svg"
9222
+ viewBox="0 0 32 32"
9223
+ fill="currentColor"
9224
+ aria-hidden="true"
9225
+ role="img"
9226
+ width="1em"
9227
+ height="1em"
9228
+ >
9229
+ <path
9230
+ 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"
9231
+ />
9232
+ </svg>
9233
+ </span>
9234
+ <span class="pf-v6-c-button__text">Settings</span>
9235
+ </button>
9236
+ </div>
9237
+ <div class="pf-v6-c-toolbar__item">
9238
+ <button
9239
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
9240
+ type="button"
9241
+ aria-expanded="false"
9242
+ aria-label="Help"
9243
+ >
9244
+ <span class="pf-v6-c-menu-toggle__icon">
9245
+ <svg
9246
+ class="pf-v6-svg"
9247
+ viewBox="0 0 512 512"
9248
+ fill="currentColor"
9249
+ aria-hidden="true"
9250
+ role="img"
9251
+ width="1em"
9252
+ height="1em"
9253
+ >
9254
+ <path
9255
+ 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"
9256
+ />
9257
+ </svg>
9258
+ </span>
9259
+ <span class="pf-v6-c-menu-toggle__text">Help</span>
9260
+ </button>
9261
+ </div>
9262
+ </div>
9263
+ </div>
9264
+ </div>
9265
+ </div>
9266
+ </div>
9267
+ </header>
9268
+ </div>
9269
+ </div>
9270
+ <div class="pf-v6-c-compass__main">
9271
+ <div class="pf-v6-c-compass__main-header">
9272
+ <div class="pf-v6-c-panel pf-m-glass">
9273
+ <div class="pf-v6-c-panel__main">
9274
+ <div class="pf-v6-c-panel__main-body">
9275
+ <div class="pf-v6-c-compass__main-header-content">
9276
+ <div class="pf-v6-c-compass__main-header-title">
9277
+ <h2 class="pf-v6-c-title pf-m-h1">Header</h2>
9278
+ </div>
9279
+ <div class="pf-v6-c-compass__main-header-toolbar">
9280
+ <div class="pf-v6-c-action-list">
9281
+ <div class="pf-v6-c-action-list__group">
9282
+ <div class="pf-v6-c-action-list__item">
9283
+ <button class="pf-v6-c-button pf-m-primary" type="button">
9284
+ <span class="pf-v6-c-button__text">action</span>
9285
+ </button>
9286
+ </div>
9287
+ <div class="pf-v6-c-action-list__item">
9288
+ <button
9289
+ class="pf-v6-c-button pf-m-secondary"
9290
+ type="button"
9291
+ >
9292
+ <span class="pf-v6-c-button__text">action</span>
9293
+ </button>
9294
+ </div>
9295
+ </div>
9296
+ </div>
9297
+ </div>
9298
+ </div>
9299
+ </div>
9300
+ </div>
9301
+ </div>
9302
+ </div>
9303
+ <div class="pf-v6-c-compass__content">
9304
+ <div class="pf-v6-c-panel pf-m-glass">
9305
+ <div class="pf-v6-c-panel__main">
9306
+ <div class="pf-v6-c-panel__main-body">[so much room for activities]</div>
9307
+ </div>
9308
+ </div>
9309
+ </div>
9310
+ </div>
9311
+ </div>
9312
+
9313
+ ```
9314
+
9315
+ ### Docked nav text expanded - expanded on mobile
9316
+
9317
+ ```html isFullscreen isBeta
9318
+ <div class="pf-v6-c-compass pf-m-animate-smoothly pf-m-docked">
9319
+ <header class="pf-v6-c-masthead pf-m-display-inline">
9320
+ <div class="pf-v6-c-masthead__main">
9321
+ <span class="pf-v6-c-masthead__toggle">
9322
+ <button
9323
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
9324
+ type="button"
9325
+ aria-label="Global navigation"
9326
+ >
9327
+ <span class="pf-v6-c-button__icon">
9328
+ <svg
9329
+ viewBox="0 0 10 10"
9330
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
9331
+ width="1em"
9332
+ height="1em"
9333
+ >
9334
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
9335
+ <path
9336
+ class="pf-v6-c-button--hamburger-icon--middle"
9337
+ d="M1,5 L9,5"
9338
+ />
9339
+ <path
9340
+ class="pf-v6-c-button--hamburger-icon--arrow"
9341
+ d="M1,5 L1,5 L1,5"
9342
+ />
9343
+ <path
9344
+ class="pf-v6-c-button--hamburger-icon--bottom"
9345
+ d="M9,9 L1,9"
9346
+ />
9347
+ </svg>
9348
+ </span>
9349
+ </button>
9350
+ </span>
9351
+ <div class="pf-v6-c-masthead__brand">
9352
+ <a class="pf-v6-c-masthead__logo" href="#">
9353
+ <svg height="37px" viewBox="0 0 679 158">
9354
+ <title>PF-HorizontalLogo-Color</title>
9355
+ <defs>
9356
+ <linearGradient
9357
+ x1="68%"
9358
+ y1="2.25860997e-13%"
9359
+ x2="32%"
9360
+ y2="100%"
9361
+ id="linearGradient-"
9362
+ >
9363
+ <stop stop-color="#2B9AF3" offset="0%" />
9364
+ <stop
9365
+ stop-color="#73BCF7"
9366
+ stop-opacity="0.502212631"
9367
+ offset="100%"
9368
+ />
9369
+ </linearGradient>
9370
+ </defs>
9371
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
9372
+ <g
9373
+ transform="translate(206.000000, 45.750000)"
9374
+ fill="var(--pf-t--global--text--color--regular)"
9375
+ fill-rule="nonzero"
7840
9376
  >
7841
9377
  <path
7842
- class="pf-v6-c-button--hamburger-icon--top"
7843
- d="M1,1 L9,1"
9378
+ 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
9379
  />
7845
9380
  <path
7846
- class="pf-v6-c-button--hamburger-icon--middle"
7847
- d="M1,5 L9,5"
9381
+ 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
9382
  />
7849
9383
  <path
7850
- class="pf-v6-c-button--hamburger-icon--arrow"
7851
- d="M1,5 L1,5 L1,5"
9384
+ 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
9385
  />
7853
9386
  <path
7854
- class="pf-v6-c-button--hamburger-icon--bottom"
7855
- d="M9,9 L1,9"
9387
+ 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
9388
  />
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"
9389
+ <path
9390
+ 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"
9391
+ />
9392
+ <path
9393
+ 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"
9394
+ />
9395
+ <path
9396
+ 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"
9397
+ />
9398
+ <polygon
9399
+ 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"
9400
+ />
9401
+ <polygon
9402
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
9403
+ />
9404
+ <path
9405
+ 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"
9406
+ />
9407
+ </g>
9408
+ <g transform="translate(0.000000, 0.000000)">
9409
+ <path
9410
+ 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"
9411
+ fill="#0066CC"
9412
+ />
9413
+ <path
9414
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9415
+ fill="url(#linearGradient-)"
9416
+ />
9417
+ <path
9418
+ 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"
9419
+ fill="url(#linearGradient-)"
9420
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9421
+ />
9422
+ </g>
9423
+ </g>
9424
+ </svg>
9425
+ </a>
9426
+ </div>
9427
+ </div>
9428
+ <div class="pf-v6-c-masthead__content">
9429
+ <div class="pf-v6-c-toolbar pf-m-static">
9430
+ <div class="pf-v6-c-toolbar__content">
9431
+ <div class="pf-v6-c-toolbar__content-section">
9432
+ <div class="pf-v6-c-toolbar__item pf-m-align-end">
9433
+ <button
9434
+ class="pf-v6-c-button pf-m-plain"
9435
+ type="button"
9436
+ aria-label="Search"
7886
9437
  >
7887
- <g
7888
- transform="translate(206.000000, 45.750000)"
7889
- fill="var(--pf-t--global--text--color--regular)"
7890
- fill-rule="nonzero"
9438
+ <span class="pf-v6-c-button__icon">
9439
+ <svg
9440
+ class="pf-v6-svg"
9441
+ viewBox="0 0 512 512"
9442
+ fill="currentColor"
9443
+ aria-hidden="true"
9444
+ role="img"
9445
+ width="1em"
9446
+ height="1em"
9447
+ >
9448
+ <path
9449
+ 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"
9450
+ />
9451
+ </svg>
9452
+ </span>
9453
+ </button>
9454
+ </div>
9455
+ </div>
9456
+ </div>
9457
+ </div>
9458
+ </div>
9459
+ </header>
9460
+ <div class="pf-v6-c-compass__dock pf-m-text-expanded pf-m-expanded">
9461
+ <div class="pf-v6-c-compass__dock-main">
9462
+ <div class="pf-v6-c-skip-to-content">
9463
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-">
9464
+ <span class="pf-v6-c-button__text">Skip to content</span>
9465
+ </a>
9466
+ </div>
9467
+
9468
+ <header
9469
+ class="pf-v6-c-masthead pf-m-docked"
9470
+ id="compass-docked-text-expanded-mobile-expanded-example-masthead"
9471
+ >
9472
+ <div class="pf-v6-c-masthead__main">
9473
+ <span class="pf-v6-c-masthead__toggle">
9474
+ <button
9475
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
9476
+ type="button"
9477
+ aria-label="Global navigation"
9478
+ >
9479
+ <span class="pf-v6-c-button__icon">
9480
+ <svg
9481
+ viewBox="0 0 10 10"
9482
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
9483
+ width="1em"
9484
+ height="1em"
7891
9485
  >
7892
9486
  <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"
9487
+ class="pf-v6-c-button--hamburger-icon--top"
9488
+ d="M1,1 L9,1"
7921
9489
  />
7922
- </g>
7923
- <g transform="translate(0.000000, 0.000000)">
7924
9490
  <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"
9491
+ class="pf-v6-c-button--hamburger-icon--middle"
9492
+ d="M1,5 L9,5"
7927
9493
  />
7928
9494
  <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-)"
9495
+ class="pf-v6-c-button--hamburger-icon--arrow"
9496
+ d="M1,5 L1,5 L1,5"
7931
9497
  />
7932
9498
  <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) "
9499
+ class="pf-v6-c-button--hamburger-icon--bottom"
9500
+ d="M9,9 L1,9"
7936
9501
  />
9502
+ </svg>
9503
+ </span>
9504
+ </button>
9505
+ </span>
9506
+ <div class="pf-v6-c-masthead__brand">
9507
+ <a class="pf-v6-c-masthead__logo" href="#">
9508
+ <svg height="37px" viewBox="0 0 679 158">
9509
+ <title>PF-HorizontalLogo-Color</title>
9510
+ <defs>
9511
+ <linearGradient
9512
+ x1="68%"
9513
+ y1="2.25860997e-13%"
9514
+ x2="32%"
9515
+ y2="100%"
9516
+ id="linearGradient-compass-docked-text-expanded-mobile-expanded-example-masthead"
9517
+ >
9518
+ <stop stop-color="#2B9AF3" offset="0%" />
9519
+ <stop
9520
+ stop-color="#73BCF7"
9521
+ stop-opacity="0.502212631"
9522
+ offset="100%"
9523
+ />
9524
+ </linearGradient>
9525
+ </defs>
9526
+ <g
9527
+ stroke="none"
9528
+ stroke-width="1"
9529
+ fill="none"
9530
+ fill-rule="evenodd"
9531
+ >
9532
+ <g
9533
+ transform="translate(206.000000, 45.750000)"
9534
+ fill="var(--pf-t--global--text--color--regular)"
9535
+ fill-rule="nonzero"
9536
+ >
9537
+ <path
9538
+ 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"
9539
+ />
9540
+ <path
9541
+ 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"
9542
+ />
9543
+ <path
9544
+ 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"
9545
+ />
9546
+ <path
9547
+ 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"
9548
+ />
9549
+ <path
9550
+ 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"
9551
+ />
9552
+ <path
9553
+ 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"
9554
+ />
9555
+ <path
9556
+ 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"
9557
+ />
9558
+ <polygon
9559
+ 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"
9560
+ />
9561
+ <polygon
9562
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
9563
+ />
9564
+ <path
9565
+ 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"
9566
+ />
9567
+ </g>
9568
+ <g transform="translate(0.000000, 0.000000)">
9569
+ <path
9570
+ 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"
9571
+ fill="#0066CC"
9572
+ />
9573
+ <path
9574
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9575
+ fill="url(#linearGradient-compass-docked-text-expanded-mobile-expanded-example-masthead)"
9576
+ />
9577
+ <path
9578
+ 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"
9579
+ fill="url(#linearGradient-compass-docked-text-expanded-mobile-expanded-example-masthead)"
9580
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9581
+ />
9582
+ </g>
7937
9583
  </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"
9584
+ </svg>
9585
+ </a>
9586
+ <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
9587
+ <svg width="37px" height="37px" viewBox="0 0 158 158">
9588
+ <title>PF-HorizontalLogo-Color</title>
9589
+ <defs>
9590
+ <linearGradient
9591
+ x1="68%"
9592
+ y1="2.25860997e-13%"
9593
+ x2="32%"
9594
+ y2="100%"
9595
+ id="linearGradient-1"
9596
+ >
9597
+ <stop stop-color="#2B9AF3" offset="0%" />
9598
+ <stop
9599
+ stop-color="#73BCF7"
9600
+ stop-opacity="0.502212631"
9601
+ offset="100%"
9602
+ />
9603
+ </linearGradient>
9604
+ </defs>
9605
+ <g
9606
+ id="PF-IconLogo-color"
9607
+ stroke="none"
9608
+ stroke-width="1"
9609
+ fill="none"
9610
+ fill-rule="evenodd"
7951
9611
  >
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
- />
9612
+ <g id="Logo">
9613
+ <path
9614
+ 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"
9615
+ id="Rectangle-Copy-17"
9616
+ fill="#0066CC"
9617
+ />
9618
+ <path
9619
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
9620
+ id="Path-2"
9621
+ fill="url(#linearGradient-1)"
9622
+ />
9623
+ <path
9624
+ 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"
9625
+ id="Path-2"
9626
+ fill="url(#linearGradient-1)"
9627
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
9628
+ />
9629
+ </g>
7984
9630
  </g>
7985
- </g>
7986
- </svg>
7987
- </a>
9631
+ </svg>
9632
+ </a>
9633
+ </div>
7988
9634
  </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"
9635
+ <hr class="pf-v6-c-divider" />
9636
+ <div class="pf-v6-c-masthead__content">
9637
+ <div
9638
+ class="pf-v6-c-toolbar pf-m-vertical pf-m-static"
9639
+ id="compass-docked-text-expanded-mobile-expanded-example-masthead-toolbar"
9640
+ >
9641
+ <div class="pf-v6-c-toolbar__content">
9642
+ <div class="pf-v6-c-toolbar__content-section">
9643
+ <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
9644
+ <ul class="pf-v6-c-nav__list" role="list">
9645
+ <li class="pf-v6-c-nav__item">
9646
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
9647
+ <span class="pf-v6-c-nav__link-icon">
9648
+ <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
9649
+ </span>
9650
+ <span class="pf-v6-c-nav__link-text">System panel</span>
9651
+ </a>
9652
+ </li>
9653
+ <li class="pf-v6-c-nav__item">
9654
+ <a
9655
+ href="#"
9656
+ class="pf-v6-c-nav__link pf-m-current"
9657
+ aria-current="page"
9658
+ aria-label="Folder"
9659
+ >
9660
+ <span class="pf-v6-c-nav__link-icon">
9661
+ <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
9662
+ </span>
9663
+ <span class="pf-v6-c-nav__link-text">Policy</span>
9664
+ </a>
9665
+ </li>
9666
+ <li class="pf-v6-c-nav__item">
9667
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
9668
+ <span class="pf-v6-c-nav__link-icon">
9669
+ <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
9670
+ </span>
9671
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
9672
+ </a>
9673
+ </li>
9674
+ <li class="pf-v6-c-nav__item">
9675
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
9676
+ <span class="pf-v6-c-nav__link-icon">
9677
+ <i class="fas fa-fw fa-code" aria-hidden="true"></i>
9678
+ </span>
9679
+ <span class="pf-v6-c-nav__link-text">Network services</span>
9680
+ </a>
9681
+ </li>
9682
+ </ul>
9683
+ </nav>
9684
+
9685
+ <div
9686
+ 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"
9687
+ >
9688
+ <div class="pf-v6-c-toolbar__item">
9689
+ <button
9690
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
9691
+ type="button"
9692
+ aria-expanded="false"
9693
+ aria-label="Applications"
8011
9694
  >
8012
- <span class="pf-v6-c-nav__link-icon">
8013
- <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
9695
+ <span class="pf-v6-c-menu-toggle__icon">
9696
+ <svg
9697
+ class="pf-v6-svg"
9698
+ viewBox="0 0 512 512"
9699
+ fill="currentColor"
9700
+ aria-hidden="true"
9701
+ role="img"
9702
+ width="1em"
9703
+ height="1em"
9704
+ >
9705
+ <path
9706
+ 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"
9707
+ />
9708
+ </svg>
8014
9709
  </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>
9710
+ <span class="pf-v6-c-menu-toggle__text">Applications</span>
9711
+ </button>
9712
+ </div>
9713
+ <div class="pf-v6-c-toolbar__item">
9714
+ <button
9715
+ class="pf-v6-c-button pf-m-docked pf-m-settings pf-m-plain"
9716
+ type="button"
9717
+ aria-label="Settings"
9718
+ >
9719
+ <span class="pf-v6-c-button__icon pf-m-start">
9720
+ <svg
9721
+ class="pf-v6-svg"
9722
+ viewBox="0 0 32 32"
9723
+ fill="currentColor"
9724
+ aria-hidden="true"
9725
+ role="img"
9726
+ width="1em"
9727
+ height="1em"
9728
+ >
9729
+ <path
9730
+ 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"
9731
+ />
9732
+ </svg>
8022
9733
  </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>
9734
+ <span class="pf-v6-c-button__text">Settings</span>
9735
+ </button>
9736
+ </div>
9737
+ <div class="pf-v6-c-toolbar__item">
9738
+ <button
9739
+ class="pf-v6-c-menu-toggle pf-m-docked pf-m-text pf-m-plain"
9740
+ type="button"
9741
+ aria-expanded="false"
9742
+ aria-label="Help"
9743
+ >
9744
+ <span class="pf-v6-c-menu-toggle__icon">
9745
+ <svg
9746
+ class="pf-v6-svg"
9747
+ viewBox="0 0 512 512"
9748
+ fill="currentColor"
9749
+ aria-hidden="true"
9750
+ role="img"
9751
+ width="1em"
9752
+ height="1em"
9753
+ >
9754
+ <path
9755
+ 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"
9756
+ />
9757
+ </svg>
8030
9758
  </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"
8056
- >
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>
8064
- </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"
8070
- >
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"
8095
- >
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"
8105
- >
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>
9759
+ <span class="pf-v6-c-menu-toggle__text">Help</span>
9760
+ </button>
9761
+ </div>
8113
9762
  </div>
8114
9763
  </div>
8115
9764
  </div>
8116
9765
  </div>
8117
9766
  </div>
8118
- </div>
8119
- </header>
9767
+ </header>
9768
+ </div>
8120
9769
  </div>
8121
9770
  <div class="pf-v6-c-compass__main">
8122
9771
  <div class="pf-v6-c-compass__main-header">