@patternfly/patternfly/patternfly-base.css

Assets, source, tooling, and content for PatternFly 4

.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-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
}

.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-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
}
.pf-v5-t-dark .pf-v5-c-button {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
}

:where(: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: "./assets/fonts";
  --pf-v5-global--fonticon-path: "./assets/pficon";
  --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--Color--light--light: #f0f0f0;
  --pf-v5-global--icon--Color--dark--light: #fff;
  --pf-v5-global--icon--Color--light--dark: #6a6e73;
  --pf-v5-global--icon--Color--dark--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-v5-global--inverse--multiplier: 1;
}

:where(.pf-v5-m-dir-rtl, [dir=rtl]) {
  --pf-v5-global--inverse--multiplier: -1;
}

: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--icon--Color--light--light: #aaabac;
  --pf-v5-global--icon--Color--dark--light: #e0e0e0;
  --pf-v5-global--icon--Color--light--dark: #aaabac;
  --pf-v5-global--icon--Color--dark--dark: #e0e0e0;
  --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;
}

@font-face {
  font-family: RedHatDisplay;
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatDisplay;
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatDisplay;
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatDisplay;
  font-style: italic;
  font-weight: 700;
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatText;
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatText;
  font-style: italic;
  font-weight: 700;
  src: url("./assets/fonts/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatMono;
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatMono;
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: RedHatDisplayVF;
  font-style: normal;
  font-weight: 400 700;
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
  font-display: fallback;
}
@font-face {
  font-family: RedHatDisplayVF;
  font-style: italic;
  font-weight: 400 700;
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
  font-display: fallback;
}
@font-face {
  font-family: RedHatTextVF;
  font-style: normal;
  font-weight: 400 500;
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
  font-display: fallback;
}
@font-face {
  font-family: RedHatTextVF;
  font-style: italic;
  font-weight: 400 500;
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
  font-display: fallback;
}
@font-face {
  font-family: RedHatMonoVF;
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
  font-display: fallback;
}
@font-face {
  font-family: RedHatMonoVF;
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
  font-display: fallback;
}
.pf-v5-screen-reader {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 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;
}

.pf-v5-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);
}

.pf-v5-m-dir-rtl {
  --pf-v5-global--inverse--multiplier: -1;
  direction: rtl;
}

.pf-v5-m-dir-ltr {
  --pf-v5-global--inverse--multiplier: 1;
  direction: ltr;
}

:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
  scale: -1 1;
}

: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;
}

*,
*::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: start;
}

: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;
}

: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;
}

