.pf-v6-c-modal-box --pf-v6-c-modal-box--BackgroundColor --pf-v6-c-modal-box--BackgroundColor --pf-t--global--background--color--floating--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff .pf-v6-c-modal-box --pf-v6-c-modal-box--BorderColor
(In light theme) rgb(255, 255, 255, 0.0000)
--pf-v6-c-modal-box--BorderColor --pf-t--global--border--color--high-contrast rgb(255, 255, 255, 0.0000) .pf-v6-c-modal-box --pf-v6-c-modal-box--BorderWidth --pf-v6-c-modal-box--BorderWidth --pf-t--global--border--width--high-contrast--regular 0px .pf-v6-c-modal-box --pf-v6-c-modal-box--BorderRadius --pf-v6-c-modal-box--BorderRadius --pf-t--global--border--radius--large --pf-t--global--border--radius--400 24px .pf-v6-c-modal-box --pf-v6-c-modal-box--BoxShadow 0px
10px
20px
0px
rgb(41, 41, 41, 0.1500)
--pf-v6-c-modal-box--BoxShadow --pf-t--global--box-shadow--lg --pf-t--global--box-shadow--X--lg--default
--pf-t--global--box-shadow--Y--lg--default
--pf-t--global--box-shadow--blur--lg
--pf-t--global--box-shadow--spread--lg--default
--pf-t--global--box-shadow--color--lg--default --pf-t--global--box-shadow--X--400
--pf-t--global--box-shadow--Y--700
--pf-t--global--box-shadow--blur--300
--pf-t--global--box-shadow--spread--100
--pf-t--global--box-shadow--color--100 0px
10px
20px
0px
rgb(41, 41, 41, 0.1500) .pf-v6-c-modal-box --pf-v6-c-modal-box--ZIndex --pf-v6-c-modal-box--ZIndex --pf-t--global--z-index--xl --pf-t--global--z-index--500 500 .pf-v6-c-modal-box --pf-v6-c-modal-box--Width .pf-v6-c-modal-box --pf-v6-c-modal-box--MaxWidth --pf-v6-c-modal-box--MaxWidth calc(100% - --pf-t--global--spacer--xl) calc(100% - --pf-t--global--spacer--500) calc(100% - 2rem) .pf-v6-c-modal-box --pf-v6-c-modal-box--m-sm--sm--MaxWidth .pf-v6-c-modal-box --pf-v6-c-modal-box--m-md--Width .pf-v6-c-modal-box --pf-v6-c-modal-box--m-lg--lg--MaxWidth .pf-v6-c-modal-box --pf-v6-c-modal-box--MaxHeight --pf-v6-c-modal-box--MaxHeight calc(100% - --pf-t--global--spacer--2xl) calc(100% - --pf-t--global--spacer--600) calc(100% - 3rem) .pf-v6-c-modal-box --pf-v6-c-modal-box--m-align-top--spacer --pf-v6-c-modal-box--m-align-top--spacer --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box--m-align-top--xl--spacer --pf-v6-c-modal-box--m-align-top--xl--spacer --pf-t--global--spacer--xl --pf-t--global--spacer--500 2rem .pf-v6-c-modal-box --pf-v6-c-modal-box--m-align-top--InsetBlockStart --pf-v6-c-modal-box--m-align-top--InsetBlockStart --pf-v6-c-modal-box--m-align-top--spacer --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box--m-align-top--MaxHeight calc(100% - min(0.5rem, 3rem) - 0.5rem)
--pf-v6-c-modal-box--m-align-top--MaxHeight calc(100% - min(--pf-v6-c-modal-box--m-align-top--spacer, --pf-t--global--spacer--2xl) - --pf-v6-c-modal-box--m-align-top--spacer) calc(100% - min(--pf-t--global--spacer--sm, --pf-t--global--spacer--600) - --pf-t--global--spacer--sm) calc(100% - min(--pf-t--global--spacer--200, 3rem) - --pf-t--global--spacer--200) calc(100% - min(0.5rem, 3rem) - 0.5rem) .pf-v6-c-modal-box --pf-v6-c-modal-box--m-align-top--MaxWidth calc(100% - min(0.5rem * 2, 2rem))
--pf-v6-c-modal-box--m-align-top--MaxWidth calc(100% - min(--pf-v6-c-modal-box--m-align-top--spacer * 2, --pf-t--global--spacer--xl)) calc(100% - min(--pf-t--global--spacer--sm * 2, --pf-t--global--spacer--500)) calc(100% - min(--pf-t--global--spacer--200 * 2, 2rem)) calc(100% - min(0.5rem * 2, 2rem)) .pf-v6-c-modal-box --pf-v6-c-modal-box--m-danger__title-icon--Color --pf-v6-c-modal-box--m-danger__title-icon--Color --pf-t--global--icon--color--status--danger--default --pf-t--global--color--status--danger--default --pf-t--global--color--status--danger--100 --pf-t--color--red-orange--60 #b1380b .pf-v6-c-modal-box --pf-v6-c-modal-box--m-warning__title-icon--Color --pf-v6-c-modal-box--m-warning__title-icon--Color --pf-t--global--icon--color--status--warning--default --pf-t--global--color--status--warning--200 --pf-t--color--yellow--40 #dca614 .pf-v6-c-modal-box --pf-v6-c-modal-box--m-success__title-icon--Color --pf-v6-c-modal-box--m-success__title-icon--Color --pf-t--global--icon--color--status--success--default --pf-t--global--color--status--success--default --pf-t--global--color--status--success--100 --pf-t--color--green--60 #3d7317 .pf-v6-c-modal-box --pf-v6-c-modal-box--m-info__title-icon--Color --pf-v6-c-modal-box--m-info__title-icon--Color --pf-t--global--icon--color--status--info--default --pf-t--global--color--status--info--default --pf-t--global--color--status--info--100 --pf-t--color--purple--50 #5e40be .pf-v6-c-modal-box --pf-v6-c-modal-box--m-custom__title-icon--Color --pf-v6-c-modal-box--m-custom__title-icon--Color --pf-t--global--icon--color--status--custom--default --pf-t--global--color--status--custom--default --pf-t--global--color--status--custom--100 --pf-t--color--teal--60 #147878 .pf-v6-c-modal-box --pf-v6-c-modal-box__header--PaddingBlockStart --pf-v6-c-modal-box__header--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__header--PaddingBlockEnd --pf-v6-c-modal-box__header--PaddingBlockEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__header--PaddingInlineEnd --pf-v6-c-modal-box__header--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__header--PaddingInlineStart --pf-v6-c-modal-box__header--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__header--Gap --pf-v6-c-modal-box__header--Gap --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-modal-box --pf-v6-c-modal-box__header-main--Gap --pf-v6-c-modal-box__header-main--Gap --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-modal-box --pf-v6-c-modal-box__header-main--PaddingBlockStart --pf-v6-c-modal-box__header-main--PaddingBlockStart --pf-t--global--spacer--control--vertical--plain --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__title--LineHeight --pf-v6-c-modal-box__title--LineHeight --pf-t--global--font--line-height--heading --pf-t--global--font--line-height--100 1.3 .pf-v6-c-modal-box --pf-v6-c-modal-box__title--FontFamily "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif
--pf-v6-c-modal-box__title--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-modal-box --pf-v6-c-modal-box__title--FontWeight --pf-v6-c-modal-box__title--FontWeight --pf-t--global--font--weight--heading--default --pf-t--global--font--weight--300 600 .pf-v6-c-modal-box --pf-v6-c-modal-box__title--FontSize --pf-v6-c-modal-box__title--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-modal-box --pf-v6-c-modal-box__title-icon--MarginInlineEnd --pf-v6-c-modal-box__title-icon--MarginInlineEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box__title-icon--Color --pf-t--global--icon--color--regular --pf-t--global--icon--color--100 --pf-t--color--gray--90 #1f1f1f .pf-v6-c-modal-box --pf-v6-c-modal-box__description--FontSize --pf-v6-c-modal-box__description--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-modal-box --pf-v6-c-modal-box__description--Color --pf-v6-c-modal-box__description--Color --pf-t--global--text--color--subtle --pf-t--global--text--color--200 --pf-t--color--gray--60 #4d4d4d .pf-v6-c-modal-box --pf-v6-c-modal-box__body--MinHeight --pf-v6-c-modal-box__body--MinHeight calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body) calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200) calc(--pf-t--global--font--size--200 * 1.5) calc(0.875rem * 1.5) .pf-v6-c-modal-box --pf-v6-c-modal-box__body--PaddingBlockStart --pf-v6-c-modal-box__body--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__body--PaddingInlineEnd --pf-v6-c-modal-box__body--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__body--PaddingInlineStart --pf-v6-c-modal-box__body--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__body--last-child--PaddingBlockEnd --pf-v6-c-modal-box__body--last-child--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__header--body--PaddingBlockStart --pf-v6-c-modal-box__header--body--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__close--InsetBlockStart --pf-v6-c-modal-box__close--InsetBlockStart --pf-v6-c-modal-box__header--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__close--InsetInlineEnd --pf-v6-c-modal-box__close--InsetInlineEnd --pf-v6-c-modal-box__header--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__close--sibling--MarginInlineEnd --pf-v6-c-modal-box__close--sibling--MarginInlineEnd calc(--pf-t--global--spacer--xl + --pf-t--global--spacer--sm) calc(--pf-t--global--spacer--500 + --pf-t--global--spacer--200) calc(2rem + 0.5rem) .pf-v6-c-modal-box --pf-v6-c-modal-box__footer--PaddingBlockStart --pf-v6-c-modal-box__footer--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__footer--PaddingInlineEnd --pf-v6-c-modal-box__footer--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__footer--PaddingBlockEnd --pf-v6-c-modal-box__footer--PaddingBlockEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__footer--PaddingInlineStart --pf-v6-c-modal-box__footer--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem .pf-v6-c-modal-box --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd --pf-t--global--spacer--gap--action-to-action--default --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-modal-box --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd --pf-t--global--spacer--gap--action-to-action--default --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem .pf-v6-c-modal-box.pf-m-sm --pf-v6-c-modal-box--Width --pf-v6-c-modal-box--Width --pf-v6-c-modal-box--m-sm--sm--MaxWidth 35rem .pf-v6-c-modal-box.pf-m-md --pf-v6-c-modal-box--Width --pf-v6-c-modal-box--Width --pf-v6-c-modal-box--m-md--Width 52.5rem .pf-v6-c-modal-box.pf-m-lg --pf-v6-c-modal-box--Width --pf-v6-c-modal-box--Width --pf-v6-c-modal-box--m-lg--lg--MaxWidth 70rem .pf-v6-c-modal-box__title.pf-m-danger --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box--m-danger__title-icon--Color --pf-t--global--icon--color--status--danger--default --pf-t--global--color--status--danger--default --pf-t--global--color--status--danger--100 --pf-t--color--red-orange--60 #b1380b .pf-v6-c-modal-box__title.pf-m-warning --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box--m-warning__title-icon--Color --pf-t--global--icon--color--status--warning--default --pf-t--global--color--status--warning--200 --pf-t--color--yellow--40 #dca614 .pf-v6-c-modal-box__title.pf-m-success --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box--m-success__title-icon--Color --pf-t--global--icon--color--status--success--default --pf-t--global--color--status--success--default --pf-t--global--color--status--success--100 --pf-t--color--green--60 #3d7317 .pf-v6-c-modal-box__title.pf-m-custom --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box--m-custom__title-icon--Color --pf-t--global--icon--color--status--custom--default --pf-t--global--color--status--custom--default --pf-t--global--color--status--custom--100 --pf-t--color--teal--60 #147878 .pf-v6-c-modal-box__title.pf-m-info --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box__title-icon--Color --pf-v6-c-modal-box--m-info__title-icon--Color --pf-t--global--icon--color--status--info--default --pf-t--global--color--status--info--default --pf-t--global--color--status--info--100 --pf-t--color--purple--50 #5e40be .pf-v6-c-modal-box__header + .pf-v6-c-modal-box__body --pf-v6-c-modal-box__body--PaddingBlockStart --pf-v6-c-modal-box__body--PaddingBlockStart --pf-v6-c-modal-box__header--body--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem 