Drawer

A drawer is a sliding panel that enters from outside of the viewport, which can be configured to either overlay content or create a sidebar by pushing content.

CSS variables

Expand or collapse columnSelectorVariableValue
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-inline__main--Gap
0
.pf-v6-c-drawer--pf-v6-c-drawer__section--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-drawer--pf-v6-c-drawer__section--m-secondary--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-drawer--pf-v6-c-drawer__content--FlexBasis
100%
.pf-v6-c-drawer--pf-v6-c-drawer__content--BackgroundColor
transparent
.pf-v6-c-drawer--pf-v6-c-drawer__content--m-primary--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-drawer--pf-v6-c-drawer__content--m-secondary--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-drawer--pf-v6-c-drawer__content--ZIndex
100
.pf-v6-c-drawer--pf-v6-c-drawer__panel--MinWidth
50%
.pf-v6-c-drawer--pf-v6-c-drawer__panel--MaxHeight
auto
.pf-v6-c-drawer--pf-v6-c-drawer__panel--ZIndex
200
.pf-v6-c-drawer--pf-v6-c-drawer__panel--BorderColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-drawer--pf-v6-c-drawer__panel--BorderBlockStartWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__panel--BorderBlockEndWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__panel--BorderInlineStartWidth
0px
.pf-v6-c-drawer--pf-v6-c-drawer__panel--BorderInlineEndWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__panel--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-inline--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-secondary--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-drawer--pf-v6-c-drawer__panel--RowGap
0.5rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel--PaddingBlockStart
0.5rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel--PaddingBlockEnd
0.5rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel--TransitionDelay
0s, 200ms, 200ms
.pf-v6-c-drawer--pf-v6-c-drawer__panel--TransitionDelay--focus
200ms
.pf-v6-c-drawer--pf-v6-c-drawer__panel--TransitionDelay--expand--focus
0s
.pf-v6-c-drawer--pf-v6-c-drawer__panel--TransitionTimingFunction
cubic-bezier(0, 0, .2, 1)
.pf-v6-c-drawer--pf-v6-c-drawer__panel--TransitionDuration--fade
200ms
.pf-v6-c-drawer--pf-v6-c-drawer__panel--TransitionDuration
200ms, 0s, 0s
.pf-v6-c-drawer--pf-v6-c-drawer__panel--TransitionProperty
opacity, visibility, transform
.pf-v6-c-drawer--pf-v6-c-drawer__panel--Opacity
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-expanded__panel--Opacity
1
.pf-v6-c-drawer--pf-v6-c-drawer--m-expanded__panel--inset
0px
.pf-v6-c-drawer--pf-v6-c-drawer__panel--FlexBasis
100%
.pf-v6-c-drawer--pf-v6-c-drawer__panel--md--FlexBasis--min
1.5rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel--md--FlexBasis
50%
.pf-v6-c-drawer--pf-v6-c-drawer__panel--md--FlexBasis--max
100%
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-inline--md--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-drawer--pf-v6-c-drawer__panel--xl--MinWidth
28.125rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel--xl--FlexBasis
28.125rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight
50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight
18.75rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__panel--xl--FlexBasis
18.75rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-resizable--FlexDirection
row
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min
0.75rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-resizable--MinWidth
1.5rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection
column
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min
1.5rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight
1.5rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__panel--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__panel--BorderRadius
24px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-expanded__panel--inset
1.5rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow
0px 4px 10px 0px rgb(41, 41, 41, 0.1500)
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-glass--BackgroundColor
initial
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-glass--BackdropFilter
initial
.pf-v6-c-drawer--pf-v6-c-drawer__panel--m-glass--BorderColor
initial
.pf-v6-c-drawer--pf-v6-c-drawer__head--ColumnGap
0.5rem
.pf-v6-c-drawer--pf-v6-c-drawer__head--PaddingBlockStart
0.5rem
.pf-v6-c-drawer--pf-v6-c-drawer__head--PaddingBlockEnd
0.5rem
.pf-v6-c-drawer--pf-v6-c-drawer__head--PaddingInlineStart
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__head--PaddingInlineEnd
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__description--PaddingInlineStart
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__description--PaddingInlineEnd
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__body--PaddingBlockStart--base
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__body--PaddingInlineEnd--base
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__body--PaddingBlockEnd--base
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__body--PaddingInlineStart--base
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__content__body--PaddingBlockStart
0
.pf-v6-c-drawer--pf-v6-c-drawer__content__body--PaddingInlineEnd
0
.pf-v6-c-drawer--pf-v6-c-drawer__content__body--PaddingBlockEnd
0
.pf-v6-c-drawer--pf-v6-c-drawer__content__body--PaddingInlineStart
0
.pf-v6-c-drawer--pf-v6-c-drawer__panel__body--PaddingBlockStart
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel__body--PaddingInlineEnd
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel__body--PaddingBlockEnd
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__panel__body--PaddingInlineStart
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__body--m-padding--PaddingBlockStart
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__body--m-padding--PaddingInlineEnd
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__body--m-padding--PaddingBlockEnd
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__body--m-padding--PaddingInlineStart
1rem
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--Height
0.75rem
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--Width
100%
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--BackgroundColor
transparent
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--Cursor
row-resize
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical--Height
100%
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical--Width
0.75rem
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical--Cursor
col-resize
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--focus--OutlineOffset
-0.0625rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset
-0.0625rem
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--hover--after--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--focus--after--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--active--after--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--border-width--base
1px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--InsetBlockStart
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--InsetBlockEnd
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--InsetInlineStart
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--InsetInlineEnd
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--Width
auto
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--after--Height
auto
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width
0.625rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height
calc(100% - (2 * 24px))
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart
24px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--after--BorderColor
transparent
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor
(In light theme) #4394e5
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor
(In light theme) #0066cc
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor
(In light theme) #0066cc
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--after--Width
0.0625rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--after--Height
auto
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart
50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd
auto
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill__splitter--after--TranslateX
-50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height
0.5rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width
calc(100% - (2 * 24px))
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart
24px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width
auto
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height
0.0625rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart
50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd
auto
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY
-50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline__splitter--m-vertical--Width
0.75rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart
50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height
0.75rem
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart
50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--InsetBlockStart
50%
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--InsetInlineStart
50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart
50%
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart
50%
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--BackgroundColor
(In light theme) #8c8c8c
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor
(In light theme) #4394e5
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor
(In light theme) #0066cc
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor
(In light theme) #0066cc
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--BorderColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--BorderRadius
999px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor
(In light theme) #004d99
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth
0
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth
1px
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--Width
2.1875rem
.pf-v6-c-drawer--pf-v6-c-drawer__splitter-handle--after--Height
0.25rem
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width
0.25rem
.pf-v6-c-drawer--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height
2.1875rem
.pf-v6-c-drawer--pf-v6-c-drawer__actions--MarginBlockStart
calc(0.25rem * -1.5)
.pf-v6-c-drawer--pf-v6-c-drawer__actions--MarginInlineEnd
calc(0.5rem * -1.5)
.pf-v6-c-drawer--pf-v6-c-drawer__panel--BoxShadow
none
.pf-v6-c-drawer--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow
0px -10px 10px -8px rgb(41, 41, 41, 0.1500)
.pf-v6-c-drawer--pf-v6-c-drawer__panel--after--Width
0px
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline__panel--after--Width
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline__panel--after--md--Width
1px
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom__panel--after--Height
0px
.pf-v6-c-drawer--pf-v6-c-drawer__panel--after--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor
(In light theme) #e0e0e0
.pf-v6-c-drawer--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart
0
.pf-v6-c-drawer--pf-v6-c-drawer--m-expanded__panel--BoxShadow
-10px 0px 10px -8px rgb(41, 41, 41, 0.1500)
.pf-v6-c-drawer--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow
10px 0px 10px -8px rgb(41, 41, 41, 0.1500)
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer--pf-v6-c-drawer--m-expanded__panel--BoxShadow
10px 0px 10px -8px rgb(41, 41, 41, 0.1500)
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow
-10px 0px 10px -8px rgb(41, 41, 41, 0.1500)
.pf-v6-c-drawer.pf-m-inline--pf-v6-c-drawer__panel--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-drawer.pf-m-inline--pf-v6-c-drawer__panel--BorderInlineStartWidth
0
.pf-v6-c-drawer.pf-m-inline--pf-v6-c-drawer--m-pill__main--Gap
0
.pf-v6-c-drawer.pf-m-inline--pf-v6-c-drawer--m-pill--m-expanded__panel--inset
0px
.pf-v6-c-drawer.pf-m-expanded--pf-v6-c-drawer--m-pill--m-inline__main--Gap
1.5rem
.pf-v6-c-drawer.pf-m-expanded--pf-v6-c-drawer__panel--TransitionDelay--focus
0s
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel--pf-v6-c-drawer__panel--Opacity
1
.pf-v6-c-drawer.pf-m-resizing--pf-v6-c-drawer__panel--TransitionProperty
none
.pf-v6-c-drawer__section.pf-m-secondary--pf-v6-c-drawer__section--BackgroundColor
(In light theme) #f2f2f2
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer__section.pf-m-plain--pf-v6-c-drawer__section--BackgroundColor
transparent
.pf-v6-c-drawer__content.pf-m-primary--pf-v6-c-drawer__content--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-drawer__content.pf-m-secondary--pf-v6-c-drawer__content--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-drawer__panel.pf-m-secondary--pf-v6-c-drawer__panel--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-drawer__panel.pf-m-no-background--pf-v6-c-drawer__panel--BackgroundColor
transparent
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter--Height
100%
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter--Width
0.75rem
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter--Cursor
col-resize
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter-handle--after--Width
0.25rem
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter-handle--after--Height
2.1875rem
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth
0
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth
1px
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth
0
.pf-v6-c-drawer__splitter.pf-m-vertical--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth
1px
.pf-v6-c-drawer__splitter:hover--pf-v6-c-drawer__splitter-handle--after--BackgroundColor
(In light theme) #4394e5
.pf-v6-c-drawer__splitter:hover--pf-v6-c-drawer__splitter--after--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-drawer__splitter:focus--pf-v6-c-drawer__splitter-handle--after--BackgroundColor
(In light theme) #0066cc
.pf-v6-c-drawer__splitter:focus--pf-v6-c-drawer__splitter--after--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-drawer__splitter:active--pf-v6-c-drawer__splitter-handle--after--BackgroundColor
(In light theme) #0066cc
.pf-v6-c-drawer__splitter:active--pf-v6-c-drawer__splitter--after--BorderColor
(In light theme) #e0e0e0