pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62
}
.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a
}
.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e
}
.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold
}
.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f
}
.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic
}
.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold
}
.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4
}
.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
  
}
.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(/static/RedHatDisplay-Medium.66ac08a9a7d29ae51581.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplay;
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatDisplay-MediumItalic.ed292ec87cce0d76fd3c.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplay;
  font-style: normal;
  font-weight: 700;
  src: url(/static/RedHatDisplay-Bold.d8d66dd2281610675aca.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplay;
  font-style: italic;
  font-weight: 700;
  src: url(/static/RedHatDisplay-BoldItalic.b01a8365f7214919a9c3.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 400;
  src: url(/static/RedHatText-Regular.b36d694117bf12672d49.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatText-Italic.aa07940756a803076b34.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 700;
  src: url(/static/RedHatText-Medium.9c02e9a1e10fbc86466d.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: italic;
  font-weight: 700;
  src: url(/static/RedHatText-MediumItalic.e0f30d27bec7c8dbb6fc.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMono;
  font-style: normal;
  font-weight: 400;
  src: url(/static/RedHatMono-Regular.57234ce675330fa60781.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMono;
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatMono-Italic.841cdd0ebb3d9038a7e7.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplayVF;
  font-style: normal;
  font-weight: 400 700;
  src: url(/static/RedHatDisplayVF.18ca482120faaa701d8b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplayVF;
  font-style: italic;
  font-weight: 400 700;
  src: url(/static/RedHatDisplayVF-Italic.813182e673c38ef5ee4b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatTextVF;
  font-style: normal;
  font-weight: 400 500;
  src: url(/static/RedHatTextVF.c33624692c8b41e36780.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatTextVF;
  font-style: italic;
  font-weight: 400 500;
  src: url(/static/RedHatTextVF-Italic.078865af129336cde269.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMonoVF;
  font-style: normal;
  font-weight: 400;
  src: url(/static/RedHatMonoVF.e4faf134e53e0f37296b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMonoVF;
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatMonoVF-Italic.6e3027616d8de472723c.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;
}

@font-face {
  font-family: "pf-v5-pficon";
  src: url(/static/pf-v5-pficon.ccb70de4bdff4c207d35.woff2) format("woff2");
}

.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-treeview: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-severity-undefined:before,
.pf-v5-pficon-severity-none:before,
.pf-v5-pficon-severity-moderate:before,
.pf-v5-pficon-severity-minor:before,
.pf-v5-pficon-severity-important:before,
.pf-v5-pficon-severity-critical: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-severity-critical:before {
  content: "\e97e";
}

.pf-v5-pficon-severity-important:before {
  content: "\e97f";
}

.pf-v5-pficon-severity-minor:before {
  content: "\e980";
}

.pf-v5-pficon-severity-moderate:before {
  content: "\e981";
}

.pf-v5-pficon-severity-none:before {
  content: "\e982";
}

.pf-v5-pficon-severity-undefined:before {
  content: "\e983";
}

.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-treeview:before {
  content: "\e97d";
}

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

:where(.pf-v5-theme-dark) .pf-v5-chart svg g[clip-path] {
  mix-blend-mode: normal;
}
:where(.pf-v5-theme-dark) {
  --pf-v5-chart-color-blue-100: #add6ff;
  --pf-v5-chart-color-blue-200: #85c2ff;
  --pf-v5-chart-color-blue-300: #47a3ff;
  --pf-v5-chart-color-blue-400: #0a85ff;
  --pf-v5-chart-color-blue-500: #06c;
  --pf-v5-chart-color-green-100: #d6eed3;
  --pf-v5-chart-color-green-200: #aedca7;
  --pf-v5-chart-color-green-300: #85cb7c;
  --pf-v5-chart-color-green-400: #5cb950;
  --pf-v5-chart-color-green-500: #3e8635;
  --pf-v5-chart-color-cyan-100: #b9feff;
  --pf-v5-chart-color-cyan-200: #86fdff;
  --pf-v5-chart-color-cyan-300: #00b5b8;
  --pf-v5-chart-color-cyan-400: #008c8f;
  --pf-v5-chart-color-cyan-500: #005f60;
  --pf-v5-chart-color-purple-100: #cec8e4;
  --pf-v5-chart-color-purple-200: #a99fd1;
  --pf-v5-chart-color-purple-300: #9183c3;
  --pf-v5-chart-color-purple-400: #7968b6;
  --pf-v5-chart-color-purple-500: #6753ac;
  --pf-v5-chart-color-red-100: #ffadad;
  --pf-v5-chart-color-red-200: #ff7070;
  --pf-v5-chart-color-red-300: #ff4747;
  --pf-v5-chart-color-red-400: #ff0a0a;
  --pf-v5-chart-color-red-500: #a30000;
  --pf-v5-chart-global--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-chart-global--BorderColor--accent: var(--pf-v5-global--BorderColor--400);
  --pf-v5-chart-global--label--Fill: var(--pf-v5-global--Color--100);
  --pf-v5-chart-global--title--Fill: var(--pf-v5-global--Color--100);
  --pf-v5-chart-global--subtitle--Fill: var(--pf-v5-global--Color--200);
  --pf-v5-chart-global--tooltip--Fill: var(--pf-v5-global--Color--100);
  --pf-v5-chart-global--tooltip--bg--Fill: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-chart-global--tooltip--BorderWidth: 1;
  --pf-v5-chart-global--tooltip--BorderColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-chart-axis--axis--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--grid--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--grid--Fill: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--tick-label--Fill: var(--pf-v5-chart-global--label--Fill);
  --pf-v5-chart-bullet--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
  --pf-v5-chart-bullet--label--grouptitle--Fill: var(--pf-v5-chart-bullet--label--title--Fill);
  --pf-v5-chart-bullet--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
  --pf-v5-chart-bullet--negative-measure--ColorScale--100: var(--pf-v5-global--palette--red-400);
  --pf-v5-chart-bullet--negative-measure--ColorScale--200: var(--pf-v5-global--palette--red-300);
  --pf-v5-chart-bullet--negative-measure--ColorScale--300: var(--pf-v5-global--palette--red-200);
  --pf-v5-chart-bullet--negative-measure--ColorScale--400: var(--pf-v5-global--palette--red-100);
  --pf-v5-chart-bullet--negative-measure--ColorScale--500: var(--pf-v5-global--palette--red-9999);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v5-global--palette--black-600);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v5-global--palette--black-500);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--300: var(--pf-v5-global--palette--black-400);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--400: var(--pf-v5-global--palette--black-300);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--500: var(--pf-v5-global--palette--black-200);
  --pf-v5-chart-container--cursor--line--Fill: var(--pf-v5-chart-global--BorderColor--accent);
  --pf-v5-chart-donut--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
  --pf-v5-chart-donut--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
  --pf-v5-chart-line--data--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-tooltip--Fill: var(--pf-v5-chart-global--tooltip--Fill);
  --pf-v5-chart-voronoi--labels--Fill: var(--pf-v5-chart-global--tooltip--Fill);
  --pf-v5-chart-tooltip--flyoutStyle--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
  --pf-v5-chart-voronoi--flyout--stroke--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
  --pf-v5-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
  --pf-v5-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
  --pf-v5-chart-voronoi--flyout--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
  --pf-v5-chart-voronoi--flyout--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
}
.pf-v5-u-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-u-visible {
  position: static;
  overflow: visible;
  clip: auto;
  white-space: normal;
  border: inherit;
}

.pf-v5-u-hidden {
  display: none !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-screen-reader-on-sm {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-visible-on-sm {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-hidden-on-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-screen-reader-on-md {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-visible-on-md {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-hidden-on-md {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-screen-reader-on-lg {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-visible-on-lg {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-hidden-on-lg {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-screen-reader-on-xl {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-visible-on-xl {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-hidden-on-xl {
    display: none !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-screen-reader-on-2xl {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-visible-on-2xl {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-hidden-on-2xl {
    display: none !important;
  }
}
.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;
}

: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(/static/RedHatDisplay-Medium.66ac08a9a7d29ae51581.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplay;
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatDisplay-MediumItalic.ed292ec87cce0d76fd3c.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplay;
  font-style: normal;
  font-weight: 700;
  src: url(/static/RedHatDisplay-Bold.d8d66dd2281610675aca.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplay;
  font-style: italic;
  font-weight: 700;
  src: url(/static/RedHatDisplay-BoldItalic.b01a8365f7214919a9c3.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 400;
  src: url(/static/RedHatText-Regular.b36d694117bf12672d49.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatText-Italic.aa07940756a803076b34.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 700;
  src: url(/static/RedHatText-Medium.9c02e9a1e10fbc86466d.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: italic;
  font-weight: 700;
  src: url(/static/RedHatText-MediumItalic.e0f30d27bec7c8dbb6fc.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMono;
  font-style: normal;
  font-weight: 400;
  src: url(/static/RedHatMono-Regular.57234ce675330fa60781.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMono;
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatMono-Italic.841cdd0ebb3d9038a7e7.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplayVF;
  font-style: normal;
  font-weight: 400 700;
  src: url(/static/RedHatDisplayVF.18ca482120faaa701d8b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplayVF;
  font-style: italic;
  font-weight: 400 700;
  src: url(/static/RedHatDisplayVF-Italic.813182e673c38ef5ee4b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatTextVF;
  font-style: normal;
  font-weight: 400 500;
  src: url(/static/RedHatTextVF.c33624692c8b41e36780.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatTextVF;
  font-style: italic;
  font-weight: 400 500;
  src: url(/static/RedHatTextVF-Italic.078865af129336cde269.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMonoVF;
  font-style: normal;
  font-weight: 400;
  src: url(/static/RedHatMonoVF.e4faf134e53e0f37296b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMonoVF;
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatMonoVF-Italic.6e3027616d8de472723c.woff2) format("woff2-variations");
  font-display: fallback;
}

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

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

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

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

@font-face {
  font-family: "pf-v5-pficon";
  src: url(/static/pf-v5-pficon.a25ffdf924ee0e040695.woff2) format("woff2");
}

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

:where(.pf-v5-theme-dark) .pf-v5-chart svg g[clip-path] {
  mix-blend-mode: normal;
}
:where(.pf-v5-theme-dark) {
  --pf-v5-chart-color-blue-100: #add6ff;
  --pf-v5-chart-color-blue-200: #85c2ff;
  --pf-v5-chart-color-blue-300: #47a3ff;
  --pf-v5-chart-color-blue-400: #0a85ff;
  --pf-v5-chart-color-blue-500: #06c;
  --pf-v5-chart-color-green-100: #d6eed3;
  --pf-v5-chart-color-green-200: #aedca7;
  --pf-v5-chart-color-green-300: #85cb7c;
  --pf-v5-chart-color-green-400: #5cb950;
  --pf-v5-chart-color-green-500: #3e8635;
  --pf-v5-chart-color-cyan-100: #b9feff;
  --pf-v5-chart-color-cyan-200: #86fdff;
  --pf-v5-chart-color-cyan-300: #00b5b8;
  --pf-v5-chart-color-cyan-400: #008c8f;
  --pf-v5-chart-color-cyan-500: #005f60;
  --pf-v5-chart-color-purple-100: #cec8e4;
  --pf-v5-chart-color-purple-200: #a99fd1;
  --pf-v5-chart-color-purple-300: #9183c3;
  --pf-v5-chart-color-purple-400: #7968b6;
  --pf-v5-chart-color-purple-500: #6753ac;
  --pf-v5-chart-color-red-100: #ffadad;
  --pf-v5-chart-color-red-200: #ff7070;
  --pf-v5-chart-color-red-300: #ff4747;
  --pf-v5-chart-color-red-400: #ff0a0a;
  --pf-v5-chart-color-red-500: #a30000;
  --pf-v5-chart-global--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-chart-global--BorderColor--accent: var(--pf-v5-global--BorderColor--400);
  --pf-v5-chart-global--label--Fill: var(--pf-v5-global--Color--100);
  --pf-v5-chart-global--title--Fill: var(--pf-v5-global--Color--100);
  --pf-v5-chart-global--subtitle--Fill: var(--pf-v5-global--Color--200);
  --pf-v5-chart-global--tooltip--Fill: var(--pf-v5-global--Color--100);
  --pf-v5-chart-global--tooltip--bg--Fill: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-chart-global--tooltip--BorderWidth: 1;
  --pf-v5-chart-global--tooltip--BorderColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-chart-axis--axis--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--grid--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--grid--Fill: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-axis--tick-label--Fill: var(--pf-v5-chart-global--label--Fill);
  --pf-v5-chart-bullet--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
  --pf-v5-chart-bullet--label--grouptitle--Fill: var(--pf-v5-chart-bullet--label--title--Fill);
  --pf-v5-chart-bullet--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
  --pf-v5-chart-bullet--negative-measure--ColorScale--100: var(--pf-v5-global--palette--red-400);
  --pf-v5-chart-bullet--negative-measure--ColorScale--200: var(--pf-v5-global--palette--red-300);
  --pf-v5-chart-bullet--negative-measure--ColorScale--300: var(--pf-v5-global--palette--red-200);
  --pf-v5-chart-bullet--negative-measure--ColorScale--400: var(--pf-v5-global--palette--red-100);
  --pf-v5-chart-bullet--negative-measure--ColorScale--500: var(--pf-v5-global--palette--red-9999);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v5-global--palette--black-600);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v5-global--palette--black-500);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--300: var(--pf-v5-global--palette--black-400);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--400: var(--pf-v5-global--palette--black-300);
  --pf-v5-chart-bullet--qualitative-range--ColorScale--500: var(--pf-v5-global--palette--black-200);
  --pf-v5-chart-container--cursor--line--Fill: var(--pf-v5-chart-global--BorderColor--accent);
  --pf-v5-chart-donut--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
  --pf-v5-chart-donut--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
  --pf-v5-chart-line--data--stroke--Color: var(--pf-v5-chart-global--BorderColor);
  --pf-v5-chart-tooltip--Fill: var(--pf-v5-chart-global--tooltip--Fill);
  --pf-v5-chart-voronoi--labels--Fill: var(--pf-v5-chart-global--tooltip--Fill);
  --pf-v5-chart-tooltip--flyoutStyle--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
  --pf-v5-chart-voronoi--flyout--stroke--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
  --pf-v5-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
  --pf-v5-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
  --pf-v5-chart-voronoi--flyout--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
  --pf-v5-chart-voronoi--flyout--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
}
.pf-v5-u-screen-reader {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pf-v5-u-visible {
  position: static;
  overflow: visible;
  clip: auto;
  white-space: normal;
  border: inherit;
}

.pf-v5-u-hidden {
  display: none !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-screen-reader-on-sm {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-visible-on-sm {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-hidden-on-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-screen-reader-on-md {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-visible-on-md {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-hidden-on-md {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-screen-reader-on-lg {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-visible-on-lg {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-hidden-on-lg {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-screen-reader-on-xl {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-visible-on-xl {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-hidden-on-xl {
    display: none !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-screen-reader-on-2xl {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-visible-on-2xl {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-hidden-on-2xl {
    display: none !important;
  }
}
.pf-topology-content {
  background-color: var(--pf-v5-global--Color--light-200);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.pf-topology-container {
  flex: 1;
}

.pf-topology-container__with-sidebar {
  position: relative;
}

.pf-topology-side-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  max-width: 100%;
  height: 100%;
  background-color: var(--pf-v5-global--BackgroundColor--100);
  overflow-x: hidden;
  opacity: 0;
  z-index: 5;
  -webkit-transition: opacity 0.15s linear, transform 0.15s linear;
  -o-transition: opacity 0.15s linear, transform 0.15s linear;
  transition: opacity 0.15s linear, transform 0.15s linear;
}
.pf-topology-side-bar.in {
  opacity: 1;
}
.pf-topology-side-bar.shown {
  width: 100%;
}
.pf-topology-side-bar__dismiss.pf-v5-c-button {
  position: absolute;
  top: calc(2rem - 0.375rem + 0.0625rem);
  right: 1rem;
}
.pf-topology-side-bar:not(.in) {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(25%, 0, 0);
}

.pf-topology-resizable-side-bar {
  width: 100%;
  height: 100%;
  background-color: var(--pf-v5-global--BackgroundColor--100);
  overflow-x: hidden;
}

.pf-topology-side-bar > .pf-topology-side-bar__dismiss + * {
  margin-right: 2rem;
}
.pf-topology-side-bar > .pf-topology-side-bar__header + * {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .pf-topology-container__with-sidebar {
    overflow-x: hidden;
    background-color: var(--pf-v5-global--Color--light-200) !important;
  }
  .pf-topology-container__with-sidebar .pf-topology-content {
    -webkit-transition: width 0.15s linear;
    -o-transition: width 0.15s linear;
    transition: width 0.15s linear;
    position: absolute;
    left: 0;
    min-width: 100%;
  }
  .pf-topology-container__with-sidebar.pf-topology-container__with-sidebar--open .pf-topology-content {
    width: 180px;
    min-width: calc(100% - 550px);
  }

  .pf-topology-side-bar.shown {
    box-shadow: var(--pf-v5-global--BoxShadow--md);
    width: calc(100% - 180px);
    max-width: 550px;
  }
}

.pf-topology-control-bar {
  position: absolute;
  bottom: var(--pf-v5-global--spacer--md);
  left: var(--pf-v5-global--spacer--xl);
}
.pf-topology-control-bar__button.pf-v5-c-button.pf-m-tertiary {
  margin-right: var(--pf-v5-global--spacer--xs);
  margin-top: var(--pf-v5-global--spacer--xs);
  border: none;
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  box-shadow: var(--pf-v5-global--BoxShadow--sm);
}
.pf-topology-control-bar__button.pf-v5-c-button.pf-m-tertiary:not(.pf-m-disabled) {
  background-color: var(--pf-v5-global--BackgroundColor--100);
}
.pf-topology-control-bar__button.pf-v5-c-button.pf-m-tertiary:after {
  display: none;
}
.pf-topology-control-bar__button.pf-v5-c-button.pf-m-tertiary:hover {
  border: none;
  box-shadow: var(--pf-v5-global--BoxShadow--md);
}

.pf-v5-l-stack {
  --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pf-v5-l-stack__item.pf-m-fill {
  flex-grow: 1;
}

.pf-v5-l-stack.pf-m-gutter {
  gap: var(--pf-v5-l-stack--m-gutter--Gap);
}
.pf-v5-c-drawer {
  --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-drawer__section--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
  --pf-v5-c-drawer__content--FlexBasis: 100%;
  --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-drawer__content--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
  --pf-v5-c-drawer__content--ZIndex: var(--pf-v5-global--ZIndex--xs);
  --pf-v5-c-drawer__panel--MinWidth: 50%;
  --pf-v5-c-drawer__panel--MaxHeight: auto;
  --pf-v5-c-drawer__panel--ZIndex: var(--pf-v5-global--ZIndex--sm);
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-drawer__panel--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
  --pf-v5-c-drawer__panel--TransitionDuration: var(--pf-v5-global--TransitionDuration);
  --pf-v5-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
  --pf-v5-c-drawer__panel--FlexBasis: 100%;
  --pf-v5-c-drawer__panel--md--FlexBasis--min: 1.5rem;
  --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  --pf-v5-c-drawer__panel--md--FlexBasis--max: 100%;
  --pf-v5-c-drawer__panel--xl--MinWidth: 28.125rem;
  --pf-v5-c-drawer__panel--xl--FlexBasis: 28.125rem;
  --pf-v5-c-drawer--m-panel-bottom__panel--md--MinHeight: 50%;
  --pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight: 18.75rem;
  --pf-v5-c-drawer--m-panel-bottom__panel--xl--FlexBasis: 18.75rem;
  --pf-v5-c-drawer__panel--m-resizable--FlexDirection: row;
  --pf-v5-c-drawer__panel--m-resizable--md--FlexBasis--min: var(--pf-v5-c-drawer__splitter--m-vertical--Width);
  --pf-v5-c-drawer__panel--m-resizable--MinWidth: 1.5rem;
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
  --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-global--spacer--md);
  --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-global--spacer--md);
  --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-drawer--child--md--PaddingTop: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-drawer--child--md--PaddingRight: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-drawer--child--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-drawer--child--md--PaddingLeft: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
  --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
  --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-drawer--child--m-padding--md--PaddingTop: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-drawer--child--m-padding--md--PaddingRight: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-drawer--child--m-padding--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-drawer--child--m-padding--md--PaddingLeft: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-drawer__content--child--PaddingTop: 0;
  --pf-v5-c-drawer__content--child--PaddingRight: 0;
  --pf-v5-c-drawer__content--child--PaddingBottom: 0;
  --pf-v5-c-drawer__content--child--PaddingLeft: 0;
  --pf-v5-c-drawer__splitter--Height: 0.5625rem;
  --pf-v5-c-drawer__splitter--Width: 100%;
  --pf-v5-c-drawer__splitter--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-drawer__splitter--Cursor: row-resize;
  --pf-v5-c-drawer__splitter--m-vertical--Height: 100%;
  --pf-v5-c-drawer__splitter--m-vertical--Width: 0.5625rem;
  --pf-v5-c-drawer__splitter--m-vertical--Cursor: col-resize;
  --pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
  --pf-v5-c-drawer__splitter--after--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-drawer__splitter--after--border-width--base: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-drawer__splitter--after--BorderTopWidth: 0;
  --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
  --pf-v5-c-drawer__splitter--after--BorderBottomWidth: 0;
  --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
  --pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
  --pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
  --pf-v5-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem;
  --pf-v5-c-drawer--m-inline__splitter-handle--Left: 50%;
  --pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
  --pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem;
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top: 50%;
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
  --pf-v5-c-drawer__splitter-handle--Top: 50%;
  --pf-v5-c-drawer__splitter-handle--Left: calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base));
  --pf-v5-c-drawer--m-panel-left__splitter-handle--Left: 50%;
  --pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top: calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base));
  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--200);
  --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-drawer__splitter-handle--after--BorderRightWidth: 0;
  --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: 0;
  --pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--100);
  --pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--100);
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth: 0;
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth: 0;
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-drawer__splitter-handle--after--Width: 0.75rem;
  --pf-v5-c-drawer__splitter-handle--after--Height: 0.25rem;
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
  --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
  --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
  --pf-v5-c-drawer__panel--BoxShadow: none;
  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
  --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
  --pf-v5-c-drawer__panel--after--Width: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-drawer__panel--after--BackgroundColor: transparent;
  --pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-drawer--m-inline__panel--PaddingLeft: var(--pf-v5-c-drawer__panel--after--Width);
  --pf-v5-c-drawer--m-panel-left--m-inline__panel--PaddingRight: var(--pf-v5-c-drawer__panel--after--Width);
  --pf-v5-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop: var(--pf-v5-c-drawer__panel--after--Width);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .pf-v5-c-drawer {
    --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-c-drawer--child--md--PaddingTop);
    --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-c-drawer--child--md--PaddingRight);
    --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-c-drawer--child--md--PaddingBottom);
    --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-c-drawer--child--md--PaddingLeft);
    --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-c-drawer--child--m-padding--md--PaddingTop);
    --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-c-drawer--child--m-padding--md--PaddingRight);
    --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-c-drawer--child--m-padding--md--PaddingBottom);
    --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-c-drawer--child--m-padding--md--PaddingLeft);
  }
}
@media screen and (min-width: 1200px) {
  .pf-v5-c-drawer {
    --pf-v5-c-drawer__panel--MinWidth: var(--pf-v5-c-drawer__panel--xl--MinWidth);
  }
  .pf-v5-c-drawer.pf-m-panel-bottom {
    --pf-v5-c-drawer__panel--MinWidth: auto;
    --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
  }
}
.pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
  padding-left: var(--pf-v5-c-drawer--m-inline__panel--PaddingLeft);
}
.pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
  order: 0;
  margin-right: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
  transform: translateX(-100%);
}
.pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
  order: 1;
}
.pf-v5-c-drawer.pf-m-panel-bottom > .pf-v5-c-drawer__main {
  flex-direction: column;
}
.pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
  transform: translateX(-100%);
}
.pf-v5-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
  transform: translateX(0);
}
.pf-v5-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
  transform: translate(0, -100%);
}
.pf-v5-c-drawer.pf-m-resizing {
  --pf-v5-c-drawer__panel--TransitionProperty: none;
  pointer-events: none;
}
.pf-v5-c-drawer.pf-m-resizing .pf-v5-c-drawer__splitter {
  pointer-events: auto;
}

.pf-v5-c-drawer__section {
  flex-grow: 0;
  background-color: var(--pf-v5-c-drawer__section--BackgroundColor);
}
.pf-v5-c-drawer__section.pf-m-no-background {
  --pf-v5-c-drawer__section--BackgroundColor: transparent;
}
.pf-v5-c-drawer__section.pf-m-light-200 {
  --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-c-drawer__section--m-light-200--BackgroundColor);
}

.pf-v5-c-drawer__main {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.pf-v5-c-drawer__content,
.pf-v5-c-drawer__panel,
.pf-v5-c-drawer__panel-main {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow: auto;
}

.pf-v5-c-drawer__content {
  z-index: var(--pf-v5-c-drawer__content--ZIndex);
  flex-basis: var(--pf-v5-c-drawer__content--FlexBasis);
  order: 0;
  background-color: var(--pf-v5-c-drawer__content--BackgroundColor);
}
.pf-v5-c-drawer__content.pf-m-no-background {
  --pf-v5-c-drawer__content--BackgroundColor: transparent;
}
.pf-v5-c-drawer__content.pf-m-light-200 {
  --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-c-drawer__content--m-light-200--BackgroundColor);
}
.pf-v5-c-drawer__content > .pf-v5-c-drawer__body {
  padding: var(--pf-v5-c-drawer__content--child--PaddingTop) var(--pf-v5-c-drawer__content--child--PaddingRight) var(--pf-v5-c-drawer__content--child--PaddingBottom) var(--pf-v5-c-drawer__content--child--PaddingLeft);
}

.pf-v5-c-drawer__panel {
  position: relative;
  z-index: var(--pf-v5-c-drawer__panel--ZIndex);
  flex-basis: var(--pf-v5-c-drawer__panel--FlexBasis);
  order: 1;
  max-height: var(--pf-v5-c-drawer__panel--MaxHeight);
  overflow: auto;
  background-color: var(--pf-v5-c-drawer__panel--BackgroundColor);
  box-shadow: var(--pf-v5-c-drawer__panel--BoxShadow);
  transition-duration: var(--pf-v5-c-drawer__panel--TransitionDuration);
  transition-property: var(--pf-v5-c-drawer__panel--TransitionProperty);
  -webkit-overflow-scrolling: touch;
}
.pf-v5-c-drawer__panel::after {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--pf-v5-c-drawer__panel--after--Width);
  height: 100%;
  content: "";
  background-color: var(--pf-v5-c-drawer__panel--after--BackgroundColor);
}
.pf-v5-c-drawer__panel.pf-m-no-background {
  --pf-v5-c-drawer__panel--BackgroundColor: transparent;
}
.pf-v5-c-drawer__panel.pf-m-light-200 {
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-c-drawer__panel--m-light-200--BackgroundColor);
}
@media screen and (min-width: 768px) {
  .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer__panel--FlexBasis:
      max(
        var(--pf-v5-c-drawer__panel--md--FlexBasis--min),
        min(var(--pf-v5-c-drawer__panel--md--FlexBasis), var(--pf-v5-c-drawer__panel--md--FlexBasis--max))
      );
  }
}
@media screen and (min-width: 1200px) {
  .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer__panel--md--FlexBasis: var(--pf-v5-c-drawer__panel--xl--FlexBasis);
  }
  .pf-v5-c-drawer.pf-m-panel-bottom .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer__panel--md--FlexBasis: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--FlexBasis);
  }
}

.pf-v5-c-drawer__panel-main {
  flex-grow: 1;
}

@keyframes pf-remove-tab-focus {
  to {
    visibility: hidden;
  }
}
.pf-v5-c-drawer__panel[hidden] {
  animation-name: pf-remove-tab-focus;
  animation-delay: var(--pf-v5-c-drawer__panel--TransitionDuration);
  animation-fill-mode: forwards;
}

.pf-v5-c-drawer__head {
  display: grid;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
}
.pf-v5-c-drawer__head > * {
  grid-column: 1;
}

.pf-v5-c-drawer__actions {
  display: flex;
  grid-row: 1;
  grid-column: 2;
  align-self: baseline;
  margin-top: var(--pf-v5-c-drawer__actions--MarginTop);
  margin-right: var(--pf-v5-c-drawer__actions--MarginRight);
}

.pf-v5-c-drawer__body {
  padding: var(--pf-v5-c-drawer--child--PaddingTop) var(--pf-v5-c-drawer--child--PaddingRight) var(--pf-v5-c-drawer--child--PaddingBottom) var(--pf-v5-c-drawer--child--PaddingLeft);
}
.pf-v5-c-drawer__body.pf-m-no-padding {
  padding: 0;
}
.pf-v5-c-drawer__body.pf-m-no-padding > .pf-v5-c-drawer__actions,
.pf-v5-c-drawer__body.pf-m-no-padding > .pf-v5-c-drawer__head > .pf-v5-c-drawer__actions {
  margin-top: 0;
  margin-right: 0;
}
.pf-v5-c-drawer__body.pf-m-padding {
  padding: var(--pf-v5-c-drawer--child--m-padding--PaddingTop) var(--pf-v5-c-drawer--child--m-padding--PaddingRight) var(--pf-v5-c-drawer--child--m-padding--PaddingBottom) var(--pf-v5-c-drawer--child--m-padding--PaddingLeft);
}
.pf-v5-c-drawer__body:not(.pf-m-no-padding) + * {
  padding-top: 0;
}
.pf-v5-c-drawer__body:last-child {
  flex: 1 1;
}

.pf-v5-c-drawer__body > .pf-v5-c-page__main {
  height: 100%;
}

.pf-v5-c-drawer__splitter {
  position: relative;
  display: none;
  width: var(--pf-v5-c-drawer__splitter--Width);
  height: var(--pf-v5-c-drawer__splitter--Height);
  cursor: var(--pf-v5-c-drawer__splitter--Cursor);
  background-color: var(--pf-v5-c-drawer__splitter--BackgroundColor);
}
.pf-v5-c-drawer__splitter.pf-m-vertical {
  --pf-v5-c-drawer__splitter--Height: var(--pf-v5-c-drawer__splitter--m-vertical--Height);
  --pf-v5-c-drawer__splitter--Width: var(--pf-v5-c-drawer__splitter--m-vertical--Width);
  --pf-v5-c-drawer__splitter--Cursor: var(--pf-v5-c-drawer__splitter--m-vertical--Cursor);
  --pf-v5-c-drawer__splitter-handle--after--Width: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Width);
  --pf-v5-c-drawer__splitter-handle--after--Height: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Height);
  --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth);
  --pf-v5-c-drawer__splitter-handle--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth);
  --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth);
  --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth);
}
.pf-v5-c-drawer__splitter:hover {
  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor);
}
.pf-v5-c-drawer__splitter:focus {
  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor);
}
.pf-v5-c-drawer__splitter::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: solid var(--pf-v5-c-drawer__splitter--after--BorderColor);
  border-width: var(--pf-v5-c-drawer__splitter--after--BorderTopWidth) var(--pf-v5-c-drawer__splitter--after--BorderRightWidth) var(--pf-v5-c-drawer__splitter--after--BorderBottomWidth) var(--pf-v5-c-drawer__splitter--after--BorderLeftWidth);
}

.pf-v5-c-drawer__splitter-handle {
  position: absolute;
  top: var(--pf-v5-c-drawer__splitter-handle--Top);
  left: var(--pf-v5-c-drawer__splitter-handle--Left);
  transform: translate(-50%, -50%);
}
.pf-v5-c-drawer__splitter-handle::after {
  display: block;
  width: var(--pf-v5-c-drawer__splitter-handle--after--Width);
  height: var(--pf-v5-c-drawer__splitter-handle--after--Height);
  content: "";
  border-color: var(--pf-v5-c-drawer__splitter-handle--after--BorderColor);
  border-style: solid;
  border-width: var(--pf-v5-c-drawer__splitter-handle--after--BorderTopWidth) var(--pf-v5-c-drawer__splitter-handle--after--BorderRightWidth) var(--pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth) var(--pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth);
}

@media screen and (min-width: 768px) {
  .pf-v5-c-drawer {
    min-width: var(--pf-v5-c-drawer__panel--MinWidth);
  }
  .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    box-shadow: var(--pf-v5-c-drawer--m-expanded__panel--BoxShadow);
  }
  .pf-v5-c-drawer > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable {
    --pf-v5-c-drawer__panel--md--FlexBasis--min: var(--pf-v5-c-drawer__panel--m-resizable--md--FlexBasis--min);
    flex-direction: var(--pf-v5-c-drawer__panel--m-resizable--FlexDirection);
    min-width: var(--pf-v5-c-drawer__panel--m-resizable--MinWidth);
  }
  .pf-v5-c-drawer > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable::after {
    width: 0;
    height: 0;
  }
  .pf-v5-c-drawer > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
    flex-shrink: 0;
  }
  .pf-v5-c-drawer > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__panel-main {
    flex-shrink: 1;
  }
  .pf-v5-c-drawer.pf-m-panel-left {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
  }
  .pf-v5-c-drawer.pf-m-panel-left.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-panel-left.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
    padding-right: var(--pf-v5-c-drawer--m-panel-left--m-inline__panel--PaddingRight);
    padding-left: 0;
  }
  .pf-v5-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel::after {
    right: 0;
    left: auto;
  }
  .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
    --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-panel-left__splitter-handle--Left);
    --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
    order: 1;
  }
  .pf-v5-c-drawer.pf-m-panel-bottom {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
    --pf-v5-c-drawer__panel--MaxHeight: 100%;
    --pf-v5-c-drawer__panel--FlexBasis--min: var(--pf-v5-c-drawer--m-panel-bottom__panel--FlexBasis--min);
    min-width: auto;
    min-height: var(--pf-v5-c-drawer--m-panel-bottom__panel--md--MinHeight);
  }
  .pf-v5-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
    padding-top: var(--pf-v5-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop);
    padding-left: 0;
  }
  .pf-v5-c-drawer.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel::after {
    top: 0;
    left: auto;
    width: 100%;
    height: var(--pf-v5-c-drawer--m-panel-bottom__panel--after--Height);
  }
  .pf-v5-c-drawer.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable {
    --pf-v5-c-drawer__panel--md--FlexBasis--min: var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
    --pf-v5-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
    --pf-v5-c-drawer__panel--m-resizable--MinWidth: 0;
    min-height: var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight);
  }
  .pf-v5-c-drawer.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
    --pf-v5-c-drawer__splitter-handle--Top: var(--pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top);
    --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-v5-c-drawer__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
  }
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
    --pf-v5-c-drawer__splitter--m-vertical--Width: var(--pf-v5-c-drawer--m-inline__splitter--m-vertical--Width);
    --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-inline__splitter-handle--Left);
    --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth);
    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth);
    outline-offset: var(--pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset);
  }
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
    --pf-v5-c-drawer__splitter--Height: var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height);
    --pf-v5-c-drawer__splitter-handle--Top: var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top);
    --pf-v5-c-drawer__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth);
    --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
  }
  .pf-v5-c-drawer > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-no-border,
  .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-no-border {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v5-c-drawer__splitter {
    display: block;
  }
}
@media (min-width: 768px) {
  .pf-v5-c-drawer__panel.pf-m-width-25 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-33 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-50 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-66 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-75 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-100 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 992px) {
  .pf-v5-c-drawer__panel.pf-m-width-25-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-33-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-50-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-66-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-75-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-100-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-drawer__panel.pf-m-width-25-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-33-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-50-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-66-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-75-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-100-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-drawer__panel.pf-m-width-25-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-33-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-50-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-66-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-75-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-v5-c-drawer__panel.pf-m-width-100-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 768px) {
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content,
  .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel,
  .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
    overflow-x: auto;
  }
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-left: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(100%);
  }
  .pf-v5-c-drawer.pf-m-inline.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-left: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    transform: translateX(-100%);
  }
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-bottom: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: none;
  }
}
@media (min-width: 992px) {
  .pf-v5-c-drawer.pf-m-inline-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content,
  .pf-v5-c-drawer.pf-m-static-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel,
  .pf-v5-c-drawer.pf-m-static-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v5-c-drawer.pf-m-static-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
    overflow-x: auto;
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-left: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-left: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    transform: translateX(-100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-bottom: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-lg.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: none;
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-drawer.pf-m-inline-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content,
  .pf-v5-c-drawer.pf-m-static-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel,
  .pf-v5-c-drawer.pf-m-static-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v5-c-drawer.pf-m-static-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
    overflow-x: auto;
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-left: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-left: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    transform: translateX(-100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-bottom: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: none;
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content,
  .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel,
  .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
    overflow-x: auto;
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-left: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-left: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    transform: translateX(-100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-bottom: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: none;
  }
}
:where(.pf-v5-theme-dark) .pf-v5-c-drawer {
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
  --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
}
:where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
}
.pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group {
  --pf-v5-hidden-visible--hidden--Display: none;
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  display: var(--pf-v5-hidden-visible--Display);
}
.pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__group {
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
}
@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

.pf-v5-c-toolbar {
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar--item--RowGap--base: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-toolbar__item--Display: flex;
  --pf-v5-c-toolbar__item--MinWidth--base: auto;
  --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
  --pf-v5-c-toolbar__item--AlignSelf: var(--pf-v5-c-toolbar--AlignItems--base);
  --pf-v5-c-toolbar__group--Display: flex;
  --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
  --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
  --pf-v5-c-toolbar__group--AlignSelf: auto;
  --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
  --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
  --pf-v5-c-toolbar--m-align-items-center--AlignItems: center;
  --pf-v5-c-toolbar--m-align-items-baseline--AlignItems: baseline;
  --pf-v5-c-toolbar--m-align-self-center--AlignSelf: center;
  --pf-v5-c-toolbar--m-align-self-baseline--AlignSelf: baseline;
  --pf-v5-c-toolbar__content--Display: flex;
  --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
  --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar__content-section--Display: flex;
  --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
  --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
  --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-toolbar__expandable-content--Display: grid;
  --pf-v5-c-toolbar__expandable-content--PaddingTop: 0;
  --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__content--PaddingRight);
  --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__content--PaddingLeft);
  --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: 0;
  --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: 0;
  --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: 0;
  --pf-v5-c-toolbar__expandable-content--ZIndex: var(--pf-v5-global--ZIndex--sm);
  --pf-v5-c-toolbar__expandable-content--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
  --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-toolbar--BackgroundColor);
  --pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-v5-global--gutter--md);
  --pf-v5-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-v5-global--spacer--md) * -1);
  --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base);
  --pf-v5-c-toolbar__item--Width: auto;
  --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
  --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer);
  --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
  --pf-v5-c-toolbar__group--m-icon-button-group--space-items: 0;
  --pf-v5-c-toolbar__group--m-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
  --pf-v5-c-toolbar__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-toolbar__group--m-filter-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
  --pf-v5-c-toolbar__group--m-filter-group--space-items: 0;
  --pf-v5-c-toolbar__item--m-overflow-menu--spacer: var(--pf-v5-c-toolbar__item--spacer);
  --pf-v5-c-toolbar__item--m-bulk-select--spacer: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-toolbar__expand-all-icon--Rotate: 0;
  --pf-v5-c-toolbar__expand-all-icon--Transition: var(--pf-v5-global--Transition);
  --pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
  --pf-v5-c-toolbar__item--m-search-filter--spacer: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-toolbar__item--m-chip-group--spacer: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
  --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-toolbar--c-divider--m-vertical--spacer: var(--pf-v5-c-toolbar--spacer--base);
  --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
  --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
  --pf-v5-c-toolbar--m-full-height__item--Display: flex;
  --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
  position: relative;
  display: grid;
  row-gap: var(--pf-v5-c-toolbar--RowGap);
  padding-top: var(--pf-v5-c-toolbar--PaddingTop);
  padding-bottom: var(--pf-v5-c-toolbar--PaddingBottom);
  background-color: var(--pf-v5-c-toolbar--BackgroundColor);
}
@media screen and (min-width: 992px) {
  .pf-v5-c-toolbar {
    --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingRight);
    --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom);
    --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft);
  }
}
@media screen and (min-width: 1200px) {
  .pf-v5-c-toolbar {
    --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-c-toolbar--m-page-insets--xl--inset);
  }
}
.pf-v5-c-toolbar.pf-m-page-insets {
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--m-page-insets--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--m-page-insets--inset);
}
.pf-v5-c-toolbar.pf-m-sticky {
  position: sticky;
  top: 0;
  z-index: var(--pf-v5-c-toolbar--m-sticky--ZIndex);
  box-shadow: var(--pf-v5-c-toolbar--m-sticky--BoxShadow);
}
.pf-v5-c-toolbar.pf-m-full-height {
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
  --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
  --pf-v5-c-toolbar__item--Display: var(--pf-v5-c-toolbar--m-full-height__item--Display);
  height: 100%;
}
.pf-v5-c-toolbar.pf-m-full-height,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__expandable-content,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group {
  min-width: 0;
}
.pf-v5-c-toolbar.pf-m-full-height,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
  align-self: stretch;
}
.pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
  --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
}
.pf-v5-c-toolbar.pf-m-static,
.pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
  position: static;
}
.pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__expandable-content {
  position: absolute;
}

