Pagination

A pagination component allows users to navigate through large content views that have been split across multiple pages.

CSS variables

Expand or collapse column	Selector	Variable	Value
	.pf-v6-c-pagination	--pf-v6-c-pagination--inset	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--ColumnGap	1.5rem
--pf-v6-c-pagination--ColumnGap --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--BorderColor	(In light theme) rgb(255, 255, 255, 0.0000)
--pf-v6-c-pagination--BorderColor --pf-t--global--border--color--high-contrast rgb(255, 255, 255, 0.0000)
	.pf-v6-c-pagination	--pf-v6-c-pagination--BorderBlockStartWidth	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--BorderBlockEndWidth	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-page-insets--inset	calc(1.5rem - 4px)
--pf-v6-c-pagination--m-page-insets--inset calc(--pf-t--global--spacer--lg - --pf-t--global--border--width--main--default) calc(--pf-t--global--spacer--400 - --pf-t--global--border--width--400) calc(1.5rem - 4px)
	.pf-v6-c-pagination	--pf-v6-c-pagination__nav--Display	none
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-display-summary__nav--Display	none
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-display-full__nav--Display	inline-flex
	.pf-v6-c-pagination	--pf-v6-c-pagination__nav--ColumnGap	0.5rem
--pf-v6-c-pagination__nav--ColumnGap --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination__nav-page-select--FontSize	0.875rem
--pf-v6-c-pagination__nav-page-select--FontSize --pf-t--global--font--size--body--default --pf-t--global--font--size--sm --pf-t--global--font--size--200 0.875rem
	.pf-v6-c-pagination	--pf-v6-c-pagination__nav-page-select--ColumnGap	0.5rem
--pf-v6-c-pagination__nav-page-select--ColumnGap --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination__nav-page-select--c-form-control--width-base	calc(1rem + 1rem + 1px * 2)
--pf-v6-c-pagination__nav-page-select--c-form-control--width-base calc(--pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--border--width--control--default * 2) calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--border--width--100 * 2) calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + 1px * 2) calc(1rem + 1rem + 1px * 2)
	.pf-v6-c-pagination	--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars	2
	.pf-v6-c-pagination	--pf-v6-c-pagination__nav-page-select--c-form-control--Width	calc(calc(1rem + 1rem + 1px * 2) + (2 * 1ch))
--pf-v6-c-pagination__nav-page-select--c-form-control--Width calc(--pf-v6-c-pagination__nav-page-select--c-form-control--width-base + (--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars * 1ch)) calc(calc(--pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--border--width--control--default * 2) + (2 * 1ch)) calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--border--width--100 * 2) + (2 * 1ch)) calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + 1px * 2) + (2 * 1ch)) calc(calc(1rem + 1rem + 1px * 2) + (2 * 1ch))
	.pf-v6-c-pagination	--pf-v6-c-pagination__total-items--Display	block
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-display-summary__total-items--Display	block
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-display-full__total-items--Display	none
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-pagination--m-sticky--BackgroundColor --pf-t--global--background--color--sticky--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--BoxShadow	0px 4px 6px -4px rgb(41, 41, 41, 0.2000)
--pf-v6-c-pagination--m-sticky--BoxShadow --pf-t--global--box-shadow--sm--bottom --pf-t--global--box-shadow--X--sm--bottom --pf-t--global--box-shadow--Y--sm--bottom --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--directional --pf-t--global--box-shadow--color--sm--directional --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--600 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--200 --pf-t--global--box-shadow--color--200 0px 4px 6px -4px rgb(41, 41, 41, 0.2000)
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--PaddingBlockStart	1rem
--pf-v6-c-pagination--m-sticky--PaddingBlockStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--PaddingBlockEnd	1rem
--pf-v6-c-pagination--m-sticky--PaddingBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--PaddingInlineStart	1.5rem
--pf-v6-c-pagination--m-sticky--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--PaddingInlineEnd	1.5rem
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--ZIndex	100
--pf-v6-c-pagination--m-sticky--ZIndex --pf-t--global--z-index--xs --pf-t--global--z-index--100 100
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--InsetBlockStart	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth	0px
--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky-base--InsetBlockStart	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky-base--BorderRadius	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky-base--TransitionTimingFunction	cubic-bezier(.4, 0, .2, 1)
--pf-v6-c-pagination--m-sticky-base--TransitionTimingFunction --pf-t--global--motion--timing-function--default --pf-t--global--timing-function--200 cubic-bezier(.4, 0, .2, 1)
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky-base--TransitionDuration	100ms
--pf-v6-c-pagination--m-sticky-base--TransitionDuration --pf-t--global--motion--duration--fade--short --pf-t--global--motion--duration--sm --pf-t--global--duration--100 100ms
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky-stuck--BoxShadow	0px 4px 6px -4px rgb(41, 41, 41, 0.2000)
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow --pf-v6-c-pagination--m-sticky--BoxShadow --pf-t--global--box-shadow--sm--bottom --pf-t--global--box-shadow--X--sm--bottom --pf-t--global--box-shadow--Y--sm--bottom --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--directional --pf-t--global--box-shadow--color--sm--directional --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--600 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--200 --pf-t--global--box-shadow--color--200 0px 4px 6px -4px rgb(41, 41, 41, 0.2000)
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor --pf-t--global--background--color--sticky--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--BorderRadius--glass	16px
--pf-v6-c-pagination--m-sticky--BorderRadius--glass --pf-t--global--border--radius--medium --pf-t--global--border--radius--300 16px
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-pagination--m-bottom--BackgroundColor --pf-t--global--background--color--sticky--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--BorderRadius	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--BoxShadow	0px -4px 6px -4px rgb(41, 41, 41, 0.2000)
--pf-v6-c-pagination--m-bottom--BoxShadow --pf-t--global--box-shadow--sm--top --pf-t--global--box-shadow--X--sm--top --pf-t--global--box-shadow--Y--sm--top --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--directional --pf-t--global--box-shadow--color--sm--directional --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--200 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--200 --pf-t--global--box-shadow--color--200 0px -4px 6px -4px rgb(41, 41, 41, 0.2000)
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow	0px -4px 6px -4px rgb(41, 41, 41, 0.2000)
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow --pf-t--global--box-shadow--sm--top --pf-t--global--box-shadow--X--sm--top --pf-t--global--box-shadow--Y--sm--top --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--directional --pf-t--global--box-shadow--color--sm--directional --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--200 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--200 --pf-t--global--box-shadow--color--200 0px -4px 6px -4px rgb(41, 41, 41, 0.2000)
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--InsetBlockEnd	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth	0px
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart	0.5rem
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd	0.5rem
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart	0.5rem
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd	0.5rem
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth	0px
--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart	0.5rem
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart --pf-t--global--spacer--gap--group--vertical --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart	0.5rem
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd	0.5rem
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-static--BorderRadius	0
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor	transparent
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd	0
	.pf-v6-c-pagination	--pf-v6-c-pagination__page-menu--Display--base	block
	.pf-v6-c-pagination	--pf-v6-c-pagination__page-menu--Display	none
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-display-summary__page-menu--Display	none
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-display-full__page-menu--Display	block
--pf-v6-c-pagination--m-display-full__page-menu--Display --pf-v6-c-pagination__page-menu--Display--base block
	.pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom__page-menu--Display	block
--pf-v6-c-pagination--m-bottom__page-menu--Display --pf-v6-c-pagination__page-menu--Display--base block
	.pf-v6-c-pagination	--pf-v6-c-pagination__page-menu--md--Display	block
--pf-v6-c-pagination__page-menu--md--Display --pf-v6-c-pagination__page-menu--Display--base block
	:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky-stuck--BorderRadius	initial
--pf-v6-c-pagination--m-sticky-stuck--BorderRadius --pf-t--global--border--radius--glass--default initial
	:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky-stuck--BoxShadow	0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow --pf-t--global--box-shadow--sm --pf-t--global--box-shadow--X--sm--default --pf-t--global--box-shadow--Y--sm--default --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--default --pf-t--global--box-shadow--color--sm--default --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--500 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--100 --pf-t--global--box-shadow--color--100 0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
	:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--BorderRadius	16px
