/* pkg/lib/patternfly/patternfly-5-cockpit.scss */ .pf-v5-t-light { --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100); } .pf-v5-t-dark { --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100); --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200); --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100); --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100); --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light); --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light); --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100); } :root { --pf-v5-global--palette--black-100: #fafafa; --pf-v5-global--palette--black-150: #f5f5f5; --pf-v5-global--palette--black-200: #f0f0f0; --pf-v5-global--palette--black-300: #d2d2d2; --pf-v5-global--palette--black-400: #b8bbbe; --pf-v5-global--palette--black-500: #8a8d90; --pf-v5-global--palette--black-600: #6a6e73; --pf-v5-global--palette--black-700: #4f5255; --pf-v5-global--palette--black-800: #3c3f42; --pf-v5-global--palette--black-850: #212427; --pf-v5-global--palette--black-900: #151515; --pf-v5-global--palette--black-1000: #030303; --pf-v5-global--palette--blue-50: #e7f1fa; --pf-v5-global--palette--blue-100: #bee1f4; --pf-v5-global--palette--blue-200: #73bcf7; --pf-v5-global--palette--blue-300: #2b9af3; --pf-v5-global--palette--blue-400: #06c; --pf-v5-global--palette--blue-500: #004080; --pf-v5-global--palette--blue-600: #002952; --pf-v5-global--palette--blue-700: #001223; --pf-v5-global--palette--cyan-50: #f2f9f9; --pf-v5-global--palette--cyan-100: #a2d9d9; --pf-v5-global--palette--cyan-200: #73c5c5; --pf-v5-global--palette--cyan-300: #009596; --pf-v5-global--palette--cyan-400: #005f60; --pf-v5-global--palette--cyan-500: #003737; --pf-v5-global--palette--cyan-600: #002323; --pf-v5-global--palette--cyan-700: #000f0f; --pf-v5-global--palette--gold-50: #fdf7e7; --pf-v5-global--palette--gold-100: #f9e0a2; --pf-v5-global--palette--gold-200: #f6d173; --pf-v5-global--palette--gold-300: #f4c145; --pf-v5-global--palette--gold-400: #f0ab00; --pf-v5-global--palette--gold-500: #c58c00; --pf-v5-global--palette--gold-600: #795600; --pf-v5-global--palette--gold-700: #3d2c00; --pf-v5-global--palette--green-50: #f3faf2; --pf-v5-global--palette--green-100: #bde5b8; --pf-v5-global--palette--green-200: #95d58e; --pf-v5-global--palette--green-300: #6ec664; --pf-v5-global--palette--green-400: #5ba352; --pf-v5-global--palette--green-500: #3e8635; --pf-v5-global--palette--green-600: #1e4f18; --pf-v5-global--palette--green-700: #0f280d; --pf-v5-global--palette--light-blue-100: #beedf9; --pf-v5-global--palette--light-blue-200: #7cdbf3; --pf-v5-global--palette--light-blue-300: #35caed; --pf-v5-global--palette--light-blue-400: #00b9e4; --pf-v5-global--palette--light-blue-500: #008bad; --pf-v5-global--palette--light-blue-600: #005c73; --pf-v5-global--palette--light-blue-700: #002d39; --pf-v5-global--palette--light-green-100: #e4f5bc; --pf-v5-global--palette--light-green-200: #c8eb79; --pf-v5-global--palette--light-green-300: #ace12e; --pf-v5-global--palette--light-green-400: #92d400; --pf-v5-global--palette--light-green-500: #6ca100; --pf-v5-global--palette--light-green-600: #486b00; --pf-v5-global--palette--light-green-700: #253600; --pf-v5-global--palette--orange-50: #fff6ec; --pf-v5-global--palette--orange-100: #f4b678; --pf-v5-global--palette--orange-200: #ef9234; --pf-v5-global--palette--orange-300: #ec7a08; --pf-v5-global--palette--orange-400: #c46100; --pf-v5-global--palette--orange-500: #8f4700; --pf-v5-global--palette--orange-600: #773d00; --pf-v5-global--palette--orange-700: #3b1f00; --pf-v5-global--palette--purple-50: #f2f0fc; --pf-v5-global--palette--purple-100: #cbc1ff; --pf-v5-global--palette--purple-200: #b2a3ff; --pf-v5-global--palette--purple-300: #a18fff; --pf-v5-global--palette--purple-400: #8476d1; --pf-v5-global--palette--purple-500: #6753ac; --pf-v5-global--palette--purple-600: #40199a; --pf-v5-global--palette--purple-700: #1f0066; --pf-v5-global--palette--red-50: #faeae8; --pf-v5-global--palette--red-100: #c9190b; --pf-v5-global--palette--red-200: #a30000; --pf-v5-global--palette--red-300: #7d1007; --pf-v5-global--palette--red-400: #470000; --pf-v5-global--palette--red-500: #2c0000; --pf-v5-global--palette--white: #fff; --pf-v5-global--BackgroundColor--100: #fff; --pf-v5-global--BackgroundColor--150: #fafafa; --pf-v5-global--BackgroundColor--200: #f0f0f0; --pf-v5-global--BackgroundColor--light-100: #fff; --pf-v5-global--BackgroundColor--light-200: #fafafa; --pf-v5-global--BackgroundColor--light-300: #f0f0f0; --pf-v5-global--BackgroundColor--dark-100: #151515; --pf-v5-global--BackgroundColor--dark-200: #3c3f42; --pf-v5-global--BackgroundColor--dark-300: #212427; --pf-v5-global--BackgroundColor--dark-400: #4f5255; --pf-v5-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, 0.62); --pf-v5-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, 0.32); --pf-v5-global--Color--100: #151515; --pf-v5-global--Color--200: #6a6e73; --pf-v5-global--Color--300: #3c3f42; --pf-v5-global--Color--400: #8a8d90; --pf-v5-global--Color--light-100: #fff; --pf-v5-global--Color--light-200: #f0f0f0; --pf-v5-global--Color--light-300: #d2d2d2; --pf-v5-global--Color--dark-100: #151515; --pf-v5-global--Color--dark-200: #6a6e73; --pf-v5-global--active-color--100: #06c; --pf-v5-global--active-color--200: #bee1f4; --pf-v5-global--active-color--300: #2b9af3; --pf-v5-global--active-color--400: #73bcf7; --pf-v5-global--disabled-color--100: #6a6e73; --pf-v5-global--disabled-color--200: #d2d2d2; --pf-v5-global--disabled-color--300: #f0f0f0; --pf-v5-global--primary-color--100: #06c; --pf-v5-global--primary-color--200: #004080; --pf-v5-global--primary-color--light-100: #73bcf7; --pf-v5-global--primary-color--dark-100: #06c; --pf-v5-global--secondary-color--100: #6a6e73; --pf-v5-global--custom-color--100: #73c5c5; --pf-v5-global--custom-color--200: #009596; --pf-v5-global--custom-color--300: #003737; --pf-v5-global--success-color--100: #3e8635; --pf-v5-global--success-color--200: #1e4f18; --pf-v5-global--info-color--100: #2b9af3; --pf-v5-global--info-color--200: #002952; --pf-v5-global--warning-color--100: #f0ab00; --pf-v5-global--warning-color--200: #795600; --pf-v5-global--danger-color--100: #c9190b; --pf-v5-global--danger-color--200: #a30000; --pf-v5-global--danger-color--300: #470000; --pf-v5-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06); --pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16); --pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16); --pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16); --pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16); --pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06); --pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18); --pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18); --pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18); --pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18); --pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08); --pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18); --pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18); --pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18); --pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18); --pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1); --pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.2); --pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2); --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.2); --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2); --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, 0.25); --pf-v5-global--font-path: "patternfly-fonts-fake-path"; --pf-v5-global--fonticon-path: "patternfly-icons-fake-path"; --pf-v5-global--spacer--xs: 0.25rem; --pf-v5-global--spacer--sm: 0.5rem; --pf-v5-global--spacer--md: 1rem; --pf-v5-global--spacer--lg: 1.5rem; --pf-v5-global--spacer--xl: 2rem; --pf-v5-global--spacer--2xl: 3rem; --pf-v5-global--spacer--3xl: 4rem; --pf-v5-global--spacer--4xl: 5rem; --pf-v5-global--spacer--form-element: 0.375rem; --pf-v5-global--gutter: 1rem; --pf-v5-global--gutter--md: 1.5rem; --pf-v5-global--ZIndex--xs: 100; --pf-v5-global--ZIndex--sm: 200; --pf-v5-global--ZIndex--md: 300; --pf-v5-global--ZIndex--lg: 400; --pf-v5-global--ZIndex--xl: 500; --pf-v5-global--ZIndex--2xl: 600; --pf-v5-global--breakpoint--xs: 0; --pf-v5-global--breakpoint--sm: 576px; --pf-v5-global--breakpoint--md: 768px; --pf-v5-global--breakpoint--lg: 992px; --pf-v5-global--breakpoint--xl: 1200px; --pf-v5-global--breakpoint--2xl: 1450px; --pf-v5-global--height-breakpoint--sm: 0; --pf-v5-global--height-breakpoint--md: 40rem; --pf-v5-global--height-breakpoint--lg: 48rem; --pf-v5-global--height-breakpoint--xl: 60rem; --pf-v5-global--height-breakpoint--2xl: 80rem; --pf-v5-global--link--Color: #06c; --pf-v5-global--link--Color--hover: #004080; --pf-v5-global--link--Color--light: #2b9af3; --pf-v5-global--link--Color--light--hover: #73bcf7; --pf-v5-global--link--Color--dark: #06c; --pf-v5-global--link--Color--dark--hover: #004080; --pf-v5-global--link--Color--visited: #40199a; --pf-v5-global--link--TextDecoration: none; --pf-v5-global--link--TextDecoration--hover: underline; --pf-v5-global--BorderWidth--sm: 1px; --pf-v5-global--BorderWidth--md: 2px; --pf-v5-global--BorderWidth--lg: 3px; --pf-v5-global--BorderWidth--xl: 4px; --pf-v5-global--BorderColor--100: #d2d2d2; --pf-v5-global--BorderColor--200: #8a8d90; --pf-v5-global--BorderColor--300: #f0f0f0; --pf-v5-global--BorderColor--dark-100: #d2d2d2; --pf-v5-global--BorderColor--light-100: #b8bbbe; --pf-v5-global--BorderRadius--sm: 3px; --pf-v5-global--BorderRadius--lg: 30em; --pf-v5-global--icon--Color--light: #6a6e73; --pf-v5-global--icon--Color--dark: #151515; --pf-v5-global--icon--FontSize--sm: 0.75rem; --pf-v5-global--icon--FontSize--md: 1rem; --pf-v5-global--icon--FontSize--lg: 1.5rem; --pf-v5-global--icon--FontSize--xl: 3.375rem; --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif; --pf-v5-global--FontFamily--heading: "RedHatDisplay", helvetica, arial, sans-serif; --pf-v5-global--FontFamily--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace; --pf-v5-global--FontFamily--text--vf: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif; --pf-v5-global--FontFamily--heading--vf: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif; --pf-v5-global--FontFamily--monospace--vf: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace; --pf-v5-global--FontSize--4xl: 2.25rem; --pf-v5-global--FontSize--3xl: 1.75rem; --pf-v5-global--FontSize--2xl: 1.5rem; --pf-v5-global--FontSize--xl: 1.25rem; --pf-v5-global--FontSize--lg: 1.125rem; --pf-v5-global--FontSize--md: 1rem; --pf-v5-global--FontSize--sm: 0.875rem; --pf-v5-global--FontSize--xs: 0.75rem; --pf-v5-global--FontWeight--normal: 400; --pf-v5-global--FontWeight--bold: 700; --pf-v5-global--LineHeight--sm: 1.3; --pf-v5-global--LineHeight--md: 1.5; --pf-v5-global--ListStyle: disc outside; --pf-v5-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); --pf-v5-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1); --pf-v5-global--TransitionDuration: 250ms; --pf-v5-global--arrow--width: 0.9375rem; --pf-v5-global--arrow--width-lg: 1.5625rem; --pf-v5-global--target-size--MinWidth: 44px; --pf-v5-global--target-size--MinHeight: 44px; } .pf-m-vf-font { --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf); --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf); --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf); } :root:where(.pf-v5-theme-dark) { --pf-v5-global--palette--black-50: #e0e0e0; --pf-v5-global--palette--black-100: #c6c7c8; --pf-v5-global--palette--black-200: #aaabac; --pf-v5-global--palette--black-300: #868789; --pf-v5-global--palette--black-400: #57585a; --pf-v5-global--palette--black-500: #444548; --pf-v5-global--palette--black-600: #36373a; --pf-v5-global--palette--black-700: #26292d; --pf-v5-global--palette--black-800: #1b1d21; --pf-v5-global--palette--black-900: #0f1214; --pf-v5-global--palette--red-9999: #fe5142; --pf-v5-global--palette--red-8888: #ff7468; --pf-v5-global--palette--blue-300: #1fa7f8; --pf-v5-global--BackgroundColor--100: #1b1d21; --pf-v5-global--BackgroundColor--150: #212427; --pf-v5-global--BackgroundColor--200: #0f1214; --pf-v5-global--BackgroundColor--300: #26292d; --pf-v5-global--BackgroundColor--400: #36373a; --pf-v5-global--BorderColor--100: #444548; --pf-v5-global--BorderColor--200: #444548; --pf-v5-global--BorderColor--300: #57585a; --pf-v5-global--BorderColor--400: #aaabac; --pf-v5-global--Color--100: #e0e0e0; --pf-v5-global--Color--200: #aaabac; --pf-v5-global--active-color--100: #1fa7f8; --pf-v5-global--primary-color--100: #1fa7f8; --pf-v5-global--primary-color--300: #06c; --pf-v5-global--primary-color--400: #fff; --pf-v5-global--custom-color--200: #73c5c5; --pf-v5-global--success-color--100: #5ba352; --pf-v5-global--warning-color--100: #f0ab00; --pf-v5-global--warning-color--200: #f4c145; --pf-v5-global--danger-color--100: #fe5142; --pf-v5-global--danger-color--200: #ff7468; --pf-v5-global--link--Color: #1fa7f8; --pf-v5-global--link--Color--hover: #73bcf7; --pf-v5-global--link--Color--visited: #a18fff; --pf-v5-global--disabled-color--100: #868789; --pf-v5-global--disabled-color--200: #444548; --pf-v5-global--disabled-color--300: #aaabac; --pf-v5-global--icon--Color--light: #aaabac; --pf-v5-global--icon--Color--dark: #e0e0e0; --pf-v5-global--Color--dark-100: #e0e0e0; --pf-v5-global--Color--dark-200: #aaabac; --pf-v5-global--Color--light-100: #e0e0e0; --pf-v5-global--Color--light-200: #aaabac; --pf-v5-global--Color--light-300: #3c3f42; --pf-v5-global--BorderColor--dark-100: #444548; --pf-v5-global--BorderColor--light-100: #444548; --pf-v5-global--primary-color--light-100: #1fa7f8; --pf-v5-global--primary-color--dark-100: #1fa7f8; --pf-v5-global--link--Color--light: #1fa7f8; --pf-v5-global--link--Color--light--hover: #73bcf7; --pf-v5-global--link--Color--dark: #1fa7f8; --pf-v5-global--link--Color--dark--hover: #73bcf7; --pf-v5-global--BackgroundColor--light-100: #1b1d21; --pf-v5-global--BackgroundColor--light-200: #0f1214; --pf-v5-global--BackgroundColor--light-300: #26292d; --pf-v5-global--BackgroundColor--dark-100: #1b1d21; --pf-v5-global--BackgroundColor--dark-200: #0f1214; --pf-v5-global--BackgroundColor--dark-300: #26292d; --pf-v5-global--BackgroundColor--dark-400: #36373a; --pf-v5-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24); --pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64); --pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64); --pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64); --pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64); --pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24); --pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72); --pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72); --pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72); --pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72); --pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32); --pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72); --pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72); --pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72); --pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72); --pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4); --pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8); --pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8); --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8); --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8); --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303; } .pf-v5-screen-reader { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .pf-v5-screen-reader.pf-m-full-size { width: 100%; height: 100%; } .pf-v5-screen-reader.pf-m-absolute { position: absolute; } .pf-v5-m-tabular-nums { font-variant-numeric: tabular-nums; } :where(html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6) { padding: 0; margin: 0; } *, :where(*::before, *::after) { box-sizing: border-box; } :where(html, body) { height: 100%; } :where(body) { font-family: var(--pf-v5-global--FontFamily--text); font-size: var(--pf-v5-global--FontSize--md); font-weight: var(--pf-v5-global--FontWeight--normal); line-height: var(--pf-v5-global--LineHeight--md); } :where(h1, h2, h3, h4, h5, h6) { font-size: 100%; font-weight: var(--pf-v5-global--FontWeight--normal); } :where(ul) { list-style: none; } :where(button, input, optgroup, select, textarea) { margin: 0; font-family: inherit; font-size: 100%; line-height: var(--pf-v5-global--LineHeight--md); color: var(--pf-v5-global--Color--100); } :where(img, embed, iframe, object, audio, video) { max-width: 100%; height: auto; } :where(iframe) { border: 0; } :where(table) { border-spacing: 0; border-collapse: collapse; } :where(td, th) { padding: 0; text-align: left; } :where(code, pre) { font-family: var(--pf-v5-global--FontFamily--monospace); } :where(a) { font-weight: var(--pf-v5-global--link--FontWeight); color: var(--pf-v5-global--link--Color); text-decoration: var(--pf-v5-global--link--TextDecoration); } :where(a:hover) { --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--hover); --pf-v5-global--link--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover); } :where(a, button) { cursor: pointer; } :root:where(.pf-v5-theme-dark) { color-scheme: dark; } .pf-v5-t-dark.pf-m-transparent { background-color: transparent; } .pf-v5-t-dark.pf-m-transparent-100 { background-color: rgba(3, 3, 3, 0.42); } .pf-v5-t-dark.pf-m-transparent-200 { background-color: rgba(3, 3, 3, 0.6); } .pf-v5-t-dark.pf-m-opaque-100 { background-color: #1b1d21; } .pf-v5-t-dark.pf-m-opaque-200 { background-color: #0f1214; } .pf-v5-t-light.pf-m-transparent { background-color: transparent; } .pf-v5-t-light.pf-m-opaque-100 { background-color: #fff; } .pf-v5-t-light.pf-m-opaque-200 { background-color: #c6c7c8; } .pf-v5-t-light.pf-m-opaque-300 { background-color: #aaabac; } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @font-face { font-family: "pf-v5-pficon"; src: url(../base1/fonts/patternfly.woff) format("woff"); } .pf-v5-pficon-zone:before, .pf-v5-pficon-warning-triangle:before, .pf-v5-pficon-volume:before, .pf-v5-pficon-virtual-machine:before, .pf-v5-pficon-users:before, .pf-v5-pficon-user:before, .pf-v5-pficon-unplugged:before, .pf-v5-pficon-unlocked:before, .pf-v5-pficon-unknown:before, .pf-v5-pficon-trend-up:before, .pf-v5-pficon-trend-down:before, .pf-v5-pficon-topology:before, .pf-v5-pficon-thumb-tack:before, .pf-v5-pficon-tenant:before, .pf-v5-pficon-task:before, .pf-v5-pficon-storage-domain:before, .pf-v5-pficon-spinner2:before, .pf-v5-pficon-spinner:before, .pf-v5-pficon-services:before, .pf-v5-pficon-service:before, .pf-v5-pficon-service-catalog:before, .pf-v5-pficon-server:before, .pf-v5-pficon-server-group:before, .pf-v5-pficon-security:before, .pf-v5-pficon-screen:before, .pf-v5-pficon-save:before, .pf-v5-pficon-running:before, .pf-v5-pficon-resources-full:before, .pf-v5-pficon-resources-empty:before, .pf-v5-pficon-resources-almost-full:before, .pf-v5-pficon-resources-almost-empty:before, .pf-v5-pficon-resource-pool:before, .pf-v5-pficon-repository:before, .pf-v5-pficon-replicator:before, .pf-v5-pficon-remove2:before, .pf-v5-pficon-registry:before, .pf-v5-pficon-regions:before, .pf-v5-pficon-rebooting:before, .pf-v5-pficon-rebalance:before, .pf-v5-pficon-project:before, .pf-v5-pficon-process-automation:before, .pf-v5-pficon-private:before, .pf-v5-pficon-print:before, .pf-v5-pficon-port:before, .pf-v5-pficon-plugged:before, .pf-v5-pficon-pficon-vcenter:before, .pf-v5-pficon-pficon-template:before, .pf-v5-pficon-pficon-sort-common-desc:before, .pf-v5-pficon-pficon-sort-common-asc:before, .pf-v5-pficon-pficon-satellite:before, .pf-v5-pficon-pficon-network-range:before, .pf-v5-pficon-pficon-history:before, .pf-v5-pficon-pficon-dragdrop:before, .pf-v5-pficon-pending:before, .pf-v5-pficon-paused:before, .pf-v5-pficon-panel-open:before, .pf-v5-pficon-panel-close:before, .pf-v5-pficon-package:before, .pf-v5-pficon-os-image:before, .pf-v5-pficon-orders:before, .pf-v5-pficon-optimize:before, .pf-v5-pficon-openstack:before, .pf-v5-pficon-openshift:before, .pf-v5-pficon-open-drawer-right:before, .pf-v5-pficon-on:before, .pf-v5-pficon-on-running:before, .pf-v5-pficon-ok:before, .pf-v5-pficon-off:before, .pf-v5-pficon-not-started:before, .pf-v5-pficon-new-process:before, .pf-v5-pficon-network:before, .pf-v5-pficon-namespaces:before, .pf-v5-pficon-multicluster:before, .pf-v5-pficon-monitoring:before, .pf-v5-pficon-module:before, .pf-v5-pficon-migration:before, .pf-v5-pficon-middleware:before, .pf-v5-pficon-messages:before, .pf-v5-pficon-memory:before, .pf-v5-pficon-maintenance:before, .pf-v5-pficon-locked:before, .pf-v5-pficon-key:before, .pf-v5-pficon-integration:before, .pf-v5-pficon-infrastructure:before, .pf-v5-pficon-info:before, .pf-v5-pficon-in-progress:before, .pf-v5-pficon-import:before, .pf-v5-pficon-home:before, .pf-v5-pficon-history:before, .pf-v5-pficon-help:before, .pf-v5-pficon-globe-route:before, .pf-v5-pficon-folder-open:before, .pf-v5-pficon-folder-close:before, .pf-v5-pficon-flavor:before, .pf-v5-pficon-filter:before, .pf-v5-pficon-export:before, .pf-v5-pficon-error-circle-o:before, .pf-v5-pficon-equalizer:before, .pf-v5-pficon-enterprise:before, .pf-v5-pficon-enhancement:before, .pf-v5-pficon-edit:before, .pf-v5-pficon-domain:before, .pf-v5-pficon-disconnected:before, .pf-v5-pficon-degraded:before, .pf-v5-pficon-data-source:before, .pf-v5-pficon-data-sink:before, .pf-v5-pficon-data-processor:before, .pf-v5-pficon-critical-risk:before, .pf-v5-pficon-cpu:before, .pf-v5-pficon-container-node:before, .pf-v5-pficon-connected:before, .pf-v5-pficon-cluster:before, .pf-v5-pficon-cloud-tenant:before, .pf-v5-pficon-cloud-security:before, .pf-v5-pficon-close:before, .pf-v5-pficon-chat:before, .pf-v5-pficon-catalog:before, .pf-v5-pficon-bundle:before, .pf-v5-pficon-builder-image:before, .pf-v5-pficon-build:before, .pf-v5-pficon-blueprint:before, .pf-v5-pficon-bell:before, .pf-v5-pficon-automation:before, .pf-v5-pficon-attention-bell:before, .pf-v5-pficon-asleep:before, .pf-v5-pficon-arrow:before, .pf-v5-pficon-applications:before, .pf-v5-pficon-ansible-tower:before, .pf-v5-pficon-add-circle-o:before { font-family: "pf-v5-pficon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; } .pf-v5-pficon-add-circle-o:before { content: "\e61b"; } .pf-v5-pficon-ansible-tower:before { content: "\e950"; } .pf-v5-pficon-applications:before { content: "\e936"; } .pf-v5-pficon-arrow:before { content: "\e929"; } .pf-v5-pficon-asleep:before { content: "\e92e"; } .pf-v5-pficon-attention-bell:before { content: "\e951"; } .pf-v5-pficon-automation:before { content: "\e937"; } .pf-v5-pficon-bell:before { content: "\e952"; } .pf-v5-pficon-blueprint:before { content: "\e915"; } .pf-v5-pficon-build:before { content: "\e902"; } .pf-v5-pficon-builder-image:before { content: "\e800"; } .pf-v5-pficon-bundle:before { content: "\e918"; } .pf-v5-pficon-catalog:before { content: "\e953"; } .pf-v5-pficon-chat:before { content: "\e954"; } .pf-v5-pficon-close:before { content: "\e60b"; } .pf-v5-pficon-cloud-security:before { content: "\e903"; } .pf-v5-pficon-cloud-tenant:before { content: "\e904"; } .pf-v5-pficon-cluster:before { content: "\e620"; } .pf-v5-pficon-connected:before { content: "\e938"; } .pf-v5-pficon-container-node:before { content: "\e621"; } .pf-v5-pficon-cpu:before { content: "\e927"; } .pf-v5-pficon-critical-risk:before { content: "\e976"; } .pf-v5-pficon-data-processor:before { content: "\e97b"; } .pf-v5-pficon-data-sink:before { content: "\e978"; } .pf-v5-pficon-data-source:before { content: "\e979"; } .pf-v5-pficon-degraded:before { content: "\e91b"; } .pf-v5-pficon-disconnected:before { content: "\e955"; } .pf-v5-pficon-domain:before { content: "\e919"; } .pf-v5-pficon-edit:before { content: "\e60a"; } .pf-v5-pficon-enhancement:before { content: "\e93a"; } .pf-v5-pficon-enterprise:before { content: "\e906"; } .pf-v5-pficon-equalizer:before { content: "\e956"; } .pf-v5-pficon-error-circle-o:before { content: "\e926"; } .pf-v5-pficon-export:before { content: "\e616"; } .pf-v5-pficon-filter:before { content: "\e943"; } .pf-v5-pficon-flavor:before { content: "\e957"; } .pf-v5-pficon-folder-close:before { content: "\e607"; } .pf-v5-pficon-folder-open:before { content: "\e606"; } .pf-v5-pficon-globe-route:before { content: "\e958"; } .pf-v5-pficon-help:before { content: "\e605"; } .pf-v5-pficon-history:before { content: "\e617"; } .pf-v5-pficon-home:before { content: "\e618"; } .pf-v5-pficon-import:before { content: "\e615"; } .pf-v5-pficon-in-progress:before { content: "\e933"; } .pf-v5-pficon-info:before { content: "\e92b"; } .pf-v5-pficon-infrastructure:before { content: "\e93d"; } .pf-v5-pficon-integration:before { content: "\e948"; } .pf-v5-pficon-key:before { content: "\e924"; } .pf-v5-pficon-locked:before { content: "\e923"; } .pf-v5-pficon-maintenance:before { content: "\e932"; } .pf-v5-pficon-memory:before { content: "\e908"; } .pf-v5-pficon-messages:before { content: "\e603"; } .pf-v5-pficon-middleware:before { content: "\e917"; } .pf-v5-pficon-migration:before { content: "\e931"; } .pf-v5-pficon-module:before { content: "\e959"; } .pf-v5-pficon-monitoring:before { content: "\e95a"; } .pf-v5-pficon-multicluster:before { content: "\e97c"; } .pf-v5-pficon-namespaces:before { content: "\e95b"; } .pf-v5-pficon-network:before { content: "\e909"; } .pf-v5-pficon-new-process:before { content: "\e95c"; } .pf-v5-pficon-not-started:before { content: "\e95d"; } .pf-v5-pficon-off:before { content: "\e92d"; } .pf-v5-pficon-ok:before { content: "\e602"; } .pf-v5-pficon-on-running:before { content: "\e925"; } .pf-v5-pficon-on:before { content: "\e92c"; } .pf-v5-pficon-open-drawer-right:before { content: "\e977"; } .pf-v5-pficon-openshift:before { content: "\e95e"; } .pf-v5-pficon-openstack:before { content: "\e95f"; } .pf-v5-pficon-optimize:before { content: "\e93e"; } .pf-v5-pficon-orders:before { content: "\e93f"; } .pf-v5-pficon-os-image:before { content: "\e960"; } .pf-v5-pficon-package:before { content: "\e961"; } .pf-v5-pficon-panel-close:before { content: "\e962"; } .pf-v5-pficon-panel-open:before { content: "\e963"; } .pf-v5-pficon-paused:before { content: "\e92f"; } .pf-v5-pficon-pending:before { content: "\e964"; } .pf-v5-pficon-pficon-dragdrop:before { content: "\e965"; } .pf-v5-pficon-pficon-history:before { content: "\e966"; } .pf-v5-pficon-pficon-network-range:before { content: "\e967"; } .pf-v5-pficon-pficon-satellite:before { content: "\e968"; } .pf-v5-pficon-pficon-sort-common-asc:before { content: "\e94e"; } .pf-v5-pficon-pficon-sort-common-desc:before { content: "\e94f"; } .pf-v5-pficon-pficon-template:before { content: "\e94c"; } .pf-v5-pficon-pficon-vcenter:before { content: "\e969"; } .pf-v5-pficon-plugged:before { content: "\e96a"; } .pf-v5-pficon-port:before { content: "\e96b"; } .pf-v5-pficon-print:before { content: "\e612"; } .pf-v5-pficon-private:before { content: "\e914"; } .pf-v5-pficon-process-automation:before { content: "\e949"; } .pf-v5-pficon-project:before { content: "\e96c"; } .pf-v5-pficon-rebalance:before { content: "\e91c"; } .pf-v5-pficon-rebooting:before { content: "\e96d"; } .pf-v5-pficon-regions:before { content: "\e90a"; } .pf-v5-pficon-registry:before { content: "\e623"; } .pf-v5-pficon-remove2:before { content: "\e96e"; } .pf-v5-pficon-replicator:before { content: "\e624"; } .pf-v5-pficon-repository:before { content: "\e90b"; } .pf-v5-pficon-resource-pool:before { content: "\e90c"; } .pf-v5-pficon-resources-almost-empty:before { content: "\e91d"; } .pf-v5-pficon-resources-almost-full:before { content: "\e912"; } .pf-v5-pficon-resources-empty:before { content: "\e96f"; } .pf-v5-pficon-resources-full:before { content: "\e913"; } .pf-v5-pficon-running:before { content: "\e970"; } .pf-v5-pficon-save:before { content: "\e601"; } .pf-v5-pficon-screen:before { content: "\e971"; } .pf-v5-pficon-security:before { content: "\e946"; } .pf-v5-pficon-server-group:before { content: "\e91a"; } .pf-v5-pficon-server:before { content: "\e90d"; } .pf-v5-pficon-service-catalog:before { content: "\e972"; } .pf-v5-pficon-service:before { content: "\e61e"; } .pf-v5-pficon-services:before { content: "\e947"; } .pf-v5-pficon-spinner:before { content: "\e973"; } .pf-v5-pficon-spinner2:before { content: "\e613"; } .pf-v5-pficon-storage-domain:before { content: "\e90e"; } .pf-v5-pficon-task:before { content: "\e974"; } .pf-v5-pficon-tenant:before { content: "\e916"; } .pf-v5-pficon-thumb-tack:before { content: "\e920"; } .pf-v5-pficon-topology:before { content: "\e608"; } .pf-v5-pficon-trend-down:before { content: "\e900"; } .pf-v5-pficon-trend-up:before { content: "\e901"; } .pf-v5-pficon-unknown:before { content: "\e935"; } .pf-v5-pficon-unlocked:before { content: "\e922"; } .pf-v5-pficon-unplugged:before { content: "\e942"; } .pf-v5-pficon-user:before { content: "\e91e"; } .pf-v5-pficon-users:before { content: "\e91f"; } .pf-v5-pficon-virtual-machine:before { content: "\e90f"; } .pf-v5-pficon-volume:before { content: "\e910"; } .pf-v5-pficon-warning-triangle:before { content: "\e975"; } .pf-v5-pficon-zone:before { content: "\e911"; } .pf-v5-svg { width: 1em; height: 1em; vertical-align: -0.125em; } @font-face { font-family: "RedHatDisplay"; src: url(../../static/fonts/RedHatDisplay-Bold.woff2) format("woff2"); font-style: normal; font-weight: 700; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatDisplay"; src: url(../../static/fonts/RedHatDisplay-BoldItalic.woff2) format("woff2"); font-style: italic; font-weight: 700; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatDisplay"; src: url(../../static/fonts/RedHatDisplay-Black.woff2) format("woff2"); font-style: normal; font-weight: 900; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatDisplay"; src: url(../../static/fonts/RedHatDisplay-BlackItalic.woff2) format("woff2"); font-style: italic; font-weight: 900; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatDisplay"; src: url(../../static/fonts/RedHatDisplay-Italic.woff2) format("woff2"); font-style: italic; font-weight: 300; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatDisplay"; src: url(../../static/fonts/RedHatDisplay-Medium.woff2) format("woff2"); font-style: normal; font-weight: 400; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatDisplay"; src: url(../../static/fonts/RedHatDisplay-MediumItalic.woff2) format("woff2"); font-style: italic; font-weight: 400; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatDisplay"; src: url(../../static/fonts/RedHatDisplay-Regular.woff2) format("woff2"); font-style: normal; font-weight: 300; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatText"; src: url(../../static/fonts/RedHatText-Bold.woff2) format("woff2"); font-style: normal; font-weight: 700; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatText"; src: url(../../static/fonts/RedHatText-BoldItalic.woff2) format("woff2"); font-style: italic; font-weight: 700; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatText"; src: url(../../static/fonts/RedHatText-Italic.woff2) format("woff2"); font-style: italic; font-weight: 400; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatText"; src: url(../../static/fonts/RedHatText-Medium.woff2) format("woff2"); font-style: normal; font-weight: 700; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatText"; src: url(../../static/fonts/RedHatText-MediumItalic.woff2) format("woff2"); font-style: italic; font-weight: 700; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatText"; src: url(../../static/fonts/RedHatText-Regular.woff2) format("woff2"); font-style: normal; font-weight: 400; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatMono"; src: url(../../static/fonts/RedHatMono-Bold.woff2) format("woff2"); font-style: normal; font-weight: 700; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatMono"; src: url(../../static/fonts/RedHatMono-BoldItalic.woff2) format("woff2"); font-style: italic; font-weight: 700; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatMono"; src: url(../../static/fonts/RedHatMono-Italic.woff2) format("woff2"); font-style: italic; font-weight: 300; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatMono"; src: url(../../static/fonts/RedHatMono-Medium.woff2) format("woff2"); font-style: normal; font-weight: 400; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatMono"; src: url(../../static/fonts/RedHatMono-MediumItalic.woff2) format("woff2"); font-style: italic; font-weight: 400; text-rendering: optimizelegibility; } @font-face { font-family: "RedHatMono"; src: url(../../static/fonts/RedHatMono-Regular.woff2) format("woff2"); font-style: normal; font-weight: 300; text-rendering: optimizelegibility; } /* node_modules/@patternfly/react-styles/css/components/Card/card.css */ .pf-v5-c-card { --pf-v5-c-card--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--sm); --pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-global--spacer--lg); --pf-v5-c-card--child--PaddingRight: var(--pf-v5-global--spacer--lg); --pf-v5-c-card--child--PaddingBottom: var(--pf-v5-global--spacer--lg); --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-global--spacer--lg); --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--lg); --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--md); --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading); --pf-v5-c-card__title-text--FontSize: var(--pf-v5-global--FontSize--md); --pf-v5-c-card__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal); --pf-v5-c-card__title-text--LineHeight: var(--pf-v5-global--LineHeight--md); --pf-v5-c-card__body--FontSize: var(--pf-v5-global--FontSize--md); --pf-v5-c-card__footer--FontSize: var(--pf-v5-global--FontSize--md); --pf-v5-c-card__actions--PaddingLeft: var(--pf-v5-global--spacer--md); --pf-v5-c-card__actions--Gap: var(--pf-v5-global--spacer--sm); --pf-v5-c-card__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1); --pf-v5-c-card__actions--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1); --pf-v5-c-card__header-toggle--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1); --pf-v5-c-card__header-toggle--MarginRight: var(--pf-v5-global--spacer--xs); --pf-v5-c-card__header-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1); --pf-v5-c-card__header-toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1); --pf-v5-c-card__header-toggle-icon--Transition: var(--pf-v5-global--Transition); --pf-v5-c-card--m-expanded__header-toggle-icon--Rotate: 90deg; --pf-v5-c-card--m-selectable--BorderWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-card--m-selectable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-card--m-selectable--m-selected--BorderColor: var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--palette--black-150); --pf-v5-c-card--m-selectable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100); --pf-v5-c-card--m-selectable--focus--BorderColor: var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-100); --pf-v5-c-card--m-selectable--m-disabled--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-card--m-selectable--m-disabled--BoxShadow: var(--pf-v5-global--BoxShadow--sm); --pf-v5-c-card--m-selectable--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-card--m-selectable--m-clickable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--sm); --pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--palette--black-150); --pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400); --pf-v5-c-card--m-selectable-raised--before--Right: 0; --pf-v5-c-card--m-selectable-raised--before--Bottom: 0; --pf-v5-c-card--m-selectable-raised--before--Left: 0; --pf-v5-c-card--m-flat--m-selectable-raised--before--Right: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth)); --pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth)); --pf-v5-c-card--m-flat--m-selectable-raised--before--Left: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth)); --pf-v5-c-card--m-selectable-raised--before--Height: var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: transparent; --pf-v5-c-card--m-selectable-raised--before--Transition: none; --pf-v5-c-card--m-selectable-raised--before--ScaleY: 1; --pf-v5-c-card--m-selectable-raised--before--TranslateY: 0; --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400); --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-v5-global--active-color--400); --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-v5-global--active-color--400); --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem; --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base); --pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-flat--BorderWidth)); --pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-rounded--BorderRadius)); --pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-v5-global--ZIndex--xs); --pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear; --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear; --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1); --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2; --pf-v5-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200); --pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-v5-global--disabled-color--200); --pf-v5-c-card--m-non-selectable-raised--before--ScaleY: 2; --pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-v5-global--disabled-color--200); --pf-v5-c-card--m-compact__body--FontSize: var(--pf-v5-global--FontSize--sm); --pf-v5-c-card--m-compact__footer--FontSize: var(--pf-v5-global--FontSize--sm); --pf-v5-c-card--m-compact--first-child--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact--child--PaddingRight: var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact--child--PaddingBottom: var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact--child--PaddingLeft: var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--sm); --pf-v5-c-card--m-display-lg__title-text--FontSize: var(--pf-v5-global--FontSize--xl); --pf-v5-c-card--m-display-lg--first-child--PaddingTop: var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg--child--PaddingRight: var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg--child--PaddingBottom: var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg--child--PaddingLeft: var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg); --pf-v5-c-card--m-flat--BorderWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-card--m-flat--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-card--m-rounded--BorderRadius: var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-card--m-full-height--Height: 100%; --pf-v5-c-card--m-plain--BoxShadow: none; --pf-v5-c-card--m-plain--BackgroundColor: transparent; --pf-v5-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1); --pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-v5-global--spacer--xs); --pf-v5-c-card__input--focus--BorderWidth: var(--pf-v5-global--BorderWidth--md); --pf-v5-c-card__input--focus--BorderColor: var(--pf-v5-global--primary-color--100); position: relative; display: flex; flex-direction: column; background-color: var(--pf-v5-c-card--BackgroundColor); box-shadow: var(--pf-v5-c-card--BoxShadow); } .pf-v5-c-card.pf-m-selectable, .pf-v5-c-card.pf-m-clickable { isolation: isolate; box-shadow: none; } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label { position: unset; } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__label::before, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label::before { position: absolute; inset: 0; cursor: pointer; } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible) ~ .pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible) ~ .pf-v5-c-radio__label { --pf-v5-c-card--BackgroundColor: unset; --pf-v5-c-card--BorderColor: unset; } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected { --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor); --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor); } .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current { --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor); --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor); } .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current.pf-m-selected, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label { --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor); --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor); } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled) ~ .pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:disabled) ~ .pf-v5-c-radio__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled { --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor); --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-disabled--BorderColor); --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--m-disabled--BoxShadow); } .pf-v5-c-card.pf-m-hoverable-raised::before, .pf-v5-c-card.pf-m-selectable-raised::before, .pf-v5-c-card.pf-m-non-selectable-raised::before { position: absolute; right: var(--pf-v5-c-card--m-selectable-raised--before--Right); bottom: var(--pf-v5-c-card--m-selectable-raised--before--Bottom); left: var(--pf-v5-c-card--m-selectable-raised--before--Left); height: var(--pf-v5-c-card--m-selectable-raised--before--Height); content: ""; background-color: var(--pf-v5-c-card--m-selectable-raised--before--BackgroundColor); transition: var(--pf-v5-c-card--m-selectable-raised--before--Transition); transform: translateY(var(--pf-v5-c-card--m-selectable-raised--before--TranslateY)) scaleY(var(--pf-v5-c-card--m-selectable-raised--before--ScaleY)); transform-origin: center bottom; } .pf-v5-c-card.pf-m-hoverable-raised:hover { --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-hoverable-raised--hover--BoxShadow); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor); } .pf-v5-c-card.pf-m-selectable-raised { cursor: pointer; } .pf-v5-c-card.pf-m-selectable-raised:hover { --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--hover--BoxShadow); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor); } .pf-v5-c-card.pf-m-selectable-raised:focus { --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--focus--BoxShadow); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor); } .pf-v5-c-card.pf-m-selectable-raised:active { --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--active--BoxShadow); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor); } .pf-v5-c-card.pf-m-selectable-raised.pf-m-selected-raised { --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor); --pf-v5-c-card--m-selectable-raised--before--Transition: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition); --pf-v5-c-card--m-selectable-raised--before--TranslateY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY); --pf-v5-c-card--m-selectable-raised--before--ScaleY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY); z-index: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex); box-shadow: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow); transition: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition); transform: translateY(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY)); } .pf-v5-c-card.pf-m-non-selectable-raised { --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-non-selectable-raised--BackgroundColor); --pf-v5-c-card--BoxShadow: none; --pf-v5-c-card--m-flat--BorderColor: var(--pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor); --pf-v5-c-card--m-selectable-raised--before--ScaleY: var(--pf-v5-c-card--m-non-selectable-raised--before--ScaleY); } .pf-v5-c-card.pf-m-compact { --pf-v5-c-card__body--FontSize: var(--pf-v5-c-card--m-compact__body--FontSize); --pf-v5-c-card__footer--FontSize: var(--pf-v5-c-card--m-compact__footer--FontSize); --pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-c-card--m-compact--first-child--PaddingTop); --pf-v5-c-card--child--PaddingRight: var(--pf-v5-c-card--m-compact--child--PaddingRight); --pf-v5-c-card--child--PaddingBottom: var(--pf-v5-c-card--m-compact--child--PaddingBottom); --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-c-card--m-compact--child--PaddingLeft); --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-c-card--m-compact--c-divider--child--PaddingTop); --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom); } .pf-v5-c-card.pf-m-display-lg { --pf-v5-c-card__title-text--FontSize: var(--pf-v5-c-card--m-display-lg__title-text--FontSize); --pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-c-card--m-display-lg--first-child--PaddingTop); --pf-v5-c-card--child--PaddingRight: var(--pf-v5-c-card--m-display-lg--child--PaddingRight); --pf-v5-c-card--child--PaddingBottom: var(--pf-v5-c-card--m-display-lg--child--PaddingBottom); --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-c-card--m-display-lg--child--PaddingLeft); --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop); --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom); } .pf-v5-c-card.pf-m-flat { --pf-v5-c-card--BoxShadow: none; --pf-v5-c-card--m-selectable-raised--before--Right: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Right); --pf-v5-c-card--m-selectable-raised--before--Bottom: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom); --pf-v5-c-card--m-selectable-raised--before--Left: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Left); --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY); border: var(--pf-v5-c-card--m-flat--BorderWidth) solid var(--pf-v5-c-card--m-flat--BorderColor); } .pf-v5-c-card.pf-m-plain { --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-plain--BoxShadow); --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-plain--BackgroundColor); } .pf-v5-c-card.pf-m-rounded { --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY); border-radius: var(--pf-v5-c-card--m-rounded--BorderRadius); } .pf-v5-c-card.pf-m-expanded .pf-v5-c-card__header-toggle-icon { transform: rotate(var(--pf-v5-c-card--m-expanded__header-toggle-icon--Rotate)); } .pf-v5-c-card.pf-m-full-height { height: var(--pf-v5-c-card--m-full-height--Height); } .pf-v5-c-card > .pf-v5-c-divider + .pf-v5-c-card__header, .pf-v5-c-card > .pf-v5-c-divider + .pf-v5-c-card__title, .pf-v5-c-card > .pf-v5-c-divider + .pf-v5-c-card__body, .pf-v5-c-card > .pf-v5-c-divider + .pf-v5-c-card__footer { padding-top: var(--pf-v5-c-card--c-divider--child--PaddingTop); } .pf-v5-c-card__header { display: flex; flex-direction: row; align-items: center; } .pf-v5-c-card__header .pf-v5-c-card__title { --pf-v5-c-card--first-child--PaddingTop: 0; --pf-v5-c-card__title--not--last-child--PaddingBottom: 0; padding: 0; } .pf-v5-c-card__header.pf-m-toggle-right { --pf-v5-c-card__header-toggle--MarginRight: var(--pf-v5-c-card__header--m-toggle-right--toggle--MarginRight); --pf-v5-c-card__header-toggle--MarginLeft: var(--pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft); } .pf-v5-c-card__header.pf-m-toggle-right .pf-v5-c-card__header-toggle { order: 2; } .pf-v5-c-card__header-main { flex: 1; } .pf-v5-c-card__header-toggle { align-self: flex-start; margin: var(--pf-v5-c-card__header-toggle--MarginTop) var(--pf-v5-c-card__header-toggle--MarginRight) var(--pf-v5-c-card__header-toggle--MarginBottom) var(--pf-v5-c-card__header-toggle--MarginLeft); } .pf-v5-c-card__header-toggle-icon { display: inline-block; transition: var(--pf-v5-c-card__header-toggle-icon--Transition); } .pf-v5-c-card__title-text { font-family: var(--pf-v5-c-card__title-text--FontFamily); font-size: var(--pf-v5-c-card__title-text--FontSize); font-weight: var(--pf-v5-c-card__title-text--FontWeight); line-height: var(--pf-v5-c-card__title-text--LineHeight); } .pf-v5-c-card__actions { display: flex; gap: var(--pf-v5-c-card__actions--Gap); align-items: center; align-self: flex-start; order: 1; padding-left: var(--pf-v5-c-card__actions--PaddingLeft); margin: var(--pf-v5-c-card__actions--MarginTop) 0 var(--pf-v5-c-card__actions--MarginBottom) auto; } .pf-v5-c-card__actions + .pf-v5-c-card__title, .pf-v5-c-card__actions + .pf-v5-c-card__body, .pf-v5-c-card__actions + .pf-v5-c-card__footer { padding: 0; } .pf-v5-c-card__actions.pf-m-no-offset { --pf-v5-c-card__actions--MarginTop: 0; --pf-v5-c-card__actions--MarginBottom: 0; } .pf-v5-c-card__selectable-actions .pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label { position: absolute; inset: 0; cursor: pointer; } .pf-v5-c-card__selectable-actions .pf-v5-c-check__label::before, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label::before { position: absolute; inset: 0; z-index: -1; content: ""; background-color: var(--pf-v5-c-card--BackgroundColor, transparent); border: var(--pf-v5-c-card--m-selectable--BorderWidth) solid var(--pf-v5-c-card--BorderColor, transparent); box-shadow: var(--pf-v5-c-card--BoxShadow, none); } .pf-v5-c-card__selectable-actions .pf-v5-c-check__label:hover, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:hover { --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--hover--BackgroundColor); --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--hover--BoxShadow); } .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label, .pf-v5-c-card.pf-m-selected { --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-selected--BorderColor); --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-selected--BackgroundColor); } .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible) ~ .pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible) ~ .pf-v5-c-radio__label { --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--focus--BorderColor); --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--focus--BackgroundColor); } .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible):where(:checked) ~ .pf-v5-c-radio__label { --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-selected--focus--BorderColor); } .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled) ~ .pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:disabled) ~ .pf-v5-c-radio__label, .pf-v5-c-card.pf-m-disabled { --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor); --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-disabled--BorderColor); --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--m-disabled--BoxShadow); } .pf-v5-c-card__header, .pf-v5-c-card__title, .pf-v5-c-card__body, .pf-v5-c-card__footer { padding-right: var(--pf-v5-c-card--child--PaddingRight); padding-bottom: var(--pf-v5-c-card--child--PaddingBottom); padding-left: var(--pf-v5-c-card--child--PaddingLeft); } .pf-v5-c-card__header:first-child, .pf-v5-c-card__title:first-child, .pf-v5-c-card__body:first-child, .pf-v5-c-card__footer:first-child { padding-top: var(--pf-v5-c-card--first-child--PaddingTop); } .pf-v5-c-card__header:not(:last-child), .pf-v5-c-card__title:not(:last-child) { padding-bottom: var(--pf-v5-c-card__title--not--last-child--PaddingBottom); } .pf-v5-c-card__expandable-content { --pf-v5-c-card--first-child--PaddingTop: 0; } .pf-v5-c-card__body:not(.pf-m-no-fill) { flex: 1 1 auto; } .pf-v5-c-card__body { font-size: var(--pf-v5-c-card__body--FontSize); } .pf-v5-c-card__footer { font-size: var(--pf-v5-c-card__footer--FontSize); } .pf-v5-c-card__sr-input:focus + .pf-v5-c-card::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor); } :where(.pf-v5-theme-dark) .pf-v5-c-card, :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised { --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg); } /* node_modules/@patternfly/react-styles/css/components/Popper/Popper.css */ .pf-v5-c-popover[data-popper-reference-hidden=true] { visibility: hidden; pointer-events: none; } /* node_modules/@patternfly/react-styles/css/components/Button/button.css */ .pf-v5-c-button { --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element); --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md); --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element); --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md); --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md); --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal); --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md); --pf-v5-c-button--BackgroundColor: transparent; --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-button--after--BorderColor: transparent; --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100); --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200); --pf-v5-c-button--disabled--after--BorderColor: transparent; --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200); --pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200); --pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200); --pf-v5-c-button--m-primary--active--Color: var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-secondary--BackgroundColor: transparent; --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--hover--BackgroundColor: transparent; --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--hover--Color: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--focus--BackgroundColor: transparent; --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--focus--Color: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--active--BackgroundColor: transparent; --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--active--Color: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: transparent; --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent; --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent; --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor: transparent; --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-tertiary--BackgroundColor: transparent; --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--hover--BackgroundColor: transparent; --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--focus--BackgroundColor: transparent; --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--active--BackgroundColor: transparent; --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-global--warning-color--100); --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--palette--gold-500); --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--palette--gold-500); --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--palette--gold-500); --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-link--BackgroundColor: transparent; --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color); --pf-v5-c-button--m-link--hover--BackgroundColor: transparent; --pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover); --pf-v5-c-button--m-link--focus--BackgroundColor: transparent; --pf-v5-c-button--m-link--focus--Color: var(--pf-v5-global--link--Color--hover); --pf-v5-c-button--m-link--active--BackgroundColor: transparent; --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover); --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent; --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100); --pf-v5-c-button--m-link--m-inline--FontSize: inherit; --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover); --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover); --pf-v5-c-button--m-link--m-inline--PaddingTop: 0; --pf-v5-c-button--m-link--m-inline--PaddingRight: 0; --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0; --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0; --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-v5-global--spacer--xs); --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-v5-global--spacer--sm)); --pf-v5-c-button--m-link--m-danger--BackgroundColor: transparent; --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: transparent; --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-link--m-danger--focus--BackgroundColor: transparent; --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-link--m-danger--active--BackgroundColor: transparent; --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-plain--BackgroundColor: transparent; --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--200); --pf-v5-c-button--m-plain--hover--BackgroundColor: transparent; --pf-v5-c-button--m-plain--hover--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-plain--focus--BackgroundColor: transparent; --pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-plain--active--BackgroundColor: transparent; --pf-v5-c-button--m-plain--active--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200); --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent; --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--BorderRadius: 0; --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--BorderColor--300); --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--BorderColor--300); --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200); --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--BorderColor--300); --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300); --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--hover--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100); --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--active--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100); --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--focus--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100); --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100); --pf-v5-c-button--m-small--FontSize: var(--pf-v5-global--FontSize--sm); --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-v5-global--spacer--xl); --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-v5-global--spacer--md); --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-v5-global--spacer--xl); --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-v5-global--FontWeight--bold); --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-v5-global--FontSize--lg); --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-v5-global--spacer--xs); --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-v5-global--spacer--xs); --pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm)); --pf-v5-c-button__progress--Opacity: 0; --pf-v5-c-button__progress--TranslateY: -50%; --pf-v5-c-button__progress--TranslateX: 0; --pf-v5-c-button__progress--Top: 50%; --pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md); --pf-v5-c-button--m-progress--TransitionProperty: padding; --pf-v5-c-button--m-progress--TransitionDuration: var(--pf-v5-global--TransitionDuration); --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2); --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2); --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-v5-global--spacer--md); --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width)); --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%; --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%; --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm); --pf-v5-c-button--disabled__c-badge--Color: var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--BorderColor--300); --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-v5-global--BorderWidth--sm); position: relative; display: inline-block; padding: var(--pf-v5-c-button--PaddingTop) var(--pf-v5-c-button--PaddingRight) var(--pf-v5-c-button--PaddingBottom) var(--pf-v5-c-button--PaddingLeft); font-size: var(--pf-v5-c-button--FontSize); font-weight: var(--pf-v5-c-button--FontWeight); line-height: var(--pf-v5-c-button--LineHeight); text-align: center; white-space: nowrap; user-select: none; border: 0; border-radius: var(--pf-v5-c-button--BorderRadius); } .pf-v5-c-button::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border: var(--pf-v5-c-button--after--BorderWidth) solid; border-color: var(--pf-v5-c-button--after--BorderColor); border-radius: var(--pf-v5-c-button--after--BorderRadius); } .pf-v5-c-button:hover { --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--hover--after--BorderWidth); text-decoration: none; } .pf-v5-c-button:focus { --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--focus--after--BorderWidth); } .pf-v5-c-button:active, .pf-v5-c-button.pf-m-active { --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--active--after--BorderWidth); } .pf-v5-c-button.pf-m-block { display: block; width: 100%; } .pf-v5-c-button.pf-m-small { --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-small--FontSize); } .pf-v5-c-button.pf-m-primary.pf-m-display-lg, .pf-v5-c-button.pf-m-secondary.pf-m-display-lg, .pf-v5-c-button.pf-m-tertiary.pf-m-display-lg, .pf-v5-c-button.pf-m-link.pf-m-display-lg { --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-display-lg--PaddingTop); --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-display-lg--PaddingRight); --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-display-lg--PaddingBottom); --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-display-lg--PaddingLeft); --pf-v5-c-button--FontWeight: var(--pf-v5-c-button--m-display-lg--FontWeight); } .pf-v5-c-button.pf-m-primary { color: var(--pf-v5-c-button--m-primary--Color); background-color: var(--pf-v5-c-button--m-primary--BackgroundColor); } .pf-v5-c-button.pf-m-primary:hover { --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--hover--Color); --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--hover--BackgroundColor); } .pf-v5-c-button.pf-m-primary:focus { --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color); --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor); } .pf-v5-c-button.pf-m-primary:active, .pf-v5-c-button.pf-m-primary.pf-m-active { --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--active--Color); --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--active--BackgroundColor); } .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread { border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor); } .pf-v5-c-button.pf-m-secondary { --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--after--BorderColor); color: var(--pf-v5-c-button--m-secondary--Color); background-color: var(--pf-v5-c-button--m-secondary--BackgroundColor); } .pf-v5-c-button.pf-m-secondary:hover { --pf-v5-c-button--m-secondary--Color: var(--pf-v5-c-button--m-secondary--hover--Color); --pf-v5-c-button--m-secondary--BackgroundColor: var(--pf-v5-c-button--m-secondary--hover--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--hover--after--BorderColor); } .pf-v5-c-button.pf-m-secondary:focus { --pf-v5-c-button--m-secondary--Color: var(--pf-v5-c-button--m-secondary--focus--Color); --pf-v5-c-button--m-secondary--BackgroundColor: var(--pf-v5-c-button--m-secondary--focus--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--focus--after--BorderColor); } .pf-v5-c-button.pf-m-secondary.pf-m-active, .pf-v5-c-button.pf-m-secondary:active { --pf-v5-c-button--m-secondary--Color: var(--pf-v5-c-button--m-secondary--active--Color); --pf-v5-c-button--m-secondary--BackgroundColor: var(--pf-v5-c-button--m-secondary--active--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--active--after--BorderColor); } .pf-v5-c-button.pf-m-tertiary { --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-tertiary--after--BorderColor); color: var(--pf-v5-c-button--m-tertiary--Color); background-color: var(--pf-v5-c-button--m-tertiary--BackgroundColor); } .pf-v5-c-button.pf-m-tertiary:hover { --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-c-button--m-tertiary--hover--Color); --pf-v5-c-button--m-tertiary--BackgroundColor: var(--pf-v5-c-button--m-tertiary--hover--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-tertiary--hover--after--BorderColor); } .pf-v5-c-button.pf-m-tertiary:focus { --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-c-button--m-tertiary--focus--Color); --pf-v5-c-button--m-tertiary--BackgroundColor: var(--pf-v5-c-button--m-tertiary--focus--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-tertiary--focus--after--BorderColor); } .pf-v5-c-button.pf-m-tertiary:active, .pf-v5-c-button.pf-m-tertiary.pf-m-active { --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-c-button--m-tertiary--active--Color); --pf-v5-c-button--m-tertiary--BackgroundColor: var(--pf-v5-c-button--m-tertiary--active--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-tertiary--active--after--BorderColor); } .pf-v5-c-button.pf-m-link { --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-link--disabled--BackgroundColor); --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--disabled--Color); color: var(--pf-v5-c-button--m-link--Color); background-color: var(--pf-v5-c-button--m-link--BackgroundColor); } .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover { --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color); --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor); } .pf-v5-c-button.pf-m-link:not(.pf-m-inline):focus { --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--focus--Color); --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--focus--BackgroundColor); } .pf-v5-c-button.pf-m-link:not(.pf-m-inline):active, .pf-v5-c-button.pf-m-link:not(.pf-m-inline).pf-m-active { --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--active--Color); --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--active--BackgroundColor); } .pf-v5-c-button.pf-m-link.pf-m-inline { --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-inline--FontSize); --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-link--m-inline__progress--Left); display: inline; padding: var(--pf-v5-c-button--m-link--m-inline--PaddingTop) var(--pf-v5-c-button--m-link--m-inline--PaddingRight) var(--pf-v5-c-button--m-link--m-inline--PaddingBottom) var(--pf-v5-c-button--m-link--m-inline--PaddingLeft); text-align: left; white-space: normal; cursor: pointer; } .pf-v5-c-button.pf-m-link.pf-m-inline:hover { --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--m-inline--hover--Color); text-decoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration); } .pf-v5-c-button.pf-m-link.pf-m-display-lg { --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize); } .pf-v5-c-button.pf-m-danger { color: var(--pf-v5-c-button--m-danger--Color); background-color: var(--pf-v5-c-button--m-danger--BackgroundColor); } .pf-v5-c-button.pf-m-danger:hover { --pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-danger--hover--Color); --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-danger--hover--BackgroundColor); } .pf-v5-c-button.pf-m-danger:focus { --pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-danger--focus--Color); --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-danger--focus--BackgroundColor); } .pf-v5-c-button.pf-m-danger:active, .pf-v5-c-button.pf-m-danger.pf-m-active { --pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-danger--active--Color); --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-danger--active--BackgroundColor); } .pf-v5-c-button.pf-m-danger.pf-m-secondary { --pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-secondary--m-danger--Color); --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-secondary--m-danger--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--m-danger--after--BorderColor); } .pf-v5-c-button.pf-m-danger.pf-m-secondary:hover { --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-c-button--m-secondary--m-danger--hover--Color); --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor); } .pf-v5-c-button.pf-m-danger.pf-m-secondary:focus { --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-c-button--m-secondary--m-danger--focus--Color); --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor); } .pf-v5-c-button.pf-m-danger.pf-m-secondary:active, .pf-v5-c-button.pf-m-danger.pf-m-secondary.pf-m-active { --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-c-button--m-secondary--m-danger--active--Color); --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor); } .pf-v5-c-button.pf-m-danger.pf-m-link { --pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--Color); --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--BackgroundColor); } .pf-v5-c-button.pf-m-danger.pf-m-link:hover { --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--hover--Color); --pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor); } .pf-v5-c-button.pf-m-danger.pf-m-link:focus { --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--focus--Color); --pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--focus--BackgroundColor); } .pf-v5-c-button.pf-m-danger.pf-m-link:active, .pf-v5-c-button.pf-m-danger.pf-m-link.pf-m-active { --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--active--Color); --pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--active--BackgroundColor); } .pf-v5-c-button.pf-m-warning { color: var(--pf-v5-c-button--m-warning--Color); background-color: var(--pf-v5-c-button--m-warning--BackgroundColor); } .pf-v5-c-button.pf-m-warning:hover { --pf-v5-c-button--m-warning--Color: var(--pf-v5-c-button--m-warning--hover--Color); --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-c-button--m-warning--hover--BackgroundColor); } .pf-v5-c-button.pf-m-warning:focus { --pf-v5-c-button--m-warning--Color: var(--pf-v5-c-button--m-warning--focus--Color); --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-c-button--m-warning--focus--BackgroundColor); } .pf-v5-c-button.pf-m-warning:active, .pf-v5-c-button.pf-m-warning.pf-m-active { --pf-v5-c-button--m-warning--Color: var(--pf-v5-c-button--m-warning--active--Color); --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-c-button--m-warning--active--BackgroundColor); } .pf-v5-c-button.pf-m-control { --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-control--BorderRadius); --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-control--disabled--BackgroundColor); --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--m-control--after--BorderWidth); --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-control--after--BorderTopColor) var(--pf-v5-c-button--m-control--after--BorderRightColor) var(--pf-v5-c-button--m-control--after--BorderBottomColor) var(--pf-v5-c-button--m-control--after--BorderLeftColor); color: var(--pf-v5-c-button--m-control--Color); background-color: var(--pf-v5-c-button--m-control--BackgroundColor); } .pf-v5-c-button.pf-m-control::after { border-radius: initial; } .pf-v5-c-button.pf-m-control:hover { --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--hover--Color); --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--hover--BackgroundColor); --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--hover--after--BorderBottomColor); } .pf-v5-c-button.pf-m-control:hover::after { border-bottom-width: var(--pf-v5-c-button--m-control--hover--after--BorderBottomWidth); } .pf-v5-c-button.pf-m-control:active, .pf-v5-c-button.pf-m-control.pf-m-active { --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--active--Color); --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--active--BackgroundColor); --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--active--after--BorderBottomColor); } .pf-v5-c-button.pf-m-control:active::after, .pf-v5-c-button.pf-m-control.pf-m-active::after { border-bottom-width: var(--pf-v5-c-button--m-control--active--after--BorderBottomWidth); } .pf-v5-c-button.pf-m-control:focus { --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--focus--Color); --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--focus--BackgroundColor); --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--focus--after--BorderBottomColor); } .pf-v5-c-button.pf-m-control:focus::after { border-bottom-width: var(--pf-v5-c-button--m-control--focus--after--BorderBottomWidth); } .pf-v5-c-button.pf-m-control.pf-m-expanded { --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--m-expanded--Color); --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--m-expanded--BackgroundColor); --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor); } .pf-v5-c-button.pf-m-control.pf-m-expanded::after { border-bottom-width: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth); } .pf-v5-c-button.pf-m-plain { --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color); --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor); color: var(--pf-v5-c-button--m-plain--Color); background-color: var(--pf-v5-c-button--m-plain--BackgroundColor); } .pf-v5-c-button.pf-m-plain:hover { --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color); --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor); } .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active { --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color); --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--active--BackgroundColor); } .pf-v5-c-button.pf-m-plain:focus { --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--focus--Color); --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--focus--BackgroundColor); } .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled { pointer-events: none; } .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled, .pf-v5-c-button.pf-m-aria-disabled { color: var(--pf-v5-c-button--disabled--Color); background-color: var(--pf-v5-c-button--disabled--BackgroundColor); } .pf-v5-c-button:disabled::after, .pf-v5-c-button.pf-m-disabled::after, .pf-v5-c-button.pf-m-aria-disabled::after { border-color: var(--pf-v5-c-button--disabled--after--BorderColor); } .pf-v5-c-button:disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-aria-disabled .pf-v5-c-badge { --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color); --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor); --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0; } .pf-v5-c-button.pf-m-aria-disabled { --pf-v5-c-button--after--BorderWidth: 0; --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: none; cursor: default; } .pf-v5-c-button.pf-m-progress { --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-progress--PaddingRight); --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-progress--PaddingLeft); transition: var(--pf-v5-c-button--m-progress--TransitionProperty) var(--pf-v5-c-button--m-progress--TransitionDuration); } .pf-v5-c-button.pf-m-in-progress { --pf-v5-c-button--m-link--m-inline--PaddingLeft: var(--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft); } .pf-v5-c-button.pf-m-in-progress:not(.pf-m-plain) { --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-in-progress--PaddingRight); --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-in-progress--PaddingLeft); } .pf-v5-c-button.pf-m-in-progress.pf-m-plain { --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color); --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-in-progress--m-plain__progress--Left); --pf-v5-c-button__progress--TranslateX: var(--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX); } .pf-v5-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v5-c-button__progress) { opacity: 0; } .pf-v5-c-button__icon.pf-m-start { margin-right: var(--pf-v5-c-button__icon--m-start--MarginRight); } .pf-v5-c-button__icon.pf-m-end { margin-left: var(--pf-v5-c-button__icon--m-end--MarginLeft); } .pf-v5-c-button__progress { position: absolute; top: var(--pf-v5-c-button__progress--Top); left: var(--pf-v5-c-button__progress--Left); line-height: 1; transform: translate(var(--pf-v5-c-button__progress--TranslateX), var(--pf-v5-c-button__progress--TranslateY)); } .pf-v5-c-button__progress .pf-v5-c-spinner { --pf-v5-c-spinner--Color: currentcolor; } .pf-v5-c-button__count { display: inline-flex; align-items: center; margin-left: var(--pf-v5-c-button__count--MarginLeft); } :where(.pf-v5-theme-dark) .pf-v5-c-button { --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300); --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300); --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400); --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100); --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--after--BorderTopColor: transparent; --pf-v5-c-button--m-control--after--BorderRightColor: transparent; --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400); --pf-v5-c-button--m-control--after--BorderLeftColor: transparent; --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200); --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100); } :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after { border: 0; border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700); } /* node_modules/@patternfly/react-styles/css/components/Spinner/spinner.css */ .pf-v5-c-spinner { --pf-v5-c-spinner--diameter: var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-spinner--Width: var(--pf-v5-c-spinner--diameter); --pf-v5-c-spinner--Height: var(--pf-v5-c-spinner--diameter); --pf-v5-c-spinner--Color: var(--pf-v5-global--primary-color--100); --pf-v5-c-spinner--m-sm--diameter: var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-spinner--m-md--diameter: var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-spinner--m-lg--diameter: var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-spinner--m-xl--diameter: var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-spinner--m-inline--diameter: 1em; width: var(--pf-v5-c-spinner--Width); height: var(--pf-v5-c-spinner--Height); overflow: hidden; } .pf-v5-c-spinner.pf-m-inline { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-inline--diameter); } .pf-v5-c-spinner.pf-m-sm { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-sm--diameter); } .pf-v5-c-spinner.pf-m-md { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-md--diameter); } .pf-v5-c-spinner.pf-m-lg { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-lg--diameter); } .pf-v5-c-spinner.pf-m-xl { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-xl--diameter); } svg.pf-v5-c-spinner { --pf-v5-c-spinner--diameter: var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-spinner--AnimationDuration: 1.4s; --pf-v5-c-spinner--AnimationTimingFunction: linear; --pf-v5-c-spinner--stroke-width: 10; --pf-v5-c-spinner__path--Stroke: var(--pf-v5-c-spinner--Color); --pf-v5-c-spinner__path--StrokeWidth: var(--pf-v5-c-spinner--stroke-width); --pf-v5-c-spinner__path--AnimationTimingFunction: ease-in-out; --pf-v5-c-spinner--m-sm--diameter: var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-spinner--m-md--diameter: var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-spinner--m-lg--diameter: var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-spinner--m-xl--diameter: var(--pf-v5-global--icon--FontSize--xl); animation: pf-v5-c-spinner-animation-rotate calc(var(--pf-v5-c-spinner--AnimationDuration) * 2) var(--pf-v5-c-spinner--AnimationTimingFunction) infinite; } svg.pf-v5-c-spinner.pf-m-sm { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-sm--diameter); } svg.pf-v5-c-spinner.pf-m-md { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-md--diameter); } svg.pf-v5-c-spinner.pf-m-lg { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-lg--diameter); } svg.pf-v5-c-spinner.pf-m-xl { --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-xl--diameter); } .pf-v5-c-spinner__path { width: 100%; height: 100%; stroke: var(--pf-v5-c-spinner--Color); stroke-dasharray: 283; stroke-dashoffset: 280; stroke-linecap: round; stroke-width: var(--pf-v5-c-spinner--stroke-width); transform-origin: 50% 50%; animation: pf-v5-c-spinner-animation-dash var(--pf-v5-c-spinner--AnimationDuration) var(--pf-v5-c-spinner__path--AnimationTimingFunction) infinite; } @keyframes pf-v5-c-spinner-animation-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pf-v5-c-spinner-animation-dash { 0% { stroke-dashoffset: 280; transform: rotate(0); } 15% { stroke-width: calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4); } 40% { stroke-dasharray: 220; stroke-dashoffset: 150; } 100% { stroke-dashoffset: 280; transform: rotate(720deg); } } /* node_modules/@patternfly/react-styles/css/components/Badge/badge.css */ .pf-v5-c-badge { --pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg); --pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs); --pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold); --pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm); --pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm); --pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100); --pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl); --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100); --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100); --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100); display: inline-block; min-width: var(--pf-v5-c-badge--MinWidth); padding-right: var(--pf-v5-c-badge--PaddingRight); padding-left: var(--pf-v5-c-badge--PaddingLeft); font-size: var(--pf-v5-c-badge--FontSize); font-weight: var(--pf-v5-c-badge--FontWeight); color: var(--pf-v5-c-badge--Color); text-align: center; background-color: var(--pf-v5-c-badge--BackgroundColor); border-radius: var(--pf-v5-c-badge--BorderRadius); } .pf-v5-c-badge.pf-m-read { --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color); --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor); } .pf-v5-c-badge.pf-m-unread { --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color); --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor); } :where(.pf-v5-theme-dark) .pf-v5-c-badge { --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500); --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400); --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300); } /* node_modules/@patternfly/react-styles/css/components/Radio/radio.css */ .pf-v5-c-radio { --pf-v5-c-radio--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm); --pf-v5-c-radio__label--disabled--Color: var(--pf-v5-global--disabled-color--100); --pf-v5-c-radio__label--Color: var(--pf-v5-global--Color--100); --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal); --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md); --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--sm); --pf-v5-c-radio__input--Height: var(--pf-v5-c-radio__label--FontSize); --pf-v5-c-radio__input--MarginTop: calc(((var(--pf-v5-c-radio__label--FontSize) * var(--pf-v5-c-radio__label--LineHeight)) - var(--pf-v5-c-radio__input--Height)) / 2); --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem; --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem; --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm); --pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200); --pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm); display: grid; grid-template-columns: auto 1fr; grid-gap: var(--pf-v5-c-radio--GridGap); } .pf-v5-c-radio.pf-m-standalone { --pf-v5-c-radio--GridGap: 0; --pf-v5-c-radio__input--Height: auto; --pf-v5-c-radio__input--MarginTop: 0; display: inline-grid; line-height: 1; } .pf-v5-c-radio__label { font-size: var(--pf-v5-c-radio__label--FontSize); font-weight: var(--pf-v5-c-radio__label--FontWeight); line-height: var(--pf-v5-c-radio__label--LineHeight); color: var(--pf-v5-c-radio__label--Color); } .pf-v5-c-radio__input { height: var(--pf-v5-c-radio__input--Height); margin-top: var(--pf-v5-c-radio__input--MarginTop); } .pf-v5-c-radio__input:first-child { margin-left: var(--pf-v5-c-radio__input--first-child--MarginLeft); } .pf-v5-c-radio__input:last-child { margin-right: var(--pf-v5-c-radio__input--last-child--MarginRight); } .pf-v5-c-radio__description { grid-column: 2; font-size: var(--pf-v5-c-radio__description--FontSize); color: var(--pf-v5-c-radio__description--Color); } .pf-v5-c-radio__body { grid-column: 2; margin-top: var(--pf-v5-c-radio__body--MarginTop); } .pf-v5-c-radio__label, .pf-v5-c-radio__input { justify-self: start; } label.pf-v5-c-radio, .pf-v5-c-radio__label, .pf-v5-c-radio__input { cursor: pointer; } .pf-v5-c-radio__label:disabled, .pf-v5-c-radio__label.pf-m-disabled, .pf-v5-c-radio__input:disabled, .pf-v5-c-radio__input.pf-m-disabled { --pf-v5-c-radio__label--Color: var(--pf-v5-c-radio__label--disabled--Color); cursor: not-allowed; } /* node_modules/@patternfly/react-styles/css/components/Check/check.css */ .pf-v5-c-check { --pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm); --pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100); --pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100); --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal); --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md); --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--sm); --pf-v5-c-check__input--Height: var(--pf-v5-c-check__label--FontSize); --pf-v5-c-check__input--MarginTop: calc(((var(--pf-v5-c-check__label--FontSize) * var(--pf-v5-c-check__label--LineHeight)) - var(--pf-v5-c-check__input--Height)) / 2); --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm); --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200); --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm); --pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs); --pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm); --pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100); display: grid; grid-template-columns: auto 1fr; grid-gap: var(--pf-v5-c-check--GridGap); } .pf-v5-c-check.pf-m-standalone { --pf-v5-c-check--GridGap: 0; --pf-v5-c-check__input--Height: auto; --pf-v5-c-check__input--MarginTop: 0; display: inline-grid; line-height: 1; } .pf-v5-c-check__label { font-size: var(--pf-v5-c-check__label--FontSize); font-weight: var(--pf-v5-c-check__label--FontWeight); line-height: var(--pf-v5-c-check__label--LineHeight); color: var(--pf-v5-c-check__label--Color); } .pf-v5-c-check__input { height: var(--pf-v5-c-check__input--Height); margin-top: var(--pf-v5-c-check__input--MarginTop); } .pf-v5-c-check__description { grid-column: 2; font-size: var(--pf-v5-c-check__description--FontSize); color: var(--pf-v5-c-check__description--Color); } .pf-v5-c-check__body { grid-column: 2; margin-top: var(--pf-v5-c-check__body--MarginTop); } .pf-v5-c-check__label, .pf-v5-c-check__input { justify-self: start; } label.pf-v5-c-check, .pf-v5-c-check__label, .pf-v5-c-check__input { cursor: pointer; } .pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled, .pf-v5-c-check__input:disabled, .pf-v5-c-check__input.pf-m-disabled { --pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color); cursor: not-allowed; } .pf-v5-c-check__label-required { margin-left: var(--pf-v5-c-check__label-required--MarginLeft); font-size: var(--pf-v5-c-check__label-required--FontSize); color: var(--pf-v5-c-check__label-required--Color); } /* src/app.scss */ .pf-v5-t-light { --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100); } .pf-v5-t-dark { --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100); --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200); --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100); --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100); --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light); --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light); --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100); } .pf-v5-t-dark.pf-m-transparent { background-color: transparent; } .pf-v5-t-dark.pf-m-transparent-100 { background-color: rgba(3, 3, 3, 0.42); } .pf-v5-t-dark.pf-m-transparent-200 { background-color: rgba(3, 3, 3, 0.6); } .pf-v5-t-dark.pf-m-opaque-100 { background-color: #3c3f42; } .pf-v5-t-dark.pf-m-opaque-200 { background-color: #151515; } .pf-v5-t-light.pf-m-transparent { background-color: transparent; } .pf-v5-t-light.pf-m-opaque-100 { background-color: #fff; } .pf-v5-t-light.pf-m-opaque-200 { background-color: #fafafa; } .pf-v5-t-light.pf-m-opaque-300 { background-color: #f0f0f0; } .pf-v5-c-input-group__text { padding-inline: var(--pf-v5-global--spacer--sm); } .pf-v5-c-select[data-popper-reference-hidden=false] { inline-size: auto; } .pf-v5-theme-dark .pf-v5-c-alert.pf-m-custom { --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--palette--black-600); --pf-v5-c-alert__title--Color: var(--pf-v5-global--custom-color--200); } .pf-v5-c-about-modal-box__close { --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400); } .ct-m-nav__tertiary-wrap .pf-v5-c-nav__list { flex-wrap: wrap; } .ct-m-nav__tertiary-wrap .pf-v5-c-nav__scroll-button { display: none; } .ct-m-nav__tertiary-center .pf-v5-c-nav__list { justify-content: center; } .pf-v5-c-tabs__list { flex-wrap: wrap; } ul.pf-v5-c-select__menu { max-block-size: min(20rem, 50vh); overflow-y: auto; } select.pf-v5-c-form-control { --pf-v5-c-form-control--PaddingRight: 41px; --pf-v5-c-form-control--PaddingLeft: 8px; } @-moz-document url-prefix() { select.pf-v5-c-form-control { --pf-v5-c-form-control--PaddingRight: 37px; --pf-v5-c-form-control--PaddingLeft: 4px; } } .pf-v5-c-description-list.pf-m-horizontal-on-sm, .pf-v5-c-description-list.pf-m-horizontal { --pf-v5-c-description-list--RowGap: 1rem; } .pf-v5-c-description-list > hr { border-block-start: none; } .pf-v5-c-modal-box.pf-m-align-top .pf-v5-c-modal-box__footer { flex-wrap: wrap; row-gap: var(--pf-v5-global--spacer--sm); } .pf-v5-c-modal-box.pf-m-align-top .pf-v5-c-modal-box__footer > div:not(.pf-v5-c-button):not(.dialog-wait-ct) { flex: 0 0 100%; } .pf-v5-c-card { --pf-v5-c-card__header-toggle--MarginTop: 0; } .pf-v5-c-card .pf-v5-c-card__header:not(.ct-card-expandable-header), .pf-v5-c-card .pf-v5-c-card__header:not(.ct-card-expandable-header) .pf-v5-c-card__header-main { display: flex; flex-wrap: wrap; row-gap: var(--pf-v5-global--spacer--sm); justify-content: space-between; } .pf-v5-c-card .pf-v5-c-card__header:not(.ct-card-expandable-header) > .pf-v5-c-card__actions { flex-wrap: wrap; row-gap: var(--pf-v5-global--spacer--sm); margin: unset; padding-inline: var(--pf-v5-c-card__actions--PaddingLeft) unset; } .pf-v5-c-form__group-control .pf-v5-c-form__group, .pf-v5-c-form__group-control .pf-v5-c-form__section { padding-block-start: var(--pf-v5-global--spacer--md); } .pf-v5-c-alert__title { font-size: inherit; font-family: inherit; } @media screen and (max-width: 991px) { .pf-v5-c-toolbar.ct-compact { display: flex; flex-wrap: wrap; } .pf-v5-c-toolbar.ct-compact > .pf-v5-c-toolbar__content:first-child { flex: auto; } .pf-v5-c-toolbar.ct-compact .pf-v5-c-toolbar__content-section { inline-size: auto; } } .pf-v5-c-modal-box .pf-v5-c-alert + .pf-v5-c-form { padding-block-start: var(--pf-v5-global--FontSize--sm); } .pf-v5-c-toolbar__toggle .pf-v5-c-button.pf-m-plain { color: var(--pf-v5-c-button--m-link--Color); } .pf-v5-c-toolbar__toggle .pf-v5-c-button.pf-m-plain .pf-v5-c-button__icon { margin-inline-end: var(--pf-v5-global--spacer--sm); } .pf-v5-l-flex { gap: var(--pf-v5-l-flex--spacer-base); } .pf-v5-l-flex > :not(.pf-v5-l-flex) { --pf-v5-l-flex--spacer-base: 0; } .pf-v5-l-flex[class*=pf-m-space-items-] > * { --pf-v5-l-flex--spacer: 0; } .pf-v5-l-flex[class*=pf-m-space-items-none] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--none); } .pf-v5-l-flex[class*=pf-m-space-items-xs] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--xs); } .pf-v5-l-flex[class*=pf-m-space-items-sm] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--sm); } .pf-v5-l-flex[class*=pf-m-space-items-md] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--md); } .pf-v5-l-flex[class*=pf-m-space-items-lg] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--lg); } .pf-v5-l-flex[class*=pf-m-space-items-xl] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--xl); } .pf-v5-l-flex[class*=pf-m-space-items-2xl] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--2xl); } .pf-v5-l-flex[class*=pf-m-space-items-3xl] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--3xl); } .pf-v5-l-flex[class*=pf-m-space-items-4xl] { --pf-v5-l-flex--spacer-base: var(--pf-v5-l-flex--spacer--4xl); } .pf-v5-c-search-input__menu.pf-v5-c-panel { position: absolute; inline-size: 100%; } .pf-v5-c-breadcrumb__link { cursor: pointer; } .pf-v5-c-page__main-group, .pf-v5-c-page__main-nav, .pf-v5-c-page__main-section.pf-m-light:not(:last-child) { z-index: var(--pf-v5-c-page--section--m-shadow-bottom--ZIndex); box-shadow: var(--pf-v5-c-page--section--m-shadow-bottom--BoxShadow); } .pf-v5-theme-dark .pf-v5-c-page__main-section { --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300); } .pf-v5-theme-dark .pf-v5-c-page__main-breadcrumb { --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100); background-color: var(--pf-v5-global--BackgroundColor--dark-100); } .pf-v5-theme-dark .pf-v5-c-text-input-group { background-color: var(--pf-v5-global--BackgroundColor--400); } .pf-v5-theme-dark .pf-v5-c-text-input-group .pf-v5-c-text-input-group__text::before { border-block-start-color: transparent; border-inline-end-color: transparent; border-inline-start-color: transparent; } .pf-v5-theme-dark .pf-v5-c-text-input-group .pf-v5-c-text-input-group__text:is(:focus, :hover)::after { border-block-end-color: var(--pf-v5-global--active-color--100); } .pf-v5-theme-dark .pf-v5-c-text-input-group .pf-v5-c-text-input-group__text:not(:focus):not(:hover)::after { border-block-end-color: var(--pf-v5-global--BorderColor--400); } .pf-v5-theme-dark .pf-v5-c-label { --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-100); } .pf-v5-theme-dark .pf-v5-c-label.pf-m-gold { --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-gold__content--Color); } .pf-v5-theme-dark .pf-v5-c-modal-box .pf-v5-c-table { background-color: inherit; } .pf-v5-c-button__icon.pf-m-start { margin-inline: 0 var(--pf-v5-c-button__icon--m-start--MarginRight); } .pf-v5-c-masthead__content { margin-inline: auto var(--pf-v5-c-masthead__content--MarginLeft); } .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right, .pf-v5-c-dropdown__menu.pf-m-align-right { inset-inline: auto 0; } .pf-v5-c-modal-box__header { padding-inline: var(--pf-v5-c-modal-box__header--PaddingRight) var(--pf-v5-c-modal-box__header--PaddingLeft); } .pf-v5-c-modal-box__close { text-align: end; inset-inline: auto var(--pf-v5-c-modal-box__close--Right); } .pf-v5-c-modal-box__close + * { margin-inline: 0 var(--pf-v5-c-modal-box__close--sibling--MarginRight); } .pf-v5-c-menu__item-main { text-align: start; } .pf-v5-c-button.pf-m-link.pf-m-inline { text-align: start; } .pf-v5-c-alert__icon { margin-inline: 0 var(--pf-v5-c-alert__icon--MarginRight); } .pf-v5-c-card__actions { padding-inline: var(--pf-v5-c-card__actions--PaddingLeft) 0; } .pf-v5-c-table tr > * { padding-inline: var(--pf-v5-c-table--cell--PaddingLeft) var(--pf-v5-c-table--cell--PaddingRight); } .pf-v5-c-description-list__term, .pf-v5-c-description-list__description { text-align: start; } .pf-v5-c-about-modal-box__close { padding-inline: 0 var(--pf-v5-c-about-modal-box__close--PaddingRight); } .pf-v5-c-card__header-toggle { margin-inline: var(--pf-v5-c-card__header-toggle--MarginLeft) var(--pf-v5-c-card__header-toggle--MarginRight); } [dir=rtl] .pf-v5-c-card__header-toggle { transform: scaleX(-1); } .pf-v5-c-select__toggle { padding-inline: var(--pf-v5-c-select__toggle--PaddingLeft) var(--pf-v5-c-select__toggle--PaddingRight); } * + .pf-v5-c-select__toggle-arrow { margin-inline: var(--pf-v5-c-select__toggle-arrow--MarginLeft) var(--pf-v5-c-select__toggle-arrow--MarginRight); } .pf-v5-c-select__toggle .pf-v5-c-select__toggle-clear { padding-inline: var(--pf-v5-c-select__toggle-clear--PaddingLeft) var(--pf-v5-c-select__toggle-clear--PaddingRight); } .pf-v5-c-select__menu-item { padding-inline: var(--pf-v5-c-select__menu-item--PaddingLeft) var(--pf-v5-c-select__menu-item--PaddingRight); text-align: start; } .pf-v5-c-select__menu-item-icon { inset-inline: auto var(--pf-v5-c-select__menu-item-icon--Right); } .pf-v5-c-text-input-group__text-input { padding-inline: var(--pf-v5-c-text-input-group__text-input--PaddingLeft) var(--pf-v5-c-text-input-group__text-input--PaddingRight); } .pf-v5-c-text-input-group__icon { inset-inline: var(--pf-v5-c-text-input-group__icon--Left) 0; } .pf-v5-c-data-list__item-action { margin-inline: var(--pf-v5-c-data-list__item-action--MarginLeft) 0; } .pf-v5-l-flex > .pf-m-align-right { margin-inline: auto 0; } [dir=rtl] .pf-m-split-button button::before { transform: scaleX(-1); } [dir=rtl] .pf-v5-c-button > .pf-v5-svg { transform: scaleX(-1); } [dir=rtl] .pf-v5-c-expandable-section__toggle-icon { transform: scaleX(-1); } [dir=rtl] .pf-v5-c-dropdown__toggle-image { margin-inline-end: unset; gap: var(--pf-v5-c-dropdown__toggle-image--MarginRight); } [dir=rtl] body, [dir=rtl] td, [dir=rtl] th { text-align: start; } [dir=rtl] .pf-v5-c-nav__link.pf-m-current::after, [dir=rtl] .pf-v5-c-nav__link.pf-m-current:hover::after, [dir=rtl] .pf-v5-c-nav__link.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link::after { inline-size: 100%; transform: scaleX(-1); } [dir=rtl] .pf-v5-c-toolbar__content { margin-inline: 0 auto; } [dir=rtl] .pf-v5-c-dropdown__toggle-image { margin-inline: var(--pf-v5-c-dropdown__toggle-image--MarginRight) 0; } [dir=rtl] .pf-v5-c-dropdown__toggle-icon { margin-inline: var(--pf-v5-c-dropdown__toggle-icon--MarginRight) var(--pf-v5-c-dropdown__toggle-icon--MarginLeft); } [dir=rtl] .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right, [dir=rtl] .pf-v5-c-dropdown__menu.pf-m-align-right { inset-inline: 0 unset; } [dir=rtl] .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left, [dir=rtl] .pf-v5-c-dropdown__menu.pf-m-align-left { inset-inline: unset 0; } [dir=rtl] .pf-v5-c-dropdown__menu-item { text-align: start; } [dir=rtl] .pf-v5-c-dropdown__menu-item-icon { margin-inline: 0 var(--pf-v5-c-dropdown__menu-item-icon--MarginRight); } [dir=rtl] a[target] svg { transform: scaleX(-1); } [dir=rtl] .pf-v5-c-button__icon.pf-m-end { margin-inline: var(--pf-v5-c-button__icon--m-end--MarginLeft) 0; } [dir=rtl] .pf-v5-c-breadcrumb__item-divider { transform: scaleX(-1); margin-inline: 0 var(--pf-v5-c-breadcrumb__item-divider--MarginRight); } @media screen and (max-width: 576px) { .pf-v5-c-page__main > section.pf-v5-c-page__main-section:not(.pf-m-padding) { padding-inline: 0; } } @font-face { unicode-range: U+0030; font-family: RedHatText; font-style: normal; font-weight: 400; src: url(data:font/woff2;base64,d09GMgABAAAAAAe8ABAAAAAAHEQAAAdfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGVA/RkZUTRwaGBuaeBxuBmAAgkIRCAqBAIEICwwAATYCJAMUBCAFk0wHNRsqG1FUjgoEfz9ujIGNa3r1k8ghpztyImrCBYeonxUhtHdiJ+VxOsW1XvMb+MfL1IXbjodirvftJrlLmXk8oXAIGtz3ZWMrDLGtwvP7dO1vUK18MEuOuwr1HGbdxvxtJkjRURZ0AACm/+Q57n/s4iCgJJL8gTb8spMpWXyTfaB1cheGpDVP+q9RXC7EbPF87t79W+ptEWcSRJxLBcrqiyc9mJ/A5OTLl8rkeDKpTCaVSqRSeRKJRCKRJ6lV11TVDu9HyuJ0/Y9TL5b/hy5+R0aejKwkK8mXBOLAMYRbAP/3rn1aYAcsaY7cXWsUktB1QLOX5Gj3FzgHqMqYN5+yBWRFikmVJYERwEKRA5YVBoWr1JXdhjkRb+jfXuUqsphizGjMnud5RoEapc7yJhDeW1SeZtBWnpvP6D8mOcO8dhBSraNojaD2yybgbQPwhjbA2xMCHdEVJEokAu2t9Yp/EWNaoYXAQK3LPs8IEysenyvh2++a4Tsfb0To2HHUVRk68cYrZfpQy05dn0A66VSbbF6hjflJMm9Q4RWVFEBMaI5CFkyaph/NGFGHKzOpeYPeeusrrfoL30CHAjIyjDLJn/GXjQJSMhSG16nl6boWG2QPw4vDk5q39d2BXlhvqrHx5IoCRAZcxvNOMgGQdGa3It3wh0L1cq0yZS93LQasSKAXZKHF5T/jpNed7iewLTa3BLO3HQ1chV4/PqWW5xsv9scjxfLEvg6W66ymBWQLnF4HwG05Qpjl+0Mt3yccNMDFALN63HnhmwhUAJgBUEJ01QXSVgLLZUjnGeAUbel0vddcbCr2SsAlQulrmmtzEqdHsVAOfeWleo/JPLQOamTU66LjeNhzp6KqAKB1MLTQBx8Uae18DIfaBXcA43mTUQeLmrBAwtF8Fy1NAslad5ibzH4kuMkgqErYAITmyx40CQlJ7dTem8p1V1IvnRFDsnzeUQe+aPuhHgG95VfxBtGxZoZJIF8r8p9XmYjEGxId7kNBPkX6ZksLGbHULnNBv5t2vKjt1nwQy2RXecnhRbVxpSMPi83HqMSQdRjE6NC0oEOdCTlVp3RmQebQbDTfd+E4OkYMPkagMB7MMPPbJzLYBXAVDQJYK3WrCOgXKXJ5hgdPgi+g90EfCHrjAAyGAxYFWZXHcGXhJ9Tg7OiH21m2gmfWFKi20Wo8Fn1TaG9iJiMNhT01isE6Qvcm9RoGQS/YLXVkx2XaQv4maOZD2wWPr8rbmZXzhscBbT4r2qJHotccXba3jCDkSZftjYHIKk5GPyXQfSgKNpUYOdkzRxW9rW7DaFEgoHJdZoaGC2BoFF4xMOqN5kS0/PNMJBgD6B4HQxayhVWEIHBcS5MOpQdgb4JQPebjAXMo3pabQwRzohBGV30Go/tBZr+aP5dVaWTQLzQE6snLfFBLG3ktDbDB3oQ4jHosgoyqKDMaRfEYTk7gKBgLbFo3Jg7V1Irfb3Wuo8B9gPiWAENpKFBgIAEWaqFSZiiY6kuBqS2vuH+AaBCASCSFGoe/icLdLQrRYgBUoD1KDAXTAZQASFkXTvv+yB20DbvmmL/ndTqfMVDiT7SITwPFfydBBs3A8LD73aoGzdv55V+pTP9sAhCIvP2w2u7IgN+p+LZo4exWW8+1pJYgkAtG5QiyRQ4LqoD/PmITkA9s5V6sEqh0pYFECCwFwNC4RAD2+YcAoWOMJUBqxioIUBgUVwlQ6hmvAZVOmQI0dM/ZBGjalwNqXYqLEKCdLkUbAdq723oBHfStHhGgo97VF0AndzuEAJ0NaP4EdDdaT9MiynZ4Avgg9I3OkDrHLCjMj01QGhttUOkfX6BhZHaFpidagdrgYo9vu8DL0D6G90voYGp1HDqaWL2CTjF8/IPOZjef/gu6W66bVsgVfikhX4CRupq6TeRZwEUeuRzkksTIPSUXcdkYOVJhgZxSIssCjBVK2wwGX4gFKhadLZcy4LM7L+qOxxOyhaQk6Ejnchm2Atvk4XJp9Wykhn90HbqUvDyHbUGlLZ8X/RB+yEFlzV/sENPhgW+dyD7HbRtnvgK64z9z/WD4IdzyL/vrCb5KUqRgL+V9gGn0v/D+GnY0nbhh2vk9osu2G1CDTZtcqzd2+tEFO4khorWB4FwD7QhObbCD7uVubobyQza9yZpYiWo0ZM6BRlOJ/k62KJ+tiHYGkk+RUutIGj2xdQeb8gqJOq9Tr3dzHPI6XKhEaJ0NeZLzsG+S4qLA/IQTxDHLLORUvlCOrzI5QwlPrpjyThGjIGgmECZItiwss4xT+CKps5O+SKGEZEm4yHduMQitPPLg2zjbRkKQJVtsYxZYSVeC5uvSOZDPcOecCUs5sLfwTQescCutiZZg9H66MvflaXyLncfLRP+Q9s7YYoJBaHRhkz5y+KMHkrxNcmEXqS7LMFm5svK7cxOE8r9LB9albLEE+80Cl7eGlTrlqR0nS1dQgkQ3bYuWJLrmZTiraE+GjP8IPrtDF85Ce3Y081ATaMVR2G+FkHpE1ksdy3WWFgAA); } @font-face { unicode-range: U+0030; font-family: RedHatText; font-style: italic; font-weight: 400; src: url(data:font/woff2;base64,d09GMgABAAAAAARQAAsAAAAADYwAAAQEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgkIRCAqBKIE/CwwAATYCJAMUBCAFkz0HIBvTDBGVnFUBfhzYbVYrgpXBW2mcjbMQzKj2CJ7Xi/85N8mCj8I31EGoJLfybs1VZl6ZyBK4Vh2jT3nLs5sj4dUngEuZ1e+dluoRtq0zKIlQcJ/3KFXzHQpsqVVIHAiJKjWtCRXZx1eZiYvUsXGRKq/wZqa/mnANebooLlGQzkvbYH3zQmMn02IhKYosT9HMsus4eAn7YwxsuHz9BsIUU7K//3+D7O+YisshfkyPYohAhgwDBFggExggNwS5XGBKp5Ns77wjgCgJZxAJSUd/+EtkvGcTotPRBgWoIcdUbAJoACBJzValtf/57znl3Xdr570fp36y5XnFPKe8Vz//gw/i1Pe/mp7yyQfnv/fhbu++FwW2/uD992tAS899ft8Trzjx6K1fv+LYrcLjHn6ydsziJQfvs/T+vXbd9uCNvNW7bXOQc2rfHfXM6M2tz2QH3HJDdeOhZ6/bcNr60+5qHVurzlm/8V2ceq8KTOj8lrZLLwhEuvjgRyZds3N7wW+VevYjfH7H+xfAF1/9ejG89NDNSUUCgYkJtRFiwh566jiLuf8msSHpIqvTNiYIFPpLICEElgAYEmcJwLYeEiA0YowASSmWC5AZEGcIkOseLwlQaMZfApR0TeMFKNs2/SRARTvbX4DquPJK1Fyav4G6PsXlaOhVfIymS8s90dK//MXJ3XSvDJeJvIoH8BD6RAtJI2YiMyfWITcqrkehX3yGkmGpjLIH0kJUDMrWS6vK41GLYdmdqJtS7IqGCcVdaMaw4ie0zCrfelfdjCoT/mNmMPqRhFKFoYAn4EN3lRy6ymXQGkHdzZk0qOVSDE28sMpAUpCmwthIibhcJeFtfkk4UoOOS9ucfNVJoSCkBNJCfGRp0GM6WHHSAca2e5XjNc9wTbxfzu6Ea9L+bzesFFy9ku2ECd4U8btM2SS6R3W0Dm7Nvct9MWBCd3CGAGwwMUlgN3wZ49tTAJ/DEwjFDmZ29mJ3cIrNNpFQ8POCMF6hO2OBiJHTJl2hWM1IqAmEdGPw2aecpAiDHtYuOAoWBOgaRC0j30/SgKTns3uMlCTSsaA5LIXzPVMpqbNQ3zXGyb+rCAq66SboZlBgH0TKIZRZb8TDpTTgfRmXZlLpYu2obzb24skIX0S9eU9FapWzKOozbZflzSW6GXkjQoskWjn00StBUChOXManswhawW0pKUkYMcWhCC3HQCq5Tpb2YA+VVMJP/LjFHXYFe5++22b/HhYBgX2DvWDJMKYOJMjwm/C3tCQUO7kgcYS2wn4xVlSi3TUef1ruwTWOT/dsRyfVaLGfUW7bTbBL7u/Spt0zJvsrQ671aEScUIObukdTouZX0C1qsUxUSreOW5fgH/+/9g2dIwMA); } @font-face { unicode-range: U+0030; font-family: RedHatText; font-style: normal; font-weight: 700; src: url(data:font/woff2;base64,d09GMgABAAAAAARYAAsAAAAADewAAAQLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgkIRCAqBBIEUCwwAATYCJAMUBCAFlEEHIBssDRHF5AH4ceCUZY9pfajQk3kIirq5CjGXcNU3dzw879+/rX1uIKlLfhd0AMukgzVCNamGesTI7ZlyoyVrc1NnSh8mwlFTCbdmKtP+Dit8tlI4uJx+ywNd5wGHgUayB46pjw3cEzAMA9obaA2wrQFmmmYhpw1jFzajZpAvnYxflbQxTcLQpXLM0Ca6k6JAlq87j+w4K3uxFI1geN+hw/TSSqvs7/9fkv0drbEL4rd0DbUEMmSoJkA3mUA1+dRCPvkEWuVy9Wvk3gogChCASEg2jMM3kQFbCpHLeQX5QRHkQwN0AuQDQJKKgBaFvt38Uaz7eMt7a7/Z9PEZ8aON78yfr31ftGdVrYts/HLjRxs+3vR+/avCjj48fmJf0pGHJ47HC07O3LomD7Q8+b81b41tT7+YcqBX76kHP6toeve6uOr7HbdHcPpTA4FI2z6r8ajDzNduv61o9gG+OvXRHvj62x9Z3dxvaeV5iEISCMRN8R8greRLWf67/xgxnHRSmzRJXYH8ykkgIQR6AagXFwRgsnMChLLRQYCkYEwRIFMtDguQT9n4VoD8iqfSAhRQOvUVoKDJWWEBCimZbRCgsJLZWQGK2JHvOwGK0qrU0zRQTIX+TAPF7ShYAw2UUPX+QQOlPK2B0h43qH8Zn1vtTryFcQacQ2iQEpCUyBDIdMocyKdBLkN+VfIbFFDn1ISCzqQTFFLjmYspTNgFRVLn7i4U1ap5UEyz3oPiqfNYGErocG9CKX8rC6U9rcsvKCO/kQYSqRuJuDwMtTW1taAjjw3t2SxoSmBoS0r4bCaGejLMk5AUVORhLKV0NTS4CPNkDHWmRKTxbV7zrA2Hg5iIED5xz1gixkpA9eTYMhodPRv3toVTwYZzfnC4qGIhd21cYi8zNAv28+xKENSUf4kTUDV3CeiKHtmuZ5iVq4VkIvBLjqMuL1k33vskVyY0SJAOHQrQWp1NH+/QrQwsLOn0E/yJTk3V+ls1HV21l+kE5fySUAsfcTET7pUUkoghMeVgReYSIGkgqh/yvZMCCzNqeIwJLkmIVKFwqAij/piFK0VURf4O8Tvu43iIgnSaBx0kHOxCkGz4FBoi5j/kigfE2TnGwkg58w7pYGap20if9/p69PIrmKo/EcXZ83nb778FJJpPOBNISDCEbOjCr5wnOFjXszsvzLpQFCxKMUkkxZQ6hYTqEpKrYWNsCYyvHC4RuAopKPidh9FUe5gtE2nhvsDPoN1DZrBablAY/vtRWGYtRDj3dii4i2KFX/5YnaLQ3Jx/M14CbaSX7fC6iCkQYjcpW2xHgXndGplBaGzmiD8/n4udCiLBhyIarSIVSpzlI9gYQiEnAv1uYLpLNP0kBmgE4daZBPYHprlOLAA=); } @font-face { unicode-range: U+0030; font-family: RedHatText; font-style: italic; font-weight: 700; src: url(data:font/woff2;base64,d09GMgABAAAAAASEAAsAAAAADlwAAAQ2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgkIRCAqBFIEsCwwAATYCJAMUBCAFlSEHIBukDRGVnM0Bfh7YtpMt1pMMwRCUu0ZjuTUEq7QbeQVD9K0cz/Ot8btvZnf/YKZJNFnHE01D/RnzSKWKhUyUChVONznY33vvR2dGwQ2aI5GoNmehLcEOiWwABJeyW3OVmVcm8ohUq47RZ7FbwPRAePVny2WpHmHbKIFFSYTiZgv0eNbhCK663oXEgZAouis1niAM8d0RrIJ/++6lfvsW4tlZz+XCcgddeYS86ClXUGEcuZ9pztoaHSVD7Uom1PoYXN4HzmM1HDvo8UJstrl+/duh/ooIdyFfyySwWFBRMV/ALlUwX2cxOp1g8////ez/7wTIYNOHFBRPpuM3UT2dduT/fwTQg7HosBaHAOMBUJSJ41s7f/UIRt8fohuPkYqTk0DjIYx+wDSdIBXHF4dHTScnx41XjWvbCeXg09bl7Kq2spLoZndx7KxpLys+bE+xPzlSvtEU9Kdaw+XrzSFfCjx7S7xYdVVkdxPPNt0V6Tn3pXNM35O5+5Lj8TVY8f+1pJQVQcrNGpprY9Ik7deGqZ/h49BxJ+DT3euFXl45vWgKCHjCmw1FF5wzw5Or//U/Ro5RHsGeErZC0JurgIII9gFYngkI4ITnAmJa5AKKIccFVEvTCwGdufkT0JtQdggYzCr5AkacqAYBzaT6BgLGmFS/CBjrdk8VMM7s/k7AeDMHpoAJbo+kCZhoXuMJmGx828MUE9q1+VPNbbuqdGPwlM8QK4OHYnwOQ3UoSdDZnlXozS1EGGwsFhjxtDRBs7B2yceo12BsltZPGGdzPw7jre+/YEKWDgaYaOfIK0w2u7lgirlNLucvmGpSt7lM7qfkWAGGRgZGhtBDQEM3moI2CEMXpUxIkxiaqrFAplRBDQHGchVPX5/lsEBN6JEyib5sun/VmWE4kkNiintWMinWBKkq1j5mPQKNN61wQ1xoZ4PJlTQWfjfEOg5qkYlI9NKWD4LKvsIBWNs3wdfAg/b9JD/GK04tASqxsZdO7i0AsMW2oxcemJdGiAQY6v2hj4/5jub2DnznuBqjbimBQcMNRmM/O3D5FqNuVZcqy4v1JSg8sy8eXD/7opUqTiaFNzdUr4ltdQWPsnLjOwlH+QU1zSZWiSQ6EEejweUpky0p6SA48swT/xBwKuiT9El+l5vYD1LSkIqGHupwVyFgqz9rKPLSzaGjvds6iLOcPkV66UGKvJMJY/hKQzuzbm7RfuSNODEixDT0CVekwI2Yun7uzTyIAlGRSAvNsUrPEhHr4Wac1Xe2cgCFYQwS3sbkcQPzJRV0vfftYZIvhIHN7j0prlgOThTI+EtwCbhkFD29IrGHWGFLMysqF5fCO59XB/DG+Xle3pOQIjH2k9PYLoHSvy+RUVwIR/xlEFc+BxEXVNQ/eHIo4f1HsH/OR5zIVm52mVCpjKZqyJHY+j1zNf8f/y+v5iopAAAAAA==); } h1 { --ct-heading-font-size: var(--pf-v5-global--FontSize--4xl); } h2 { --ct-heading-font-size: var(--pf-v5-global--FontSize--3xl); } h3 { --ct-heading-font-size: var(--pf-v5-global--FontSize--2xl); } h4 { --ct-heading-font-size: var(--pf-v5-global--FontSize--lg); } h1:not([class*=pf-]):not([data-pf-content=true]), h2:not([class*=pf-]):not([data-pf-content=true]), h3:not([class*=pf-]):not([data-pf-content=true]), h4:not([class*=pf-]):not([data-pf-content=true]) { font-size: var(--ct-heading-font-size); } a { cursor: pointer; } .disabled { pointer-events: auto; } .btn { min-block-size: 26px; min-inline-size: 26px; } .btn.disabled, .pf-v5-c-button.disabled { pointer-events: auto; } .btn.disabled:hover, .pf-v5-c-button.disabled:hover { z-index: auto; } .btn-group { display: inline-flex; } a.disabled { cursor: not-allowed !important; text-decoration: none; pointer-events: none; color: #8b8d8f; } a.disabled:hover { text-decoration: none; } .highlight-ct { background-color: var(--ct-color-link-hover-bg); } .curtains-ct { inline-size: 100%; } .ct-new-item { animation: ctNewRow 4s ease-in; } :root { --ct-animation-new-background: #fdf4dd; } .pf-v5-theme-dark { --ct-animation-new-background: #353428; } @keyframes ctNewRow { 0% { background-color: var(--ct-animation-new-background); } 50% { background-color: var(--ct-animation-new-background); } } .dialog-wait-ct { margin-inline-start: auto; display: flex; column-gap: var(--pf-v5-global--spacer--sm); align-items: center; } :root { --ct-color-light-red: #f8cccc; --ct-color-red-hat-red: #e00; --ct-global--palette--black-250: #e6e6e6; --ct-color-fg: var(--pf-v5-global--color--100); --ct-color-bg: var(--pf-v5-global--BackgroundColor--100); --ct-color-text: var(--ct-color-fg); --ct-color-link: var(--pf-v5-global--active-color--100); --ct-color-link-visited: var(--pf-v5-global--active-color--100); --ct-color-subtle-copy: var(--pf-v5-global--disabled-color--100); --ct-color-border: var(--pf-v5-global--BorderColor--100); --ct-color-link-hover-bg: var(--pf-v5-global--palette--light-blue-100); --ct-color-list-text: var(--ct-color-text); --ct-color-list-link: var(--ct-color-link); --ct-color-list-bg: var(--ct-color-bg); --ct-color-list-border: var(--ct-color-border); --ct-color-list-hover-text: var(--ct-color-link); --ct-color-list-hover-bg: var(--pf-v5-global--BackgroundColor--150); --ct-color-list-hover-border: var(--pf-v5-global--BackgroundColor--150); --ct-color-list-hover-icon: var(--pf-v5-global--palette--light-blue-400); --ct-color-list-selected-text: var(--ct-color-link); --ct-color-list-selected-bg: var(--pf-v5-global--BackgroundColor--150); --ct-color-list-selected-border: var(--pf-v5-global--BackgroundColor--150); --ct-color-list-active-text: var(--pf-v5-global--palette--blue-500); --ct-color-list-active-bg: var(--ct-color-bg); --ct-color-list-active-border: var(--ct-color-list-border); --ct-color-list-critical-bg: var(--pf-v5-global--palette--red-50); --ct-color-list-critical-border: #e6bcbc; --ct-color-list-critical-alert-text: var(--pf-v5-global--palette--red-200); } .pf-v5-theme-dark { --ct-color-list-critical-bg: #261213; --ct-color-list-critical-border: var(--pf-v5-global--danger-color--200); --ct-color-list-critical-alert-text: var(--pf-v5-global--palette--red-8888); } [hidden] { display: none !important; } html:not(.index-page) body { overflow-block: hidden; } html:not(.index-page) body .ct-page-fill { block-size: 100% !important; } .ct-icon-info-circle { color: var(--pf-v5-global--info-color--100); } .ct-icon-exclamation-triangle { color: var(--pf-v5-global--warning-color--100); } .ct-icon-times-circle { color: var(--pf-v5-global--danger-color--100); } .pf-v5-c-page__main-breadcrumb .pf-v5-c-button { --offset: calc(-1 * var(--pf-v5-global--spacer--sm)); margin-block: var(--offset); } main.pixel-test { overflow-y: clip; } p { font-weight: bold; } /*# sourceMappingURL=index.css.map */