.pf-v5-c-toolbar__content-section > .pf-v5-c-divider,
.pf-v5-c-toolbar__group > .pf-v5-c-divider {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar--c-divider--m-vertical--spacer);
}
.pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical,
.pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical {
  margin-right: var(--pf-v5-c-toolbar--spacer);
}
.pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical:last-child,
.pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-toolbar__content-section.pf-m-align-items-start,
.pf-v5-c-toolbar__group.pf-m-align-items-start {
  align-items: flex-start;
}
.pf-v5-c-toolbar__content-section.pf-m-align-items-center,
.pf-v5-c-toolbar__group.pf-m-align-items-center {
  --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
}
.pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
.pf-v5-c-toolbar__group.pf-m-align-items-baseline {
  --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems);
}
.pf-v5-c-toolbar__content-section.pf-m-align-self-start,
.pf-v5-c-toolbar__group.pf-m-align-self-start {
  align-self: flex-start;
}
.pf-v5-c-toolbar__content-section.pf-m-align-self-center,
.pf-v5-c-toolbar__group.pf-m-align-self-center {
  --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-center--AlignItems);
}
.pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
.pf-v5-c-toolbar__group.pf-m-align-self-baseline {
  --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems);
}

.pf-v5-c-toolbar__group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
  row-gap: var(--pf-v5-c-toolbar__group--RowGap);
  align-items: var(--pf-v5-c-toolbar__group--AlignItems);
  align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
  margin-right: var(--pf-v5-c-toolbar--spacer);
}
.pf-v5-c-toolbar__group.pf-m-button-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
}
.pf-v5-c-toolbar__group.pf-m-button-group > * {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--space-items);
}
.pf-v5-c-toolbar__group.pf-m-icon-button-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--spacer);
}
.pf-v5-c-toolbar__group.pf-m-icon-button-group > * {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--space-items);
}
.pf-v5-c-toolbar__group.pf-m-filter-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--spacer);
}
.pf-v5-c-toolbar__group.pf-m-filter-group > * {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--space-items);
}
.pf-v5-c-toolbar__group.pf-m-filter-group > * + * {
  margin-left: -1px;
}
.pf-v5-c-toolbar__group.pf-m-toggle-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--spacer);
}
.pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__item {
  display: none;
}
.pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__toggle {
  display: inline-block;
}
.pf-v5-c-toolbar__group:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar__item {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
  --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
  --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
  align-items: var(--pf-v5-c-toolbar__item--AlignItems);
  align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
  width: var(--pf-v5-c-toolbar__item--Width--base);
  min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
  margin-right: var(--pf-v5-c-toolbar--spacer);
}
@media (min-width: 576px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width));
  }
}
@media (min-width: 768px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)));
  }
}
@media (min-width: 992px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width))));
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-xl, var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)))));
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-2xl, var(--pf-v5-c-toolbar__item--Width-on-xl, var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width))))));
  }
}
@media (min-width: 576px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth));
  }
}
@media (min-width: 768px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)));
  }
}
@media (min-width: 992px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))));
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)))));
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-2xl, var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))))));
  }
}
.pf-v5-c-toolbar__item.pf-m-align-items-start {
  align-items: flex-start;
}
.pf-v5-c-toolbar__item.pf-m-align-items-center {
  align-items: center;
}
.pf-v5-c-toolbar__item.pf-m-align-items-baseline {
  align-items: baseline;
}
.pf-v5-c-toolbar__item.pf-m-align-self-start {
  align-self: flex-start;
}
.pf-v5-c-toolbar__item.pf-m-align-self-center {
  align-self: center;
}
.pf-v5-c-toolbar__item.pf-m-align-self-baseline {
  align-self: baseline;
}
.pf-v5-c-toolbar__item.pf-m-overflow-menu {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-overflow-menu--spacer);
}
.pf-v5-c-toolbar__item.pf-m-bulk-select {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-bulk-select--spacer);
}
.pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
  --pf-v5-c-toolbar__expand-all-icon--Rotate: var(--pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
}
.pf-v5-c-toolbar__item.pf-m-search-filter {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-search-filter--spacer);
}
.pf-v5-c-toolbar__item.pf-m-chip-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-chip-group--spacer);
}
.pf-v5-c-toolbar__item.pf-m-label {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
  transform: translateY(var(--pf-v5-global--spacer--form-element));
}
.pf-v5-c-toolbar__item.pf-m-pagination {
  margin-left: auto;
}
.pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination {
  flex-wrap: nowrap;
}
.pf-v5-c-toolbar__item:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar__group.pf-m-overflow-container,
.pf-v5-c-toolbar__item.pf-m-overflow-container {
  flex: 1;
  overflow: hidden;
}