--pf-v6-c-pagination--m-sticky--BorderRadius --pf-v6-c-pagination--m-sticky--BorderRadius--glass --pf-t--global--border--radius--medium --pf-t--global--border--radius--300 16px
	:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination	--pf-v6-c-pagination--m-sticky--BoxShadow	0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
--pf-v6-c-pagination--m-sticky--BoxShadow --pf-t--global--box-shadow--sm --pf-t--global--box-shadow--X--sm--default --pf-t--global--box-shadow--Y--sm--default --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--default --pf-t--global--box-shadow--color--sm--default --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--500 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--100 --pf-t--global--box-shadow--color--100 0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
	:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--BoxShadow	0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
--pf-v6-c-pagination--m-bottom--BoxShadow --pf-t--global--box-shadow--sm --pf-t--global--box-shadow--X--sm--default --pf-t--global--box-shadow--Y--sm--default --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--default --pf-t--global--box-shadow--color--sm--default --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--500 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--100 --pf-t--global--box-shadow--color--100 0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
	:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow	0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow --pf-t--global--box-shadow--sm --pf-t--global--box-shadow--X--sm--default --pf-t--global--box-shadow--Y--sm--default --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--default --pf-t--global--box-shadow--color--sm--default --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--500 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--100 --pf-t--global--box-shadow--color--100 0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
	:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination	--pf-v6-c-pagination--m-bottom--BorderRadius	16px
--pf-v6-c-pagination--m-bottom--BorderRadius --pf-v6-c-pagination--m-sticky--BorderRadius--glass --pf-t--global--border--radius--medium --pf-t--global--border--radius--300 16px
	.pf-v6-c-pagination.pf-m-bottom	--pf-v6-c-pagination--m-sticky--BoxShadow	0px -4px 6px -4px rgb(41, 41, 41, 0.2000)
--pf-v6-c-pagination--m-sticky--BoxShadow --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow --pf-t--global--box-shadow--sm--top --pf-t--global--box-shadow--X--sm--top --pf-t--global--box-shadow--Y--sm--top --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--directional --pf-t--global--box-shadow--color--sm--directional --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--200 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--200 --pf-t--global--box-shadow--color--200 0px -4px 6px -4px rgb(41, 41, 41, 0.2000)
	.pf-v6-c-pagination.pf-m-bottom	--pf-v6-c-pagination--m-sticky--InsetBlockStart	auto
	.pf-v6-c-pagination.pf-m-bottom	--pf-v6-c-pagination--BorderBlockStartWidth	0px
--pf-v6-c-pagination--BorderBlockStartWidth --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-pagination.pf-m-static	--pf-v6-c-pagination--m-bottom--BackgroundColor	transparent
--pf-v6-c-pagination--m-bottom--BackgroundColor --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor transparent
	.pf-v6-c-pagination.pf-m-sticky	--pf-v6-c-pagination--m-bottom--InsetBlockEnd	0
	.pf-v6-c-pagination.pf-m-sticky	--pf-v6-c-pagination--BorderBlockEndWidth	0px
--pf-v6-c-pagination--BorderBlockEndWidth --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-pagination.pf-m-sticky	--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth	0px
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth --pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-pagination.pf-m-sticky-base.pf-m-bottom	--pf-v6-c-pagination--m-sticky-base--InsetBlockStart	0
	.pf-v6-c-pagination.pf-m-sticky-base.pf-m-bottom	--pf-v6-c-pagination--m-bottom--InsetBlockEnd	0
--pf-v6-c-pagination--m-bottom--InsetBlockEnd --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd 0
	.pf-v6-c-pagination.pf-m-sticky-stuck	--pf-v6-c-pagination--m-sticky-base--BoxShadow	0px 4px 6px -4px rgb(41, 41, 41, 0.2000)
