Data list

A data list displays large data sets and interactive content in a flexible layout.

CSS variables

Expand or collapse column	Selector	Variable	Value
	.pf-v6-c-data-list	--pf-v6-c-data-list--FontSize	var( --pf-t--global--font--size--body)
--pf-v6-c-data-list--FontSize var( --pf-t--global--font--size--body) var( --pf-t--global--font--size--body)
	.pf-v6-c-data-list	--pf-v6-c-data-list--LineHeight	1.5
--pf-v6-c-data-list--LineHeight --pf-t--global--font--line-height--body --pf-t--global--font--line-height--200 1.5
	.pf-v6-c-data-list	--pf-v6-c-data-list--BorderBlockStartColor	(In light theme) #e0e0e0
--pf-v6-c-data-list--BorderBlockStartColor --pf-t--global--border--color--default --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0
	.pf-v6-c-data-list	--pf-v6-c-data-list--BorderBlockStartWidth	2px
--pf-v6-c-data-list--BorderBlockStartWidth --pf-t--global--border--width--strong --pf-t--global--border--width--200 2px
	.pf-v6-c-data-list	--pf-v6-c-data-list--sm--BorderBlockStartWidth	1px
--pf-v6-c-data-list--sm--BorderBlockStartWidth --pf-t--global--border--width--divider--default --pf-t--global--border--width--100 1px
	.pf-v6-c-data-list	--pf-v6-c-data-list--sm--BorderBlockStartColor	(In light theme) #e0e0e0
--pf-v6-c-data-list--sm--BorderBlockStartColor --pf-t--global--border--color--default --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0
	.pf-v6-c-data-list	--pf-v6-c-data-list--MarginInlineStart	1rem