.pf-v5-c-toolbar__expand-all-icon {
  display: inline-block;
  transition: var(--pf-v5-c-toolbar__expand-all-icon--Transition);
  transform: rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate));
}

.pf-v5-c-toolbar__content,
.pf-v5-c-toolbar__content-section {
  flex-wrap: wrap;
}

.pf-v5-c-toolbar__content {
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display);
  position: relative;
  row-gap: var(--pf-v5-c-toolbar__content--RowGap);
  align-items: var(--pf-v5-c-toolbar__content--AlignItems);
  padding-right: var(--pf-v5-c-toolbar__content--PaddingRight);
  padding-left: var(--pf-v5-c-toolbar__content--PaddingLeft);
}

.pf-v5-c-toolbar__content-section {
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content-section--Display);
  row-gap: var(--pf-v5-c-toolbar__content-section--RowGap);
  align-items: var(--pf-v5-c-toolbar__content-section--AlignItems);
  width: 100%;
}
.pf-v5-c-toolbar__content-section.pf-m-align-items-start {
  align-items: flex-start;
}
.pf-v5-c-toolbar__content-section.pf-m-align-items-center {
  --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
}
.pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
  align-items: baseline;
}

.pf-v5-c-toolbar__expandable-content {
  position: absolute;
  top: calc(100% + var(--pf-v5-c-toolbar__content--RowGap));
  right: 0;
  left: 0;
  z-index: var(--pf-v5-c-toolbar__expandable-content--ZIndex);
  display: none;
  width: 100%;
  padding: var(--pf-v5-c-toolbar__expandable-content--PaddingTop) var(--pf-v5-c-toolbar__expandable-content--PaddingRight) var(--pf-v5-c-toolbar__expandable-content--PaddingBottom) var(--pf-v5-c-toolbar__expandable-content--PaddingLeft);
  background-color: var(--pf-v5-c-toolbar__expandable-content--BackgroundColor);
  box-shadow: var(--pf-v5-c-toolbar__expandable-content--BoxShadow);
}
@media screen and (min-width: 992px) {
  .pf-v5-c-toolbar__expandable-content {
    position: static;
    box-shadow: none;
  }
}
.pf-v5-c-toolbar__expandable-content.pf-m-expanded {
  display: grid;
  grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
}
.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group {
  display: grid;
  grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
}
.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label {
  margin-bottom: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
  font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
}

.pf-v5-c-toolbar__content.pf-m-chip-container,
.pf-v5-c-toolbar__group.pf-m-chip-container {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 0;
  align-items: baseline;
  margin-top: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop);
}
.pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
.pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
  --pf-v5-c-toolbar__item--AlignSelf: auto;
  margin-top: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
}
.pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
  --pf-v5-c-toolbar__group--AlignItems: center;
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 0;
}
.pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
.pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item:last-child,
.pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
.pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar .pf-v5-c-chip-group:last-child {
  --pf-v5-c-chip-group--MarginRight: 0;
}

.pf-v5-c-toolbar .pf-v5-c-chip-group li:last-child {
  --pf-v5-c-chip-group__li--m-toolbar--MarginRight: 0;
}

.pf-v5-c-toolbar__toggle.pf-m-expanded .pf-v5-c-button.pf-m-plain {
  color: var(--pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color);
}

.pf-m-toggle-group.pf-m-show {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
}
.pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__group,
.pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__item {
  display: flex;
  flex: 0 1 auto;
}
.pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__toggle {
  display: none;
}