--pf-v6-c-pagination--m-sticky-base--BoxShadow --pf-v6-c-pagination--m-sticky-stuck--BoxShadow --pf-v6-c-pagination--m-sticky--BoxShadow --pf-t--global--box-shadow--sm--bottom --pf-t--global--box-shadow--X--sm--bottom --pf-t--global--box-shadow--Y--sm--bottom --pf-t--global--box-shadow--blur--sm --pf-t--global--box-shadow--spread--sm--directional --pf-t--global--box-shadow--color--sm--directional --pf-t--global--box-shadow--X--400 --pf-t--global--box-shadow--Y--600 --pf-t--global--box-shadow--blur--100 --pf-t--global--box-shadow--spread--200 --pf-t--global--box-shadow--color--200 0px 4px 6px -4px rgb(41, 41, 41, 0.2000)
	.pf-v6-c-pagination.pf-m-sticky-stuck	--pf-v6-c-pagination--m-sticky-base--BorderRadius	initial
--pf-v6-c-pagination--m-sticky-base--BorderRadius --pf-v6-c-pagination--m-sticky-stuck--BorderRadius --pf-t--global--border--radius--glass--default initial
	.pf-v6-c-pagination.pf-m-sticky-stuck	--pf-v6-c-pagination--m-sticky-base--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-pagination--m-sticky-base--BackgroundColor --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor --pf-t--global--background--color--sticky--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-pagination.pf-m-page-insets	--pf-v6-c-pagination--inset	calc(1.5rem - 4px)
--pf-v6-c-pagination--inset --pf-v6-c-pagination--m-page-insets--inset calc(--pf-t--global--spacer--lg - --pf-t--global--border--width--main--default) calc(--pf-t--global--spacer--400 - --pf-t--global--border--width--400) calc(1.5rem - 4px)
	.pf-v6-c-pagination.pf-m-display-summary	--pf-v6-c-pagination__nav--Display	none
--pf-v6-c-pagination__nav--Display --pf-v6-c-pagination--m-display-summary__nav--Display none
	.pf-v6-c-pagination.pf-m-display-summary	--pf-v6-c-pagination__page-menu--Display	none
--pf-v6-c-pagination__page-menu--Display --pf-v6-c-pagination--m-display-summary__page-menu--Display none
	.pf-v6-c-pagination.pf-m-display-summary	--pf-v6-c-pagination__total-items--Display	block
--pf-v6-c-pagination__total-items--Display --pf-v6-c-pagination--m-display-summary__total-items--Display block
	.pf-v6-c-pagination.pf-m-display-full	--pf-v6-c-pagination__nav--Display	inline-flex
--pf-v6-c-pagination__nav--Display --pf-v6-c-pagination--m-display-full__nav--Display inline-flex
	.pf-v6-c-pagination.pf-m-display-full	--pf-v6-c-pagination__page-menu--Display	block
--pf-v6-c-pagination__page-menu--Display --pf-v6-c-pagination--m-display-full__page-menu--Display --pf-v6-c-pagination__page-menu--Display--base block
	.pf-v6-c-pagination.pf-m-display-full	--pf-v6-c-pagination__total-items--Display	none
--pf-v6-c-pagination__total-items--Display --pf-v6-c-pagination--m-display-full__total-items--Display none
	.pf-v6-c-pagination.pf-m-inset-none	--pf-v6-c-pagination--inset	0
	.pf-v6-c-pagination.pf-m-inset-sm	--pf-v6-c-pagination--inset	0.5rem
--pf-v6-c-pagination--inset --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-pagination.pf-m-inset-md	--pf-v6-c-pagination--inset	1rem
--pf-v6-c-pagination--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-pagination.pf-m-inset-lg	--pf-v6-c-pagination--inset	1.5rem
--pf-v6-c-pagination--inset --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-pagination.pf-m-inset-xl	--pf-v6-c-pagination--inset	2rem
--pf-v6-c-pagination--inset --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem
	.pf-v6-c-pagination.pf-m-inset-2xl	--pf-v6-c-pagination--inset	3rem
--pf-v6-c-pagination--inset --pf-t--global--spacer--2xl --pf-t--global--spacer--600 3rem