diff options
| author | spmfox <spmfox@foxwd.com> | 2023-06-07 00:29:18 -0400 |
|---|---|---|
| committer | spmfox <spmfox@foxwd.com> | 2023-06-07 00:29:18 -0400 |
| commit | 4020f454e13e16afcb81dad9857992ea9bf84a99 (patch) | |
| tree | 98b6abd2903fe49247474a14aab3845cc0b81570 /AnsiblePilotPlugin/index.css | |
| parent | 9d54971b20be5bf89a4ca0dc6d1e92f8519e5151 (diff) | |
Initial commit
Diffstat (limited to 'AnsiblePilotPlugin/index.css')
| -rw-r--r-- | AnsiblePilotPlugin/index.css | 2933 |
1 files changed, 2933 insertions, 0 deletions
diff --git a/AnsiblePilotPlugin/index.css b/AnsiblePilotPlugin/index.css new file mode 100644 index 0000000..1606cab --- /dev/null +++ b/AnsiblePilotPlugin/index.css @@ -0,0 +1,2933 @@ +/* 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 */ |