@media (min-width: 576px) {
  .pf-m-toggle-group.pf-m-show-on-sm {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }
  .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__toggle {
    display: none;
  }
}
@media (min-width: 768px) {
  .pf-m-toggle-group.pf-m-show-on-md {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }
  .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__toggle {
    display: none;
  }
}
@media (min-width: 992px) {
  .pf-m-toggle-group.pf-m-show-on-lg {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }
  .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__toggle {
    display: none;
  }
}
@media (min-width: 1200px) {
  .pf-m-toggle-group.pf-m-show-on-xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }
  .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__toggle {
    display: none;
  }
}
@media (min-width: 1450px) {
  .pf-m-toggle-group.pf-m-show-on-2xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__toggle {
    display: none;
  }
}
.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right {
  margin-left: auto;
}
.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
  margin-left: 0;
}
.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left {
  margin-left: 0;
}
.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
  margin-left: auto;
}
.pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap {
  flex-wrap: nowrap;
}
.pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap {
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm {
    flex-wrap: nowrap;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-sm {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md {
    flex-wrap: nowrap;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-md {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg {
    flex-wrap: nowrap;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-lg {
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl {
    flex-wrap: nowrap;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-xl {
    flex-wrap: wrap;
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl {
    margin-left: 0;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl {
    flex-wrap: nowrap;
  }
  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl {
    flex-wrap: wrap;
  }
}
.pf-v5-c-toolbar .pf-m-space-items-none > * {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-toolbar .pf-m-space-items-sm > * {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
}
.pf-v5-c-toolbar .pf-m-space-items-sm > :last-child {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-toolbar .pf-m-space-items-md > * {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
}
.pf-v5-c-toolbar .pf-m-space-items-md > :last-child {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-toolbar .pf-m-space-items-lg > * {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
}
.pf-v5-c-toolbar .pf-m-space-items-lg > :last-child {
  --pf-v5-c-toolbar--spacer: 0;
}
@media (min-width: 576px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}
@media (min-width: 768px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-md > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-md > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}
@media (min-width: 992px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > * {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}
.pf-v5-c-toolbar .pf-m-spacer-none {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-toolbar .pf-m-spacer-none:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-toolbar .pf-m-spacer-sm {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
}
.pf-v5-c-toolbar .pf-m-spacer-sm:last-child {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
}
.pf-v5-c-toolbar .pf-m-spacer-md {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
}
.pf-v5-c-toolbar .pf-m-spacer-md:last-child {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
}
.pf-v5-c-toolbar .pf-m-spacer-lg {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
}
.pf-v5-c-toolbar .pf-m-spacer-lg:last-child {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
}
@media (min-width: 576px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-sm {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-sm:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}
@media (min-width: 768px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-md:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-md {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-md:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-md {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-md:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}
@media (min-width: 992px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-lg {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-lg:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}
.pf-v5-c-toolbar.pf-m-inset-none {
  --pf-v5-c-toolbar--inset: 0;
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}
.pf-v5-c-toolbar.pf-m-inset-sm {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}
.pf-v5-c-toolbar.pf-m-inset-md {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}
.pf-v5-c-toolbar.pf-m-inset-lg {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}
.pf-v5-c-toolbar.pf-m-inset-xl {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}
.pf-v5-c-toolbar.pf-m-inset-2xl {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}
@media (min-width: 576px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-sm-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-md-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-lg-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-xl-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}
@media (min-width: 768px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-md {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-sm-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-md-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-lg-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-xl-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-2xl-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}
@media (min-width: 992px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-sm-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-md-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-lg-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-xl-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-sm-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-md-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-lg-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-xl-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-md-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
  .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}

.pf-v5-c-toolbar__content-section > :last-child {
  --pf-v5-c-toolbar--spacer: 0;
}
.pf-v5-c-divider {
  --pf-v5-hidden-visible--hidden--Display: none;
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  display: var(--pf-v5-hidden-visible--Display);
}
.pf-m-hidden.pf-v5-c-divider {
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
}
@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-sm.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-md.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-lg.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-xl.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }
  .pf-m-visible-on-2xl.pf-v5-c-divider {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

.pf-v5-c-divider {
  --pf-v5-c-divider--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-divider--BorderColor--base: var(--pf-v5-c-divider--BackgroundColor);
  --pf-v5-c-divider--Height: var(--pf-v5-c-divider--BorderWidth--base);
  --pf-v5-c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-divider--after--BackgroundColor: var(--pf-v5-c-divider--BorderColor--base);
  --pf-v5-c-divider--after--FlexBasis: 100%;
  --pf-v5-c-divider--after--Inset: 0%;
  --pf-v5-c-divider--m-vertical--after--FlexBasis: 100%;
  --pf-v5-c-divider--m-horizontal--Display: flex;
  --pf-v5-c-divider--m-horizontal--FlexDirection: row;
  --pf-v5-c-divider--m-horizontal--after--Height: var(--pf-v5-c-divider--Height);
  --pf-v5-c-divider--m-horizontal--after--Width: auto;
  --pf-v5-c-divider--m-vertical--Display: inline-flex;
  --pf-v5-c-divider--m-vertical--FlexDirection: column;
  --pf-v5-c-divider--m-vertical--after--Height: auto;
  --pf-v5-c-divider--m-vertical--after--Width: var(--pf-v5-c-divider--BorderWidth--base);
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-divider--Display);
  --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
  --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
  --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
  --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
  width: 100%;
  height: auto;
  flex-direction: var(--pf-v5-c-divider--FlexDirection);
  flex-shrink: 0;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border: 0;
}
.pf-v5-c-divider::after {
  flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
}
.pf-v5-c-divider::after {
  align-self: stretch;
  justify-self: center;
  width: var(--pf-v5-c-divider--after--Width);
  height: var(--pf-v5-c-divider--after--Height);
  content: "";
  background-color: var(--pf-v5-c-divider--after--BackgroundColor);
}
.pf-v5-c-divider.pf-m-vertical {
  --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
  --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
  --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
  --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
  width: auto;
  height: inherit;
}
.pf-v5-c-divider.pf-m-vertical::after {
  flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
}
.pf-v5-c-divider.pf-m-inset-none {
  --pf-v5-c-divider--after--Inset: 0%;
}
.pf-v5-c-divider.pf-m-inset-xs {
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
}
.pf-v5-c-divider.pf-m-inset-sm {
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
}
.pf-v5-c-divider.pf-m-inset-md {
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
}
.pf-v5-c-divider.pf-m-inset-lg {
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
}
.pf-v5-c-divider.pf-m-inset-xl {
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
}
.pf-v5-c-divider.pf-m-inset-2xl {
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
}
.pf-v5-c-divider.pf-m-inset-3xl {
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
}
@media (min-width: 576px) {
  .pf-v5-c-divider.pf-m-horizontal-on-sm {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
    width: 100%;
    height: auto;
  }
  .pf-v5-c-divider.pf-m-horizontal-on-sm::after {
    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
  }
}
@media (min-width: 576px) {
  .pf-v5-c-divider.pf-m-vertical-on-sm {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
    width: auto;
    height: inherit;
  }
  .pf-v5-c-divider.pf-m-vertical-on-sm::after {
    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
  }
}
@media (min-width: 576px) {
  .pf-v5-c-divider.pf-m-inset-none-on-sm {
    --pf-v5-c-divider--after--Inset: 0%;
  }
  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
  }
  .pf-v5-c-divider.pf-m-inset-sm-on-sm {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-divider.pf-m-inset-md-on-sm {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-divider.pf-m-inset-lg-on-sm {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-divider.pf-m-inset-xl-on-sm {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
  }
  .pf-v5-c-divider.pf-m-inset-2xl-on-sm {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
  }
  .pf-v5-c-divider.pf-m-inset-3xl-on-sm {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
  }
}
@media (min-width: 768px) {
  .pf-v5-c-divider.pf-m-horizontal-on-md {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
    width: 100%;
    height: auto;
  }
  .pf-v5-c-divider.pf-m-horizontal-on-md::after {
    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
  }
}
@media (min-width: 768px) {
  .pf-v5-c-divider.pf-m-vertical-on-md {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
    width: auto;
    height: inherit;
  }
  .pf-v5-c-divider.pf-m-vertical-on-md::after {
    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
  }
}
@media (min-width: 768px) {
  .pf-v5-c-divider.pf-m-inset-none-on-md {
    --pf-v5-c-divider--after--Inset: 0%;
  }
  .pf-v5-c-divider.pf-m-inset-xs-on-md {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
  }
  .pf-v5-c-divider.pf-m-inset-sm-on-md {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-divider.pf-m-inset-md-on-md {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-divider.pf-m-inset-lg-on-md {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-divider.pf-m-inset-xl-on-md {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
  }
  .pf-v5-c-divider.pf-m-inset-2xl-on-md {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
  }
  .pf-v5-c-divider.pf-m-inset-3xl-on-md {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
  }
}
@media (min-width: 992px) {
  .pf-v5-c-divider.pf-m-horizontal-on-lg {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
    width: 100%;
    height: auto;
  }
  .pf-v5-c-divider.pf-m-horizontal-on-lg::after {
    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
  }
}
@media (min-width: 992px) {
  .pf-v5-c-divider.pf-m-vertical-on-lg {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
    width: auto;
    height: inherit;
  }
  .pf-v5-c-divider.pf-m-vertical-on-lg::after {
    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
  }
}
@media (min-width: 992px) {
  .pf-v5-c-divider.pf-m-inset-none-on-lg {
    --pf-v5-c-divider--after--Inset: 0%;
  }
  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
  }
  .pf-v5-c-divider.pf-m-inset-sm-on-lg {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-divider.pf-m-inset-md-on-lg {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-divider.pf-m-inset-lg-on-lg {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-divider.pf-m-inset-xl-on-lg {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
  }
  .pf-v5-c-divider.pf-m-inset-2xl-on-lg {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
  }
  .pf-v5-c-divider.pf-m-inset-3xl-on-lg {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-divider.pf-m-horizontal-on-xl {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
    width: 100%;
    height: auto;
  }
  .pf-v5-c-divider.pf-m-horizontal-on-xl::after {
    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-divider.pf-m-vertical-on-xl {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
    width: auto;
    height: inherit;
  }
  .pf-v5-c-divider.pf-m-vertical-on-xl::after {
    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-divider.pf-m-inset-none-on-xl {
    --pf-v5-c-divider--after--Inset: 0%;
  }
  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
  }
  .pf-v5-c-divider.pf-m-inset-sm-on-xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-divider.pf-m-inset-md-on-xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-divider.pf-m-inset-lg-on-xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-divider.pf-m-inset-xl-on-xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
  }
  .pf-v5-c-divider.pf-m-inset-2xl-on-xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
  }
  .pf-v5-c-divider.pf-m-inset-3xl-on-xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-divider.pf-m-horizontal-on-2xl {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
    width: 100%;
    height: auto;
  }
  .pf-v5-c-divider.pf-m-horizontal-on-2xl::after {
    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-divider.pf-m-vertical-on-2xl {
    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
    width: auto;
    height: inherit;
  }
  .pf-v5-c-divider.pf-m-vertical-on-2xl::after {
    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-divider.pf-m-inset-none-on-2xl {
    --pf-v5-c-divider--after--Inset: 0%;
  }
  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
  }
  .pf-v5-c-divider.pf-m-inset-sm-on-2xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
  }
  .pf-v5-c-divider.pf-m-inset-md-on-2xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
  }
  .pf-v5-c-divider.pf-m-inset-lg-on-2xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
  }
  .pf-v5-c-divider.pf-m-inset-xl-on-2xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
  }
  .pf-v5-c-divider.pf-m-inset-2xl-on-2xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
  }
  .pf-v5-c-divider.pf-m-inset-3xl-on-2xl {
    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
  }
}
.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);
}
.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);
  }
}
.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;
  white-space: nowrap;
  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);
}
.pf-v5-c-tooltip {
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
  --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
  --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
  --pf-v5-c-tooltip__content--FontSize: var(--pf-v5-global--FontSize--sm);
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
  --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
  --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--md);
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
  --pf-v5-c-tooltip__arrow--m-right--TranslateX: -50%;
  --pf-v5-c-tooltip__arrow--m-right--TranslateY: -50%;
  --pf-v5-c-tooltip__arrow--m-right--Rotate: 45deg;
  --pf-v5-c-tooltip__arrow--m-bottom--TranslateX: -50%;
  --pf-v5-c-tooltip__arrow--m-bottom--TranslateY: -50%;
  --pf-v5-c-tooltip__arrow--m-bottom--Rotate: 45deg;
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
  position: relative;
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
}
.pf-v5-c-tooltip.pf-m-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-top-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-top-right .pf-v5-c-tooltip__arrow {
  bottom: 0;
  left: 50%;
  transform: translateX(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
}
.pf-v5-c-tooltip.pf-m-bottom .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-right .pf-v5-c-tooltip__arrow {
  top: 0;
  left: 50%;
  transform: translateX(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
}
.pf-v5-c-tooltip.pf-m-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-left-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-left-bottom .pf-v5-c-tooltip__arrow {
  top: 50%;
  right: 0;
  transform: translateX(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
}
.pf-v5-c-tooltip.pf-m-right .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-bottom .pf-v5-c-tooltip__arrow {
  top: 50%;
  left: 0;
  transform: translateX(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
}
.pf-v5-c-tooltip.pf-m-left-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-top .pf-v5-c-tooltip__arrow {
  top: var(--pf-v5-c-tooltip__arrow--Height);
}
.pf-v5-c-tooltip.pf-m-left-bottom .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-bottom .pf-v5-c-tooltip__arrow {
  top: auto;
  bottom: 0;
}
.pf-v5-c-tooltip.pf-m-top-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-left .pf-v5-c-tooltip__arrow {
  left: var(--pf-v5-c-tooltip__arrow--Width);
}
.pf-v5-c-tooltip.pf-m-top-right .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-right .pf-v5-c-tooltip__arrow {
  right: 0;
  left: auto;
}

.pf-v5-c-tooltip__content {
  position: relative;
  padding: var(--pf-v5-c-tooltip__content--PaddingTop) var(--pf-v5-c-tooltip__content--PaddingRight) var(--pf-v5-c-tooltip__content--PaddingBottom) var(--pf-v5-c-tooltip__content--PaddingLeft);
  font-size: var(--pf-v5-c-tooltip__content--FontSize);
  color: var(--pf-v5-c-tooltip__content--Color);
  text-align: center;
  word-break: break-word;
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
}
.pf-v5-c-tooltip__content.pf-m-text-align-left {
  text-align: left;
}

.pf-v5-c-tooltip__arrow {
  position: absolute;
  width: var(--pf-v5-c-tooltip__arrow--Width);
  height: var(--pf-v5-c-tooltip__arrow--Height);
  pointer-events: none;
  background-color: var(--pf-v5-c-tooltip__arrow--BackgroundColor);
  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
}

:where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
}
.pf-v5-c-popover[data-popper-reference-hidden="true"] {
    visibility: hidden;
    pointer-events: none;
}


:root {
  --pf-topology-visualization-surface--BackgroundColor: transparent;

  --pf-topology__node--Color: #393f44;

  /* Create connector */
  /* Remove --pf-topology-create-connector-color at a breaking change */
  --pf-topology-create-connector-color: var(--pf-v5-global--secondary-color--100);
  --pf-topology__create-connector-color--Stroke: var(--pf-topology-create-connector-color, var(--pf-v5-global--secondary-color--100));
  --pf-topology__create-connector-color--Fill: var(--pf-topology-create-connector-color, var(--pf-v5-global--secondary-color--100));

  /* node */
  --pf-topology__node__background--Fill: var(--pf-v5-global--BackgroundColor--100);
  --pf-topology__node__background--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology__node__background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-topology__node--m-dragging--background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);

  --pf-topology__node--m-hover--background--Stroke: var(--pf-topology__node__background--Stroke);

  --pf-topology__node--m-disabled--Background--Fill: var(--pf-v5-global--BackgroundColor--200);
  --pf-topology__node--m-disabled--Background--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology__node--m-info--Background--Fill: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__node--m-success--Background--Fill: var(--pf-v5-global--success-color--100);
  --pf-topology__node--m-warning--Background--Fill: var(--pf-v5-global--warning-color--100);
  --pf-topology__node--m-danger--Background--Fill: var(--pf-v5-global--danger-color--100);
  --pf-topology__node--m-selected--Background--Fill: var(--pf-v5-global--active-color--100);

  --pf-topology__node--m-selected--node__background--Stroke: var(--pf-v5-global--active-color--100);
  --pf-topology__node--m-info--node__background--Stroke: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__node--m-success--node__background--Stroke: var(--pf-v5-global--success-color--100);
  --pf-topology__node--m-warning--node__background--Stroke: var(--pf-v5-global--warning-color--100);
  --pf-topology__node--m-danger--node__background--Stroke: var(--pf-v5-global--danger-color--100);

  /* node decorators */
  --pf-topology__node_decorator--Color: var(--pf-v5-global--Color--200);
  --pf-topology__node__decorator__bg--Fill: var(--pf-v5-global--BackgroundColor--light-100);
  --pf-topology__node__decorator__bg--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology__node__decorator__bg--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);

  --pf-topology__node__decorator__status--m-info--Color: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__node__decorator__status--m-danger--Color: var(--pf-v5-global--danger-color--100);
  --pf-topology__node__decorator__status--m-warning--Color: var(--pf-v5-global--warning-color--100);
  --pf-topology__node__decorator__status--m-success--Color: var(--pf-v5-global--success-color--100);

  /* node labels */
  --pf-topology__node__label__text--Fill: var(--pf-v5-global--palette--black-1000);
  --pf-topology__node__label__text--m-secondary--Fill: var(--pf-v5-global--Color--200);

  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-v5-global--Color--light-100);
  --pf-topology__node--m-selected--m-info--node__label__text--Fill: var(--pf-v5-global--palette--black-1000);
  --pf-topology__node--m-selected--m-danger--node__label__text--Fill: var(--pf-v5-global--Color--light-100);
  --pf-topology__node--m-selected--m-warning--node__label__text--Fill: var(--pf-v5-global--palette--black-1000);
  --pf-topology__node--m-selected--m-success--node__label__text--Fill: var(--pf-v5-global--Color--light-100);

  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-v5-global--Color--light-100);
  --pf-topology__node--m-selected--m-info--node__label__text--m-secondary--Fill: var(--pf-v5-global--palette--black-1000);
  --pf-topology__node--m-selected--m-warning--node__label__text--m-secondary--Fill: var(--pf-v5-global--palette--black-1000);
  --pf-topology__node--m-selected--m-success--node__label__text--m-secondary--Fill: var(--pf-v5-global--Color--light-100);
  --pf-topology__node--m-selected--m-danger--node__label__text--m-secondary--Fill: var(--pf-v5-global--Color--light-100);

  --pf-topology__node__label__background--Fill: var(--pf-v5-global--BackgroundColor--100);
  --pf-topology__node__label__background--Stroke: var(--pf-v5-global--BorderColor--100);

  --pf-topology__node--m-hover--label__background--Stroke: var(--pf-topology__node__label__background--Stroke);

  --pf-topology__node--m-selected--node__label__background--Stroke: var(--pf-v5-global--active-color--100);
  --pf-topology__node--m-info--node__label__background--Stroke: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__node--m-success--node__label__background--Stroke: var(--pf-v5-global--success-color--100);
  --pf-topology__node--m-warning--node__label__background--Stroke: var(--pf-v5-global--warning-color--100);
  --pf-topology__node--m-danger--node__label__background--Stroke: var(--pf-v5-global--danger-color--100);
  --pf-topology__node__label__background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-topology__node__label--m-dragging--background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);

  --pf-topology__node--m-selected--node__label__background--Fill: var(--pf-v5-global--active-color--100);
  --pf-topology__node--m-selected--m-info--node__label__background--Fill: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__node--m-selected--m-danger--node__label__background--Fill: var(--pf-v5-global--danger-color--100);
  --pf-topology__node--m-selected--m-warning--node__label__background--Fill: var(--pf-v5-global--warning-color--100);
  --pf-topology__node--m-selected--m-success--node__label__background--Fill: var(--pf-v5-global--success-color--100);

  /* node label icon */
  --pf-topology__node__label__icon--Color: var(--pf-v5-global--Color--200);

  --pf-topology__node__label__icon__background--Fill: var(--pf-v5-global--palette--white);
  --pf-topology__node__label__icon__background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-topology__node__label__icon__background--Stroke: var(--pf-v5-global--BorderColor--100);

  --pf-topology__node--m-selected--label__icon__background--Stroke: var(--pf-v5-global--active-color--100);
  --pf-topology__node--m-info--label__icon__background--Stroke: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__node--m-success--label__icon__background--Stroke: var(--pf-v5-global--success-color--100);
  --pf-topology__node--m-warning--label__icon__background--Stroke: var(--pf-v5-global--warning-color--100);
  --pf-topology__node--m-danger--label__icon__background--Stroke: var(--pf-v5-global--danger-color--100);

  --pf-topology__node__label__badge__rect--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);

  --pf-topology__node__separator--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology__node--m-selected--separator--Stroke: var(--pf-v5-global--BorderColor--100);

  --pf-topology__node__action-icon__icon--Color: var(--pf-v5-global--palette--black-1000);
  --pf-topology__node--m-selected--action-icon__icon--Color: var(--pf-v5-global--Color--light-100);

  /* group */
  --pf-topology__group--m-selected--topology__node__action-icon__icon--Color: var(--pf-v5-global--palette--white);

  --pf-topology__group__background--Fill: var(--pf-v5-global--BackgroundColor--light-300);
  --pf-topology__group__background--Stroke: var(--pf-v5-global--palette--white);

  --pf-topology__group--m-alt-group--topology__group__background--Fill: var(--pf-v5-global--palette--white);
  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-v5-global--palette--blue-50);

  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-v5-global--active-color--100);
  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-v5-global--BackgroundColor--dark-400);
  --pf-topology__group--m-selected--m-hover--topology__group__background--Stroke: var(--pf-v5-global--palette--blue-600);
  --pf-topology__group--m-drop-target--topology__group__background--Fill: var(--pf-v5-global--palette--blue-50);
  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-v5-global--active-color--100);
  --pf-topology__group__collapsed-badge__node__label__badge__rect--Fill: var(--pf-v5-global--palette--white);
  --pf-topology__group__collapsed-badge__node__label__badge__rect--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology__group__collapsed-badge__node__label__badge__text--Fill: var(--pf-v5-global--palette--black-800);

  --pf-topology__group__label__node__label__background--Fill: var(--pf-v5-global--BackgroundColor--dark-300);
  --pf-topology__group__label__node__label__background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-topology__group__label__text--Fill: var(--pf-v5-global--palette--white);
  --pf-topology__group__label__node__action-icon__icon--Color: var(--pf-v5-global--palette--white);
  --pf-topology__group--m-selected--group__label__node__label__background--Fill: var(--pf-v5-global--active-color--100);

  /* edge */
  --pf-topology__edge--Stroke: var(--pf-v5-global--secondary-color--100);
  --pf-topology__edge--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-topology__edge--HoverStroke: var(--pf-v5-global--Color--100);
  --pf-topology__edge--ActiveStroke: var(--pf-v5-global--active-color--100);
  --pf-topology__edge--ActiveStrokeWidth: 2px;
  --pf-topology__edge--InteractiveStroke: var(--pf-v5-global--active-color--100);

  --pf-topology__edge--m-info--EdgeStroke: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__edge--m-success--EdgeStroke: var(--pf-v5-global--success-color--100);
  --pf-topology__edge--m-warning--EdgeStroke: var(--pf-v5-global--warning-color--100);
  --pf-topology__edge--m-danger--EdgeStroke: var(--pf-v5-global--danger-color--100);

  --pf-topology__edge--m-selected--background--Stroke: var(--pf-v5-global--active-color--200);
  --pf-topology__edge--m-hover--background--Stroke: var(--pf-v5-global--BorderColor--100);

  --pf-topology__edge__tag__text--Fill: var(--pf-v5-global--palette--white);
  --pf-topology__edge__tag__text--Stroke: var(--pf-v5-global--palette--white);

  --pf-topology__edge__tag__background--Fill: var(--pf-v5-global--secondary-color--100);
  --pf-topology__edge__tag--m-info--background--Fill: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__edge__tag--m-success--background--Fill: var(--pf-v5-global--success-color--100);
  --pf-topology__edge__tag--m-warning--background--Fill: var(--pf-v5-global--warning-color--100);

  --pf-topology__edge__tag--m-warning--text--Fill: var(--pf-v5-global--palette--black-1000);
  --pf-topology__edge__tag--m-warning--text--Stroke: var(--pf-v5-global--palette--black-1000);

  --pf-topology__edge__tag--m-danger--background--Fill: var(--pf-v5-global--danger-color--100);

  /* connectors */
  --pf-topology-connector-arrow--m-alt-connector-arrow--Fill: var(--pf-v5-global--palette--white);

  --pf-topology__connector-square--m-source--Fill: var(--pf-v5-global--BackgroundColor--100);

  --pf-topology-default-create-connector__arrow--Fill: var(--pf-v5-global--Color--light-200);

  --pf-topology-default-create-connector--m-hover--line--Stroke: var(--pf-v5-global--Color--100);
  --pf-topology-default-create-connector--m-hover--arrow--Fill: var(--pf-v5-global--Color--100);
  --pf-topology-default-create-connector--m-hover--arrow--Stroke: var(--pf-v5-global--Color--100);
}

/* DARK THEME OVERRIDES */
:root:where(.pf-v5-theme-dark) {
  --pf-topology-visualization-surface--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);

  --pf-topology__node--Color: var(--pf-v5-global--Color--100);

  /* dark create connector */
  --pf-topology__create-connector-color--Stroke: var(--pf-v5-global--palette--black-300);
  --pf-topology__create-connector-color--Fill: var(--pf-v5-global--palette--black-100);
  --pf-topology-default-create-connector__arrow--Fill: var(--pf-v5-global--BackgroundColor--100);
  --pf-topology-default-create-connector--m-hover--line--Stroke: var(--pf-v5-global--palette--black-100);
  --pf-topology-default-create-connector--m-hover--arrow--Fill: var(--pf-v5-global--palette--black-100);
  --pf-topology-default-create-connector--m-hover--arrow--Stroke: var(--pf-v5-global--palette--black-100);

  /* dark node */
  --pf-topology__node__background--Fill: var(--pf-v5-global--BackgroundColor--300);
  --pf-topology__node__background--Stroke:  var(--pf-v5-global--palette--black-300);

  --pf-topology__node--m-disabled--Background--Fill: var(--pf-topology__node__background--Fill);
  --pf-topology__node--m-disabled--Background--Stroke: var(--pf-v5-global--palette--black-500);

  --pf-topology__node--m-dragging--background--StrokeWidth: 2px;

  --pf-topology__node--m-hover--background--Stroke: var(--pf-v5-global--palette--black-100);
  --pf-topology__node--m-hover--label__background--Stroke: var(--pf-v5-global--palette--black-100);

  /* dark node labels */
  --pf-topology__node__label__background--Fill: var(--pf-v5-global--BackgroundColor--300);
  --pf-topology__node__label__background--Stroke: var(--pf-v5-global--BorderColor--300);
  --pf-topology__node__label--m-dragging--background--StrokeWidth: 2px;
  --pf-topology__node__label__text--Fill: var(--pf-v5-global--Color--100);

  /* dark selected nodes */
  --pf-topology__node--m-selected--node__background--Stroke: var(--pf-v5-global--primary-color--300);
  --pf-topology__node--m-selected--node__label__background--Stroke: var(--pf-v5-global--primary-color--300);
  --pf-topology__node--m-selected--node__label__background--Fill: var(--pf-v5-global--primary-color--300);

  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-v5-global--Color--100);
  --pf-topology__node--m-selected--m-info--node__label__text--Fill: var(--pf-v5-global--palette--black-900);
  --pf-topology__node--m-selected--m-danger--node__label__text--Fill: var(--pf-v5-global--palette--black-900);
  --pf-topology__node--m-selected--m-warning--node__label__text--Fill: var(--pf-v5-global--palette--black-900);
  --pf-topology__node--m-selected--m-success--node__label__text--Fill: var(--pf-v5-global--palette--black-900);

  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--node__label__text--Fill);
  --pf-topology__node--m-selected--m-info--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-info--node__label__text--Fill);
  --pf-topology__node--m-selected--m-warning--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-warning--node__label__text--Fill);
  --pf-topology__node--m-selected--m-success--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-success--node__label__text--Fill);
  --pf-topology__node--m-selected--m-danger--node__label__text--m-secondary--Fill: var(--pf-v5-global--palette--black-900);

  --pf-topology__node__label__icon--Color: var(--pf-v5-global--palette--black-600);

  --pf-topology__node__action-icon__icon--Color: var(--pf-v5-global--Color--100);

  /* dark group */
  --pf-topology__group__background--Fill: var(--pf-v5-global--BackgroundColor--300);
  --pf-topology__group__background--Stroke: var(--pf-v5-global--palette--black-300);
  --pf-topology__group--m-alt-group--topology__group__background--Fill: var(--pf-v5-global--palette--black-500);
  --pf-topology__group--m-alt-group--topology__group__background--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-v5-global--primary-color--300);
  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-v5-global--active-color--300);
  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-v5-global--primary-color--light-100);
  --pf-topology__group--m-selected--m-hover--topology__group__background--Stroke: var(--pf-v5-global--palette--blue-100);
  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-v5-global--palette--blue-300);

  --pf-topology__group__label__node__label__background--StrokeWidth: 2px;
  --pf-topology__group__label__node__label__background--Stroke: var(--pf-v5-global--palette--black-300);
  --pf-topology__group--m-hover--label__node__label__background--Stroke: var(--pf-v5-global--palette--black-100);
  --pf-topology__group--m-selected--label__node__label__background--Stroke: var(--pf-v5-global--primary-color--300);

  --pf-topology__group--m-selected--group__label__node__label__background--Fill: var(--pf-v5-global--primary-color--300);

  /* dark edge */
  --pf-topology__edge--HoverStroke: var(--pf-v5-global--palette--black-300);
  --pf-topology__edge--m-hover--background--Stroke: var(--pf-v5-global--palette--black-600);

  --pf-topology__edge--ActiveStroke: var(--pf-v5-global--palette--blue-300);
  --pf-topology__edge--m-selected--background--Stroke: var(--pf-v5-global--palette--black-600);

  --pf-topology__edge__tag__background--Fill: var(--pf-v5-global--palette--black-300);
  --pf-topology__edge__tag__text--Fill: var(--pf-v5-global--palette--black-900);
  --pf-topology__edge__tag__text--Stroke: var(--pf-v5-global--palette--black-900);

}

.pf-topology-visualization-surface {
  background-color: var(--pf-topology-visualization-surface--BackgroundColor);
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  position: relative;
}

.pf-topology-visualization-surface__svg {
  display: block;
  width: 100%;
  height: 100%;
}

.pf-topology-visualization-surface__svg g:focus {
  outline: none;
}

.pf-topology-context-menu__c-dropdown__menu {
  position: initial !important;
}

.pf-topology-context-sub-menu {
  position: relative;
  padding-right: var(--pf-v5-global--spacer--lg) !important;
}

.pf-topology-context-sub-menu__arrow {
  position: absolute;
  right: var(--pf-v5-global--spacer--xs);
  top: 50%;
  transform: translateY(-50%);
}

/* Node */
.pf-topology__node {
  outline: none;
  color: var(--pf-topology__node--Color);
}

/* Color is defined in the svg but fill will override it */
.pf-topology__node svg,
.pf-topology__group svg {
  fill: var(--pf-topology__node--Color);
}

.pf-topology__node.pf-m-hover {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-hover--background--Stroke);
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-hover--label__background--Stroke);
}

.pf-topology__node__background {
  fill: var(--pf-topology__node__background--Fill);
  stroke-width: var(--pf-topology__node__background--StrokeWidth);
  stroke: var(--pf-topology__node__background--Stroke);
}

.pf-topology__node__background.pf-m-disabled {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-disabled--Background--Fill);
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-disabled--Background--Stroke);
}

.pf-topology__node__background.pf-m-info {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-info--Background--Fill);
}

.pf-topology__node__background.pf-m-success {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-success--Background--Fill);
}

.pf-topology__node__background.pf-m-warning {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-warning--Background--Fill);
}

.pf-topology__node__background.pf-m-danger {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-danger--Background--Fill);
}

.pf-topology__node__background.pf-m-selected {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-selected--Background--Fill);
}

.pf-topology__node.pf-m-dragging {
  --pf-topology__node__background--StrokeWidth: var(--pf-topology__node--m-dragging--background--StrokeWidth);
  --pf-topology__node__label__background--StrokeWidth: var(--pf-topology__node__label--m-dragging--background--StrokeWidth);
}

.pf-topology__node.pf-m-dragging .pf-topology__node__background {
  cursor: grab;
}

.pf-topology__node.pf-m-selected .pf-topology__node__background {
  stroke-width: 2px;
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-selected--node__background--Stroke);
}

.pf-topology__node.pf-m-info .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-info--node__background--Stroke);
}

.pf-topology__node.pf-m-success .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-success--node__background--Stroke);
}

.pf-topology__node.pf-m-warning .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-warning--node__background--Stroke);
}

.pf-topology__node.pf-m-danger .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-danger--node__background--Stroke);
}

/* Node decorator */
.pf-topology__node__decorator {
  --pf-topology__node--Color: var(--pf-topology__node_decorator--Color);
  transition: color 0.2s ease;
  outline: none;
}

.pf-topology__node__decorator svg {
 fill: var(--pf-topology__node_decorator--Color);
}

.pf-topology__node__decorator__bg {
  fill: var(--pf-topology__node__decorator__bg--Fill);
  stroke: var(--pf-topology__node__decorator__bg--Stroke);
  stroke-width: var(--pf-topology__node__decorator__bg--StrokeWidth);
}

.pf-topology__node__decorator__icon {
  font-size: var(--pf-v5-global--icon--FontSize--sm);
  color: var(--pf-topology__node_decorator--Color);
}

.pf-topology__node__decorator__status {
  color: var(--pf-topology__node_decorator--Color);
}

.pf-topology__node__decorator__status .pf-m-info {
  --pf-topology__node_decorator--Color: var(--pf-topology__node__decorator__status--m-info--Color);
}
.pf-topology__node__decorator__status .pf-m-danger {
  --pf-topology__node_decorator--Color: var(--pf-topology__node__decorator__status--m-danger--Color);
}
.pf-topology__node__decorator__status .pf-m-warning {
  --pf-topology__node_decorator--Color: var(--pf-topology__node__decorator__status--m-warning--Color);
}
.pf-topology__node__decorator__status .pf-m-success {
  --pf-topology__node_decorator--Color: var(--pf-topology__node__decorator__status--m-success--Color);
}

