.pf-v6-c-card --pf-v6-c-card--BackgroundColor --pf-v6-c-card--BackgroundColor --pf-t--global--background--color--primary--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff .pf-v6-c-card --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-t--global--border--color--subtle --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0 .pf-v6-c-card --pf-v6-c-card--BorderStyle .pf-v6-c-card --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-t--global--border--width--box--default --pf-t--global--border--width--100 1px .pf-v6-c-card --pf-v6-c-card--BorderRadius --pf-v6-c-card--BorderRadius --pf-t--global--border--radius--medium --pf-t--global--border--radius--300 16px .pf-v6-c-card --pf-v6-c-card--first-child--PaddingBlockStart --pf-v6-c-card--first-child--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-card --pf-v6-c-card--child--PaddingInlineEnd --pf-v6-c-card--child--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-card --pf-v6-c-card--child--PaddingBlockEnd --pf-v6-c-card--child--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-card --pf-v6-c-card--child--PaddingInlineStart --pf-v6-c-card--child--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-card --pf-v6-c-card--c-divider--child--PaddingBlockStart --pf-v6-c-card--c-divider--child--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-card --pf-v6-c-card__title--not--last-child--PaddingBlockEnd --pf-v6-c-card__title--not--last-child--PaddingBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card__title-text--Color --pf-v6-c-card__title-text--Color --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515 .pf-v6-c-card --pf-v6-c-card__title-text--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-card__title-text--FontFamily --pf-t--global--font--family--heading --pf-t--global--font--family--200 "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-card --pf-v6-c-card__title-text--FontSize --pf-v6-c-card__title-text--FontSize --pf-t--global--font--size--heading--xs --pf-t--global--font--size--md --pf-t--global--font--size--300 1rem .pf-v6-c-card --pf-v6-c-card__title-text--FontWeight --pf-v6-c-card__title-text--FontWeight --pf-t--global--font--weight--heading--default --pf-t--global--font--weight--300 600 .pf-v6-c-card --pf-v6-c-card__title-text--LineHeight --pf-v6-c-card__title-text--LineHeight --pf-t--global--font--line-height--heading --pf-t--global--font--line-height--100 1.3 .pf-v6-c-card --pf-v6-c-card__title-text--OverflowWrap .pf-v6-c-card --pf-v6-c-card--c-button--disabled--Color --pf-v6-c-card--c-button--disabled--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070 .pf-v6-c-card --pf-v6-c-card__body--FontSize --pf-v6-c-card__body--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-card --pf-v6-c-card__footer--FontSize --pf-v6-c-card__footer--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-card --pf-v6-c-card__footer--Color --pf-v6-c-card__footer--Color --pf-t--global--text--color--subtle --pf-t--global--text--color--200 --pf-t--color--gray--60 #4d4d4d .pf-v6-c-card --pf-v6-c-card__actions--PaddingInlineStart --pf-v6-c-card__actions--PaddingInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card__actions--Gap --pf-v6-c-card__actions--Gap --pf-t--global--spacer--gap--action-to-action--default --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card__actions--MarginBlockStart --pf-v6-c-card__actions--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-card --pf-v6-c-card__actions--MarginBlockEnd --pf-v6-c-card__actions--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-card --pf-v6-c-card__header--m-wrap--RowGap --pf-v6-c-card__header--m-wrap--RowGap --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-card --pf-v6-c-card__header--m-wrap--ColumnGap --pf-v6-c-card__header--m-wrap--ColumnGap --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card__header-toggle--MarginBlockStart --pf-v6-c-card__header-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-card --pf-v6-c-card__header-toggle--MarginInlineEnd --pf-v6-c-card__header-toggle--MarginInlineEnd --pf-t--global--spacer--gap--text-to-element--default --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-card --pf-v6-c-card__header-toggle--MarginBlockEnd --pf-v6-c-card__header-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-card --pf-v6-c-card__header-toggle--MarginInlineStart --pf-v6-c-card__header-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-card --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction cubic-bezier(.4, 0, .2, 1)
--pf-v6-c-card__header-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-card --pf-v6-c-card__header-toggle-icon--TransitionDuration --pf-v6-c-card__header-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-card --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate .pf-v6-c-card --pf-v6-c-card--m-selectable--BorderWidth --pf-v6-c-card--m-selectable--BorderWidth --pf-t--global--border--width--box--default --pf-t--global--border--width--100 1px .pf-v6-c-card --pf-v6-c-card--m-selectable--BorderColor --pf-v6-c-card--m-selectable--BorderColor --pf-t--global--border--color--control--default --pf-t--global--border--color--300 --pf-t--color--gray--45 #8c8c8c .pf-v6-c-card --pf-v6-c-card--m-clickable--m-current--BorderColor --pf-v6-c-card--m-clickable--m-current--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card --pf-v6-c-card--m-clickable--m-current--BorderWidth --pf-v6-c-card--m-clickable--m-current--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card --pf-v6-c-card--m-selectable--m-selected--BorderColor --pf-v6-c-card--m-selectable--m-selected--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card --pf-v6-c-card--m-selectable--m-selected--BorderWidth --pf-v6-c-card--m-selectable--m-selected--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card --pf-v6-c-card--m-selectable--hover--BorderColor --pf-v6-c-card--m-selectable--hover--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5 .pf-v6-c-card --pf-v6-c-card--m-selectable--hover--BorderWidth --pf-v6-c-card--m-selectable--hover--BorderWidth --pf-t--global--border--width--box--hover --pf-t--global--border--width--200 2px .pf-v6-c-card --pf-v6-c-card--m-selectable--focus--BorderColor --pf-v6-c-card--m-selectable--focus--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5 .pf-v6-c-card --pf-v6-c-card--m-selectable--focus--BorderWidth --pf-v6-c-card--m-selectable--focus--BorderWidth --pf-t--global--border--width--box--hover --pf-t--global--border--width--200 2px .pf-v6-c-card --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card --pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth --pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card --pf-v6-c-card--m-selectable--m-disabled__title-text--Color --pf-v6-c-card--m-selectable--m-disabled__title-text--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070 .pf-v6-c-card --pf-v6-c-card--m-selectable--m-disabled__body--Color --pf-v6-c-card--m-selectable--m-disabled__body--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070 .pf-v6-c-card --pf-v6-c-card--m-selectable--m-disabled__footer--Color --pf-v6-c-card--m-selectable--m-disabled__footer--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070 .pf-v6-c-card --pf-v6-c-card--m-selectable--m-disabled--BackgroundColor --pf-v6-c-card--m-selectable--m-disabled--BackgroundColor --pf-t--global--background--color--disabled--default --pf-t--global--color--disabled--100 --pf-t--color--gray--30 #c7c7c7 .pf-v6-c-card --pf-v6-c-card--m-selectable--m-disabled--BorderColor .pf-v6-c-card --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card --pf-v6-c-card--m-compact__title-text--FontSize --pf-v6-c-card--m-compact__title-text--FontSize --pf-t--global--font--size--heading--xs --pf-t--global--font--size--md --pf-t--global--font--size--300 1rem .pf-v6-c-card --pf-v6-c-card--m-compact__body--FontSize --pf-v6-c-card--m-compact__body--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-card --pf-v6-c-card--m-compact__footer--FontSize --pf-v6-c-card--m-compact__footer--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-card --pf-v6-c-card--m-compact--first-child--PaddingBlockStart --pf-v6-c-card--m-compact--first-child--PaddingBlockStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card--m-compact--child--PaddingInlineEnd --pf-v6-c-card--m-compact--child--PaddingInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card--m-compact--child--PaddingBlockEnd --pf-v6-c-card--m-compact--child--PaddingBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card--m-compact--child--PaddingInlineStart --pf-v6-c-card--m-compact--child--PaddingInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart --pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card --pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd --pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-card --pf-v6-c-card--m-display-lg__title-text--FontSize --pf-v6-c-card--m-display-lg__title-text--FontSize --pf-t--global--font--size--heading--md --pf-t--global--font--size--xl --pf-t--global--font--size--500 1.25rem .pf-v6-c-card --pf-v6-c-card--m-display-lg__body--FontSize --pf-v6-c-card--m-display-lg__body--FontSize --pf-t--global--font--size--body--lg --pf-t--global--font--size--md --pf-t--global--font--size--300 1rem .pf-v6-c-card --pf-v6-c-card--m-display-lg__footer--FontSize --pf-v6-c-card--m-display-lg__footer--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-card --pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart --pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card --pf-v6-c-card--m-display-lg--child--PaddingInlineEnd --pf-v6-c-card--m-display-lg--child--PaddingInlineEnd --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card --pf-v6-c-card--m-display-lg--child--PaddingBlockEnd --pf-v6-c-card--m-display-lg--child--PaddingBlockEnd --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card --pf-v6-c-card--m-display-lg--child--PaddingInlineStart --pf-v6-c-card--m-display-lg--child--PaddingInlineStart --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-card --pf-v6-c-card--m-secondary--BackgroundColor --pf-v6-c-card--m-secondary--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2 .pf-v6-c-card --pf-v6-c-card--m-full-height--Height .pf-v6-c-card --pf-v6-c-card--m-plain--BorderColor .pf-v6-c-card --pf-v6-c-card--m-plain--BackgroundColor .pf-v6-c-card --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd 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-card --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart --pf-t--global--spacer--gap--text-to-element--default --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-card --pf-v6-c-card--m-as-tile--BackgroundColor --pf-v6-c-card--m-as-tile--BackgroundColor --pf-t--global--background--color--control--default --pf-t--global--background--color--primary--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff .pf-v6-c-card --pf-v6-c-card--m-as-tile--BorderColor --pf-v6-c-card--m-as-tile--BorderColor --pf-t--global--border--color--control--default --pf-t--global--border--color--300 --pf-t--color--gray--45 #8c8c8c .pf-v6-c-card --pf-v6-c-card--m-glass--BorderColor --pf-v6-c-card--m-glass--BorderColor --pf-t--global--border--color--glass--default initial .pf-v6-c-card --pf-v6-c-card--m-glass--BorderWidth --pf-v6-c-card--m-glass--BorderWidth --pf-t--global--border--width--glass--default initial .pf-v6-c-card --pf-v6-c-card--m-glass--BoxShadow 0px
4px
10px
0px
rgb(41, 41, 41, 0.1500)
--pf-v6-c-card--m-glass--BoxShadow --pf-t--global--box-shadow--glass--default --pf-t--global--box-shadow--md --pf-t--global--box-shadow--X--md--default
--pf-t--global--box-shadow--Y--md--default
--pf-t--global--box-shadow--blur--md
--pf-t--global--box-shadow--spread--md--default
--pf-t--global--box-shadow--color--md--default --pf-t--global--box-shadow--X--400
--pf-t--global--box-shadow--Y--600
--pf-t--global--box-shadow--blur--200
--pf-t--global--box-shadow--spread--100
--pf-t--global--box-shadow--color--100 0px
4px
10px
0px
rgb(41, 41, 41, 0.1500) .pf-v6-c-card --pf-v6-c-card--m-glass--BackdropFilter --pf-v6-c-card--m-glass--BackdropFilter --pf-t--global--background--filter--glass--blur--primary initial .pf-v6-c-card --pf-v6-c-card--m-glass--BackgroundColor --pf-v6-c-card--m-glass--BackgroundColor --pf-t--global--background--color--glass--primary--default initial :where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass --pf-v6-c-card--BackgroundColor --pf-v6-c-card--BackgroundColor --pf-v6-c-card--m-glass--BackgroundColor --pf-t--global--background--color--glass--primary--default initial :where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-glass--BorderColor --pf-t--global--border--color--glass--default initial :where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-glass--BorderWidth --pf-t--global--border--width--glass--default initial .pf-v6-c-card.pf-m-selectable --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--BorderColor --pf-t--global--border--color--control--default --pf-t--global--border--color--300 --pf-t--color--gray--45 #8c8c8c .pf-v6-c-card.pf-m-current --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-clickable--m-current--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card.pf-m-current --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-clickable--m-current--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card.pf-m-current --pf-v6-c-card--m-selectable--hover--BorderColor --pf-v6-c-card--m-selectable--hover--BorderColor --pf-v6-c-card--m-clickable--m-current--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card.pf-m-current --pf-v6-c-card--m-selectable--focus--BorderColor --pf-v6-c-card--m-selectable--focus--BorderColor --pf-v6-c-card--m-clickable--m-current--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--BackgroundColor .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--BorderColor .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--BorderColor .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--m-selectable--BorderWidth .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-current --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-current --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--BackgroundColor --pf-v6-c-card--BackgroundColor --pf-v6-c-card--m-selectable--m-disabled--BackgroundColor --pf-t--global--background--color--disabled--default --pf-t--global--color--disabled--100 --pf-t--color--gray--30 #c7c7c7 .pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader) --pf-v6-c-card--BackgroundColor --pf-v6-c-card--BackgroundColor --pf-v6-c-card--m-as-tile--BackgroundColor --pf-t--global--background--color--control--default --pf-t--global--background--color--primary--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff .pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader) --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-as-tile--BorderColor --pf-t--global--border--color--control--default --pf-t--global--border--color--300 --pf-t--color--gray--45 #8c8c8c .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) --pf-v6-c-card__actions--PaddingInlineStart .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) --pf-v6-c-card__actions--MarginBlockStart .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) --pf-v6-c-card__actions--MarginBlockEnd .pf-v6-c-card.pf-m-compact --pf-v6-c-card__title-text--FontSize --pf-v6-c-card__title-text--FontSize --pf-v6-c-card--m-compact__title-text--FontSize --pf-t--global--font--size--heading--xs --pf-t--global--font--size--md --pf-t--global--font--size--300 1rem .pf-v6-c-card.pf-m-compact --pf-v6-c-card__body--FontSize --pf-v6-c-card__body--FontSize --pf-v6-c-card--m-compact__body--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-card.pf-m-compact --pf-v6-c-card__footer--FontSize --pf-v6-c-card__footer--FontSize --pf-v6-c-card--m-compact__footer--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-card.pf-m-compact --pf-v6-c-card--first-child--PaddingBlockStart --pf-v6-c-card--first-child--PaddingBlockStart --pf-v6-c-card--m-compact--first-child--PaddingBlockStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card.pf-m-compact --pf-v6-c-card--child--PaddingInlineEnd --pf-v6-c-card--child--PaddingInlineEnd --pf-v6-c-card--m-compact--child--PaddingInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card.pf-m-compact --pf-v6-c-card--child--PaddingBlockEnd --pf-v6-c-card--child--PaddingBlockEnd --pf-v6-c-card--m-compact--child--PaddingBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card.pf-m-compact --pf-v6-c-card--child--PaddingInlineStart --pf-v6-c-card--child--PaddingInlineStart --pf-v6-c-card--m-compact--child--PaddingInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card.pf-m-compact --pf-v6-c-card--c-divider--child--PaddingBlockStart --pf-v6-c-card--c-divider--child--PaddingBlockStart --pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-card.pf-m-compact --pf-v6-c-card__title--not--last-child--PaddingBlockEnd --pf-v6-c-card__title--not--last-child--PaddingBlockEnd --pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-card.pf-m-display-lg --pf-v6-c-card__title-text--FontSize --pf-v6-c-card__title-text--FontSize --pf-v6-c-card--m-display-lg__title-text--FontSize --pf-t--global--font--size--heading--md --pf-t--global--font--size--xl --pf-t--global--font--size--500 1.25rem .pf-v6-c-card.pf-m-display-lg --pf-v6-c-card__body--FontSize --pf-v6-c-card__body--FontSize --pf-v6-c-card--m-display-lg__body--FontSize --pf-t--global--font--size--body--lg --pf-t--global--font--size--md --pf-t--global--font--size--300 1rem .pf-v6-c-card.pf-m-display-lg --pf-v6-c-card__footer--FontSize --pf-v6-c-card__footer--FontSize --pf-v6-c-card--m-display-lg__footer--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-card.pf-m-display-lg --pf-v6-c-card--first-child--PaddingBlockStart --pf-v6-c-card--first-child--PaddingBlockStart --pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card.pf-m-display-lg --pf-v6-c-card--child--PaddingInlineEnd --pf-v6-c-card--child--PaddingInlineEnd --pf-v6-c-card--m-display-lg--child--PaddingInlineEnd --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card.pf-m-display-lg --pf-v6-c-card--child--PaddingBlockEnd --pf-v6-c-card--child--PaddingBlockEnd --pf-v6-c-card--m-display-lg--child--PaddingBlockEnd --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card.pf-m-display-lg --pf-v6-c-card--child--PaddingInlineStart --pf-v6-c-card--child--PaddingInlineStart --pf-v6-c-card--m-display-lg--child--PaddingInlineStart --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card.pf-m-display-lg --pf-v6-c-card--c-divider--child--PaddingBlockStart --pf-v6-c-card--c-divider--child--PaddingBlockStart --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-card.pf-m-display-lg --pf-v6-c-card__title--not--last-child--PaddingBlockEnd --pf-v6-c-card__title--not--last-child--PaddingBlockEnd --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-card.pf-m-secondary --pf-v6-c-card--BackgroundColor --pf-v6-c-card--BackgroundColor --pf-v6-c-card--m-secondary--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2 .pf-v6-c-card.pf-m-secondary.pf-m-selectable:not(.pf-m-current, .pf-m-selected) --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--BorderColor --pf-t--global--border--color--control--default --pf-t--global--border--color--300 --pf-t--color--gray--45 #8c8c8c .pf-v6-c-card.pf-m-secondary.pf-m-selectable:not(.pf-m-current, .pf-m-selected) --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-selectable--BorderWidth --pf-t--global--border--width--box--default --pf-t--global--border--width--100 1px .pf-v6-c-card.pf-m-plain --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-plain--BorderColor transparent .pf-v6-c-card.pf-m-plain --pf-v6-c-card--BackgroundColor --pf-v6-c-card--BackgroundColor --pf-v6-c-card--m-plain--BackgroundColor transparent .pf-v6-c-card.pf-m-plain.pf-m-selectable --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--BorderColor --pf-t--global--border--color--control--default --pf-t--global--border--color--300 --pf-t--color--gray--45 #8c8c8c .pf-v6-c-card.pf-m-plain.pf-m-selectable --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-selectable--BorderWidth --pf-t--global--border--width--box--default --pf-t--global--border--width--100 1px .pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card__header .pf-v6-c-card__title --pf-v6-c-card--first-child--PaddingBlockStart .pf-v6-c-card__header .pf-v6-c-card__title --pf-v6-c-card__title--not--last-child--PaddingBlockEnd .pf-v6-c-card__header.pf-m-toggle-right --pf-v6-c-card__header-toggle--MarginInlineEnd --pf-v6-c-card__header-toggle--MarginInlineEnd --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd 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-card__header.pf-m-toggle-right --pf-v6-c-card__header-toggle--MarginInlineStart --pf-v6-c-card__header-toggle--MarginInlineStart --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart --pf-t--global--spacer--gap--text-to-element--default --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-card__header.pf-m-wrap --pf-v6-c-card__actions--PaddingInlineStart .pf-v6-c-card__actions.pf-m-no-offset --pf-v6-c-card__actions--MarginBlockStart .pf-v6-c-card__actions.pf-m-no-offset --pf-v6-c-card__actions--MarginBlockEnd .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--hover--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5 .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-selectable--hover--BorderWidth --pf-t--global--border--width--box--hover --pf-t--global--border--width--200 2px .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label) --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--m-selected--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label) --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-selectable--m-selected--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible) --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--focus--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5 .pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible) --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-selectable--focus--BorderWidth --pf-t--global--border--width--box--hover --pf-t--global--border--width--200 2px .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor --pf-t--global--border--color--clicked --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--BorderWidth --pf-v6-c-card--BorderWidth --pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth --pf-t--global--border--width--box--clicked --pf-t--global--border--width--300 3px .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card__title-text--Color --pf-v6-c-card__title-text--Color --pf-v6-c-card--m-selectable--m-disabled__title-text--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070 .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card__body--Color --pf-v6-c-card__body--Color --pf-v6-c-card--m-selectable--m-disabled__body--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070 .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card__footer--Color --pf-v6-c-card__footer--Color --pf-v6-c-card--m-selectable--m-disabled__footer--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070 .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--BackgroundColor --pf-v6-c-card--BackgroundColor --pf-v6-c-card--m-selectable--m-disabled--BackgroundColor --pf-t--global--background--color--disabled--default --pf-t--global--color--disabled--100 --pf-t--color--gray--30 #c7c7c7 .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) --pf-v6-c-card--BorderColor --pf-v6-c-card--BorderColor --pf-v6-c-card--m-selectable--m-disabled--BorderColor transparent .pf-v6-c-card__header .pf-v6-c-button.pf-m-inline:disabled --pf-v6-c-button--disabled--Color --pf-v6-c-button--disabled--Color --pf-v6-c-card--c-button--disabled--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070 .pf-v6-c-card__expandable-content --pf-v6-c-card--first-child--PaddingBlockStart 