--pf-v6-c-data-list--MarginInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-data-list__item--BackgroundColor --pf-t--global--background--color--primary--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-data-list	--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor	transparent
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--hover--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-data-list__item--hover--BackgroundColor --pf-t--global--background--color--primary--hover --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--m-selected--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-data-list__item--m-selected--BackgroundColor --pf-t--global--background--color--primary--clicked --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--m-clickable--OutlineOffset	calc(0.25rem * -1)
--pf-v6-c-data-list__item--m-clickable--OutlineOffset calc(--pf-t--global--spacer--xs * -1) calc(--pf-t--global--spacer--100 * -1) calc(0.25rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--BorderBlockEndColor	(In light theme) #e0e0e0
--pf-v6-c-data-list__item--BorderBlockEndColor --pf-t--global--border--color--default --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--BorderBlockEndWidth	2px
--pf-v6-c-data-list__item--BorderBlockEndWidth --pf-t--global--border--width--strong --pf-t--global--border--width--200 2px
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--sm--BorderBlockEndWidth	1px
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth --pf-t--global--border--width--divider--default --pf-t--global--border--width--100 1px
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--sm--BorderBlockEndColor	(In light theme) #e0e0e0
--pf-v6-c-data-list__item--sm--BorderBlockEndColor --pf-t--global--border--color--default --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-row--PaddingInlineEnd	1rem
--pf-v6-c-data-list__item-row--PaddingInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-row--PaddingInlineStart	1rem
--pf-v6-c-data-list__item-row--PaddingInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd	1.5rem
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-row--xl--PaddingInlineStart	1.5rem
--pf-v6-c-data-list__item-row--xl--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-content--md--PaddingBlockEnd	1.5rem
--pf-v6-c-data-list__item-content--md--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__cell--PaddingBlockStart	1.5rem
--pf-v6-c-data-list__cell--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__cell--PaddingBlockEnd	1.5rem
--pf-v6-c-data-list__cell--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__cell--MarginInlineEnd	2rem
--pf-v6-c-data-list__cell--MarginInlineEnd --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__cell--md--PaddingBlockEnd	0
	.pf-v6-c-data-list	--pf-v6-c-data-list__cell--m-icon--MarginInlineEnd	1rem
--pf-v6-c-data-list__cell--m-icon--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__cell--cell--PaddingBlockStart	0
	.pf-v6-c-data-list	--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart	1.5rem
--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__cell--m-icon--cell--PaddingBlockStart	1.5rem
--pf-v6-c-data-list__cell--m-icon--cell--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--cell--MinWidth	initial
	.pf-v6-c-data-list	--pf-v6-c-data-list--cell--Overflow	visible
	.pf-v6-c-data-list	--pf-v6-c-data-list--cell--TextOverflow	clip
	.pf-v6-c-data-list	--pf-v6-c-data-list--cell--WhiteSpace	normal
	.pf-v6-c-data-list	--pf-v6-c-data-list--cell--WordBreak	normal
	.pf-v6-c-data-list	--pf-v6-c-data-list--cell--m-truncate--MinWidth	5ch
	.pf-v6-c-data-list	--pf-v6-c-data-list__toggle--MarginInlineStart	calc(0.5rem * -1)
--pf-v6-c-data-list__toggle--MarginInlineStart calc(--pf-t--global--spacer--action--horizontal--plain--default * -1) calc(--pf-t--global--spacer--sm * -1) calc(--pf-t--global--spacer--200 * -1) calc(0.5rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__toggle--MarginBlockStart	calc(0.5rem * -1)
--pf-v6-c-data-list__toggle--MarginBlockStart calc(--pf-t--global--spacer--control--vertical--plain * -1) calc(--pf-t--global--spacer--sm * -1) calc(--pf-t--global--spacer--200 * -1) calc(0.5rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__toggle--MarginBlockEnd	calc(0.5rem * -1)
--pf-v6-c-data-list__toggle--MarginBlockEnd calc(--pf-t--global--spacer--control--vertical--plain * -1) calc(--pf-t--global--spacer--sm * -1) calc(--pf-t--global--spacer--200 * -1) calc(0.5rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__toggle-icon--Height	calc(var( --pf-t--global--font--size--body) * 1.5)
--pf-v6-c-data-list__toggle-icon--Height calc(--pf-v6-c-data-list--FontSize * --pf-v6-c-data-list--LineHeight) calc(var( --pf-t--global--font--size--body) * --pf-t--global--font--line-height--body) calc(var( --pf-t--global--font--size--body) * --pf-t--global--font--line-height--200) calc(var( --pf-t--global--font--size--body) * 1.5) calc(var( --pf-t--global--font--size--body) * 1.5)
	.pf-v6-c-data-list	--pf-v6-c-data-list__toggle-icon--TransitionDuration	100ms
--pf-v6-c-data-list__toggle-icon--TransitionDuration --pf-t--global--motion--duration--icon--default --pf-t--global--motion--duration--sm --pf-t--global--duration--100 100ms
	.pf-v6-c-data-list	--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction	cubic-bezier(.4, 0, .2, 1)
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction --pf-t--global--motion--timing-function--default --pf-t--global--timing-function--200 cubic-bezier(.4, 0, .2, 1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__toggle-icon--Transition	transform 100ms cubic-bezier(.4, 0, .2, 1)
--pf-v6-c-data-list__toggle-icon--Transition transform --pf-v6-c-data-list__toggle-icon--TransitionDuration --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction transform --pf-t--global--motion--duration--icon--default --pf-t--global--motion--timing-function--default transform --pf-t--global--motion--duration--sm --pf-t--global--timing-function--200 transform --pf-t--global--duration--100 cubic-bezier(.4, 0, .2, 1) transform 100ms cubic-bezier(.4, 0, .2, 1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__toggle-icon--Rotate	0
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate	-180deg
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--BackgroundColor	transparent
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart	1rem
--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd	1rem
--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--MarginBlockStart	calc(1.5rem * -1)
--pf-v6-c-data-list__item-draggable-button--MarginBlockStart calc(--pf-t--global--spacer--lg * -1) calc(--pf-t--global--spacer--400 * -1) calc(1.5rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd	calc(1.5rem * -1)
--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd calc(--pf-t--global--spacer--lg * -1) calc(--pf-t--global--spacer--400 * -1) calc(1.5rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart	1.5rem
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd	1.5rem
--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--MarginInlineStart	calc(1rem * -1)
--pf-v6-c-data-list__item-draggable-button--MarginInlineStart calc(--pf-t--global--spacer--md * -1) calc(--pf-t--global--spacer--300 * -1) calc(1rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button-icon--Color	(In light theme) #707070
--pf-v6-c-data-list__item-draggable-button-icon--Color --pf-t--global--icon--color--subtle --pf-t--global--icon--color--200 --pf-t--color--gray--50 #707070
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color	(In light theme) #a3a3a3
--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color --pf-t--global--icon--color--disabled --pf-t--global--color--disabled--200 --pf-t--color--gray--40 #a3a3a3
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color	(In light theme) #1f1f1f
--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color --pf-t--global--icon--color--regular --pf-t--global--icon--color--100 --pf-t--color--gray--90 #1f1f1f
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color	(In light theme) #1f1f1f
--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color --pf-t--global--icon--color--regular --pf-t--global--icon--color--100 --pf-t--color--gray--90 #1f1f1f
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--m-ghost-row--after--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-data-list__item--m-ghost-row--after--BackgroundColor --pf-t--global--background--color--primary--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-data-list	--pf-v6-c-data-list__item--m-ghost-row--after--Opacity	.6
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-control--PaddingBlockStart	1.5rem
--pf-v6-c-data-list__item-control--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-control--PaddingBlockEnd	1.5rem
--pf-v6-c-data-list__item-control--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-control--MarginInlineEnd	1rem
--pf-v6-c-data-list__item-control--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-control--md--MarginInlineEnd	2rem
--pf-v6-c-data-list__item-control--md--MarginInlineEnd --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd	1rem
--pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__check--Height	calc(var( --pf-t--global--font--size--body) * 1.5)
--pf-v6-c-data-list__check--Height calc(--pf-v6-c-data-list--FontSize * --pf-v6-c-data-list--LineHeight) calc(var( --pf-t--global--font--size--body) * --pf-t--global--font--line-height--body) calc(var( --pf-t--global--font--size--body) * --pf-t--global--font--line-height--200) calc(var( --pf-t--global--font--size--body) * 1.5) calc(var( --pf-t--global--font--size--body) * 1.5)
	.pf-v6-c-data-list	--pf-v6-c-data-list__check--MarginBlockStart	-0.0625rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-action--Display	flex
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-action--PaddingBlockStart	1.5rem
--pf-v6-c-data-list__item-action--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-action--PaddingBlockEnd	1.5rem
--pf-v6-c-data-list__item-action--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-action--PaddingBlockStart--offset	0.5rem
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset --pf-t--global--spacer--control--vertical--plain --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset	0.5rem
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset --pf-t--global--spacer--control--vertical--plain --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-action--MarginInlineStart	1rem
--pf-v6-c-data-list__item-action--MarginInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-action--md--MarginInlineStart	2rem
--pf-v6-c-data-list__item-action--md--MarginInlineStart --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__item-action--Gap	1rem
--pf-v6-c-data-list__item-action--Gap --pf-t--global--spacer--gap--action-to-action--default --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content--BackgroundColor	var( --pf-t--global--background--color--primary--default)
--pf-v6-c-data-list__expandable-content--BackgroundColor var( --pf-t--global--background--color--primary--default) var( --pf-t--global--background--color--primary--default)
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content--MarginBlockEnd	1rem
--pf-v6-c-data-list__expandable-content--MarginBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content--MarginInlineStart	1rem
--pf-v6-c-data-list__expandable-content--MarginInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content--MarginInlineEnd	1rem
--pf-v6-c-data-list__expandable-content--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content--MaxHeight	37.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--PaddingBlockStart	1rem
--pf-v6-c-data-list__expandable-content-body--PaddingBlockStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd	1rem
--pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd	1rem
--pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--PaddingInlineStart	1rem
--pf-v6-c-data-list__expandable-content-body--PaddingInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart	1.5rem
--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd	1.5rem
--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd	1.5rem
--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart	1.5rem
--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list__expandable-content-body--BorderRadius	6px
--pf-v6-c-data-list__expandable-content-body--BorderRadius --pf-t--global--border--radius--small --pf-t--global--border--radius--200 6px
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact--FontSize	0.75rem
--pf-v6-c-data-list--m-compact--FontSize --pf-t--global--font--size--body--sm --pf-t--global--font--size--xs --pf-t--global--font--size--100 0.75rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact--LineHeight	1.5
--pf-v6-c-data-list--m-compact--LineHeight --pf-t--global--font--line-height--body --pf-t--global--font--line-height--200 1.5
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__check--FontSize	0.875rem
--pf-v6-c-data-list--m-compact__check--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-data-list	--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart	0.5rem
--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd	0.5rem
--pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd	0
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart	0
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart	0.5rem
--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__cell--cell--MarginInlineEnd	1rem
--pf-v6-c-data-list--m-compact__cell--cell--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart	0.5rem
--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd	0.5rem
--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd	1rem
--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart	0.5rem
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd	0.5rem
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset	0.25rem
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset --pf-t--global--spacer--control--vertical--compact --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset	0.25rem
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset --pf-t--global--spacer--control--vertical--compact --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart	1rem
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd	0.5rem
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart	calc(0.5rem * -1)
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart calc(--pf-t--global--spacer--sm * -1) calc(--pf-t--global--spacer--200 * -1) calc(0.5rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd	calc(0.5rem * -1)
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd calc(--pf-t--global--spacer--sm * -1) calc(--pf-t--global--spacer--200 * -1) calc(0.5rem * -1)
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart	0.25rem
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd	0.25rem
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-data-list	--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart	0.5rem
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__check--FontSize	0.875rem
--pf-v6-c-data-list__check--FontSize --pf-v6-c-data-list--m-compact__check--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-data-list.pf-m-compact	--pf-v6-c-data-list--FontSize	0.75rem
--pf-v6-c-data-list--FontSize --pf-v6-c-data-list--m-compact--FontSize --pf-t--global--font--size--body--sm --pf-t--global--font--size--xs --pf-t--global--font--size--100 0.75rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-action--MarginInlineStart	1rem
--pf-v6-c-data-list__item-action--MarginInlineStart --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-action--PaddingBlockStart	0.5rem
--pf-v6-c-data-list__item-action--PaddingBlockStart --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-action--PaddingBlockEnd	0.5rem
--pf-v6-c-data-list__item-action--PaddingBlockEnd --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-control--MarginInlineEnd	1rem
--pf-v6-c-data-list__item-control--MarginInlineEnd --pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-control--PaddingBlockStart	0.5rem
--pf-v6-c-data-list__item-control--PaddingBlockStart --pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-control--PaddingBlockEnd	0.5rem
--pf-v6-c-data-list__item-control--PaddingBlockEnd --pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-content--md--PaddingBlockEnd	0.5rem
--pf-v6-c-data-list__item-content--md--PaddingBlockEnd --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-draggable-button--MarginBlockStart	calc(0.5rem * -1)
--pf-v6-c-data-list__item-draggable-button--MarginBlockStart --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart calc(--pf-t--global--spacer--sm * -1) calc(--pf-t--global--spacer--200 * -1) calc(0.5rem * -1)
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd	calc(0.5rem * -1)
--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd calc(--pf-t--global--spacer--sm * -1) calc(--pf-t--global--spacer--200 * -1) calc(0.5rem * -1)
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart	0.25rem
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd	0.25rem
--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-data-list.pf-m-compact	--pf-v6-c-data-list__cell--m-icon--cell--PaddingBlockStart	0.5rem
--pf-v6-c-data-list__cell--m-icon--cell--PaddingBlockStart --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__cell	--pf-v6-c-data-list__cell--PaddingBlockStart	0.5rem
--pf-v6-c-data-list__cell--PaddingBlockStart --pf-v6-c-data-list--m-compact__cell--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__cell	--pf-v6-c-data-list__cell--PaddingBlockEnd	0.5rem
--pf-v6-c-data-list__cell--PaddingBlockEnd --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__cell	--pf-v6-c-data-list__cell--MarginInlineEnd	1rem
--pf-v6-c-data-list__cell--MarginInlineEnd --pf-v6-c-data-list--m-compact__cell--cell--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__cell	--pf-v6-c-data-list__cell--cell--PaddingBlockStart	0
--pf-v6-c-data-list__cell--cell--PaddingBlockStart --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart 0
	:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain	--pf-v6-c-data-list__item--BackgroundColor	transparent
--pf-v6-c-data-list__item--BackgroundColor --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor transparent
	.pf-v6-c-data-list.pf-m-truncate	--pf-v6-c-data-list--cell--MinWidth	5ch
--pf-v6-c-data-list--cell--MinWidth --pf-v6-c-data-list--cell--m-truncate--MinWidth 5ch
	.pf-v6-c-data-list.pf-m-truncate	--pf-v6-c-data-list--cell--Overflow	hidden
	.pf-v6-c-data-list.pf-m-truncate	--pf-v6-c-data-list--cell--TextOverflow	ellipsis
	.pf-v6-c-data-list.pf-m-truncate	--pf-v6-c-data-list--cell--WhiteSpace	nowrap
	.pf-v6-c-data-list.pf-m-break-word	--pf-v6-c-data-list--cell--WordBreak	break-word
	.pf-v6-c-data-list.pf-m-nowrap	--pf-v6-c-data-list--cell--WhiteSpace	nowrap
	.pf-v6-c-data-list__item.pf-m-expanded	--pf-v6-c-data-list__toggle-icon--Rotate	-180deg
--pf-v6-c-data-list__toggle-icon--Rotate --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate -180deg
	.pf-v6-c-data-list__item-draggable-button:hover	--pf-v6-c-data-list__item-draggable-button-icon--Color	(In light theme) #1f1f1f
--pf-v6-c-data-list__item-draggable-button-icon--Color --pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color --pf-t--global--icon--color--regular --pf-t--global--icon--color--100 --pf-t--color--gray--90 #1f1f1f
	.pf-v6-c-data-list__item-draggable-button:focus	--pf-v6-c-data-list__item-draggable-button-icon--Color	(In light theme) #1f1f1f
--pf-v6-c-data-list__item-draggable-button-icon--Color --pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color --pf-t--global--icon--color--regular --pf-t--global--icon--color--100 --pf-t--color--gray--90 #1f1f1f
	.pf-v6-c-data-list__item-draggable-button.pf-m-disabled	--pf-v6-c-data-list__item-draggable-button-icon--Color	(In light theme) #a3a3a3
--pf-v6-c-data-list__item-draggable-button-icon--Color --pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color --pf-t--global--icon--color--disabled --pf-t--global--color--disabled--200 --pf-t--color--gray--40 #a3a3a3
	.pf-v6-c-data-list__item-action	--pf-v6-hidden-visible--visible--Display	flex
--pf-v6-hidden-visible--visible--Display --pf-v6-c-data-list__item-action--Display flex
	.pf-v6-c-data-list__item-action	--pf-v6-hidden-visible--hidden--Display	none
	.pf-v6-c-data-list__item-action	--pf-v6-hidden-visible--Display	flex
--pf-v6-hidden-visible--Display --pf-v6-hidden-visible--visible--Display --pf-v6-c-data-list__item-action--Display flex
	.pf-v6-c-data-list__item-action.pf-m-hidden	--pf-v6-hidden-visible--Display	none
--pf-v6-hidden-visible--Display --pf-v6-hidden-visible--hidden--Display none
	.pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item-row	--pf-v6-c-data-list__item-row--PaddingInlineStart	0
	.pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__expandable-content-body	--pf-v6-c-data-list__expandable-content-body--PaddingInlineStart	0