/* Node label */
.pf-topology__node.pf-m-selected {
  --pf-topology__node__label__text--Fill: var(--pf-topology__node--m-selected--node__label__text--Fill);
  --pf-topology__node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--node__label__text--m-secondary--Fill);
}

.pf-topology__node__label > text {
  fill: var(--pf-topology__node__label__text--Fill);
  font-size: var(--pf-v5-global--FontSize--sm);
  pointer-events: none;
}

.pf-topology__node__label > text.pf-m-secondary {
  fill: var(--pf-topology__node__label__text--m-secondary--Fill);
  font-size: var(--pf-v5-global--FontSize--xs);
}

.pf-topology__node__label__background {
  fill: var(--pf-topology__node__label__background--Fill);
  stroke-width: var(--pf-topology__node__label__background--StrokeWidth);
  stroke: var(--pf-topology__node__label__background--Stroke);
}

.pf-topology__node.pf-m-selected  {
  stroke-width: 2px;
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-selected--node__label__background--Stroke);
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--node__label__background--Fill);
  --pf-topology__node__separator--Stroke: var(--pf-topology__node--m-selected--node__label__text--m-secondary--Fill);
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology__node--m-selected--action-icon__icon--Color);
}

.pf-topology__node.pf-m-info {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-info--node__label__background--Stroke);
}

.pf-topology__node.pf-m-success {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-success--node__label__background--Stroke);
}

.pf-topology__node.pf-m-warning {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-warning--node__label__background--Stroke);
}

.pf-topology__node.pf-m-danger {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-danger--node__label__background--Stroke);
}

.pf-topology__node.pf-m-selected.pf-m-info {
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--m-info--node__label__background--Fill);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-topology__node--m-selected--m-info--node__label__text--Fill);
  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-info--node__label__text--m-secondary--Fill);
}

.pf-topology__node.pf-m-selected.pf-m-danger  {
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--m-danger--node__label__background--Fill);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-topology__node--m-selected--m-danger--node__label__text--Fill);
  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-danger--node__label__text--m-secondary--Fill);
}

.pf-topology__node.pf-m-selected.pf-m-warning {
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--m-warning--node__label__background--Fill);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-topology__node--m-selected--m-warning--node__label__text--Fill);
  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-warning--node__label__text--m-secondary--Fill);
}

.pf-topology__node.pf-m-selected.pf-m-success {
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--m-success--node__label__background--Fill);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-topology__node--m-selected--m-success--node__label__text--Fill);
  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-success--node__label__text--m-secondary--Fill);
}

/* Node label badge */
.pf-topology__node__label__badge > rect {
  /* TODO Color is hard coded in the badge. */
  stroke-width: var(--pf-topology__node__label__badge__rect--StrokeWidth);
}

.pf-topology__node__label__badge > text {
  font-size: var(--pf-v5-global--FontSize--xs);
  pointer-events: none;
}

.pf-topology__node__label__icon {
  color: var(--pf-topology__node__label__icon--Color);
}

.pf-topology__node__label__icon > svg {
  height: 100%;
  width: 100%;
  fill: currentColor;
}

.pf-topology__node__label__icon__background {
  fill: var(--pf-topology__node__label__icon__background--Fill);
  stroke-width: var(--pf-topology__node__label__icon__background--StrokeWidth);
  stroke: var(--pf-topology__node__label__icon__background--Stroke);
}

.pf-topology__node.pf-m-selected .pf-topology__node__label__icon__background {
  stroke-width: 2px;
  stroke: var(--pf-topology__node--m-selected--label__icon__background--Stroke);
}

.pf-topology__node.pf-m-info .pf-topology__node__label__icon__background {
  stroke: var(--pf-topology__node--m-info--label__icon__background--Stroke);
}

.pf-topology__node.pf-m-success .pf-topology__node__label__icon__background {
  stroke: var(--pf-topology__node--m-success--label__icon__background--Stroke);
}

.pf-topology__node.pf-m-warning .pf-topology__node__label__icon__background {
  stroke: var(--pf-topology__node--m-warning--label__icon__background--Stroke);
}

.pf-topology__node.pf-m-danger .pf-topology__node__label__icon__background {
  stroke: var(--pf-topology__node--m-danger--label__icon__background--Stroke);
}

.pf-topology__node__separator {
  stroke: var(--pf-topology__node__separator--Stroke);
  stroke-width: 1;
}

.pf-topology__node__action-icon {
  cursor: pointer;
}

.pf-topology__node__action-icon__background {
  stroke-width: 0;
  fill: transparent;
}

.pf-topology__node__action-icon__icon {
  color: var(--pf-topology__node__action-icon__icon--Color);
}

.pf-topology__node__action-icon__icon svg {
  fill: currentColor;
}

.pf-topology__group.pf-m-selected .pf-topology__node__action-icon__icon {
  color: var(--pf-topology__group--m-selected--topology__node__action-icon__icon--Color);
}

.pf-topology__group {
  outline: none;
}

/* Group background */
.pf-topology__group__background {
  fill: var(--pf-topology__group__background--Fill);
  stroke: var(--pf-topology__group__background--Stroke);
  stroke-width: 5px;
}

.pf-topology__group.pf-m-alt-group .pf-topology__group__background {
  --pf-topology__group__background--Fill: var(--pf-topology__group--m-alt-group--topology__group__background--Fill);
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-alt-group--topology__group__background--Stroke);
}

.pf-topology__group.pf-m-selected .pf-topology__group__background {
  --pf-topology__group__background--Fill: var(--pf-topology__group--m-selected--topology__group__background--Fill);
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-selected--topology__group__background--Stroke);
}

.pf-topology__group.pf-m-hover .pf-topology__group__background {
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-hover--topology__group__background--Stroke);
  --pf-topology__group__label__node__label__background--Stroke: var(--pf-topology__group--m-hover--label__node__label__background--Stroke);
}

.pf-topology__group.pf-m-hover.pf-m-selected .pf-topology__group__background {
  --pf-topology__group__background--Fill: var(--pf-topology__group--m-selected--topology__group__background--Fill);
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-selected--m-hover--topology__group__background--Stroke);
  --pf-topology__group__label__node__label__background--Stroke: var(--pf-topology__group--m-hover--label__node__label__background--Stroke);
}

.pf-topology__group.pf-m-drop-target .pf-topology__group__background {
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-drop-target--topology__group__background--Stroke);
  stroke-dasharray: 12;
}

/* Collapsed group badge */
.pf-topology__group__collapsed-badge.pf-topology__node__label__badge > rect {
  fill: var(--pf-topology__group__collapsed-badge__node__label__badge__rect--Fill);
  stroke: var(--pf-topology__group__collapsed-badge__node__label__badge__rect--Stroke);
}

.pf-topology__group__collapsed-badge.pf-topology__node__label__badge > text {
  font-size: var(--pf-v5-global--FontSize--xs);
  pointer-events: none;
  fill: var(--pf-topology__group__collapsed-badge__node__label__badge__text--Fill);
}

/*  Group label */
.pf-topology__group__label .pf-topology__node__label__background {
  fill: var(--pf-topology__group__label__node__label__background--Fill);
  --pf-topology__node__label__background--Stroke: var(--pf-topology__group__label__node__label__background--Stroke);
  --pf-topology__node__label__background--StrokeWidth: var(--pf-topology__group__label__node__label__background--StrokeWidth);
}

.pf-topology__group__label > text {
  fill: var(--pf-topology__group__label__text--Fill);
  font-size: var(--pf-v5-global--FontSize--sm);
  pointer-events: none;
}

.pf-topology__group__label .pf-topology__node__action-icon__icon {
  color: var(--pf-topology__group__label__node__action-icon__icon--Color);
}

.pf-topology__group.pf-m-selected .pf-topology__group__label .pf-topology__node__label__background {
  fill: var(--pf-topology__group--m-selected--group__label__node__label__background--Fill);
  --pf-topology__group__label__node__label__background--Stroke: var(--pf-topology__group--m-selected--label__node__label__background--Stroke);
}

/* Edge */
.pf-topology__edge {
  --edge--stroke-width: var(--pf-topology__edge--StrokeWidth);
  --edge--stroke-dasharray: 0;
  --edge--stroke: var(--pf-topology__edge--Stroke);
  --edge--fill: var(--edge--stroke);
  --edge--opacity: 1;
  --edge--cursor: pointer;
  --edge--hover--stroke: var(--pf-topology__edge--HoverStroke);
  --edge--hover--fill: var(--edge--hover--stroke);
  --edge--active--stroke: var(--pf-topology__edge--ActiveStroke);
  --edge--active--stroke-width: var(--pf-topology__edge--ActiveStrokeWidth);
  --edge--active--fill: var(--edge--active--stroke);
  --edge--drag-active--opacity: 0.4;
  --edge__arrow--cursor: default;
  --edge--interactive--stroke: var(--pf-topology__edge--InteractiveStroke);
  --edge--interactive--fill: var(--edge--interactive--stroke);

  cursor: var(--edge--cursor);
  stroke: var(--edge--stroke);
  fill: var(--edge--fill);
  opacity: var(--edge--opacity);
}

.pf-topology__edge.pf-m-info {
  --edge--stroke: var(--pf-topology__edge--m-info--EdgeStroke);
  --edge--fill: var(--pf-v5-global--primary-color--light-100);
}

.pf-topology__edge.pf-m-success {
  --edge--stroke: var(--pf-topology__edge--m-success--EdgeStroke);
  --edge--fill: var(--pf-v5-global--success-color--100);
}
.pf-topology__edge.pf-m-warning {
  --edge--stroke: var(--pf-topology__edge--m-warning--EdgeStroke);
  --edge--fill: var(--pf-v5-global--warning-color--100);
}

.pf-topology__edge.pf-m-danger {
  --edge--stroke: var(--pf-topology__edge--m-danger--EdgeStroke);
  --edge--file: var(--pf-v5-global--danger-color--100);
}

.pf-topology__edge__background {
  stroke-width: 10px;
  stroke: transparent;
  fill: none;
}
.pf-topology__edge.pf-m-selected .pf-topology__edge__background {
  stroke: var(--pf-topology__edge--m-selected--background--Stroke);
}
.pf-topology__edge.pf-m-hover .pf-topology__edge__background {
  stroke: var(--pf-topology__edge--m-hover--background--Stroke);
}

.pf-topology__edge__link {
  stroke-width: var(--edge--stroke-width);
  stroke-dasharray: var(--edge--stroke-dasharray);
  fill-opacity: 0;
  animation: pf-topology__edge__dash 0s linear infinite forwards;
 }

.pf-topology__edge__link.pf-m-dotted {
  stroke-dasharray: 2;
  stroke-dashoffset: 2;
}
.pf-topology__edge__link.pf-m-dashed {
  stroke-dasharray: 4 2;
  stroke-dashoffset: 6;
}
.pf-topology__edge__link.pf-m-dashed-md {
  stroke-dasharray: 8 2;
  stroke-dashoffset: 10;
}
.pf-topology__edge__link.pf-m-dashed-lg {
  stroke-dasharray: 16 2;
  stroke-dashoffset: 18;
}
.pf-topology__edge__link.pf-m-dashed-xl {
  stroke-dasharray: 32 2;
  stroke-dashoffset: 34;
}

@keyframes pf-topology__edge__dash {
  to {
    stroke-dashoffset: 0;
  }
}

.pf-topology__edge.pf-m-selected .pf-topology__edge__link,
.pf-topology__edge.pf-m-selected .pf-topology-connector-arrow {
  fill: var(--edge--active--fill);
  stroke: var(--edge--active--stroke);
  stroke-width: var(--edge--active--stroke-width);
}

.pf-topology__edge.pf-m-selected.pf-m-hover .pf-topology__edge__link,
.pf-topology__edge.pf-m-selected.pf-m-hover .pf-topology-connector-arrow {
  fill: var(--edge--active--fill);
  stroke: var(--edge--active--stroke);
}

.pf-topology__edge.pf-m-dragging {
  pointer-events: none;
}
.pf-topology__edge.pf-m-hover .pf-topology__edge__link,
.pf-topology__edge.pf-m-hover .pf-topology-connector-arrow {
  fill: var(--edge--hover--fill);
  stroke: var(--edge--hover--stroke);
}

.pf-topology__edge.pf-m-dragging .pf-topology__edge__link,
.pf-topology__edge.pf-m-dragging .pf-topology-connector-arrow {
  fill: var(--edge--interactive--fill);
  stroke: var(--edge--interactive--stroke);
}

.pf-topology__edge .pf-topology-connector-arrow {
  cursor: var(--edge__arrow--cursor);
  stroke: var(--edge--stroke);
}

.pf-topology__edge .pf-topology-connector-arrow.pf-m-draggable {
  cursor: pointer;
}

.pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag__background--Fill);
  stroke-width: 0;
}

.pf-topology__edge__tag > text {
  fill: var(--pf-topology__edge__tag__text--Fill);
  stroke: var(--pf-topology__edge__tag__text--Stroke);
  stroke-width: 0.5;
  font-size: 10px;
  pointer-events: none;
}

.pf-topology__edge__tag.pf-m-info .pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag--m-info--background--Fill);
}

.pf-topology__edge__tag.pf-m-success .pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag--m-success--background--Fill);
}

.pf-topology__edge__tag.pf-m-warning .pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag--m-warning--background--Fill);
}

.pf-topology__edge__tag.pf-m-warning > text {
  fill: var(--pf-topology__edge__tag--m-warning--text--Fill);
  stroke: var(--pf-topology__edge__tag--m-warning--text--Stroke);
}

.pf-topology__edge__tag.pf-m-danger .pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag--m-danger--background--Fill);
}

/* Connectors */
.pf-topology-connector-arrow {
  stroke-width: 1;
  stroke: var(--edge--stroke);
}

.pf-topology-connector-arrow.pf-m-alt-connector-arrow {
  fill: var(--pf-topology-connector-arrow--m-alt-connector-arrow--Fill);
}

.pf-topology__connector-cross {
  stroke-width: 1;
  stroke: var(--edge--stroke);
}
.pf-topology__connector-cross.pf-m-source {
  fill: var(--edge--stroke);
}

.pf-topology__connector-square, .pf-topology__connector-circle {
  stroke-width: 1;
  stroke: var(--edge--stroke);
  fill: var(--edge--stroke);
}

.pf-topology__connector-square.pf-m-source, .pf-topology__connector-circle.pf-m-source {
  fill: var(--pf-topology__connector-square--m-source--Fill);
}

.pf-topology__connector-x {
  stroke-width: 1;
  stroke: var(--edge--stroke);
}

.pf-topology-default-create-connector {
  cursor: pointer;
}

.pf-topology-default-create-connector__line {
  stroke: var(--pf-topology__create-connector-color--Stroke);
  stroke-width: 2px;
  stroke-dasharray: 3px, 3px;
}

.pf-topology-default-create-connector__arrow {
  fill: var(--pf-topology-default-create-connector__arrow--Fill);
  stroke: var(--pf-topology__create-connector-color--Stroke);
}

.pf-topology-default-create-connector.pf-m-hover .pf-topology-default-create-connector__line {
  stroke: var(--pf-topology-default-create-connector--m-hover--line--Stroke);
}

.pf-topology-default-create-connector.pf-m-hover .pf-topology-default-create-connector__arrow {
  fill: var(--pf-topology-default-create-connector--m-hover--arrow--Fill);
  stroke: var(--pf-topology-default-create-connector--m-hover--arrow--Stroke);
}

.pf-topology-default-create-connector__create {
}

.pf-topology-default-create-connector__create__bg {
  stroke-width: 10px;
  stroke: transparent;
  fill-opacity: 0;
}

.pf-topology-default-create-connector__create__cursor {
  fill: var(--pf-topology__create-connector-color--Fill);
}


.pf-v5-c-dropdown {
  --pf-v5-c-dropdown__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-dropdown__toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--ColumnGap: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--MinWidth: 0;
  --pf-v5-c-dropdown__toggle--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-dropdown__toggle--FontWeight: var(--pf-v5-global--FontWeight--normal);
  --pf-v5-c-dropdown__toggle--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__toggle--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-dropdown__toggle--BackgroundColor: transparent;
  --pf-v5-c-dropdown__toggle--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-dropdown__toggle--hover--before--BorderBottomColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--focus--before--BorderBottomColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--active--before--BorderBottomColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
  --pf-v5-c-dropdown__toggle--m-plain--Color: var(--pf-v5-global--Color--200);
  --pf-v5-c-dropdown__toggle--m-plain--hover--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
  --pf-v5-c-dropdown__toggle--m-plain--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-dropdown__toggle--m-plain--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-dropdown__toggle--m-plain--child--LineHeight: normal;
  --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
  --pf-v5-c-dropdown__toggle--m-primary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
  --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
  --pf-v5-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle-button--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__toggle-button--BackgroundColor: transparent;
  --pf-v5-c-dropdown__toggle-progress--Visibility: hidden;
  --pf-v5-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-v5-global--FontSize--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-dropdown__toggle--m-split-button--child--BackgroundColor: transparent;
  --pf-v5-c-dropdown__toggle--m-split-button--first-child--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--last-child--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(-1 * var(--pf-v5-global--BorderWidth--sm));
  --pf-v5-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-dropdown__toggle-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle-icon--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle-icon--MarginLeft: 0;
  --pf-v5-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
  --pf-v5-c-dropdown--m-plain__toggle-icon--Color: var(--pf-v5-global--Color--200);
  --pf-v5-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
  --pf-v5-c-dropdown__menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
  --pf-v5-c-dropdown__menu--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu--PaddingBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu--Top: calc(100% + var(--pf-v5-global--spacer--xs));
  --pf-v5-c-dropdown__menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
  --pf-v5-c-dropdown--m-top__menu--Top: 0;
  --pf-v5-c-dropdown--m-top__menu--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
  --pf-v5-c-dropdown__menu-item--BackgroundColor: transparent;
  --pf-v5-c-dropdown__menu-item--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu-item--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-dropdown__menu-item--PaddingBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu-item--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-dropdown__menu-item--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-dropdown__menu-item--FontWeight: var(--pf-v5-global--FontWeight--normal);
  --pf-v5-c-dropdown__menu-item--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-global--Color--dark-100);
  --pf-v5-c-dropdown__menu-item--hover--Color: var(--pf-v5-global--Color--dark-100);
  --pf-v5-c-dropdown__menu-item--disabled--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
  --pf-v5-c-dropdown__menu-item--disabled--BackgroundColor: transparent;
  --pf-v5-c-dropdown__menu-item--m-text--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-dropdown__menu-item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu-item-icon--Width: var(--pf-v5-global--icon--FontSize--lg);
  --pf-v5-c-dropdown__menu-item-icon--Height: var(--pf-v5-global--icon--FontSize--lg);
  --pf-v5-c-dropdown__menu-item-description--FontSize: var(--pf-v5-global--FontSize--xs);
  --pf-v5-c-dropdown__menu-item-description--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-dropdown__group--group--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__group-title--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__group-title--PaddingRight: var(--pf-v5-c-dropdown__menu-item--PaddingRight);
  --pf-v5-c-dropdown__group-title--PaddingBottom: var(--pf-v5-c-dropdown__menu-item--PaddingBottom);
  --pf-v5-c-dropdown__group-title--PaddingLeft: var(--pf-v5-c-dropdown__menu-item--PaddingLeft);
  --pf-v5-c-dropdown__group-title--FontSize: var(--pf-v5-global--FontSize--xs);
  --pf-v5-c-dropdown__group-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
  --pf-v5-c-dropdown__group-title--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-dropdown--c-divider--MarginTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown--c-divider--MarginBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight: 0;
  --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft: 0;
  --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginRight: 0;
  --pf-v5-c-dropdown--c-menu--Top: calc(100% + var(--pf-v5-global--spacer--xs));
  --pf-v5-c-dropdown--c-menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
  --pf-v5-c-dropdown--m-top--c-menu--Top: 0;
  --pf-v5-c-dropdown--m-top--c-menu--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
  --pf-v5-c-dropdown--m-full-height__toggle--before--BorderTopWidth: 0;
  --pf-v5-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
  --pf-v5-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
  --pf-v5-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
  --pf-v5-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingRight: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  max-width: 100%;
}
.pf-v5-c-dropdown .pf-v5-c-divider {
  margin-top: var(--pf-v5-c-dropdown--c-divider--MarginTop);
  margin-bottom: var(--pf-v5-c-dropdown--c-divider--MarginBottom);
}
.pf-v5-c-dropdown .pf-v5-c-divider:last-child {
  --pf-v5-c-dropdown--c-divider--MarginBottom: 0;
}
.pf-v5-c-dropdown > .pf-v5-c-menu {
  position: absolute;
  top: var(--pf-v5-c-dropdown--c-menu--Top);
  z-index: var(--pf-v5-c-dropdown--c-menu--ZIndex);
}
.pf-v5-c-dropdown.pf-m-full-height {
  --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-c-dropdown--m-full-height__toggle--PaddingRight);
  --pf-v5-c-dropdown__toggle--PaddingLeft: var(--pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft);
  --pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth: var(--pf-v5-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth);
  --pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth: var(--pf-v5-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth);
  --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(--pf-v5-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth);
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.pf-v5-c-dropdown.pf-m-full-height .pf-v5-c-dropdown__toggle {
  align-self: stretch;
}
.pf-v5-c-dropdown.pf-m-full-height .pf-v5-c-dropdown__toggle::before {
  border-top-width: var(--pf-v5-c-dropdown--m-full-height__toggle--before--BorderTopWidth);
}
.pf-v5-c-dropdown.pf-m-full-height:hover .pf-v5-c-dropdown__toggle::before {
  border-bottom-width: var(--pf-v5-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth);
}
.pf-v5-c-dropdown.pf-m-expanded {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth);
}

