Page

A page component defines the basic layout of a page, with either vertical or horizontal navigation.

CSS variables

Expand or collapse columnSelectorVariableValue
.pf-v6-c-page--pf-v6-c-page--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-page--pf-v6-c-page--inset
1.5rem
.pf-v6-c-page--pf-v6-c-page--c-masthead--ZIndex
300
.pf-v6-c-page--pf-v6-c-page__dock--Width
15.625rem
.pf-v6-c-page--pf-v6-c-page__dock--desktop--Width
auto
.pf-v6-c-page--pf-v6-c-page__dock--ZIndex
300
.pf-v6-c-page--pf-v6-c-page__dock--TransitionDuration--slide
0s
.pf-v6-c-page--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide
0s
.pf-v6-c-page--pf-v6-c-page__dock--TransitionTimingFunction--slide
cubic-bezier(0, 0, .2, 1)
.pf-v6-c-page--pf-v6-c-page__dock-main--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page__dock-main--desktop--BackgroundColor
initial, #ffffff
.pf-v6-c-page--pf-v6-c-page__dock-main--BoxShadow
none
.pf-v6-c-page--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow
4px 0px 6px -4px rgb(41, 41, 41, 0.2000)
.pf-v6-c-page--pf-v6-c-page__dock-main--desktop--BoxShadow
0px 4px 10px 0px rgb(41, 41, 41, 0.1500), none
.pf-v6-c-page--pf-v6-c-page__dock-main--BackdropFilter
initial, revert
.pf-v6-c-page--pf-v6-c-page__dock-main--BorderInlineEndWidth
0
.pf-v6-c-page--pf-v6-c-page__dock-main--BorderInlineEndColor
transparent
.pf-v6-c-page--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth
1px
.pf-v6-c-page--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor
initial, #e0e0e0
.pf-v6-c-page--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth
initial, 1px
.pf-v6-c-page--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor
transparent
.pf-v6-c-page--pf-v6-c-page--m-dock__main-container--MaxHeight
calc(100% - 1.5rem * 2)
.pf-v6-c-page--pf-v6-c-page--m-dock__main-container--MarginBlockStart
1.5rem
.pf-v6-c-page--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart
1.5rem
.pf-v6-c-page--pf-v6-c-page--m-dock--ColumnGap
1.5rem
.pf-v6-c-page--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns
min-content 1fr
.pf-v6-c-page--pf-v6-c-page__sidebar--ZIndex
200
.pf-v6-c-page--pf-v6-c-page__sidebar--Width--base
18.125rem
.pf-v6-c-page--pf-v6-c-page__sidebar--Width
18.125rem
.pf-v6-c-page--pf-v6-c-page__sidebar--xl--Width
18.125rem
.pf-v6-c-page--pf-v6-c-page__sidebar--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-page--pf-v6-c-page__sidebar--BackdropFilter
none
.pf-v6-c-page--pf-v6-c-page__sidebar--xl--BackdropFilter
initial
.pf-v6-c-page--pf-v6-c-page__sidebar--xl--BackgroundColor
initial, #f2f2f2
.pf-v6-c-page--pf-v6-c-page__sidebar--BoxShadow
10px 0px 10px -8px rgb(41, 41, 41, 0.1500)
.pf-v6-c-page--pf-v6-c-page__sidebar--TransitionProperty
opacity
.pf-v6-c-page--pf-v6-c-page__sidebar--TransitionDuration
200ms
.pf-v6-c-page--pf-v6-c-page__sidebar--TransitionTimingFunction
cubic-bezier(0, 0, .2, 1)
.pf-v6-c-page--pf-v6-c-page__sidebar--TranslateX
-100%
.pf-v6-c-page--pf-v6-c-page__sidebar--Opacity
0
.pf-v6-c-page--pf-v6-c-page__sidebar--m-expanded--Opacity
1
.pf-v6-c-page--pf-v6-c-page__sidebar--xl--Opacity
1
.pf-v6-c-page--pf-v6-c-page__sidebar--TranslateZ
0
.pf-v6-c-page--pf-v6-c-page__sidebar--m-expanded--TranslateX
0
.pf-v6-c-page--pf-v6-c-page__sidebar--xl--TranslateX
0
.pf-v6-c-page--pf-v6-c-page__sidebar--MarginBlockStart
0
.pf-v6-c-page--pf-v6-c-page__sidebar--MarginInlineEnd
calc(1.5rem / 2)
.pf-v6-c-page--pf-v6-c-page__sidebar--PaddingBlockEnd
1.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar--PaddingInlineStart
0
.pf-v6-c-page--pf-v6-c-page__sidebar--PaddingInlineEnd
0
.pf-v6-c-page--pf-v6-c-page__sidebar--BorderInlineEndWidth
0px
.pf-v6-c-page--pf-v6-c-page__sidebar--BorderInlineEndColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingBlockStart
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingBlockEnd
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingInlineStart
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingInlineEnd
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginBlockStart
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginBlockEnd
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginInlineStart
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginInlineEnd
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BackgroundColor
transparent
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BackdropFilter
none
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderWidth
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderColor
transparent
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderRadius
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BoxShadow
none
.pf-v6-c-page--pf-v6-c-page__sidebar-header--BorderBlockEndWidth
1px
.pf-v6-c-page--pf-v6-c-page__sidebar-header--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-page--pf-v6-c-page__sidebar-header--PaddingBlockStart
0.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar-header--PaddingBlockEnd
1rem
.pf-v6-c-page--pf-v6-c-page__sidebar-title--PaddingInlineStart
1.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar-title--FontSize
1rem
.pf-v6-c-page--pf-v6-c-page__sidebar-title--LineHeight
1.3
.pf-v6-c-page--pf-v6-c-page__sidebar-title--FontFamily
"Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif
.pf-v6-c-page--pf-v6-c-page__sidebar-title--FontWeight
600
.pf-v6-c-page--pf-v6-c-page__sidebar-body--PaddingInlineEnd
calc(1.5rem / 2)
.pf-v6-c-page--pf-v6-c-page__sidebar-body--PaddingInlineStart
1.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd
1.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart
1.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd
1rem
.pf-v6-c-page--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart
1rem
.pf-v6-c-page--pf-v6-c-page__main-container--ZIndex
100
.pf-v6-c-page--pf-v6-c-page__main-container--GridArea
main
.pf-v6-c-page--pf-v6-c-page--masthead--main-container--GridArea
sidebar / sidebar / main / main
.pf-v6-c-page--pf-v6-c-page__main-container--MaxHeight
calc(100% - 1.5rem)
.pf-v6-c-page--pf-v6-c-page__main-container--AlignSelf
start
.pf-v6-c-page--pf-v6-c-page__main-container--BackgroundColor
initial, #ffffff
.pf-v6-c-page--pf-v6-c-page__main-container--BackdropFilter
initial
.pf-v6-c-page--pf-v6-c-page__main-container--MarginInlineStart
1.5rem
.pf-v6-c-page--pf-v6-c-page__main-container--MarginInlineEnd
1.5rem
.pf-v6-c-page--pf-v6-c-page__main-container--BorderRadius
16px
.pf-v6-c-page--pf-v6-c-page__main-container--BorderBlockStartWidth
4px
.pf-v6-c-page--pf-v6-c-page__main-container--BorderBlockEndWidth
4px
.pf-v6-c-page--pf-v6-c-page__main-container--BorderInlineStartWidth
4px
.pf-v6-c-page--pf-v6-c-page__main-container--BorderInlineEndWidth
4px
.pf-v6-c-page--pf-v6-c-page__main-container--BorderColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page__main-container--BoxShadow
0px 4px 10px 0px rgb(41, 41, 41, 0.1500), none
.pf-v6-c-page--pf-v6-c-page__main-container--xs--AlignSelf
stretch
.pf-v6-c-page--pf-v6-c-page__main-container--xs--BorderRadius
0
.pf-v6-c-page--pf-v6-c-page__main-container--xs--MarginInlineStart
0
.pf-v6-c-page--pf-v6-c-page__main-container--xs--MaxHeight
100%
.pf-v6-c-page--pf-v6-c-page__main-container--xs--MarginInlineEnd
0
.pf-v6-c-page--pf-v6-c-page__main-container--xs--BorderBlockEndWidth
0
.pf-v6-c-page--pf-v6-c-page__main-container--xs--BorderInlineStartWidth
0px
.pf-v6-c-page--pf-v6-c-page__main-container--xs--BorderInlineEndWidth
0px
.pf-v6-c-page--pf-v6-c-page__main-section--PaddingBlockStart
1rem
.pf-v6-c-page--pf-v6-c-page__main-section--PaddingInlineEnd
1.5rem
.pf-v6-c-page--pf-v6-c-page__main-section--PaddingBlockEnd
1rem
.pf-v6-c-page--pf-v6-c-page__main-section--PaddingInlineStart
1.5rem
.pf-v6-c-page--pf-v6-c-page__main-section--RowGap
1.5rem
.pf-v6-c-page--pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart
1rem
.pf-v6-c-page--pf-v6-c-page__main-section--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page__main-section--m-secondary--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-page--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart
1rem
.pf-v6-c-page--pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth
initial, 0px
.pf-v6-c-page--pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor
(In light theme) #e0e0e0
.pf-v6-c-page--pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth
initial, 0px
.pf-v6-c-page--pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-page--pf-v6-c-page--section--m-limit-width--MaxWidth
calc(125rem - 18.125rem)
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-top--ZIndex
300
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-top--BoxShadow
0px 4px 6px -4px rgb(41, 41, 41, 0.2000)
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth
0px
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-top--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-bottom--ZIndex
300
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-bottom--BoxShadow
0px -4px 6px -4px rgb(41, 41, 41, 0.2000)
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth
0px
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-top--TransitionDuration
100ms
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction
cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration
100ms
.pf-v6-c-page--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction
cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-page--pf-v6-c-page--section--m-shadow-bottom--BoxShadow
0px 4px 6px -4px rgb(41, 41, 41, 0.2000)
.pf-v6-c-page--pf-v6-c-page--section--m-shadow-bottom--ZIndex
100
.pf-v6-c-page--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth
0px
.pf-v6-c-page--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-page--pf-v6-c-page--section--m-shadow-top--BoxShadow
0px -4px 6px -4px rgb(41, 41, 41, 0.2000)
.pf-v6-c-page--pf-v6-c-page--section--m-shadow-top--ZIndex
100
.pf-v6-c-page--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth
0px
.pf-v6-c-page--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-page--pf-v6-c-page__main-subnav--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page__main-subnav--PaddingBlockStart
1rem
.pf-v6-c-page--pf-v6-c-page__main-subnav--PaddingBlockEnd
0
.pf-v6-c-page--pf-v6-c-page__main-subnav--PaddingInlineStart
calc(1.5rem - 4px)
.pf-v6-c-page--pf-v6-c-page__main-subnav--PaddingInlineEnd
calc(1.5rem - 4px)
.pf-v6-c-page--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd
1rem
.pf-v6-c-page--pf-v6-c-page__main-breadcrumb--PaddingBlockStart
1rem
.pf-v6-c-page--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd
calc(1.5rem - 4px)
.pf-v6-c-page--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd
0
.pf-v6-c-page--pf-v6-c-page__main-breadcrumb--PaddingInlineStart
calc(1.5rem - 4px)
.pf-v6-c-page--pf-v6-c-page__main-breadcrumb--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd
1rem
.pf-v6-c-page--pf-v6-c-page__main-tabs--PaddingBlockStart
0
.pf-v6-c-page--pf-v6-c-page__main-tabs--PaddingInlineEnd
0
.pf-v6-c-page--pf-v6-c-page__main-tabs--PaddingBlockEnd
0
.pf-v6-c-page--pf-v6-c-page__main-tabs--PaddingInlineStart
0
.pf-v6-c-page--pf-v6-c-page__main-tabs--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page__main-wizard--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-page--pf-v6-c-page__main-wizard--BorderBlockStartColor
(In light theme) #e0e0e0
.pf-v6-c-page--pf-v6-c-page__main-wizard--BorderBlockStartWidth
1px
.pf-v6-c-page--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth
0px
.pf-v6-c-page--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-page--pf-v6-c-page--BackgroundColor--glass
transparent
.pf-v6-c-page--pf-v6-c-page__sidebar--Width--base--glass
calc(18.125rem + 1.5rem * 2)
.pf-v6-c-page--pf-v6-c-page__sidebar--MarginBlockStart--glass
1rem
.pf-v6-c-page--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass
1rem
.pf-v6-c-page--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass
1rem
.pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass
1.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginBlockStart--glass
calc(0.25rem * -1)
.pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass
calc(1.5rem - 0.25rem)
.pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginInlineStart--glass
calc(1.5rem - 0.25rem)
.pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass
1rem
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BackgroundColor--glass
(In light theme) #f2f2f2
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BackdropFilter--glass
none
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderWidth--glass
initial
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderColor--glass
initial
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderRadius--glass
initial
.pf-v6-c-page--pf-v6-c-page__sidebar-main--BoxShadow--glass
0px 4px 10px 0px rgb(41, 41, 41, 0.1500)
.pf-v6-c-page--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass
0
.pf-v6-c-page--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass
1.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass
1.5rem
.pf-v6-c-page--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass
1rem
.pf-v6-c-page--pf-v6-c-page__main-container--MarginBlockStart--glass
1rem
.pf-v6-c-page--pf-v6-c-page__main-container--MaxHeight--glass
calc(100% - 1.5rem - 1rem)
.pf-v6-c-page--pf-v6-c-page--m-dock__main-container--MaxHeight--glass
calc(100% - 1.5rem - 1rem)
.pf-v6-c-page--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass
1rem
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page--BackgroundColor
transparent
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar--Width--base
calc(18.125rem + 1.5rem * 2)
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar--MarginBlockStart
1rem
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-body--PaddingInlineStart
1rem
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-body--PaddingInlineEnd
1rem
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingBlockEnd
1.5rem
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingInlineStart
0
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--PaddingInlineEnd
0
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginBlockStart
calc(0.25rem * -1)
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginBlockEnd
calc(1.5rem - 0.25rem)
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginInlineStart
calc(1.5rem - 0.25rem)
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--MarginInlineEnd
1rem
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--BackgroundColor
(In light theme) #f2f2f2
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--BackdropFilter
none
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderWidth
initial
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderColor
initial
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--BorderRadius
initial
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__sidebar-main--BoxShadow
0px 4px 10px 0px rgb(41, 41, 41, 0.1500)
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__main-container--MarginBlockStart
1rem
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page__main-container--MaxHeight
calc(100% - 1.5rem - 1rem)
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page--m-dock__main-container--MaxHeight
calc(100% - 1.5rem - 1rem)
:where(.pf-v6-theme-glass) .pf-v6-c-page--pf-v6-c-page--m-dock__main-container--MarginBlockStart
1rem
.pf-v6-c-page.pf-m-docked--pf-v6-c-page--masthead--main-container--GridArea
main
.pf-v6-c-page.pf-m-docked--pf-v6-c-page__main-container--MaxHeight
calc(100% - 1.5rem * 2)
.pf-v6-c-page.pf-m-docked--pf-v6-c-page__main-container--MarginBlockStart
1.5rem
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)--pf-v6-c-button--hamburger-icon--top--path
path("M5,1 L9,1")
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)--pf-v6-c-button--hamburger-icon--arrow--path
path("M3,7 L1,5 L3,3")
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)--pf-v6-c-button--hamburger-icon--bottom--path
path("M9,9 L5,9")
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)--pf-v6-c-button__icon--TransitionDelay
0s
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)--pf-v6-c-button__icon--ScaleX
-1
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)--pf-v6-c-button--hover__icon--TransitionDelay
0s
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)--pf-v6-c-button--hover__icon--ScaleX
-1
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)--pf-v6-c-button--hamburger-icon--top--path
path("M5,1 L9,1")
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)--pf-v6-c-button--hamburger-icon--arrow--path
path("M3,7 L1,5 L3,3")
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)--pf-v6-c-button--hamburger-icon--bottom--path
path("M9,9 L5,9")
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)--pf-v6-c-button__icon--TransitionDelay
0s
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)--pf-v6-c-button__icon--ScaleX
1
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)--pf-v6-c-button--hover__icon--TransitionDelay
0s
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)--pf-v6-c-button--hover__icon--ScaleX
1
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger--pf-v6-c-button--hamburger-icon--top--path
path("M5,1 L9,1")
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger--pf-v6-c-button--hamburger-icon--arrow--path
path("M3,7 L1,5 L3,3")
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger--pf-v6-c-button--hamburger-icon--bottom--path
path("M9,9 L5,9")
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger--pf-v6-c-button__icon--TransitionDelay
0s
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger--pf-v6-c-button__icon--ScaleX
1
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger--pf-v6-c-button--hover__icon--TransitionDelay
0s
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger--pf-v6-c-button--hover__icon--ScaleX
1
.pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead--pf-v6-c-masthead--m-display-inline--GridTemplateColumns
min-content 1fr
.pf-v6-c-page__dock.pf-m-expanded--pf-v6-c-page__dock--TransitionDuration--slide
0s
.pf-v6-c-page__sidebar.pf-m-expanded--pf-v6-c-page__sidebar--TranslateX
0
.pf-v6-c-page__sidebar.pf-m-expanded--pf-v6-c-page__sidebar--Opacity
1
.pf-v6-c-page__sidebar-body.pf-m-page-insets--pf-v6-c-page__sidebar-body--PaddingInlineEnd
1.5rem
.pf-v6-c-page__sidebar-body.pf-m-page-insets--pf-v6-c-page__sidebar-body--PaddingInlineStart
1.5rem
.pf-v6-c-page__sidebar-body.pf-m-context-selector--pf-v6-c-page__sidebar-body--PaddingInlineEnd
1rem
.pf-v6-c-page__sidebar-body.pf-m-context-selector--pf-v6-c-page__sidebar-body--PaddingInlineStart
1rem
.pf-v6-c-page__sidebar-body.pf-m-inset-none--pf-v6-c-page__sidebar-body--PaddingInlineEnd
0
.pf-v6-c-page__sidebar-body.pf-m-inset-none--pf-v6-c-page__sidebar-body--PaddingInlineStart
0
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-base--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd
1rem
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain--pf-v6-c-page__main-section--BackgroundColor
transparent
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain--pf-v6-c-page__main-subnav--BackgroundColor
transparent
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain--pf-v6-c-page__main-breadcrumb--BackgroundColor
transparent
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain--pf-v6-c-page__main-tabs--BackgroundColor
transparent
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain--pf-v6-c-page__main-wizard--BackgroundColor
transparent
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain--pf-v6-c-page__main-group--BackgroundColor
transparent
.pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-section--pf-v6-c-page__main-section--PaddingBlockStart
1rem
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd
1rem
.pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs--pf-v6-c-page__main-tabs--PaddingBlockStart
1rem
.pf-v6-c-page__main-section.pf-m-secondary--pf-v6-c-page__main-section--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-page__main-wizard:first-child--pf-v6-c-page__main-wizard--BorderBlockStartWidth
0