* .fa,
* .fas,
* .far,
* .fal,
* .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
* .fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
* .fa-xs {
  font-size: 0.75em;
}
* .fa-sm {
  font-size: 0.875em;
}
* .fa-1x {
  font-size: 1em;
}
* .fa-2x {
  font-size: 2em;
}
* .fa-3x {
  font-size: 3em;
}
* .fa-4x {
  font-size: 4em;
}
* .fa-5x {
  font-size: 5em;
}
* .fa-6x {
  font-size: 6em;
}
* .fa-7x {
  font-size: 7em;
}
* .fa-8x {
  font-size: 8em;
}
* .fa-9x {
  font-size: 9em;
}
* .fa-10x {
  font-size: 10em;
}
* .fa-fw {
  text-align: center;
  width: 1.25em;
}
* .fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
* .fa-ul > li {
  position: relative;
}
* .fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
* .fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}
* .fa-pull-left {
  float: left;
}
* .fa-pull-right {
  float: right;
}
* .fa.fa-pull-left,
* .fas.fa-pull-left,
* .far.fa-pull-left,
* .fal.fa-pull-left,
* .fab.fa-pull-left {
  margin-right: 0.3em;
}
* .fa.fa-pull-right,
* .fas.fa-pull-right,
* .far.fa-pull-right,
* .fal.fa-pull-right,
* .fab.fa-pull-right {
  margin-left: 0.3em;
}
* .fa-spin {
  animation: fa-spin 2s infinite linear;
}
* .fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
* .fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
* .fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
* .fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
* .fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
* .fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
* .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}
* :root .fa-rotate-90,
* :root .fa-rotate-180,
* :root .fa-rotate-270,
* :root .fa-flip-horizontal,
* :root .fa-flip-vertical {
  filter: none;
}
* .fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
* .fa-stack-1x,
* .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
* .fa-stack-1x {
  line-height: inherit;
}
* .fa-stack-2x {
  font-size: 2em;
}
* .fa-inverse {
  color: #fff;
}
* .fa-500px:before {
  content: "\f26e";
}
* .fa-accessible-icon:before {
  content: "\f368";
}
* .fa-accusoft:before {
  content: "\f369";
}
* .fa-acquisitions-incorporated:before {
  content: "\f6af";
}
* .fa-ad:before {
  content: "\f641";
}
* .fa-address-book:before {
  content: "\f2b9";
}
* .fa-address-card:before {
  content: "\f2bb";
}
* .fa-adjust:before {
  content: "\f042";
}
* .fa-adn:before {
  content: "\f170";
}
* .fa-adobe:before {
  content: "\f778";
}
* .fa-adversal:before {
  content: "\f36a";
}
* .fa-affiliatetheme:before {
  content: "\f36b";
}
* .fa-air-freshener:before {
  content: "\f5d0";
}
* .fa-algolia:before {
  content: "\f36c";
}
* .fa-align-center:before {
  content: "\f037";
}
* .fa-align-justify:before {
  content: "\f039";
}
* .fa-align-left:before {
  content: "\f036";
}
* .fa-align-right:before {
  content: "\f038";
}
* .fa-alipay:before {
  content: "\f642";
}
* .fa-allergies:before {
  content: "\f461";
}
* .fa-amazon:before {
  content: "\f270";
}
* .fa-amazon-pay:before {
  content: "\f42c";
}
* .fa-ambulance:before {
  content: "\f0f9";
}
* .fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
* .fa-amilia:before {
  content: "\f36d";
}
* .fa-anchor:before {
  content: "\f13d";
}
* .fa-android:before {
  content: "\f17b";
}
* .fa-angellist:before {
  content: "\f209";
}
* .fa-angle-double-down:before {
  content: "\f103";
}
* .fa-angle-double-left:before {
  content: "\f100";
}
* .fa-angle-double-right:before {
  content: "\f101";
}
* .fa-angle-double-up:before {
  content: "\f102";
}
* .fa-angle-down:before {
  content: "\f107";
}
* .fa-angle-left:before {
  content: "\f104";
}
* .fa-angle-right:before {
  content: "\f105";
}
* .fa-angle-up:before {
  content: "\f106";
}
* .fa-angry:before {
  content: "\f556";
}
* .fa-angrycreative:before {
  content: "\f36e";
}
* .fa-angular:before {
  content: "\f420";
}
* .fa-ankh:before {
  content: "\f644";
}
* .fa-app-store:before {
  content: "\f36f";
}
* .fa-app-store-ios:before {
  content: "\f370";
}
* .fa-apper:before {
  content: "\f371";
}
* .fa-apple:before {
  content: "\f179";
}
* .fa-apple-alt:before {
  content: "\f5d1";
}
* .fa-apple-pay:before {
  content: "\f415";
}
* .fa-archive:before {
  content: "\f187";
}
* .fa-archway:before {
  content: "\f557";
}
* .fa-arrow-alt-circle-down:before {
  content: "\f358";
}
* .fa-arrow-alt-circle-left:before {
  content: "\f359";
}
* .fa-arrow-alt-circle-right:before {
  content: "\f35a";
}
* .fa-arrow-alt-circle-up:before {
  content: "\f35b";
}
* .fa-arrow-circle-down:before {
  content: "\f0ab";
}
* .fa-arrow-circle-left:before {
  content: "\f0a8";
}
* .fa-arrow-circle-right:before {
  content: "\f0a9";
}
* .fa-arrow-circle-up:before {
  content: "\f0aa";
}
* .fa-arrow-down:before {
  content: "\f063";
}
* .fa-arrow-left:before {
  content: "\f060";
}
* .fa-arrow-right:before {
  content: "\f061";
}
* .fa-arrow-up:before {
  content: "\f062";
}
* .fa-arrows-alt:before {
  content: "\f0b2";
}
* .fa-arrows-alt-h:before {
  content: "\f337";
}
* .fa-arrows-alt-v:before {
  content: "\f338";
}
* .fa-artstation:before {
  content: "\f77a";
}
* .fa-assistive-listening-systems:before {
  content: "\f2a2";
}
* .fa-asterisk:before {
  content: "\f069";
}
* .fa-asymmetrik:before {
  content: "\f372";
}
* .fa-at:before {
  content: "\f1fa";
}
* .fa-atlas:before {
  content: "\f558";
}
* .fa-atlassian:before {
  content: "\f77b";
}
* .fa-atom:before {
  content: "\f5d2";
}
* .fa-audible:before {
  content: "\f373";
}
* .fa-audio-description:before {
  content: "\f29e";
}
* .fa-autoprefixer:before {
  content: "\f41c";
}
* .fa-avianex:before {
  content: "\f374";
}
* .fa-aviato:before {
  content: "\f421";
}
* .fa-award:before {
  content: "\f559";
}
* .fa-aws:before {
  content: "\f375";
}
* .fa-baby:before {
  content: "\f77c";
}
* .fa-baby-carriage:before {
  content: "\f77d";
}
* .fa-backspace:before {
  content: "\f55a";
}
* .fa-backward:before {
  content: "\f04a";
}
* .fa-balance-scale:before {
  content: "\f24e";
}
* .fa-ban:before {
  content: "\f05e";
}
* .fa-band-aid:before {
  content: "\f462";
}
* .fa-bandcamp:before {
  content: "\f2d5";
}
* .fa-barcode:before {
  content: "\f02a";
}
* .fa-bars:before {
  content: "\f0c9";
}
* .fa-baseball-ball:before {
  content: "\f433";
}
* .fa-basketball-ball:before {
  content: "\f434";
}
* .fa-bath:before {
  content: "\f2cd";
}
* .fa-battery-empty:before {
  content: "\f244";
}
* .fa-battery-full:before {
  content: "\f240";
}
* .fa-battery-half:before {
  content: "\f242";
}
* .fa-battery-quarter:before {
  content: "\f243";
}
* .fa-battery-three-quarters:before {
  content: "\f241";
}
* .fa-bed:before {
  content: "\f236";
}
* .fa-beer:before {
  content: "\f0fc";
}
* .fa-behance:before {
  content: "\f1b4";
}
* .fa-behance-square:before {
  content: "\f1b5";
}
* .fa-bell:before {
  content: "\f0f3";
}
* .fa-bell-slash:before {
  content: "\f1f6";
}
* .fa-bezier-curve:before {
  content: "\f55b";
}
* .fa-bible:before {
  content: "\f647";
}
* .fa-bicycle:before {
  content: "\f206";
}
* .fa-bimobject:before {
  content: "\f378";
}
* .fa-binoculars:before {
  content: "\f1e5";
}
* .fa-biohazard:before {
  content: "\f780";
}
* .fa-birthday-cake:before {
  content: "\f1fd";
}
* .fa-bitbucket:before {
  content: "\f171";
}
* .fa-bitcoin:before {
  content: "\f379";
}
* .fa-bity:before {
  content: "\f37a";
}
* .fa-black-tie:before {
  content: "\f27e";
}
* .fa-blackberry:before {
  content: "\f37b";
}
* .fa-blender:before {
  content: "\f517";
}
* .fa-blender-phone:before {
  content: "\f6b6";
}
* .fa-blind:before {
  content: "\f29d";
}
* .fa-blog:before {
  content: "\f781";
}
* .fa-blogger:before {
  content: "\f37c";
}
* .fa-blogger-b:before {
  content: "\f37d";
}
* .fa-bluetooth:before {
  content: "\f293";
}
* .fa-bluetooth-b:before {
  content: "\f294";
}
* .fa-bold:before {
  content: "\f032";
}
* .fa-bolt:before {
  content: "\f0e7";
}
* .fa-bomb:before {
  content: "\f1e2";
}
* .fa-bone:before {
  content: "\f5d7";
}
* .fa-bong:before {
  content: "\f55c";
}
* .fa-book:before {
  content: "\f02d";
}
* .fa-book-dead:before {
  content: "\f6b7";
}
* .fa-book-open:before {
  content: "\f518";
}
* .fa-book-reader:before {
  content: "\f5da";
}
* .fa-bookmark:before {
  content: "\f02e";
}
* .fa-bowling-ball:before {
  content: "\f436";
}
* .fa-box:before {
  content: "\f466";
}
* .fa-box-open:before {
  content: "\f49e";
}
* .fa-boxes:before {
  content: "\f468";
}
* .fa-braille:before {
  content: "\f2a1";
}
* .fa-brain:before {
  content: "\f5dc";
}
* .fa-briefcase:before {
  content: "\f0b1";
}
* .fa-briefcase-medical:before {
  content: "\f469";
}
* .fa-broadcast-tower:before {
  content: "\f519";
}
* .fa-broom:before {
  content: "\f51a";
}
* .fa-brush:before {
  content: "\f55d";
}
* .fa-btc:before {
  content: "\f15a";
}
* .fa-bug:before {
  content: "\f188";
}
* .fa-building:before {
  content: "\f1ad";
}
* .fa-bullhorn:before {
  content: "\f0a1";
}
* .fa-bullseye:before {
  content: "\f140";
}
* .fa-burn:before {
  content: "\f46a";
}
* .fa-buromobelexperte:before {
  content: "\f37f";
}
* .fa-bus:before {
  content: "\f207";
}
* .fa-bus-alt:before {
  content: "\f55e";
}
* .fa-business-time:before {
  content: "\f64a";
}
* .fa-buysellads:before {
  content: "\f20d";
}
* .fa-calculator:before {
  content: "\f1ec";
}
* .fa-calendar:before {
  content: "\f133";
}
* .fa-calendar-alt:before {
  content: "\f073";
}
* .fa-calendar-check:before {
  content: "\f274";
}
* .fa-calendar-day:before {
  content: "\f783";
}
* .fa-calendar-minus:before {
  content: "\f272";
}
* .fa-calendar-plus:before {
  content: "\f271";
}
* .fa-calendar-times:before {
  content: "\f273";
}
* .fa-calendar-week:before {
  content: "\f784";
}
* .fa-camera:before {
  content: "\f030";
}
* .fa-camera-retro:before {
  content: "\f083";
}
* .fa-campground:before {
  content: "\f6bb";
}
* .fa-canadian-maple-leaf:before {
  content: "\f785";
}
* .fa-candy-cane:before {
  content: "\f786";
}
* .fa-cannabis:before {
  content: "\f55f";
}
* .fa-capsules:before {
  content: "\f46b";
}
* .fa-car:before {
  content: "\f1b9";
}
* .fa-car-alt:before {
  content: "\f5de";
}
* .fa-car-battery:before {
  content: "\f5df";
}
* .fa-car-crash:before {
  content: "\f5e1";
}
* .fa-car-side:before {
  content: "\f5e4";
}
* .fa-caret-down:before {
  content: "\f0d7";
}
* .fa-caret-left:before {
  content: "\f0d9";
}
* .fa-caret-right:before {
  content: "\f0da";
}
* .fa-caret-square-down:before {
  content: "\f150";
}
* .fa-caret-square-left:before {
  content: "\f191";
}
* .fa-caret-square-right:before {
  content: "\f152";
}
* .fa-caret-square-up:before {
  content: "\f151";
}
* .fa-caret-up:before {
  content: "\f0d8";
}
* .fa-carrot:before {
  content: "\f787";
}
* .fa-cart-arrow-down:before {
  content: "\f218";
}
* .fa-cart-plus:before {
  content: "\f217";
}
* .fa-cash-register:before {
  content: "\f788";
}
* .fa-cat:before {
  content: "\f6be";
}
* .fa-cc-amazon-pay:before {
  content: "\f42d";
}
* .fa-cc-amex:before {
  content: "\f1f3";
}
* .fa-cc-apple-pay:before {
  content: "\f416";
}
* .fa-cc-diners-club:before {
  content: "\f24c";
}
* .fa-cc-discover:before {
  content: "\f1f2";
}
* .fa-cc-jcb:before {
  content: "\f24b";
}
* .fa-cc-mastercard:before {
  content: "\f1f1";
}
* .fa-cc-paypal:before {
  content: "\f1f4";
}
* .fa-cc-stripe:before {
  content: "\f1f5";
}
* .fa-cc-visa:before {
  content: "\f1f0";
}
* .fa-centercode:before {
  content: "\f380";
}
* .fa-centos:before {
  content: "\f789";
}
* .fa-certificate:before {
  content: "\f0a3";
}
* .fa-chair:before {
  content: "\f6c0";
}
* .fa-chalkboard:before {
  content: "\f51b";
}
* .fa-chalkboard-teacher:before {
  content: "\f51c";
}
* .fa-charging-station:before {
  content: "\f5e7";
}
* .fa-chart-area:before {
  content: "\f1fe";
}
* .fa-chart-bar:before {
  content: "\f080";
}
* .fa-chart-line:before {
  content: "\f201";
}
* .fa-chart-pie:before {
  content: "\f200";
}
* .fa-check:before {
  content: "\f00c";
}
* .fa-check-circle:before {
  content: "\f058";
}
* .fa-check-double:before {
  content: "\f560";
}
* .fa-check-square:before {
  content: "\f14a";
}
* .fa-chess:before {
  content: "\f439";
}
* .fa-chess-bishop:before {
  content: "\f43a";
}
* .fa-chess-board:before {
  content: "\f43c";
}
* .fa-chess-king:before {
  content: "\f43f";
}
* .fa-chess-knight:before {
  content: "\f441";
}
* .fa-chess-pawn:before {
  content: "\f443";
}
* .fa-chess-queen:before {
  content: "\f445";
}
* .fa-chess-rook:before {
  content: "\f447";
}
* .fa-chevron-circle-down:before {
  content: "\f13a";
}
* .fa-chevron-circle-left:before {
  content: "\f137";
}
* .fa-chevron-circle-right:before {
  content: "\f138";
}
* .fa-chevron-circle-up:before {
  content: "\f139";
}
* .fa-chevron-down:before {
  content: "\f078";
}
* .fa-chevron-left:before {
  content: "\f053";
}
* .fa-chevron-right:before {
  content: "\f054";
}
* .fa-chevron-up:before {
  content: "\f077";
}
* .fa-child:before {
  content: "\f1ae";
}
* .fa-chrome:before {
  content: "\f268";
}
* .fa-church:before {
  content: "\f51d";
}
* .fa-circle:before {
  content: "\f111";
}
* .fa-circle-notch:before {
  content: "\f1ce";
}
* .fa-city:before {
  content: "\f64f";
}
* .fa-clipboard:before {
  content: "\f328";
}
* .fa-clipboard-check:before {
  content: "\f46c";
}
* .fa-clipboard-list:before {
  content: "\f46d";
}
* .fa-clock:before {
  content: "\f017";
}
* .fa-clone:before {
  content: "\f24d";
}
* .fa-closed-captioning:before {
  content: "\f20a";
}
* .fa-cloud:before {
  content: "\f0c2";
}
* .fa-cloud-download-alt:before {
  content: "\f381";
}
* .fa-cloud-meatball:before {
  content: "\f73b";
}
* .fa-cloud-moon:before {
  content: "\f6c3";
}
* .fa-cloud-moon-rain:before {
  content: "\f73c";
}
* .fa-cloud-rain:before {
  content: "\f73d";
}
* .fa-cloud-showers-heavy:before {
  content: "\f740";
}
* .fa-cloud-sun:before {
  content: "\f6c4";
}
* .fa-cloud-sun-rain:before {
  content: "\f743";
}
* .fa-cloud-upload-alt:before {
  content: "\f382";
}
* .fa-cloudscale:before {
  content: "\f383";
}
* .fa-cloudsmith:before {
  content: "\f384";
}
* .fa-cloudversify:before {
  content: "\f385";
}
* .fa-cocktail:before {
  content: "\f561";
}
* .fa-code:before {
  content: "\f121";
}
* .fa-code-branch:before {
  content: "\f126";
}
* .fa-codepen:before {
  content: "\f1cb";
}
* .fa-codiepie:before {
  content: "\f284";
}
* .fa-coffee:before {
  content: "\f0f4";
}
* .fa-cog:before {
  content: "\f013";
}
* .fa-cogs:before {
  content: "\f085";
}
* .fa-coins:before {
  content: "\f51e";
}
* .fa-columns:before {
  content: "\f0db";
}
* .fa-comment:before {
  content: "\f075";
}
* .fa-comment-alt:before {
  content: "\f27a";
}
* .fa-comment-dollar:before {
  content: "\f651";
}
* .fa-comment-dots:before {
  content: "\f4ad";
}
* .fa-comment-slash:before {
  content: "\f4b3";
}
* .fa-comments:before {
  content: "\f086";
}
* .fa-comments-dollar:before {
  content: "\f653";
}
* .fa-compact-disc:before {
  content: "\f51f";
}
* .fa-compass:before {
  content: "\f14e";
}
* .fa-compress:before {
  content: "\f066";
}
* .fa-compress-arrows-alt:before {
  content: "\f78c";
}
* .fa-concierge-bell:before {
  content: "\f562";
}
* .fa-confluence:before {
  content: "\f78d";
}
* .fa-connectdevelop:before {
  content: "\f20e";
}
* .fa-contao:before {
  content: "\f26d";
}
* .fa-cookie:before {
  content: "\f563";
}
* .fa-cookie-bite:before {
  content: "\f564";
}
* .fa-copy:before {
  content: "\f0c5";
}
* .fa-copyright:before {
  content: "\f1f9";
}
* .fa-couch:before {
  content: "\f4b8";
}
* .fa-cpanel:before {
  content: "\f388";
}
* .fa-creative-commons:before {
  content: "\f25e";
}
* .fa-creative-commons-by:before {
  content: "\f4e7";
}
* .fa-creative-commons-nc:before {
  content: "\f4e8";
}
* .fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}
* .fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}
* .fa-creative-commons-nd:before {
  content: "\f4eb";
}
* .fa-creative-commons-pd:before {
  content: "\f4ec";
}
* .fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
* .fa-creative-commons-remix:before {
  content: "\f4ee";
}
* .fa-creative-commons-sa:before {
  content: "\f4ef";
}
* .fa-creative-commons-sampling:before {
  content: "\f4f0";
}
* .fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
* .fa-creative-commons-share:before {
  content: "\f4f2";
}
* .fa-creative-commons-zero:before {
  content: "\f4f3";
}
* .fa-credit-card:before {
  content: "\f09d";
}
* .fa-critical-role:before {
  content: "\f6c9";
}
* .fa-crop:before {
  content: "\f125";
}
* .fa-crop-alt:before {
  content: "\f565";
}
* .fa-cross:before {
  content: "\f654";
}
* .fa-crosshairs:before {
  content: "\f05b";
}
* .fa-crow:before {
  content: "\f520";
}
* .fa-crown:before {
  content: "\f521";
}
* .fa-css3:before {
  content: "\f13c";
}
* .fa-css3-alt:before {
  content: "\f38b";
}
* .fa-cube:before {
  content: "\f1b2";
}
* .fa-cubes:before {
  content: "\f1b3";
}
* .fa-cut:before {
  content: "\f0c4";
}
* .fa-cuttlefish:before {
  content: "\f38c";
}
* .fa-d-and-d:before {
  content: "\f38d";
}
* .fa-d-and-d-beyond:before {
  content: "\f6ca";
}
* .fa-dashcube:before {
  content: "\f210";
}
* .fa-database:before {
  content: "\f1c0";
}
* .fa-deaf:before {
  content: "\f2a4";
}
* .fa-delicious:before {
  content: "\f1a5";
}
* .fa-democrat:before {
  content: "\f747";
}
* .fa-deploydog:before {
  content: "\f38e";
}
* .fa-deskpro:before {
  content: "\f38f";
}
* .fa-desktop:before {
  content: "\f108";
}
* .fa-dev:before {
  content: "\f6cc";
}
* .fa-deviantart:before {
  content: "\f1bd";
}
* .fa-dharmachakra:before {
  content: "\f655";
}
* .fa-dhl:before {
  content: "\f790";
}
* .fa-diagnoses:before {
  content: "\f470";
}
* .fa-diaspora:before {
  content: "\f791";
}
* .fa-dice:before {
  content: "\f522";
}
* .fa-dice-d20:before {
  content: "\f6cf";
}
* .fa-dice-d6:before {
  content: "\f6d1";
}
* .fa-dice-five:before {
  content: "\f523";
}
* .fa-dice-four:before {
  content: "\f524";
}
* .fa-dice-one:before {
  content: "\f525";
}
* .fa-dice-six:before {
  content: "\f526";
}
* .fa-dice-three:before {
  content: "\f527";
}
* .fa-dice-two:before {
  content: "\f528";
}
* .fa-digg:before {
  content: "\f1a6";
}
* .fa-digital-ocean:before {
  content: "\f391";
}
* .fa-digital-tachograph:before {
  content: "\f566";
}
* .fa-directions:before {
  content: "\f5eb";
}
* .fa-discord:before {
  content: "\f392";
}
* .fa-discourse:before {
  content: "\f393";
}
* .fa-divide:before {
  content: "\f529";
}
* .fa-dizzy:before {
  content: "\f567";
}
* .fa-dna:before {
  content: "\f471";
}
* .fa-dochub:before {
  content: "\f394";
}
* .fa-docker:before {
  content: "\f395";
}
* .fa-dog:before {
  content: "\f6d3";
}
* .fa-dollar-sign:before {
  content: "\f155";
}
* .fa-dolly:before {
  content: "\f472";
}
* .fa-dolly-flatbed:before {
  content: "\f474";
}
* .fa-donate:before {
  content: "\f4b9";
}
* .fa-door-closed:before {
  content: "\f52a";
}
* .fa-door-open:before {
  content: "\f52b";
}
* .fa-dot-circle:before {
  content: "\f192";
}
* .fa-dove:before {
  content: "\f4ba";
}
* .fa-download:before {
  content: "\f019";
}
* .fa-draft2digital:before {
  content: "\f396";
}
* .fa-drafting-compass:before {
  content: "\f568";
}
* .fa-dragon:before {
  content: "\f6d5";
}
* .fa-draw-polygon:before {
  content: "\f5ee";
}
* .fa-dribbble:before {
  content: "\f17d";
}
* .fa-dribbble-square:before {
  content: "\f397";
}
* .fa-dropbox:before {
  content: "\f16b";
}
* .fa-drum:before {
  content: "\f569";
}
* .fa-drum-steelpan:before {
  content: "\f56a";
}
* .fa-drumstick-bite:before {
  content: "\f6d7";
}
* .fa-drupal:before {
  content: "\f1a9";
}
* .fa-dumbbell:before {
  content: "\f44b";
}
* .fa-dumpster:before {
  content: "\f793";
}
* .fa-dumpster-fire:before {
  content: "\f794";
}
* .fa-dungeon:before {
  content: "\f6d9";
}
* .fa-dyalog:before {
  content: "\f399";
}
* .fa-earlybirds:before {
  content: "\f39a";
}
* .fa-ebay:before {
  content: "\f4f4";
}
* .fa-edge:before {
  content: "\f282";
}
* .fa-edit:before {
  content: "\f044";
}
* .fa-eject:before {
  content: "\f052";
}
* .fa-elementor:before {
  content: "\f430";
}
* .fa-ellipsis-h:before {
  content: "\f141";
}
* .fa-ellipsis-v:before {
  content: "\f142";
}
* .fa-ello:before {
  content: "\f5f1";
}
* .fa-ember:before {
  content: "\f423";
}
* .fa-empire:before {
  content: "\f1d1";
}
* .fa-envelope:before {
  content: "\f0e0";
}
* .fa-envelope-open:before {
  content: "\f2b6";
}
* .fa-envelope-open-text:before {
  content: "\f658";
}
* .fa-envelope-square:before {
  content: "\f199";
}
* .fa-envira:before {
  content: "\f299";
}
* .fa-equals:before {
  content: "\f52c";
}
* .fa-eraser:before {
  content: "\f12d";
}
* .fa-erlang:before {
  content: "\f39d";
}
* .fa-ethereum:before {
  content: "\f42e";
}
* .fa-ethernet:before {
  content: "\f796";
}
* .fa-etsy:before {
  content: "\f2d7";
}
* .fa-euro-sign:before {
  content: "\f153";
}
* .fa-exchange-alt:before {
  content: "\f362";
}
* .fa-exclamation:before {
  content: "\f12a";
}
* .fa-exclamation-circle:before {
  content: "\f06a";
}
* .fa-exclamation-triangle:before {
  content: "\f071";
}
* .fa-expand:before {
  content: "\f065";
}
* .fa-expand-arrows-alt:before {
  content: "\f31e";
}
* .fa-expeditedssl:before {
  content: "\f23e";
}
* .fa-external-link-alt:before {
  content: "\f35d";
}
* .fa-external-link-square-alt:before {
  content: "\f360";
}
* .fa-eye:before {
  content: "\f06e";
}
* .fa-eye-dropper:before {
  content: "\f1fb";
}
* .fa-eye-slash:before {
  content: "\f070";
}
* .fa-facebook:before {
  content: "\f09a";
}
* .fa-facebook-f:before {
  content: "\f39e";
}
* .fa-facebook-messenger:before {
  content: "\f39f";
}
* .fa-facebook-square:before {
  content: "\f082";
}
* .fa-fantasy-flight-games:before {
  content: "\f6dc";
}
* .fa-fast-backward:before {
  content: "\f049";
}
* .fa-fast-forward:before {
  content: "\f050";
}
* .fa-fax:before {
  content: "\f1ac";
}
* .fa-feather:before {
  content: "\f52d";
}
* .fa-feather-alt:before {
  content: "\f56b";
}
* .fa-fedex:before {
  content: "\f797";
}
* .fa-fedora:before {
  content: "\f798";
}
* .fa-female:before {
  content: "\f182";
}
* .fa-fighter-jet:before {
  content: "\f0fb";
}
* .fa-figma:before {
  content: "\f799";
}
* .fa-file:before {
  content: "\f15b";
}
* .fa-file-alt:before {
  content: "\f15c";
}
* .fa-file-archive:before {
  content: "\f1c6";
}
* .fa-file-audio:before {
  content: "\f1c7";
}
* .fa-file-code:before {
  content: "\f1c9";
}
* .fa-file-contract:before {
  content: "\f56c";
}
* .fa-file-csv:before {
  content: "\f6dd";
}
* .fa-file-download:before {
  content: "\f56d";
}
* .fa-file-excel:before {
  content: "\f1c3";
}
* .fa-file-export:before {
  content: "\f56e";
}
* .fa-file-image:before {
  content: "\f1c5";
}
* .fa-file-import:before {
  content: "\f56f";
}
* .fa-file-invoice:before {
  content: "\f570";
}
* .fa-file-invoice-dollar:before {
  content: "\f571";
}
* .fa-file-medical:before {
  content: "\f477";
}
* .fa-file-medical-alt:before {
  content: "\f478";
}
* .fa-file-pdf:before {
  content: "\f1c1";
}
* .fa-file-powerpoint:before {
  content: "\f1c4";
}
* .fa-file-prescription:before {
  content: "\f572";
}
* .fa-file-signature:before {
  content: "\f573";
}
* .fa-file-upload:before {
  content: "\f574";
}
* .fa-file-video:before {
  content: "\f1c8";
}
* .fa-file-word:before {
  content: "\f1c2";
}
* .fa-fill:before {
  content: "\f575";
}
* .fa-fill-drip:before {
  content: "\f576";
}
* .fa-film:before {
  content: "\f008";
}
* .fa-filter:before {
  content: "\f0b0";
}
* .fa-fingerprint:before {
  content: "\f577";
}
* .fa-fire:before {
  content: "\f06d";
}
* .fa-fire-alt:before {
  content