.pf-v5-c-dropdown__toggle {
  position: relative;
  display: inline-flex;
  column-gap: var(--pf-v5-c-dropdown__toggle--ColumnGap);
  align-items: center;
  min-width: var(--pf-v5-c-dropdown__toggle--MinWidth);
  max-width: 100%;
  padding: var(--pf-v5-c-dropdown__toggle--PaddingTop) var(--pf-v5-c-dropdown__toggle--PaddingRight) var(--pf-v5-c-dropdown__toggle--PaddingBottom) var(--pf-v5-c-dropdown__toggle--PaddingLeft);
  font-size: var(--pf-v5-c-dropdown__toggle--FontSize);
  font-weight: var(--pf-v5-c-dropdown__toggle--FontWeight);
  line-height: var(--pf-v5-c-dropdown__toggle--LineHeight);
  color: var(--pf-v5-c-dropdown__toggle--Color);
  background-color: var(--pf-v5-c-dropdown__toggle--BackgroundColor);
  border: none;
}
.pf-v5-c-dropdown__toggle::before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: var(--pf-v5-c-dropdown__toggle--before--BorderWidth) solid;
  border-color: var(--pf-v5-c-dropdown__toggle--before--BorderTopColor) var(--pf-v5-c-dropdown__toggle--before--BorderRightColor) var(--pf-v5-c-dropdown__toggle--before--BorderBottomColor) var(--pf-v5-c-dropdown__toggle--before--BorderLeftColor);
}
.pf-v5-c-dropdown__toggle.pf-m-disabled, .pf-v5-c-dropdown__toggle:disabled {
  --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-c-dropdown__toggle--m-primary--disabled--Color);
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: transparent;
  pointer-events: none;
}
.pf-v5-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-v5-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text, .pf-v5-c-dropdown__toggle:disabled:not(.pf-m-plain), .pf-v5-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--disabled--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-v5-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text::before, .pf-v5-c-dropdown__toggle:disabled:not(.pf-m-plain)::before, .pf-v5-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text::before {
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button {
  --pf-v5-c-dropdown__toggle--ColumnGap: 0;
  padding: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) {
  background-color: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button > * {
  position: relative;
  padding-top: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingTop);
  padding-right: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight);
  padding-bottom: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingBottom);
  padding-left: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button > *:first-child {
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-v5-c-dropdown__toggle--m-split-button--first-child--PaddingLeft);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button > *:last-child {
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-v5-c-dropdown__toggle--m-split-button--last-child--PaddingRight);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action {
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button {
  margin-right: var(--pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button::before {
  border-left: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button:last-child {
  --pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary > :not(:first-child) {
  border-left: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled, .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check {
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check.pf-m-in-progress {
  --pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
  --pf-v5-c-dropdown__toggle-progress--Visibility: visible;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
  align-self: revert;
  width: auto;
  cursor: pointer;
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
  -moz-transform: none;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-text {
  margin-left: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) {
  --pf-v5-c-dropdown__toggle--before--BorderWidth: 0;
  --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > * {
  background-color: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor);
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:active, .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *.pf-m-active {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :first-child {
  border-top-left-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
  border-bottom-left-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :last-child {
  border-top-right-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
  border-bottom-right-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
}
.pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:hover::before {
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-dropdown__toggle--hover--before--BorderBottomColor);
}
.pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:focus::before {
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-dropdown__toggle--focus--before--BorderBottomColor);
  border-bottom-width: var(--pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth);
}
.pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:active::before {
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-dropdown__toggle--active--before--BorderBottomColor);
  border-bottom-width: var(--pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth);
}
.pf-m-expanded > .pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button::before {
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
  border-bottom-width: var(--pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-plain {
  --pf-v5-c-dropdown__toggle-icon--Color: var(--pf-v5-c-dropdown--m-plain__toggle-icon--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
  --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-c-dropdown__toggle--m-plain--PaddingRight);
  --pf-v5-c-dropdown__toggle--PaddingLeft: var(--pf-v5-c-dropdown__toggle--m-plain--PaddingLeft);
  display: inline-block;
  color: var(--pf-v5-c-dropdown__toggle--m-plain--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
  line-height: var(--pf-v5-c-dropdown__toggle--m-plain--child--LineHeight);
}
.pf-v5-c-dropdown__toggle.pf-m-plain::before {
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-plain:hover, .pf-v5-c-dropdown__toggle.pf-m-plain:focus, .pf-v5-c-dropdown__toggle.pf-m-plain:active, .pf-v5-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-v5-c-dropdown__toggle.pf-m-plain {
  --pf-v5-c-dropdown__toggle--m-plain--Color: var(--pf-v5-c-dropdown__toggle--m-plain--hover--Color);
  --pf-v5-c-dropdown--m-plain__toggle-icon--Color: var(--pf-v5-c-dropdown--m-plain--hover__toggle-icon--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-v5-c-dropdown__toggle.pf-m-plain:disabled {
  --pf-v5-c-dropdown__toggle--m-plain--Color: var(--pf-v5-c-dropdown__toggle--m-plain--disabled--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-primary {
  --pf-v5-c-dropdown__toggle--Color: var(--pf-v5-c-dropdown__toggle--m-primary--Color);
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-primary--BackgroundColor);
  --pf-v5-c-dropdown__toggle-button--Color: var(--pf-v5-c-dropdown__toggle--m-primary--Color);
  border-radius: var(--pf-v5-c-dropdown__toggle--m-primary--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-primary::before,
.pf-v5-c-dropdown__toggle.pf-m-primary .pf-v5-c-dropdown__toggle-button::before {
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-primary:hover {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-primary--hover--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary:focus {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-primary--focus--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary:active, .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-active {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-primary--active--BackgroundColor);
}
.pf-m-expanded > .pf-v5-c-dropdown__toggle.pf-m-primary {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary {
  border-radius: var(--pf-v5-c-dropdown__toggle--m-secondary--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
  --pf-v5-c-dropdown__toggle--Color: var(--pf-v5-c-dropdown__toggle--m-secondary--Color);
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-secondary--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled])::before {
  border: var(--pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor);
  border-radius: var(--pf-v5-c-dropdown__toggle--m-secondary--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:hover {
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:focus {
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:active, .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-active {
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth);
}
.pf-m-expanded > .pf-v5-c-dropdown__toggle.pf-m-secondary {
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth);
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
  --pf-v5-c-dropdown__toggle-button--Color: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover {
  --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus {
  --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active {
  --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *::before {
  border: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth) solid var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:active {
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:first-child::before {
  border-top-left-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
  border-bottom-left-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:last-child::before {
  border-top-right-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
  border-bottom-right-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:first-child)::before {
  border-left: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base) solid var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:last-child)::before {
  border-right: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action::before {
  border: 0;
}
.pf-v5-c-dropdown__toggle > .pf-v5-c-badge {
  --pf-v5-c-dropdown__toggle-icon--PaddingRight: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight);
  --pf-v5-c-dropdown__toggle-icon--PaddingLeft: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft);
  --pf-v5-c-dropdown__toggle-icon--MarginLeft: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
}
.pf-v5-c-dropdown__toggle .pf-v5-c-dropdown__toggle-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-v5-c-dropdown__toggle-button {
  align-self: baseline;
}

.pf-v5-c-dropdown__toggle-text {
  flex: 1 1 auto;
  text-align: left;
}

.pf-v5-c-dropdown__toggle-icon {
  padding-right: var(--pf-v5-c-dropdown__toggle-icon--PaddingRight);
  padding-left: var(--pf-v5-c-dropdown__toggle-icon--PaddingLeft);
  margin-left: var(--pf-v5-c-dropdown__toggle-icon--MarginLeft);
  line-height: var(--pf-v5-c-dropdown__toggle-icon--LineHeight);
  color: var(--pf-v5-c-dropdown__toggle-icon--Color, inherit);
}
.pf-v5-c-dropdown.pf-m-top.pf-m-expanded .pf-v5-c-dropdown__toggle-icon {
  transform: rotate(var(--pf-v5-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
}

.pf-v5-c-dropdown__toggle-image {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 1;
}

.pf-v5-c-dropdown__toggle-progress {
  position: absolute;
  left: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft);
  visibility: var(--pf-v5-c-dropdown__toggle-progress--Visibility);
}
.pf-v5-c-dropdown__toggle-progress .pf-v5-c-spinner {
  --pf-v5-c-spinner--diameter: var(--pf-v5-c-dropdown__toggle-progress--c-spinner--diameter);
}

.pf-v5-c-dropdown__menu {
  position: absolute;
  top: var(--pf-v5-c-dropdown__menu--Top);
  z-index: var(--pf-v5-c-dropdown__menu--ZIndex);
  padding-top: var(--pf-v5-c-dropdown__menu--PaddingTop);
  padding-bottom: var(--pf-v5-c-dropdown__menu--PaddingBottom);
  background: var(--pf-v5-c-dropdown__menu--BackgroundColor);
  background-clip: padding-box;
  box-shadow: var(--pf-v5-c-dropdown__menu--BoxShadow);
}
.pf-v5-c-dropdown__menu.pf-m-static {
  --pf-v5-c-dropdown--m-top__menu--TranslateY: 0;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: auto;
  min-width: min-content;
}

.pf-v5-c-dropdown .pf-v5-c-menu,
.pf-v5-c-dropdown__menu {
  min-width: 100%;
}
.pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right,
.pf-v5-c-dropdown__menu.pf-m-align-right {
  right: 0;
}
.pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left,
.pf-v5-c-dropdown__menu.pf-m-align-left {
  right: auto;
}
@media (min-width: 576px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-sm,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-sm {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-sm,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-sm {
    right: auto;
  }
}
@media (min-width: 768px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-md,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-md {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-md,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-md {
    right: auto;
  }
}
@media (min-width: 992px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-lg,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-lg {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-lg,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-lg {
    right: auto;
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-xl,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-xl {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-xl,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-xl {
    right: auto;
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-2xl,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-2xl {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-2xl,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-2xl {
    right: auto;
  }
}

.pf-v5-c-dropdown.pf-m-top .pf-v5-c-dropdown__menu {
  --pf-v5-c-dropdown__menu--Top: var(--pf-v5-c-dropdown--m-top__menu--Top);
  transform: translateY(var(--pf-v5-c-dropdown--m-top__menu--TranslateY));
}
.pf-v5-c-dropdown.pf-m-top > .pf-v5-c-menu {
  --pf-v5-c-dropdown--c-menu--Top: var(--pf-v5-c-dropdown--m-top--c-menu--Top);
  transform: translateY(var(--pf-v5-c-dropdown--m-top--c-menu--TranslateY));
}

.pf-v5-c-dropdown__menu-item {
  display: block;
  width: 100%;
  padding: var(--pf-v5-c-dropdown__menu-item--PaddingTop) var(--pf-v5-c-dropdown__menu-item--PaddingRight) var(--pf-v5-c-dropdown__menu-item--PaddingBottom) var(--pf-v5-c-dropdown__menu-item--PaddingLeft);
  font-size: var(--pf-v5-c-dropdown__menu-item--FontSize);
  font-weight: var(--pf-v5-c-dropdown__menu-item--FontWeight);
  line-height: var(--pf-v5-c-dropdown__menu-item--LineHeight);
  color: var(--pf-v5-c-dropdown__menu-item--Color);
  text-align: left;
  white-space: nowrap;
  background-color: var(--pf-v5-c-dropdown__menu-item--BackgroundColor);
  border: none;
}
.pf-v5-c-dropdown__menu-item:hover, .pf-v5-c-dropdown__menu-item:focus {
  --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-c-dropdown__menu-item--hover--Color);
  --pf-v5-c-dropdown__menu-item--BackgroundColor: var(--pf-v5-c-dropdown__menu-item--hover--BackgroundColor);
  text-decoration: none;
}
.pf-v5-c-dropdown__menu-item:disabled, .pf-v5-c-dropdown__menu-item.pf-m-disabled, .pf-v5-c-dropdown__menu-item.pf-m-aria-disabled {
  --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-c-dropdown__menu-item--disabled--Color);
  --pf-v5-c-dropdown__menu-item--BackgroundColor: var(--pf-v5-c-dropdown__menu-item--disabled--BackgroundColor);
}
.pf-v5-c-dropdown__menu-item:disabled, .pf-v5-c-dropdown__menu-item.pf-m-disabled {
  pointer-events: none;
}
.pf-v5-c-dropdown__menu-item.pf-m-aria-disabled {
  cursor: default;
}
.pf-v5-c-dropdown__menu-item.pf-m-icon {
  display: flex;
  align-items: center;
}
.pf-v5-c-dropdown__menu-item.pf-m-icon.pf-m-description {
  flex-direction: column;
  align-items: flex-start;
}
.pf-v5-c-dropdown__menu-item.pf-m-icon .pf-v5-c-dropdown__menu-item-main {
  display: flex;
  align-items: center;
}
.pf-v5-c-dropdown__menu-item.pf-m-text {
  --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-c-dropdown__menu-item--m-text--Color);
}
.pf-v5-c-dropdown__menu-item.pf-m-text:hover, .pf-v5-c-dropdown__menu-item.pf-m-text:focus {
  --pf-v5-c-dropdown__menu-item--BackgroundColor: transparent;
}

.pf-v5-c-dropdown__menu-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pf-v5-c-dropdown__menu-item-icon--Width);
  height: var(--pf-v5-c-dropdown__menu-item-icon--Height);
  margin-right: var(--pf-v5-c-dropdown__menu-item-icon--MarginRight);
}
.pf-v5-c-dropdown__menu-item-icon > * {
  max-width: 100%;
  max-height: 100%;
}

.pf-v5-c-dropdown__menu-item-description {
  font-size: var(--pf-v5-c-dropdown__menu-item-description--FontSize);
  color: var(--pf-v5-c-dropdown__menu-item-description--Color);
}

.pf-v5-c-dropdown__group + .pf-v5-c-dropdown__group {
  padding-top: var(--pf-v5-c-dropdown__group--group--PaddingTop);
}

.pf-v5-c-dropdown__group-title {
  padding-top: var(--pf-v5-c-dropdown__group-title--PaddingTop);
  padding-right: var(--pf-v5-c-dropdown__group-title--PaddingRight);
  padding-bottom: var(--pf-v5-c-dropdown__group-title--PaddingBottom);
  padding-left: var(--pf-v5-c-dropdown__group-title--PaddingLeft);
  font-size: var(--pf-v5-c-dropdown__group-title--FontSize);
  font-weight: var(--pf-v5-c-dropdown__group-title--FontWeight);
  color: var(--pf-v5-c-dropdown__group-title--Color);
}

:where(.pf-v5-theme-dark) .pf-v5-c-dropdown {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: transparent;
  --pf-v5-c-dropdown__toggle--before--BorderRightColor: transparent;
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
  --pf-v5-c-dropdown__toggle--before--BorderLeftColor: transparent;
  --pf-v5-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
  --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
  --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-global--primary-color--400);
  --pf-v5-c-dropdown__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-dropdown__menu--Top: 100%;
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
}
:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
  color: var(--pf-v5-global--palette--black-100);
}
:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
  background: transparent;
}
.pf-v5-c-dropdown {
  --pf-v5-c-dropdown__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-dropdown__toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--ColumnGap: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--MinWidth: 0;
  --pf-v5-c-dropdown__toggle--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-dropdown__toggle--FontWeight: var(--pf-v5-global--FontWeight--normal);
  --pf-v5-c-dropdown__toggle--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__toggle--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-dropdown__toggle--BackgroundColor: transparent;
  --pf-v5-c-dropdown__toggle--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-dropdown__toggle--hover--before--BorderBottomColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--focus--before--BorderBottomColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--active--before--BorderBottomColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
  --pf-v5-c-dropdown__toggle--m-plain--Color: var(--pf-v5-global--Color--200);
  --pf-v5-c-dropdown__toggle--m-plain--hover--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
  --pf-v5-c-dropdown__toggle--m-plain--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-dropdown__toggle--m-plain--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-dropdown__toggle--m-plain--child--LineHeight: normal;
  --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
  --pf-v5-c-dropdown__toggle--m-primary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
  --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
  --pf-v5-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle-button--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__toggle-button--BackgroundColor: transparent;
  --pf-v5-c-dropdown__toggle-progress--Visibility: hidden;
  --pf-v5-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-v5-global--FontSize--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-dropdown__toggle--m-split-button--child--BackgroundColor: transparent;
  --pf-v5-c-dropdown__toggle--m-split-button--first-child--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--last-child--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(-1 * var(--pf-v5-global--BorderWidth--sm));
  --pf-v5-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-dropdown__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-dropdown__toggle-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle-icon--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle-icon--MarginLeft: 0;
  --pf-v5-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
  --pf-v5-c-dropdown--m-plain__toggle-icon--Color: var(--pf-v5-global--Color--200);
  --pf-v5-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-dropdown__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
  --pf-v5-c-dropdown__menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
  --pf-v5-c-dropdown__menu--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu--PaddingBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu--Top: calc(100% + var(--pf-v5-global--spacer--xs));
  --pf-v5-c-dropdown__menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
  --pf-v5-c-dropdown--m-top__menu--Top: 0;
  --pf-v5-c-dropdown--m-top__menu--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
  --pf-v5-c-dropdown__menu-item--BackgroundColor: transparent;
  --pf-v5-c-dropdown__menu-item--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu-item--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-dropdown__menu-item--PaddingBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu-item--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-dropdown__menu-item--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-dropdown__menu-item--FontWeight: var(--pf-v5-global--FontWeight--normal);
  --pf-v5-c-dropdown__menu-item--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-global--Color--dark-100);
  --pf-v5-c-dropdown__menu-item--hover--Color: var(--pf-v5-global--Color--dark-100);
  --pf-v5-c-dropdown__menu-item--disabled--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
  --pf-v5-c-dropdown__menu-item--disabled--BackgroundColor: transparent;
  --pf-v5-c-dropdown__menu-item--m-text--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-dropdown__menu-item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__menu-item-icon--Width: var(--pf-v5-global--icon--FontSize--lg);
  --pf-v5-c-dropdown__menu-item-icon--Height: var(--pf-v5-global--icon--FontSize--lg);
  --pf-v5-c-dropdown__menu-item-description--FontSize: var(--pf-v5-global--FontSize--xs);
  --pf-v5-c-dropdown__menu-item-description--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-dropdown__group--group--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__group-title--PaddingTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__group-title--PaddingRight: var(--pf-v5-c-dropdown__menu-item--PaddingRight);
  --pf-v5-c-dropdown__group-title--PaddingBottom: var(--pf-v5-c-dropdown__menu-item--PaddingBottom);
  --pf-v5-c-dropdown__group-title--PaddingLeft: var(--pf-v5-c-dropdown__menu-item--PaddingLeft);
  --pf-v5-c-dropdown__group-title--FontSize: var(--pf-v5-global--FontSize--xs);
  --pf-v5-c-dropdown__group-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
  --pf-v5-c-dropdown__group-title--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-dropdown--c-divider--MarginTop: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown--c-divider--MarginBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight: 0;
  --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft: 0;
  --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginRight: 0;
  --pf-v5-c-dropdown--c-menu--Top: calc(100% + var(--pf-v5-global--spacer--xs));
  --pf-v5-c-dropdown--c-menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
  --pf-v5-c-dropdown--m-top--c-menu--Top: 0;
  --pf-v5-c-dropdown--m-top--c-menu--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
  --pf-v5-c-dropdown--m-full-height__toggle--before--BorderTopWidth: 0;
  --pf-v5-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
  --pf-v5-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
  --pf-v5-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
  --pf-v5-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingRight: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  max-width: 100%;
}
.pf-v5-c-dropdown .pf-v5-c-divider {
  margin-top: var(--pf-v5-c-dropdown--c-divider--MarginTop);
  margin-bottom: var(--pf-v5-c-dropdown--c-divider--MarginBottom);
}
.pf-v5-c-dropdown .pf-v5-c-divider:last-child {
  --pf-v5-c-dropdown--c-divider--MarginBottom: 0;
}
.pf-v5-c-dropdown > .pf-v5-c-menu {
  position: absolute;
  top: var(--pf-v5-c-dropdown--c-menu--Top);
  z-index: var(--pf-v5-c-dropdown--c-menu--ZIndex);
}
.pf-v5-c-dropdown.pf-m-full-height {
  --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-c-dropdown--m-full-height__toggle--PaddingRight);
  --pf-v5-c-dropdown__toggle--PaddingLeft: var(--pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft);
  --pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth: var(--pf-v5-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth);
  --pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth: var(--pf-v5-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth);
  --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(--pf-v5-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth);
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.pf-v5-c-dropdown.pf-m-full-height .pf-v5-c-dropdown__toggle {
  align-self: stretch;
}
.pf-v5-c-dropdown.pf-m-full-height .pf-v5-c-dropdown__toggle::before {
  border-top-width: var(--pf-v5-c-dropdown--m-full-height__toggle--before--BorderTopWidth);
}
.pf-v5-c-dropdown.pf-m-full-height:hover .pf-v5-c-dropdown__toggle::before {
  border-bottom-width: var(--pf-v5-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth);
}
.pf-v5-c-dropdown.pf-m-expanded {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor);
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth);
}

.pf-v5-c-dropdown__toggle {
  position: relative;
  display: inline-flex;
  column-gap: var(--pf-v5-c-dropdown__toggle--ColumnGap);
  align-items: center;
  min-width: var(--pf-v5-c-dropdown__toggle--MinWidth);
  max-width: 100%;
  padding: var(--pf-v5-c-dropdown__toggle--PaddingTop) var(--pf-v5-c-dropdown__toggle--PaddingRight) var(--pf-v5-c-dropdown__toggle--PaddingBottom) var(--pf-v5-c-dropdown__toggle--PaddingLeft);
  font-size: var(--pf-v5-c-dropdown__toggle--FontSize);
  font-weight: var(--pf-v5-c-dropdown__toggle--FontWeight);
  line-height: var(--pf-v5-c-dropdown__toggle--LineHeight);
  color: var(--pf-v5-c-dropdown__toggle--Color);
  background-color: var(--pf-v5-c-dropdown__toggle--BackgroundColor);
  border: none;
}
.pf-v5-c-dropdown__toggle::before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: var(--pf-v5-c-dropdown__toggle--before--BorderWidth) solid;
  border-color: var(--pf-v5-c-dropdown__toggle--before--BorderTopColor) var(--pf-v5-c-dropdown__toggle--before--BorderRightColor) var(--pf-v5-c-dropdown__toggle--before--BorderBottomColor) var(--pf-v5-c-dropdown__toggle--before--BorderLeftColor);
}
.pf-v5-c-dropdown__toggle.pf-m-disabled, .pf-v5-c-dropdown__toggle:disabled {
  --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-c-dropdown__toggle--m-primary--disabled--Color);
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: transparent;
  pointer-events: none;
}
.pf-v5-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-v5-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text, .pf-v5-c-dropdown__toggle:disabled:not(.pf-m-plain), .pf-v5-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--disabled--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-v5-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text::before, .pf-v5-c-dropdown__toggle:disabled:not(.pf-m-plain)::before, .pf-v5-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text::before {
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button {
  --pf-v5-c-dropdown__toggle--ColumnGap: 0;
  padding: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) {
  background-color: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button > * {
  position: relative;
  padding-top: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingTop);
  padding-right: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight);
  padding-bottom: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingBottom);
  padding-left: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button > *:first-child {
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-v5-c-dropdown__toggle--m-split-button--first-child--PaddingLeft);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button > *:last-child {
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-v5-c-dropdown__toggle--m-split-button--last-child--PaddingRight);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action {
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight);
  --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button {
  margin-right: var(--pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button::before {
  border-left: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button:last-child {
  --pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary > :not(:first-child) {
  border-left: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled, .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check {
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check.pf-m-in-progress {
  --pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
  --pf-v5-c-dropdown__toggle-progress--Visibility: visible;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
  align-self: revert;
  width: auto;
  cursor: pointer;
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
  -moz-transform: none;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-text {
  margin-left: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) {
  --pf-v5-c-dropdown__toggle--before--BorderWidth: 0;
  --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > * {
  background-color: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor);
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:active, .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *.pf-m-active {
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :first-child {
  border-top-left-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
  border-bottom-left-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :last-child {
  border-top-right-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
  border-bottom-right-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
}
.pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:hover::before {
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-dropdown__toggle--hover--before--BorderBottomColor);
}
.pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:focus::before {
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-dropdown__toggle--focus--before--BorderBottomColor);
  border-bottom-width: var(--pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth);
}
.pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:active::before {
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-dropdown__toggle--active--before--BorderBottomColor);
  border-bottom-width: var(--pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth);
}
.pf-m-expanded > .pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button::before {
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
  border-bottom-width: var(--pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-plain {
  --pf-v5-c-dropdown__toggle-icon--Color: var(--pf-v5-c-dropdown--m-plain__toggle-icon--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
  --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-c-dropdown__toggle--m-plain--PaddingRight);
  --pf-v5-c-dropdown__toggle--PaddingLeft: var(--pf-v5-c-dropdown__toggle--m-plain--PaddingLeft);
  display: inline-block;
  color: var(--pf-v5-c-dropdown__toggle--m-plain--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
  line-height: var(--pf-v5-c-dropdown__toggle--m-plain--child--LineHeight);
}
.pf-v5-c-dropdown__toggle.pf-m-plain::before {
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-plain:hover, .pf-v5-c-dropdown__toggle.pf-m-plain:focus, .pf-v5-c-dropdown__toggle.pf-m-plain:active, .pf-v5-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-v5-c-dropdown__toggle.pf-m-plain {
  --pf-v5-c-dropdown__toggle--m-plain--Color: var(--pf-v5-c-dropdown__toggle--m-plain--hover--Color);
  --pf-v5-c-dropdown--m-plain__toggle-icon--Color: var(--pf-v5-c-dropdown--m-plain--hover__toggle-icon--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-v5-c-dropdown__toggle.pf-m-plain:disabled {
  --pf-v5-c-dropdown__toggle--m-plain--Color: var(--pf-v5-c-dropdown__toggle--m-plain--disabled--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-primary {
  --pf-v5-c-dropdown__toggle--Color: var(--pf-v5-c-dropdown__toggle--m-primary--Color);
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-primary--BackgroundColor);
  --pf-v5-c-dropdown__toggle-button--Color: var(--pf-v5-c-dropdown__toggle--m-primary--Color);
  border-radius: var(--pf-v5-c-dropdown__toggle--m-primary--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-primary::before,
.pf-v5-c-dropdown__toggle.pf-m-primary .pf-v5-c-dropdown__toggle-button::before {
  border: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-primary:hover {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-primary--hover--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary:focus {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-primary--focus--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-primary:active, .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-active {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-primary--active--BackgroundColor);
}
.pf-m-expanded > .pf-v5-c-dropdown__toggle.pf-m-primary {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary {
  border-radius: var(--pf-v5-c-dropdown__toggle--m-secondary--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
  --pf-v5-c-dropdown__toggle--Color: var(--pf-v5-c-dropdown__toggle--m-secondary--Color);
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-c-dropdown__toggle--m-secondary--BackgroundColor);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled])::before {
  border: var(--pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor);
  border-radius: var(--pf-v5-c-dropdown__toggle--m-secondary--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:hover {
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:focus {
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary:active, .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-active {
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth);
}
.pf-m-expanded > .pf-v5-c-dropdown__toggle.pf-m-secondary {
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth);
  --pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
  --pf-v5-c-dropdown__toggle-button--Color: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--Color);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover {
  --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus {
  --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active {
  --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *::before {
  border: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth) solid var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:active {
  --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:first-child::before {
  border-top-left-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
  border-bottom-left-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:last-child::before {
  border-top-right-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
  border-bottom-right-radius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:first-child)::before {
  border-left: var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base) solid var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:last-child)::before {
  border-right: 0;
}
.pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action::before {
  border: 0;
}
.pf-v5-c-dropdown__toggle > .pf-v5-c-badge {
  --pf-v5-c-dropdown__toggle-icon--PaddingRight: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight);
  --pf-v5-c-dropdown__toggle-icon--PaddingLeft: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft);
  --pf-v5-c-dropdown__toggle-icon--MarginLeft: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
}
.pf-v5-c-dropdown__toggle .pf-v5-c-dropdown__toggle-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-v5-c-dropdown__toggle-button {
  align-self: baseline;
}

.pf-v5-c-dropdown__toggle-text {
  flex: 1 1 auto;
  text-align: left;
}

.pf-v5-c-dropdown__toggle-icon {
  padding-right: var(--pf-v5-c-dropdown__toggle-icon--PaddingRight);
  padding-left: var(--pf-v5-c-dropdown__toggle-icon--PaddingLeft);
  margin-left: var(--pf-v5-c-dropdown__toggle-icon--MarginLeft);
  line-height: var(--pf-v5-c-dropdown__toggle-icon--LineHeight);
  color: var(--pf-v5-c-dropdown__toggle-icon--Color, inherit);
}
.pf-v5-c-dropdown.pf-m-top.pf-m-expanded .pf-v5-c-dropdown__toggle-icon {
  transform: rotate(var(--pf-v5-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
}

.pf-v5-c-dropdown__toggle-image {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 1;
}

.pf-v5-c-dropdown__toggle-progress {
  position: absolute;
  left: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft);
  visibility: var(--pf-v5-c-dropdown__toggle-progress--Visibility);
}
.pf-v5-c-dropdown__toggle-progress .pf-v5-c-spinner {
  --pf-v5-c-spinner--diameter: var(--pf-v5-c-dropdown__toggle-progress--c-spinner--diameter);
}

.pf-v5-c-dropdown__menu {
  position: absolute;
  top: var(--pf-v5-c-dropdown__menu--Top);
  z-index: var(--pf-v5-c-dropdown__menu--ZIndex);
  padding-top: var(--pf-v5-c-dropdown__menu--PaddingTop);
  padding-bottom: var(--pf-v5-c-dropdown__menu--PaddingBottom);
  background: var(--pf-v5-c-dropdown__menu--BackgroundColor);
  background-clip: padding-box;
  box-shadow: var(--pf-v5-c-dropdown__menu--BoxShadow);
}
.pf-v5-c-dropdown__menu.pf-m-static {
  --pf-v5-c-dropdown--m-top__menu--TranslateY: 0;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: auto;
  min-width: min-content;
}

.pf-v5-c-dropdown .pf-v5-c-menu,
.pf-v5-c-dropdown__menu {
  min-width: 100%;
}
.pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right,
.pf-v5-c-dropdown__menu.pf-m-align-right {
  right: 0;
}
.pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left,
.pf-v5-c-dropdown__menu.pf-m-align-left {
  right: auto;
}
@media (min-width: 576px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-sm,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-sm {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-sm,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-sm {
    right: auto;
  }
}
@media (min-width: 768px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-md,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-md {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-md,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-md {
    right: auto;
  }
}
@media (min-width: 992px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-lg,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-lg {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-lg,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-lg {
    right: auto;
  }
}
@media (min-width: 1200px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-xl,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-xl {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-xl,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-xl {
    right: auto;
  }
}
@media (min-width: 1450px) {
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-2xl,
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-2xl {
    right: 0;
  }
  .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-2xl,
  .pf-v5-c-dropdown__menu.pf-m-align-left-on-2xl {
    right: auto;
  }
}

.pf-v5-c-dropdown.pf-m-top .pf-v5-c-dropdown__menu {
  --pf-v5-c-dropdown__menu--Top: var(--pf-v5-c-dropdown--m-top__menu--Top);
  transform: translateY(var(--pf-v5-c-dropdown--m-top__menu--TranslateY));
}
.pf-v5-c-dropdown.pf-m-top > .pf-v5-c-menu {
  --pf-v5-c-dropdown--c-menu--Top: var(--pf-v5-c-dropdown--m-top--c-menu--Top);
  transform: translateY(var(--pf-v5-c-dropdown--m-top--c-menu--TranslateY));
}

.pf-v5-c-dropdown__menu-item {
  display: block;
  width: 100%;
  padding: var(--pf-v5-c-dropdown__menu-item--PaddingTop) var(--pf-v5-c-dropdown__menu-item--PaddingRight) var(--pf-v5-c-dropdown__menu-item--PaddingBottom) var(--pf-v5-c-dropdown__menu-item--PaddingLeft);
  font-size: var(--pf-v5-c-dropdown__menu-item--FontSize);
  font-weight: var(--pf-v5-c-dropdown__menu-item--FontWeight);
  line-height: var(--pf-v5-c-dropdown__menu-item--LineHeight);
  color: var(--pf-v5-c-dropdown__menu-item--Color);
  text-align: left;
  white-space: nowrap;
  background-color: var(--pf-v5-c-dropdown__menu-item--BackgroundColor);
  border: none;
}
.pf-v5-c-dropdown__menu-item:hover, .pf-v5-c-dropdown__menu-item:focus {
  --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-c-dropdown__menu-item--hover--Color);
  --pf-v5-c-dropdown__menu-item--BackgroundColor: var(--pf-v5-c-dropdown__menu-item--hover--BackgroundColor);
  text-decoration: none;
}
.pf-v5-c-dropdown__menu-item:disabled, .pf-v5-c-dropdown__menu-item.pf-m-disabled, .pf-v5-c-dropdown__menu-item.pf-m-aria-disabled {
  --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-c-dropdown__menu-item--disabled--Color);
  --pf-v5-c-dropdown__menu-item--BackgroundColor: var(--pf-v5-c-dropdown__menu-item--disabled--BackgroundColor);
}
.pf-v5-c-dropdown__menu-item:disabled, .pf-v5-c-dropdown__menu-item.pf-m-disabled {
  pointer-events: none;
}
.pf-v5-c-dropdown__menu-item.pf-m-aria-disabled {
  cursor: default;
}
.pf-v5-c-dropdown__menu-item.pf-m-icon {
  display: flex;
  align-items: center;
}
.pf-v5-c-dropdown__menu-item.pf-m-icon.pf-m-description {
  flex-direction: column;
  align-items: flex-start;
}
.pf-v5-c-dropdown__menu-item.pf-m-icon .pf-v5-c-dropdown__menu-item-main {
  display: flex;
  align-items: center;
}
.pf-v5-c-dropdown__menu-item.pf-m-text {
  --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-c-dropdown__menu-item--m-text--Color);
}
.pf-v5-c-dropdown__menu-item.pf-m-text:hover, .pf-v5-c-dropdown__menu-item.pf-m-text:focus {
  --pf-v5-c-dropdown__menu-item--BackgroundColor: transparent;
}

.pf-v5-c-dropdown__menu-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pf-v5-c-dropdown__menu-item-icon--Width);
  height: var(--pf-v5-c-dropdown__menu-item-icon--Height);
  margin-right: var(--pf-v5-c-dropdown__menu-item-icon--MarginRight);
}
.pf-v5-c-dropdown__menu-item-icon > * {
  max-width: 100%;
  max-height: 100%;
}

.pf-v5-c-dropdown__menu-item-description {
  font-size: var(--pf-v5-c-dropdown__menu-item-description--FontSize);
  color: var(--pf-v5-c-dropdown__menu-item-description--Color);
}

.pf-v5-c-dropdown__group + .pf-v5-c-dropdown__group {
  padding-top: var(--pf-v5-c-dropdown__group--group--PaddingTop);
}

.pf-v5-c-dropdown__group-title {
  padding-top: var(--pf-v5-c-dropdown__group-title--PaddingTop);
  padding-right: var(--pf-v5-c-dropdown__group-title--PaddingRight);
  padding-bottom: var(--pf-v5-c-dropdown__group-title--PaddingBottom);
  padding-left: var(--pf-v5-c-dropdown__group-title--PaddingLeft);
  font-size: var(--pf-v5-c-dropdown__group-title--FontSize);
  font-weight: var(--pf-v5-c-dropdown__group-title--FontWeight);
  color: var(--pf-v5-c-dropdown__group-title--Color);
}

:where(.pf-v5-theme-dark) .pf-v5-c-dropdown {
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: transparent;
  --pf-v5-c-dropdown__toggle--before--BorderRightColor: transparent;
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
  --pf-v5-c-dropdown__toggle--before--BorderLeftColor: transparent;
  --pf-v5-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
  --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
  --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-global--primary-color--400);
  --pf-v5-c-dropdown__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-dropdown__menu--Top: 100%;
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
}
:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
  color: var(--pf-v5-global--palette--black-100);
}
:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
  background: transparent;
}
:root {

  /* pill */
  --pf-topology-pipelines__pill--Color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-text--FontSize: var(--pf-v5-global--FontSize--sm);
  --pf-topology-pipelines__pill-text--FontFamily: var(--pf-v5-global--FontFamily--sans-serif);
  --pf-topology-pipelines__pill-background--Fill: var(--pf-v5-global--BackgroundColor--100);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology-pipelines__pill-background--StrokeWidth: 1px;

  /* pill with status */
  --pf-topology-pipelines__pill-background--m-danger--Fill: var(--pf-v5-global--danger-color--100);
  --pf-topology-pipelines__pill-background--m-success--Fill: var(--pf-v5-global--success-color--100);
  --pf-topology-pipelines__pill-background--m-warning--Fill: var(--pf-v5-global--warning-color--100);
  --pf-topology-pipelines__pill-background--m-skipped--Fill: var(--pf-v5-global--secondary-color--100);
  --pf-topology-pipelines__pill-background--m-in-progress--Fill: var(--pf-v5-global--info-color--100);
  --pf-topology-pipelines__pill-background--m-pending--Fill: var(--pf-v5-global--BackgroundColor--100);
  --pf-topology-pipelines__pill-background--m-running--Fill: var(--pf-v5-global--BackgroundColor--100);
  --pf-topology-pipelines__pill-background--m-idle--Fill: var(--pf-v5-global--BackgroundColor--100);

  --pf-topology-pipelines__pill-background--m-danger--Stroke: var(--pf-v5-global--danger-color--100);
  --pf-topology-pipelines__pill-background--m-success--Stroke: var(--pf-v5-global--success-color--100);
  --pf-topology-pipelines__pill-background--m-warning--Stroke: var(--pf-v5-global--warning-color--100);
  --pf-topology-pipelines__pill-background--m-skipped--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology-pipelines__pill-background--m-in-progress--Stroke: var(--pf-v5-global--info-color--100);
  --pf-topology-pipelines__pill-background--m-pending--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology-pipelines__pill-background--m-running--Stroke: var(--pf-v5-global--BorderColor--100);
  --pf-topology-pipelines__pill-background--m-idle--Stroke: var(--pf-v5-global--BorderColor--100);

  /* selected pill */
  --pf-topology-pipelines__pill-background--m-selected--Fill: var(--pf-v5-global--active-color--100);
  --pf-topology-pipelines__pill-background--m-selected--Stroke: var(--pf-v5-global--active-color--100);
  --pf-topology-pipelines__pill-background--m-selected__text--Color: var(--pf-v5-global--Color--light-100);

  /* selected pill with status */
  --pf-topology-pipelines__pill-background--m-selected--m-danger--Fill: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-background--m-selected--m-success--Fill: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-background--m-selected--m-warning--Fill: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill: var(--pf-v5-global--secondary-color--100);
  --pf-topology-pipelines__pill-background--m-selected--m-in-progress--Fill: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-v5-global--BorderColor--100);
  --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-v5-global--BorderColor--100);
  --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-v5-global--BorderColor--100);

  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill--Color);

  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-v5-global--palette--black-1000);
  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-v5-global--palette--black-1000);
  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-v5-global--palette--black-1000);

  /* pill status icon */
  --pf-topology-pipelines__pill-status--color: var(--pf-v5-global--BorderColor--100);
  --pf-topology-pipelines__pill-status--m-danger--color: var(--pf-v5-global--danger-color--100);
  --pf-topology-pipelines__pill-status--m-success--color: var(--pf-v5-global--success-color--100);
  --pf-topology-pipelines__pill-status--m-warning--color: var(--pf-v5-global--warning-color--100);
  --pf-topology-pipelines__pill-status--m-skipped--color: var(--pf-v5-global--secondary-color--100);
  --pf-topology-pipelines__pill-status--m-in-progress--color: var(--pf-v5-global--info-color--100);
  --pf-topology-pipelines__pill-status--m-pending--color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-status--m-running--color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-status--m-idle--color: var(--pf-v5-global--Color--100);

  /* selected pill status icon */
  --pf-topology-pipelines__pill-status--m-selected--color: var(--pf-v5-global--active-color--100);
  --pf-topology-pipelines__pill-status--m-selected--m-danger--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-status--m-selected--m-success--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-status--m-selected--m-warning--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-status--m-selected--m-skipped--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-status--m-selected--m-in-progress--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-v5-global--palette--black-1000);
  --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-v5-global--palette--black-1000);
  --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-v5-global--palette--black-1000);

  --pf-topology-pipelines__pill-badge--fill: var(--pf-v5-global--palette--black-200);
  --pf-topology-pipelines__pill-badge--text--fill: var(--pf-v5-global--palette--black-1000);

  /* status icon, (hidden details) */
  --pf-topology-pipelines__status-icon--color: var(--pf-v5-global--BorderColor--100);
  --pf-topology-pipelines__status-icon--fill: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__status-icon--m-danger--color: var(--pf-v5-global--danger-color--100);
  --pf-topology-pipelines__status-icon--m-success--color: var(--pf-v5-global--success-color--100);
  --pf-topology-pipelines__status-icon--m-warning--color: var(--pf-v5-global--warning-color--100);
  --pf-topology-pipelines__status-icon--m-skipped--color: var(--pf-v5-global--secondary-color--100);
  --pf-topology-pipelines__status-icon--m-in-progress--color: var(--pf-v5-global--info-color--100);
  --pf-topology-pipelines__status-icon--m-pending--color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__status-icon--m-running--color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__status-icon--m-idle--color: var(--pf-v5-global--Color--100);

  --pf-topology-pipelines__status-icon--m-selected--color: var(--pf-v5-global--active-color--100);
  --pf-topology-pipelines__status-icon--m-selected--m-danger--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__status-icon--m-selected--m-success--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__status-icon--m-selected--m-warning--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__status-icon--m-selected--m-skipped--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__status-icon--m-selected--m-in-progress--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__status-icon--m-selected--m-pending--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__status-icon--m-selected--m-running--color: var(--pf-v5-global--Color--light-100);
  --pf-topology-pipelines__status-icon--m-selected--m-idle--color: var(--pf-v5-global--Color--light-100);


  /* when expression */
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-v5-global--BorderColor--200);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-v5-global--BorderColor--200);
  --pf-topology-pipelines__when-expression--connector--Stroke: var(--pf-v5-global--BorderColor--100);

  /* when expression with status */
  --pf-topology-pipelines__when-expression--m-danger--color: var(--pf-v5-global--danger-color--100);
  --pf-topology-pipelines__when-expression--m-success--color: var(--pf-v5-global--success-color--100);
  --pf-topology-pipelines__when-expression--m-warning--color: var(--pf-v5-global--BorderColor--200);
  --pf-topology-pipelines__when-expression--m-skipped--color: var(--pf-v5-global--secondary-color--100);
  --pf-topology-pipelines__when-expression--m-in-progress--color: var(--pf-v5-global--info-color--100);

  /* selected when expression */
  --pf-topology-pipelines__when-expression--m-selected--color: var(--pf-v5-global--active-color--100);
}


/* DARK THEME OVERRIDES */
:root:where(.pf-v5-theme-dark) {

  /* dark pill */
  --pf-topology-pipelines__pill--Color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-background--Fill: var(--pf-v5-global--BackgroundColor--300);
  --pf-topology-pipelines__pill-background--Stroke:  var(--pf-v5-global--palette--black-300);

  /* dark node labels */
  --pf-topology-pipelines__pill-text--Color: var(--pf-v5-global--Color--100);

  /* dark selected nodes */
  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-v5-global--palette--black-900);
  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-v5-global--palette--black-900);
  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-v5-global--palette--black-900);
  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-v5-global--BackgroundColor--150);
  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-v5-global--palette--black-900);
  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-v5-global--Color--100);
  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-v5-global--Color--100);

  --pf-topology-pipelines__pill__label__icon--Color: var(--pf-v5-global--palette--black-600);

  --pf-topology-pipelines__pill__action-icon__icon--Color: var(--pf-v5-global--Color--100);

  --pf-topology-pipelines__pill-badge--fill: var(--pf-v5-global--palette--black-500);
  --pf-topology-pipelines__pill-badge--text--fill: var(--pf-v5-global--Color--100);
}

.pf-topology-pipelines__pill {
  fill: var(--pf-topology-pipelines__pill--Color);
}

.pf-topology-pipelines__pill-background {
  fill: var(--pf-topology-pipelines__pill-background--Fill);
  stroke-width: var(--pf-topology-pipelines__pill-background--StrokeWidth);
  stroke: var(--pf-topology-pipelines__pill-background--Stroke);
}

.pf-topology-pipelines__pill.pf-m-danger .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Fill);
}

.pf-topology-pipelines__pill.pf-m-success .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Fill);
}

.pf-topology-pipelines__pill.pf-m-warning .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Fill);
}

.pf-topology-pipelines__pill.pf-m-skipped .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Fill);
}

.pf-topology-pipelines__pill.pf-m-in-progress .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
}

.pf-topology-pipelines__pill.pf-m-running .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-v5-global--BorderColor--100);
}

.pf-topology-pipelines__pill.pf-m-idle .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-v5-global--BorderColor--100);
}

.pf-topology-pipelines__pill.pf-m-pending .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-v5-global--BorderColor--100);
}

.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-selected--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-danger--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-success--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-warning--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-pending--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-running--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-idle--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
}

.pf-topology-pipelines__pill.pf-m-hover.pf-m-danger .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
}
.pf-topology-pipelines__pill.pf-m-hover.pf-m-success .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
}
.pf-topology-pipelines__pill.pf-m-hover.pf-m-warning .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
}
.pf-topology-pipelines__pill.pf-m-hover.pf-m-skipped .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
}

.pf-topology-pipelines__pill.pf-m-hover.pf-m-in-progress .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
}

/* Node label */
.pf-topology-pipelines__pill-text {
  font-size: var(--pf-topology-pipelines__pill-text--FontSize);
  font-family: var(--pf-topology-pipelines__pill-text--FontFamily);
  fill: var(--pf-topology-pipelines__pill-text--Color);
}

.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-danger--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-success--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-pending--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-running--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-idle--Color);
}

.pf-topology-pipelines__pill-status {
  color: var(--pf-topology-pipelines__pill-status--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--color);
}
.pf-topology-pipelines__pill-status.pf-m-danger {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-danger--color);
}
.pf-topology-pipelines__pill-status.pf-m-success {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-success--color);
}
.pf-topology-pipelines__pill-status.pf-m-warning {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-warning--color);
}
.pf-topology-pipelines__pill-status.pf-m-skipped {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-skipped--color);
}
.pf-topology-pipelines__pill-status.pf-m-in-progress {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-in-progress--color);
}
.pf-topology-pipelines__pill-status.pf-m-pending {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-pending--color);
}
.pf-topology-pipelines__pill-status.pf-m-running {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-running--color);
}
.pf-topology-pipelines__pill-status.pf-m-idle {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-idle--color);
}

.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-danger {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-danger--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-success {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-success--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-warning {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-warning--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-skipped {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-skipped--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-in-progress {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-in-progress--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-pending {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-pending--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-running {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-running--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-idle {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-idle--color);
}
.pf-topology-pipelines__pill-status.pf-m-spin {
  filter: blur(0);
  -webkit-filter: blur(0);
  transform-box: fill-box;
  transform-origin: center;
  animation: status-spin 2s infinite linear;
}
@keyframes status-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.pf-topology-pipelines__pill-badge {
  fill: var(--pf-topology-pipelines__pill-badge--fill);
  stroke-width: 0;
}
.pf-topology-pipelines__pill-badge text {
  fill: var(--pf-topology-pipelines__pill-badge--text--fill);
  color: var(--pf-topology__node--Color);
}
.pf-topology-pipelines__pill.pf-m-selectable {
  cursor: pointer;
}
.pf-topology-pipelines__pill.pf-m-selected .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-danger--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-success--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-pending--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-running--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-idle--Color);
}

.pf-topology-pipelines__when-expression-background {
  stroke: var(--pf-topology-pipelines__when-expression-background--Stroke);
  fill: var(--pf-topology-pipelines__when-expression-background--Fill);
}
.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__when-expression-background {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-selected--color);
}
.pf-topology-pipelines__when-expression-background.pf-m-success {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-success--color);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-success--color);
}
.pf-topology-pipelines__when-expression-background.pf-m-unmet {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-warning--color);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-warning--color);
 }
.pf-topology-pipelines__when-expression-background.pf-m-skipped {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-skipped--color);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-skipped--color);
}
.pf-topology-pipelines__when-expression-background.pf-m-in-progress {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
}

.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__when-expression-edge {
  stroke: var(--pf-topology-pipelines__when-expression--m-selected--color);
}

.pf-topology-pipelines__status-icon {
  color: var(--pf-topology-pipelines__status-icon--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected {
  fill: var(--pf-topology-pipelines__status-icon--fill);
}
.pf-topology-pipelines__status-icon.pf-m-selected {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--color);
}
.pf-topology-pipelines__status-icon.pf-m-danger {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-danger--color);
}
.pf-topology-pipelines__status-icon.pf-m-success {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-success--color);
}
.pf-topology-pipelines__status-icon.pf-m-warning {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-warning--color);
}
.pf-topology-pipelines__status-icon.pf-m-skipped {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-skipped--color);
}
.pf-topology-pipelines__status-icon.pf-m-in-progress {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-in-progress--color);
}
.pf-topology-pipelines__status-icon.pf-m-pending {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-pending--color);
}
.pf-topology-pipelines__status-icon.pf-m-running {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-running--color);
}
.pf-topology-pipelines__status-icon.pf-m-idle {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-idle--color);
}

.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-danger {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-danger--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-success {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-success--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-warning {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-warning--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-skipped {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-skipped--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-in-progress {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-in-progress--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-pending {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-pending--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-running {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-running--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-idle {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-idle--color);
}

.pf-topology-pipelines__status-icon-background {
  fill: var(--pf-topology-pipelines__pill-background--Fill);
  stroke: var(--pf-topology-pipelines__pill-background--Stroke);
}

.pf-topology-pipelines__status-icon-background.pf-m-danger {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-success {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-warning {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-skipped {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-in-progress {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-pending {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-running {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-idle {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
}

.pf-topology-pipelines__status-icon-background.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__status-icon--m-selected--color);
}
.pf-topology-pipelines__status-icon-background.pf-m-danger.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-success.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-warning.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-skipped.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-in-progress.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-pending.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-running.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-idle.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
}

.pf-v5-c-popover {
  --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
  --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
  --pf-v5-c-popover--MaxWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
  --pf-v5-c-popover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
  --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
  --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
  --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
  --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-popover--m-danger__title-text--Color: var(--pf-v5-global--danger-color--200);
  --pf-v5-c-popover--m-warning__title-text--Color: var(--pf-v5-global--warning-color--200);
  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--200);
  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--200);
  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--300);
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-popover__content--PaddingTop: var(--pf-v5-global--spacer--md);
  --pf-v5-c-popover__content--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-popover__content--PaddingBottom: var(--pf-v5-global--spacer--md);
  --pf-v5-c-popover__content--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-popover__arrow--Width: var(--pf-v5-global--arrow--width-lg);
  --pf-v5-c-popover__arrow--Height: var(--pf-v5-global--arrow--width-lg);
  --pf-v5-c-popover__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-popover__arrow--m-top--TranslateX: -50%;
  --pf-v5-c-popover__arrow--m-top--TranslateY: 50%;
  --pf-v5-c-popover__arrow--m-top--Rotate: 45deg;
  --pf-v5-c-popover__arrow--m-right--TranslateX: -50%;
  --pf-v5-c-popover__arrow--m-right--TranslateY: -50%;
  --pf-v5-c-popover__arrow--m-right--Rotate: 45deg;
  --pf-v5-c-popover__arrow--m-bottom--TranslateX: -50%;
  --pf-v5-c-popover__arrow--m-bottom--TranslateY: -50%;
  --pf-v5-c-popover__arrow--m-bottom--Rotate: 45deg;
  --pf-v5-c-popover__arrow--m-left--TranslateX: 50%;
  --pf-v5-c-popover__arrow--m-left--TranslateY: -50%;
  --pf-v5-c-popover__arrow--m-left--Rotate: 45deg;
  --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - var(--pf-v5-global--spacer--form-element));
  --pf-v5-c-popover__close--Right: calc(var(--pf-v5-c-popover__content--PaddingRight) - var(--pf-v5-global--spacer--md));
  --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
  --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
  --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-popover__title-icon--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-popover__footer--MarginTop: var(--pf-v5-global--spacer--md);
  position: relative;
  min-width: var(--pf-v5-c-popover--MinWidth);
  max-width: var(--pf-v5-c-popover--MaxWidth);
  font-size: var(--pf-v5-c-popover--FontSize);
  box-shadow: var(--pf-v5-c-popover--BoxShadow);
}
.pf-v5-c-popover.pf-m-no-padding {
  --pf-v5-c-popover__content--PaddingTop: 0px;
  --pf-v5-c-popover__content--PaddingRight: 0px;
  --pf-v5-c-popover__content--PaddingBottom: 0px;
  --pf-v5-c-popover__content--PaddingLeft: 0px;
}
.pf-v5-c-popover.pf-m-width-auto {
  --pf-v5-c-popover--MinWidth: auto;
  --pf-v5-c-popover--MaxWidth: none;
}
.pf-v5-c-popover.pf-m-top .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-top-left .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-top-right .pf-v5-c-popover__arrow {
  bottom: 0;
  left: 50%;
  transform: translateX(var(--pf-v5-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
}
.pf-v5-c-popover.pf-m-bottom .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-bottom-left .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-bottom-right .pf-v5-c-popover__arrow {
  top: 0;
  left: 50%;
  transform: translateX(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
}
.pf-v5-c-popover.pf-m-left .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-left-top .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-left-bottom .pf-v5-c-popover__arrow {
  top: 50%;
  right: 0;
  transform: translateX(var(--pf-v5-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
}
.pf-v5-c-popover.pf-m-right .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-right-top .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-right-bottom .pf-v5-c-popover__arrow {
  top: 50%;
  left: 0;
  transform: translateX(var(--pf-v5-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
}
.pf-v5-c-popover.pf-m-left-top .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-right-top .pf-v5-c-popover__arrow {
  top: var(--pf-v5-c-popover__arrow--Height);
}
.pf-v5-c-popover.pf-m-left-bottom .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-right-bottom .pf-v5-c-popover__arrow {
  top: auto;
  bottom: 0;
}
.pf-v5-c-popover.pf-m-top-left .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-bottom-left .pf-v5-c-popover__arrow {
  left: var(--pf-v5-c-popover__arrow--Width);
}
.pf-v5-c-popover.pf-m-top-right .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-bottom-right .pf-v5-c-popover__arrow {
  right: 0;
  left: auto;
}
.pf-v5-c-popover.pf-m-danger {
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-danger__title-icon--Color);
  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-danger__title-text--Color);
}
.pf-v5-c-popover.pf-m-warning {
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-warning__title-icon--Color);
  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-warning__title-text--Color);
}
.pf-v5-c-popover.pf-m-success {
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-success__title-icon--Color);
  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-success__title-text--Color);
}
.pf-v5-c-popover.pf-m-custom {
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-custom__title-icon--Color);
  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-custom__title-text--Color);
}
.pf-v5-c-popover.pf-m-info {
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-info__title-icon--Color);
  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-info__title-text--Color);
}

.pf-v5-c-popover__content {
  position: relative;
  padding: var(--pf-v5-c-popover__content--PaddingTop) var(--pf-v5-c-popover__content--PaddingRight) var(--pf-v5-c-popover__content--PaddingBottom) var(--pf-v5-c-popover__content--PaddingLeft);
  background-color: var(--pf-v5-c-popover__content--BackgroundColor);
}

.pf-v5-c-popover__close {
  position: absolute;
  top: var(--pf-v5-c-popover__close--Top);
  right: var(--pf-v5-c-popover__close--Right);
}
.pf-v5-c-popover__close + * {
  padding-right: var(--pf-v5-c-popover__close--sibling--PaddingRight);
}

.pf-v5-c-popover__arrow {
  position: absolute;
  width: var(--pf-v5-c-popover__arrow--Width);
  height: var(--pf-v5-c-popover__arrow--Height);
  pointer-events: none;
  background-color: var(--pf-v5-c-popover__arrow--BackgroundColor);
  box-shadow: var(--pf-v5-c-popover__arrow--BoxShadow);
}

.pf-v5-c-popover__header {
  margin-bottom: var(--pf-v5-c-popover__header--MarginBottom);
}

.pf-v5-c-popover__title {
  display: flex;
  flex: 0 0 auto;
}

.pf-v5-c-popover__title-icon {
  margin-right: var(--pf-v5-c-popover__title-icon--MarginRight);
  font-size: var(--pf-v5-c-popover__title-icon--FontSize);
  color: var(--pf-v5-c-popover__title-icon--Color);
}

.pf-v5-c-popover__title-text {
  font-family: var(--pf-v5-c-popover__title-text--FontFamily);
  font-size: var(--pf-v5-c-popover__title-text--FontSize);
  line-height: var(--pf-v5-c-popover__title-text--LineHeight);
  color: var(--pf-v5-c-popover__title-text--Color, inherit);
}

.pf-v5-c-popover__body {
  word-wrap: break-word;
}

.pf-v5-c-popover__footer {
  margin-top: var(--pf-v5-c-popover__footer--MarginTop);
}

:where(.pf-v5-theme-dark) .pf-v5-c-popover {
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
}
.pf-v5-c-icon {
  --pf-v5-c-icon--Width: 1em;
  --pf-v5-c-icon--Height: 1em;
  --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
  --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
  --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
  --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
  --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
  --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
  --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
  --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
  --pf-v5-c-icon--m-inline--Width: 1em;
  --pf-v5-c-icon--m-inline--Height: 1em;
  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
  --pf-v5-c-icon__content--Color: initial;
  --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
  --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
  --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
  --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
  --pf-v5-c-icon--m-inline__content--Color: initial;
  --pf-v5-c-icon__content--FontSize: 1em;
  --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
  --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
  --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
  --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pf-v5-c-icon--Width);
  height: var(--pf-v5-c-icon--Height);
}
.pf-v5-c-icon.pf-m-inline {
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-inline--Width);
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-inline--Height);
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-inline__content--FontSize);
  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon--m-inline__content--Color);
  line-height: 1;
}
.pf-v5-c-icon.pf-m-inline .pf-v5-c-spinner {
  --pf-v5-c-spinner--diameter: 1em;
}
.pf-v5-c-icon.pf-m-sm {
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-sm--Width);
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-sm--Height);
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
}
.pf-v5-c-icon.pf-m-md {
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-md--Width);
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-md--Height);
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
}
.pf-v5-c-icon.pf-m-lg {
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-lg--Width);
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-lg--Height);
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
}
.pf-v5-c-icon.pf-m-xl {
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-xl--Width);
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
}
.pf-v5-c-icon.pf-m-in-progress {
  --pf-v5-c-icon__content--Opacity: 0;
  --pf-v5-c-icon__progress--Opacity: 1;
}

.pf-v5-c-icon__content,
.pf-v5-c-icon__progress {
  font-size: var(--pf-v5-c-icon__content--FontSize);
}
.pf-v5-c-icon__content svg,
.pf-v5-c-icon__progress svg {
  vertical-align: var(--pf-v5-c-icon__content--svg--VerticalAlign);
}
.pf-v5-c-icon__content.pf-m-sm,
.pf-v5-c-icon__progress.pf-m-sm {
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
}
.pf-v5-c-icon__content.pf-m-md,
.pf-v5-c-icon__progress.pf-m-md {
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
}
.pf-v5-c-icon__content.pf-m-lg,
.pf-v5-c-icon__progress.pf-m-lg {
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
}
.pf-v5-c-icon__content.pf-m-xl,
.pf-v5-c-icon__progress.pf-m-xl {
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
}

.pf-v5-c-icon__content {
  color: var(--pf-v5-c-icon__content--Color, inherit);
  opacity: var(--pf-v5-c-icon__content--Opacity, 1);
}
.pf-v5-c-icon__content.pf-m-danger {
  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-danger--Color);
}
.pf-v5-c-icon__content.pf-m-warning {
  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-warning--Color);
}
.pf-v5-c-icon__content.pf-m-success {
  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-success--Color);
}
.pf-v5-c-icon__content.pf-m-info {
  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-info--Color);
}
.pf-v5-c-icon__content.pf-m-custom {
  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-custom--Color);
}

.pf-v5-c-icon__progress {
  position: absolute;
  top: calc(50% + 0.5 * var(--pf-v5-c-icon__content--svg--VerticalAlign));
  opacity: var(--pf-v5-c-icon__progress--Opacity, 0);
  transform: translateY(calc(-50% - 0.5 * var(--pf-v5-c-icon__content--svg--VerticalAlign)));
}
.pf-v5-l-split {
  --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
  display: flex;
  padding: 0;
  margin: 0;
}
.pf-v5-l-split.pf-m-wrap {
  flex-wrap: wrap;
}

.pf-v5-l-split__item.pf-m-fill {
  flex-grow: 1;
}

.pf-v5-l-split.pf-m-gutter {
  gap: var(--pf-v5-l-stack--m-gutter--Gap);
}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm .xterm-scroll-area {
    visibility: hidden;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility,
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { text-decoration: double underline; }
.xterm-underline-3 { text-decoration: wavy underline; }
.xterm-underline-4 { text-decoration: dotted underline; }
.xterm-underline-5 { text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top, width, height;
}
.react-grid-item img {
  pointer-events: none;
  user-select: none;
}
.react-grid-item.cssTransforms {
  transition-property: transform, width, height;
}
.react-grid-item.resizing {
  transition: none;
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item.react-grid-placeholder.placeholder-resizing {
  transition: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

/*# sourceMappingURL=vendor.a0fe4f87.css.map*/