.pf-c-popover {
  --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
  --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
  --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
  --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
  --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
  --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
  --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
  --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
  --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
  --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
  --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
  --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-popover__arrow--m-top--TranslateX: -50%;
  --pf-c-popover__arrow--m-top--TranslateY: 50%;
  --pf-c-popover__arrow--m-top--Rotate: 45deg;
  --pf-c-popover__arrow--m-right--TranslateX: -50%;
  --pf-c-popover__arrow--m-right--TranslateY: -50%;
  --pf-c-popover__arrow--m-right--Rotate: 45deg;
  --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
  --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
  --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
  --pf-c-popover__arrow--m-left--TranslateX: 50%;
  --pf-c-popover__arrow--m-left--TranslateY: -50%;
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
  --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
  --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
  position: relative;
  min-width: var(--pf-c-popover--MinWidth);
  max-width: var(--pf-c-popover--MaxWidth);
  font-size: var(--pf-c-popover--FontSize);
  box-shadow: var(--pf-c-popover--BoxShadow);
}

.pf-c-popover.pf-m-no-padding {
  --pf-c-popover__content--PaddingTop: 0px;
  --pf-c-popover__content--PaddingRight: 0px;
  --pf-c-popover__content--PaddingBottom: 0px;
  --pf-c-popover__content--PaddingLeft: 0px;
}

.pf-c-popover.pf-m-width-auto {
  --pf-c-popover--MinWidth: auto;
  --pf-c-popover--MaxWidth: none;
}

.pf-c-popover.pf-m-top .pf-c-popover__arrow,
.pf-c-popover.pf-m-top-left .pf-c-popover__arrow,
.pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
  bottom: 0;
  left: 50%;
  transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
}

.pf-c-popover.pf-m-bottom .pf-c-popover__arrow,
.pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow,
.pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
  top: 0;
  left: 50%;
  transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
}

.pf-c-popover.pf-m-left .pf-c-popover__arrow,
.pf-c-popover.pf-m-left-top .pf-c-popover__arrow,
.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
  top: 50%;
  right: 0;
  transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
}

.pf-c-popover.pf-m-right .pf-c-popover__arrow,
.pf-c-popover.pf-m-right-top .pf-c-popover__arrow,
.pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
  top: 50%;
  left: 0;
  transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
}

.pf-c-popover.pf-m-left-top .pf-c-popover__arrow,
.pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
  top: var(--pf-c-popover__arrow--Height);
}

.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow,
.pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
  top: auto;
  bottom: 0;
}

.pf-c-popover.pf-m-top-left .pf-c-popover__arrow,
.pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
  left: var(--pf-c-popover__arrow--Width);
}

.pf-c-popover.pf-m-top-right .pf-c-popover__arrow,
.pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
  right: 0;
  left: auto;
}

.pf-c-popover.pf-m-danger {
  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
}

.pf-c-popover.pf-m-warning {
  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
}

.pf-c-popover.pf-m-success {
  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
}

.pf-c-popover.pf-m-default {
  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
}

.pf-c-popover.pf-m-info {
  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
}

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

.pf-c-popover__content>.pf-c-title {
  margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
}

.pf-c-popover__content>.pf-c-button {
  position: absolute;
  top: var(--pf-c-popover--c-button--Top);
  right: var(--pf-c-popover--c-button--Right);
}

.pf-c-popover__content>.pf-c-button+* {
  padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
}

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

.pf-c-popover__title {
  flex: 0 0 auto;
  margin-bottom: var(--pf-c-popover__title--MarginBottom);
  font-family: var(--pf-c-popover__title--FontFamily);
  font-size: var(--pf-c-popover__title--FontSize);
  line-height: var(--pf-c-popover__title--LineHeight);
}

.pf-c-popover__title.pf-m-icon {
  display: flex;
}

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

.pf-c-popover__title-text {
  color: var(--pf-c-popover__title-text--Color, inherit);
}

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

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

:where(.pf-theme-dark) .pf-c-popover {
  --pf-c-popover--BoxShadow: none;
  --pf-c-popover__arrow--BoxShadow: none;
  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
}

:where(.pf-theme-dark) .pf-c-popover,
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
  border: 4px solid var(--pf-global--BorderColor--400);
}


.pf-c-button {
  --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
  --pf-c-button--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-button--PaddingBottom: var(--pf-global--spacer--form-element);
  --pf-c-button--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-button--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-button--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-button--FontSize: var(--pf-global--FontSize--md);
  --pf-c-button--BackgroundColor: transparent;
  --pf-c-button--BorderRadius: var(--pf-global--BorderRadius--sm);
  --pf-c-button--after--BorderRadius: var(--pf-global--BorderRadius--sm);
  --pf-c-button--after--BorderColor: transparent;
  --pf-c-button--after--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-button--hover--after--BorderWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--focus--after--BorderWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--active--after--BorderWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--disabled--Color: var(--pf-global--disabled-color--100);
  --pf-c-button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
  --pf-c-button--disabled--after--BorderColor: transparent;
  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--BackgroundColor: transparent;
  --pf-c-button--m-secondary--after--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--hover--BackgroundColor: transparent;
  --pf-c-button--m-secondary--hover--after--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--focus--BackgroundColor: transparent;
  --pf-c-button--m-secondary--focus--after--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--active--BackgroundColor: transparent;
  --pf-c-button--m-secondary--active--after--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--m-danger--BackgroundColor: transparent;
  --pf-c-button--m-secondary--m-danger--Color: var(--pf-global--danger-color--100);
  --pf-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-global--danger-color--100);
  --pf-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
  --pf-c-button--m-secondary--m-danger--hover--Color: var(--pf-global--danger-color--200);
  --pf-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-global--danger-color--100);
  --pf-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
  --pf-c-button--m-secondary--m-danger--focus--Color: var(--pf-global--danger-color--200);
  --pf-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-global--danger-color--100);
  --pf-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
  --pf-c-button--m-secondary--m-danger--active--Color: var(--pf-global--danger-color--200);
  --pf-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-global--danger-color--100);
  --pf-c-button--m-tertiary--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--Color: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--hover--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--hover--Color: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--focus--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--active--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--active--Color: var(--pf-global--Color--100);
  --pf-c-button--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
  --pf-c-button--m-warning--Color: var(--pf-global--Color--dark-100);
  --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--palette--gold-500);
  --pf-c-button--m-warning--hover--Color: var(--pf-global--Color--dark-100);
  --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--palette--gold-500);
  --pf-c-button--m-warning--focus--Color: var(--pf-global--Color--dark-100);
  --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--palette--gold-500);
  --pf-c-button--m-warning--active--Color: var(--pf-global--Color--dark-100);
  --pf-c-button--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
  --pf-c-button--m-danger--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-danger--hover--BackgroundColor: var(--pf-global--danger-color--200);
  --pf-c-button--m-danger--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-danger--focus--BackgroundColor: var(--pf-global--danger-color--200);
  --pf-c-button--m-danger--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-danger--active--BackgroundColor: var(--pf-global--danger-color--200);
  --pf-c-button--m-danger--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-link--BackgroundColor: transparent;
  --pf-c-button--m-link--Color: var(--pf-global--link--Color);
  --pf-c-button--m-link--hover--BackgroundColor: transparent;
  --pf-c-button--m-link--hover--Color: var(--pf-global--link--Color--hover);
  --pf-c-button--m-link--focus--BackgroundColor: transparent;
  --pf-c-button--m-link--focus--Color: var(--pf-global--link--Color--hover);
  --pf-c-button--m-link--active--BackgroundColor: transparent;
  --pf-c-button--m-link--active--Color: var(--pf-global--link--Color--hover);
  --pf-c-button--m-link--disabled--BackgroundColor: transparent;
  --pf-c-button--m-link--m-inline--FontSize: inherit;
  --pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
  --pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
  --pf-c-button--m-link--m-danger--BackgroundColor: transparent;
  --pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
  --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
  --pf-c-button--m-link--m-danger--hover--Color: var(--pf-global--danger-color--200);
  --pf-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
  --pf-c-button--m-link--m-danger--focus--Color: var(--pf-global--danger-color--200);
  --pf-c-button--m-link--m-danger--active--BackgroundColor: transparent;
  --pf-c-button--m-link--m-danger--active--Color: var(--pf-global--danger-color--200);
  --pf-c-button--m-plain--BackgroundColor: transparent;
  --pf-c-button--m-plain--Color: var(--pf-global--Color--200);
  --pf-c-button--m-plain--hover--BackgroundColor: transparent;
  --pf-c-button--m-plain--hover--Color: var(--pf-global--Color--100);
  --pf-c-button--m-plain--focus--BackgroundColor: transparent;
  --pf-c-button--m-plain--focus--Color: var(--pf-global--Color--100);
  --pf-c-button--m-plain--active--BackgroundColor: transparent;
  --pf-c-button--m-plain--active--Color: var(--pf-global--Color--100);
  --pf-c-button--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
  --pf-c-button--m-plain--disabled--BackgroundColor: transparent;
  --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-button--m-control--Color: var(--pf-global--Color--100);
  --pf-c-button--m-control--BorderRadius: 0;
  --pf-c-button--m-control--after--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-button--m-control--after--BorderTopColor: var(--pf-global--BorderColor--300);
  --pf-c-button--m-control--after--BorderRightColor: var(--pf-global--BorderColor--300);
  --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--200);
  --pf-c-button--m-control--after--BorderLeftColor: var(--pf-global--BorderColor--300);
  --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
  --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-button--m-control--hover--Color: var(--pf-global--Color--100);
  --pf-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
  --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-button--m-control--active--Color: var(--pf-global--Color--100);
  --pf-c-button--m-control--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--active-color--100);
  --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-button--m-control--focus--Color: var(--pf-global--Color--100);
  --pf-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
  --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-button--m-control--m-expanded--Color: var(--pf-global--Color--100);
  --pf-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100);
  --pf-c-button--m-small--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-button--m-display-lg--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-button--m-display-lg--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-button--m-display-lg--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-button--m-display-lg--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-button--m-display-lg--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-button--m-link--m-display-lg--FontSize: var(--pf-global--FontSize--lg);
  --pf-c-button__icon--m-start--MarginRight: var(--pf-global--spacer--xs);
  --pf-c-button__icon--m-end--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
  --pf-c-button__progress--Opacity: 0;
  --pf-c-button__progress--TranslateY: -50%;
  --pf-c-button__progress--TranslateX: 0;
  --pf-c-button__progress--Top: 50%;
  --pf-c-button__progress--Left: var(--pf-global--spacer--md);
  --pf-c-button--m-progress--TransitionProperty: padding;
  --pf-c-button--m-progress--TransitionDuration: var(--pf-global--TransitionDuration);
  --pf-c-button--m-progress--PaddingRight: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
  --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
  --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
  --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
  --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
  --pf-c-button__count--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-button--disabled__c-badge--Color: var(--pf-global--Color--dark-100);
  --pf-c-button--disabled__c-badge--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--BorderColor--300);
  --pf-c-button--m-primary__c-badge--BorderWidth: var(--pf-global--BorderWidth--sm);
  position: relative;
  display: inline-block;
  padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
  font-size: var(--pf-c-button--FontSize);
  font-weight: var(--pf-c-button--FontWeight);
  line-height: var(--pf-c-button--LineHeight);
  text-align: center;
  white-space: nowrap;
  user-select: none;
  border: 0;
  border-radius: var(--pf-c-button--BorderRadius);
}

.pf-c-button::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-c-button--after--BorderWidth) solid;
  border-color: var(--pf-c-button--after--BorderColor);
  border-radius: var(--pf-c-button--after--BorderRadius);
}

.pf-c-button:hover {
  --pf-c-button--after--BorderWidth: var(--pf-c-button--hover--after--BorderWidth);
  text-decoration: none;
}

.pf-c-button:focus {
  --pf-c-button--after--BorderWidth: var(--pf-c-button--focus--after--BorderWidth);
}

.pf-c-button:active,
.pf-c-button.pf-m-active {
  --pf-c-button--after--BorderWidth: var(--pf-c-button--active--after--BorderWidth);
}

.pf-c-button.pf-m-block {
  display: block;
  width: 100%;
}

.pf-c-button.pf-m-small {
  --pf-c-button--FontSize: var(--pf-c-button--m-small--FontSize);
}

.pf-c-button.pf-m-primary.pf-m-display-lg,
.pf-c-button.pf-m-secondary.pf-m-display-lg,
.pf-c-button.pf-m-tertiary.pf-m-display-lg,
.pf-c-button.pf-m-link.pf-m-display-lg {
  --pf-c-button--PaddingTop: var(--pf-c-button--m-display-lg--PaddingTop);
  --pf-c-button--PaddingRight: var(--pf-c-button--m-display-lg--PaddingRight);
  --pf-c-button--PaddingBottom: var(--pf-c-button--m-display-lg--PaddingBottom);
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-display-lg--PaddingLeft);
  --pf-c-button--FontWeight: var(--pf-c-button--m-display-lg--FontWeight);
}

.pf-c-button.pf-m-primary {
  color: var(--pf-c-button--m-primary--Color);
  background-color: var(--pf-c-button--m-primary--BackgroundColor);
}

.pf-c-button.pf-m-primary:hover {
  --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--hover--Color);
  --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--hover--BackgroundColor);
}

.pf-c-button.pf-m-primary:focus {
  --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--focus--Color);
  --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--focus--BackgroundColor);
}

.pf-c-button.pf-m-primary:active,
.pf-c-button.pf-m-primary.pf-m-active {
  --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--active--Color);
  --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--active--BackgroundColor);
}

.pf-c-button.pf-m-primary .pf-c-badge.pf-m-unread {
  border: var(--pf-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-c-button--m-primary__c-badge--BorderColor);
}

.pf-c-button.pf-m-secondary {
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--after--BorderColor);
  color: var(--pf-c-button--m-secondary--Color);
  background-color: var(--pf-c-button--m-secondary--BackgroundColor);
}

.pf-c-button.pf-m-secondary:hover {
  --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--hover--Color);
  --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--hover--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--hover--after--BorderColor);
}

.pf-c-button.pf-m-secondary:focus {
  --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--focus--Color);
  --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--focus--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--focus--after--BorderColor);
}

.pf-c-button.pf-m-secondary.pf-m-active,
.pf-c-button.pf-m-secondary:active {
  --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--active--Color);
  --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--active--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--active--after--BorderColor);
}

.pf-c-button.pf-m-tertiary {
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--after--BorderColor);
  color: var(--pf-c-button--m-tertiary--Color);
  background-color: var(--pf-c-button--m-tertiary--BackgroundColor);
}

.pf-c-button.pf-m-tertiary:hover {
  --pf-c-button--m-tertiary--Color: var(--pf-c-button--m-tertiary--hover--Color);
  --pf-c-button--m-tertiary--BackgroundColor: var(--pf-c-button--m-tertiary--hover--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--hover--after--BorderColor);
}

.pf-c-button.pf-m-tertiary:focus {
  --pf-c-button--m-tertiary--Color: var(--pf-c-button--m-tertiary--focus--Color);
  --pf-c-button--m-tertiary--BackgroundColor: var(--pf-c-button--m-tertiary--focus--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--focus--after--BorderColor);
}

.pf-c-button.pf-m-tertiary:active,
.pf-c-button.pf-m-tertiary.pf-m-active {
  --pf-c-button--m-tertiary--Color: var(--pf-c-button--m-tertiary--active--Color);
  --pf-c-button--m-tertiary--BackgroundColor: var(--pf-c-button--m-tertiary--active--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--active--after--BorderColor);
}

.pf-c-button.pf-m-link {
  --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-link--disabled--BackgroundColor);
  color: var(--pf-c-button--m-link--Color);
  background-color: var(--pf-c-button--m-link--BackgroundColor);
}

.pf-c-button.pf-m-link:not(.pf-m-inline):hover {
  --pf-c-button--m-link--Color: var(--pf-c-button--m-link--hover--Color);
  --pf-c-button--m-link--BackgroundColor: var(--pf-c-button--m-link--hover--BackgroundColor);
}

.pf-c-button.pf-m-link:not(.pf-m-inline):focus {
  --pf-c-button--m-link--Color: var(--pf-c-button--m-link--focus--Color);
  --pf-c-button--m-link--BackgroundColor: var(--pf-c-button--m-link--focus--BackgroundColor);
}

.pf-c-button.pf-m-link:not(.pf-m-inline):active,
.pf-c-button.pf-m-link:not(.pf-m-inline).pf-m-active {
  --pf-c-button--m-link--Color: var(--pf-c-button--m-link--active--Color);
  --pf-c-button--m-link--BackgroundColor: var(--pf-c-button--m-link--active--BackgroundColor);
}

.pf-c-button.pf-m-link.pf-m-inline {
  --pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize);
  display: inline;
  padding: 0;
  text-align: left;
  white-space: normal;
  cursor: pointer;
}

.pf-c-button.pf-m-link.pf-m-inline:hover {
  --pf-c-button--m-link--Color: var(--pf-c-button--m-link--m-inline--hover--Color);
  text-decoration: var(--pf-c-button--m-link--m-inline--hover--TextDecoration);
}

.pf-c-button.pf-m-link.pf-m-display-lg {
  --pf-c-button--FontSize: var(--pf-c-button--m-link--m-display-lg--FontSize);
}

.pf-c-button.pf-m-danger {
  color: var(--pf-c-button--m-danger--Color);
  background-color: var(--pf-c-button--m-danger--BackgroundColor);
}

.pf-c-button.pf-m-danger:hover {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--hover--Color);
  --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-danger--hover--BackgroundColor);
}

.pf-c-button.pf-m-danger:focus {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--focus--Color);
  --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-danger--focus--BackgroundColor);
}

.pf-c-button.pf-m-danger:active,
.pf-c-button.pf-m-danger.pf-m-active {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--active--Color);
  --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-danger--active--BackgroundColor);
}

.pf-c-button.pf-m-danger.pf-m-secondary {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-secondary--m-danger--Color);
  --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-secondary--m-danger--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--m-danger--after--BorderColor);
}

.pf-c-button.pf-m-danger.pf-m-secondary:hover {
  --pf-c-button--m-secondary--m-danger--Color: var(--pf-c-button--m-secondary--m-danger--hover--Color);
  --pf-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-c-button--m-secondary--m-danger--hover--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--m-danger--hover--after--BorderColor);
}

.pf-c-button.pf-m-danger.pf-m-secondary:focus {
  --pf-c-button--m-secondary--m-danger--Color: var(--pf-c-button--m-secondary--m-danger--focus--Color);
  --pf-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-c-button--m-secondary--m-danger--focus--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--m-danger--focus--after--BorderColor);
}

.pf-c-button.pf-m-danger.pf-m-secondary:active,
.pf-c-button.pf-m-danger.pf-m-secondary.pf-m-active {
  --pf-c-button--m-secondary--m-danger--Color: var(--pf-c-button--m-secondary--m-danger--active--Color);
  --pf-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-c-button--m-secondary--m-danger--active--BackgroundColor);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--m-danger--active--after--BorderColor);
}

.pf-c-button.pf-m-danger.pf-m-link {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-link--m-danger--Color);
  --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-link--m-danger--BackgroundColor);
}

.pf-c-button.pf-m-danger.pf-m-link:hover {
  --pf-c-button--m-link--m-danger--Color: var(--pf-c-button--m-link--m-danger--hover--Color);
  --pf-c-button--m-link--m-danger--BackgroundColor: var(--pf-c-button--m-link--m-danger--hover--BackgroundColor);
}

.pf-c-button.pf-m-danger.pf-m-link:focus {
  --pf-c-button--m-link--m-danger--Color: var(--pf-c-button--m-link--m-danger--focus--Color);
  --pf-c-button--m-link--m-danger--BackgroundColor: var(--pf-c-button--m-link--m-danger--focus--BackgroundColor);
}

.pf-c-button.pf-m-danger.pf-m-link:active,
.pf-c-button.pf-m-danger.pf-m-link.pf-m-active {
  --pf-c-button--m-link--m-danger--Color: var(--pf-c-button--m-link--m-danger--active--Color);
  --pf-c-button--m-link--m-danger--BackgroundColor: var(--pf-c-button--m-link--m-danger--active--BackgroundColor);
}

.pf-c-button.pf-m-warning {
  color: var(--pf-c-button--m-warning--Color);
  background-color: var(--pf-c-button--m-warning--BackgroundColor);
}

.pf-c-button.pf-m-warning:hover {
  --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--hover--Color);
  --pf-c-button--m-warning--BackgroundColor: var(--pf-c-button--m-warning--hover--BackgroundColor);
}

.pf-c-button.pf-m-warning:focus {
  --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--focus--Color);
  --pf-c-button--m-warning--BackgroundColor: var(--pf-c-button--m-warning--focus--BackgroundColor);
}

.pf-c-button.pf-m-warning:active,
.pf-c-button.pf-m-warning.pf-m-active {
  --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--active--Color);
  --pf-c-button--m-warning--BackgroundColor: var(--pf-c-button--m-warning--active--BackgroundColor);
}

.pf-c-button.pf-m-control {
  --pf-c-button--BorderRadius: var(--pf-c-button--m-control--BorderRadius);
  --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-control--disabled--BackgroundColor);
  --pf-c-button--after--BorderWidth: var(--pf-c-button--m-control--after--BorderWidth);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-control--after--BorderTopColor) var(--pf-c-button--m-control--after--BorderRightColor) var(--pf-c-button--m-control--after--BorderBottomColor) var(--pf-c-button--m-control--after--BorderLeftColor);
  color: var(--pf-c-button--m-control--Color);
  background-color: var(--pf-c-button--m-control--BackgroundColor);
}

.pf-c-button.pf-m-control::after {
  border-radius: initial;
}

.pf-c-button.pf-m-control:hover {
  --pf-c-button--m-control--Color: var(--pf-c-button--m-control--hover--Color);
  --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--hover--BackgroundColor);
  --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--hover--after--BorderBottomColor);
}

.pf-c-button.pf-m-control:hover::after {
  border-bottom-width: var(--pf-c-button--m-control--hover--after--BorderBottomWidth);
}

.pf-c-button.pf-m-control:active,
.pf-c-button.pf-m-control.pf-m-active {
  --pf-c-button--m-control--Color: var(--pf-c-button--m-control--active--Color);
  --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--active--BackgroundColor);
  --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--active--after--BorderBottomColor);
}

.pf-c-button.pf-m-control:active::after,
.pf-c-button.pf-m-control.pf-m-active::after {
  border-bottom-width: var(--pf-c-button--m-control--active--after--BorderBottomWidth);
}

.pf-c-button.pf-m-control:focus {
  --pf-c-button--m-control--Color: var(--pf-c-button--m-control--focus--Color);
  --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--focus--BackgroundColor);
  --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--focus--after--BorderBottomColor);
}

.pf-c-button.pf-m-control:focus::after {
  border-bottom-width: var(--pf-c-button--m-control--focus--after--BorderBottomWidth);
}

.pf-c-button.pf-m-control.pf-m-expanded {
  --pf-c-button--m-control--Color: var(--pf-c-button--m-control--m-expanded--Color);
  --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--m-expanded--BackgroundColor);
  --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--m-expanded--after--BorderBottomColor);
}

.pf-c-button.pf-m-control.pf-m-expanded::after {
  border-bottom-width: var(--pf-c-button--m-control--m-expanded--after--BorderBottomWidth);
}

.pf-c-button.pf-m-plain {
  --pf-c-button--disabled--Color: var(--pf-c-button--m-plain--disabled--Color);
  --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-plain--disabled--BackgroundColor);
  color: var(--pf-c-button--m-plain--Color);
  background-color: var(--pf-c-button--m-plain--BackgroundColor);
}

.pf-c-button.pf-m-plain:hover {
  --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--hover--Color);
  --pf-c-button--m-plain--BackgroundColor: var(--pf-c-button--m-plain--hover--BackgroundColor);
}

.pf-c-button.pf-m-plain:active,
.pf-c-button.pf-m-plain.pf-m-active {
  --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--active--Color);
  --pf-c-button--m-plain--BackgroundColor: var(--pf-c-button--m-plain--active--BackgroundColor);
}

.pf-c-button.pf-m-plain:focus {
  --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--focus--Color);
  --pf-c-button--m-plain--BackgroundColor: var(--pf-c-button--m-plain--focus--BackgroundColor);
}

.pf-c-button:disabled,
.pf-c-button.pf-m-disabled {
  pointer-events: none;
}

.pf-c-button:disabled,
.pf-c-button.pf-m-disabled,
.pf-c-button.pf-m-aria-disabled {
  color: var(--pf-c-button--disabled--Color);
  background-color: var(--pf-c-button--disabled--BackgroundColor);
}

.pf-c-button:disabled::after,
.pf-c-button.pf-m-disabled::after,
.pf-c-button.pf-m-aria-disabled::after {
  border-color: var(--pf-c-button--disabled--after--BorderColor);
}

.pf-c-button:disabled .pf-c-badge,
.pf-c-button.pf-m-disabled .pf-c-badge,
.pf-c-button.pf-m-aria-disabled .pf-c-badge {
  --pf-c-badge--m-unread--Color: var(--pf-c-button--disabled__c-badge--Color);
  --pf-c-badge--m-unread--BackgroundColor: var(--pf-c-button--disabled__c-badge--BackgroundColor);
  --pf-c-button--m-primary__c-badge--BorderWidth: 0;
}

.pf-c-button.pf-m-aria-disabled {
  --pf-c-button--after--BorderWidth: 0;
  --pf-c-button--m-link--m-inline--hover--TextDecoration: none;
  cursor: default;
}

.pf-c-button.pf-m-progress {
  --pf-c-button--PaddingRight: var(--pf-c-button--m-progress--PaddingRight);
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
  transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
}

.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
  --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
}

.pf-c-button.pf-m-in-progress.pf-m-plain {
  --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color);
  --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left);
  --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX);
}

.pf-c-button.pf-m-in-progress.pf-m-plain>:not(.pf-c-button__progress) {
  opacity: 0;
}

.pf-c-button__icon.pf-m-start {
  margin-right: var(--pf-c-button__icon--m-start--MarginRight);
}

.pf-c-button__icon.pf-m-end {
  margin-left: var(--pf-c-button__icon--m-end--MarginLeft);
}

.pf-c-button__progress {
  position: absolute;
  top: var(--pf-c-button__progress--Top);
  left: var(--pf-c-button__progress--Left);
  line-height: 1;
  transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
}

.pf-c-button__progress .pf-c-spinner {
  --pf-c-spinner--Color: currentcolor;
}

.pf-c-button__count {
  display: inline-flex;
  align-items: center;
  margin-left: var(--pf-c-button__count--MarginLeft);
}

.pf-m-overpass-font .pf-c-button {
  --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
}

:where(.pf-theme-dark) .pf-c-button {
  --pf-c-button--disabled--Color: var(--pf-global--disabled-color--300);
  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
  --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-button--m-tertiary--Color: var(--pf-global--palette--black-100);
  --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-button--m-tertiary--hover--Color: var(--pf-global--palette--black-100);
  --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
  --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
  --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
  --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
  --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
  --pf-c-button--m-danger--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-danger--hover--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-danger--focus--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-danger--active--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
  --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
  --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
  --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
  --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
  --pf-c-button--m-control--after--BorderTopColor: transparent;
  --pf-c-button--m-control--after--BorderRightColor: transparent;
  --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--400);
  --pf-c-button--m-control--after--BorderLeftColor: transparent;
  --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
  --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--Color--100);
}

:where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after {
  border: 0;
  border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700);
}


.pf-c-spinner {
  --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);
  --pf-c-spinner--Width: var(--pf-c-spinner--diameter);
  --pf-c-spinner--Height: var(--pf-c-spinner--diameter);
  --pf-c-spinner--Color: var(--pf-global--primary-color--100);
  --pf-c-spinner--m-sm--diameter: var(--pf-global--icon--FontSize--sm);
  --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
  --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
  --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
  width: var(--pf-c-spinner--Width);
  height: var(--pf-c-spinner--Height);
  overflow: hidden;
}

.pf-c-spinner.pf-m-sm {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
}

.pf-c-spinner.pf-m-md {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter);
}

.pf-c-spinner.pf-m-lg {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter);
}

.pf-c-spinner.pf-m-xl {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter);
}

span.pf-c-spinner {
  --pf-c-spinner--AnimationDuration: 1.5s;
  --pf-c-spinner--AnimationTimingFunction: cubic-bezier(.77, .005, .315, 1);
  --pf-c-spinner--stroke-width-multiplier: .1;
  --pf-c-spinner--stroke-width: calc(var(--pf-c-spinner--diameter) * var(--pf-c-spinner--stroke-width-multiplier));
  --pf-c-spinner__clipper--Width: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--Height: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--after--BoxShadowColor: var(--pf-c-spinner--Color);
  --pf-c-spinner__clipper--after--Width: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--after--Height: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--after--BoxShadowSpreadRadius: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__lead-ball--after--BackgroundColor: var(--pf-c-spinner--Color);
  --pf-c-spinner__ball--after--Width: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__ball--after--Height: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__tail-ball--after--BackgroundColor: var(--pf-c-spinner--Color);
  position: relative;
  display: inline-block;
  text-align: left;
  animation: pf-animation-spinner-parent calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite;
}

@keyframes pf-animation-spinner-parent {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(540deg);
  }

  100% {
    transform: rotate(1080deg);
  }
}

.pf-c-spinner__clipper {
  position: absolute;
  width: var(--pf-c-spinner__clipper--Width);
  height: var(--pf-c-spinner__clipper--Height);
  clip-path: inset(0 0 50% 50%);
  animation: pf-animation-spinner__clipper var(--pf-c-spinner--AnimationDuration) linear infinite;
}

@keyframes pf-animation-spinner__clipper {
  0% {
    transform: rotate(90deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.pf-c-spinner__clipper::after {
  position: absolute;
  width: var(--pf-c-spinner__clipper--after--Width);
  height: var(--pf-c-spinner__clipper--after--Height);
  clip-path: inset(0 0 0 50%);
  content: "";
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--pf-c-spinner__clipper--after--BoxShadowSpreadRadius) var(--pf-c-spinner__clipper--after--BoxShadowColor);
  animation: pf-animation-spinner__clipper-after var(--pf-c-spinner--AnimationDuration) linear infinite;
}

@keyframes pf-animation-spinner__clipper-after {
  0% {
    transform: rotate(-180deg);
  }

  100% {
    transform: rotate(90deg);
  }
}

.pf-c-spinner__lead-ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: pf-animation-spinner__lead-ball var(--pf-c-spinner--AnimationDuration) linear infinite;
}

.pf-c-spinner__lead-ball::after {
  position: absolute;
  top: calc(50% - var(--pf-c-spinner__ball--after--Height)/2);
  right: 0;
  width: var(--pf-c-spinner__ball--after--Width);
  height: var(--pf-c-spinner__ball--after--Height);
  content: "";
  background-color: var(--pf-c-spinner__lead-ball--after--BackgroundColor);
  border-radius: 50%;
  transform-origin: top right;
}

@keyframes pf-animation-spinner__lead-ball {
  0% {
    transform: rotate(0deg);
  }

  33% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.pf-c-spinner__tail-ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: pf-animation-spinner__tail-ball var(--pf-c-spinner--AnimationDuration) linear infinite;
}

.pf-c-spinner__tail-ball::after {
  position: absolute;
  top: calc(50% - var(--pf-c-spinner__ball--after--Height)/2);
  right: 0;
  width: var(--pf-c-spinner__ball--after--Width);
  height: var(--pf-c-spinner__ball--after--Height);
  content: "";
  background-color: var(--pf-c-spinner__tail-ball--after--BackgroundColor);
  border-radius: 50%;
  transform-origin: top right;
}

@keyframes pf-animation-spinner__tail-ball {
  0% {
    transform: rotate(0deg);
  }

  66% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

svg.pf-c-spinner {
  --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);
  --pf-c-spinner--AnimationDuration: 1.4s;
  --pf-c-spinner--AnimationTimingFunction: linear;
  --pf-c-spinner--stroke-width: 10;
  --pf-c-spinner__path--Stroke: var(--pf-c-spinner--Color);
  --pf-c-spinner__path--StrokeWidth: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__path--AnimationTimingFunction: ease-in-out;
  --pf-c-spinner--m-sm--diameter: var(--pf-global--icon--FontSize--sm);
  --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
  --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
  --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
  animation: pf-c-spinner-animation-rotate calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite;
}

svg.pf-c-spinner.pf-m-sm {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
}

svg.pf-c-spinner.pf-m-md {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter);
}

svg.pf-c-spinner.pf-m-lg {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter);
}

svg.pf-c-spinner.pf-m-xl {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter);
}

.pf-c-spinner__path {
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
  stroke: var(--pf-c-spinner--Color);
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: var(--pf-c-spinner--stroke-width);
}

@keyframes pf-c-spinner-animation-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes pf-c-spinner-animation-dash {
  0% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }

  15% {
    stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
  }

  40% {
    stroke-dashoffset: 150;
    stroke-dasharray: 220;
  }

  100% {
    stroke-dashoffset: 280;
    transform: rotate(720deg);
  }
}


.pf-c-popover[data-popper-reference-hidden=true] {
  visibility: hidden;
  pointer-events: none;
}


.pf-c-badge {
  --pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
  --pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-badge--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-badge--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-badge--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-badge--Color: var(--pf-global--Color--dark-100);
  --pf-c-badge--MinWidth: var(--pf-global--spacer--xl);
  --pf-c-badge--m-read--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-badge--m-read--Color: var(--pf-global--Color--dark-100);
  --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--100);
  --pf-c-badge--m-unread--Color: var(--pf-global--Color--light-100);
  display: inline-block;
  min-width: var(--pf-c-badge--MinWidth);
  padding-right: var(--pf-c-badge--PaddingRight);
  padding-left: var(--pf-c-badge--PaddingLeft);
  font-size: var(--pf-c-badge--FontSize);
  font-weight: var(--pf-c-badge--FontWeight);
  color: var(--pf-c-badge--Color);
  text-align: center;
  background-color: var(--pf-c-badge--BackgroundColor);
  border-radius: var(--pf-c-badge--BorderRadius);
}

.pf-c-badge.pf-m-read {
  --pf-c-badge--Color: var(--pf-c-badge--m-read--Color);
  --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-read--BackgroundColor);
}

.pf-c-badge.pf-m-unread {
  --pf-c-badge--Color: var(--pf-c-badge--m-unread--Color);
  --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor);
}

:where(.pf-theme-dark) .pf-c-badge {
  --pf-c-badge--m-read--BackgroundColor: var(--pf-global--palette--black-500);
  --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--300);
}


.pf-c-tooltip {
  --pf-c-tooltip--MaxWidth: 18.75rem;
  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-tooltip__arrow--Width: 0.5rem;
  --pf-c-tooltip__arrow--Height: 0.5rem;
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
  --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
  --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
  --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
  --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
  --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
  --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
  --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
  --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
  --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
  position: relative;
  max-width: var(--pf-c-tooltip--MaxWidth);
  box-shadow: var(--pf-c-tooltip--BoxShadow);
}

.pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
  bottom: 0;
  left: 50%;
  transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
}

.pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
  top: 0;
  left: 50%;
  transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
}

.pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
  top: 50%;
  right: 0;
  transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
}

.pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
  top: 50%;
  left: 0;
  transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
}

.pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
  top: var(--pf-c-tooltip__arrow--Height);
}

.pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
  top: auto;
  bottom: 0;
}

.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
  left: var(--pf-c-tooltip__arrow--Width);
}

.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
  right: 0;
  left: auto;
}

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

.pf-c-tooltip__content.pf-m-text-align-left {
  text-align: left;
}

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

:where(.pf-theme-dark) .pf-c-tooltip {
  --pf-c-tooltip--BoxShadow: none;
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
}

:where(.pf-theme-dark) .pf-c-tooltip,
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
  border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
}

:where(.pf-theme-dark) .pf-c-tooltip__arrow {
  --pf-c-tooltip__arrow--Width: 0.9375rem;
  --pf-c-tooltip__arrow--Height: 0.9375rem;
}


.pf-c-form {
  --pf-c-form--GridGap: var(--pf-global--gutter--md);
  --pf-c-form__group--m-action--MarginTop: var(--pf-global--spacer--xl);
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
  --pf-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-global--spacer--md);
  --pf-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
  --pf-c-form--m-limit-width--MaxWidth: 55rem;
  --pf-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md)) + (2 * var(--pf-global--BorderWidth--sm))) - var(--pf-global--FontSize--md)) / 2) + var(--pf-global--FontSize--md)) - ((((var(--pf-global--FontSize--sm) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--sm)) / 2) + var(--pf-global--FontSize--sm)) + var(--pf-global--BorderWidth--sm));
  --pf-c-form__group-label--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;
  --pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-global--FontSize--sm) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--sm)) / 2) + var(--pf-global--FontSize--sm)) - ((((var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--md)) / 2) + var(--pf-global--FontSize--md)));
  --pf-c-form__label--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__label--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-form__label--m-disabled--Color: var(--pf-global--disabled-color--100);
  --pf-c-form__label--hover--Cursor: pointer;
  --pf-c-form__label--m-disabled--hover--Cursor: not-allowed;
  --pf-c-form__label-text--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-form__label-required--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-form__label-required--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__label-required--Color: var(--pf-global--danger-color--100);
  --pf-c-form__group-label-help--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-form__group-label-help--PaddingRight: var(--pf-global--spacer--xs);
  --pf-c-form__group-label-help--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-form__group-label-help--PaddingLeft: var(--pf-global--spacer--xs);
  --pf-c-form__group-label-help--MarginTop: calc(var(--pf-c-form__group-label-help--PaddingTop) * -1);
  --pf-c-form__group-label-help--MarginRight: calc(var(--pf-c-form__group-label-help--PaddingRight) * -1);
  --pf-c-form__group-label-help--MarginBottom: calc(var(--pf-c-form__group-label-help--PaddingBottom) * -1);
  --pf-c-form__group-label-help--MarginLeft: calc(var(--pf-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-global--spacer--xs));
  --pf-c-form__group-label-help--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__group-label-help--TranslateY: 0.125rem;
  --pf-c-form__group-label-help--Color: var(--pf-global--Color--200);
  --pf-c-form__group-label-help--hover--Color: var(--pf-global--Color--100);
  --pf-c-form__group-label-help--focus--Color: var(--pf-global--Color--100);
  --pf-c-form__group-label-info--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-form__group-label-info--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__group-control--m-inline--child--MarginRight: var(--pf-global--spacer--lg);
  --pf-c-form__group-control__helper-text--MarginBottom: var(--pf-global--spacer--xs);
  --pf-c-grid__group-control--m-stack--Gap: var(--pf-global--spacer--sm);
  --pf-c-grid__group-control--m-stack__helper-text--MarginTop: calc(var(--pf-c-grid__group-control--m-stack--Gap) * -1 + var(--pf-c-form__helper-text--MarginTop--base));
  --pf-c-form__actions--child--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-form__actions--child--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-form__actions--child--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-form__actions--child--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-form__actions--MarginTop: calc(var(--pf-c-form__actions--child--MarginTop) * -1);
  --pf-c-form__actions--MarginRight: calc(var(--pf-c-form__actions--child--MarginRight) * -1);
  --pf-c-form__actions--MarginBottom: calc(var(--pf-c-form__actions--child--MarginBottom) * -1);
  --pf-c-form__actions--MarginLeft: calc(var(--pf-c-form__actions--child--MarginLeft) * -1);
  --pf-c-form__helper-text--MarginTop--base: var(--pf-global--spacer--xs);
  --pf-c-form__helper-text--MarginTop: var(--pf-c-form__helper-text--MarginTop--base);
  --pf-c-form__helper-text--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__helper-text--Color: var(--pf-global--Color--100);
  --pf-c-form__helper-text-icon--FontSize: var(--pf-global--FontSize--md);
  --pf-c-form__helper-text-icon--MarginRight: var(--pf-global--spacer--xs);
  --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--200);
  --pf-c-form__helper-text--m-warning--Color: var(--pf-global--warning-color--200);
  --pf-c-form__helper-text--m-error--Color: var(--pf-global--danger-color--100);
  --pf-c-form__section--MarginTop: var(--pf-global--spacer--xl);
  --pf-c-form__section--Gap: var(--pf-global--gutter--md);
  --pf-c-form__section-title--FontSize: var(--pf-global--FontSize--lg);
  --pf-c-form__section-title--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-form__section-title--MarginBottom: calc(var(--pf-global--spacer--sm) * -1);
  --pf-c-form__field-group--border-width-base: var(--pf-global--BorderWidth--sm);
  --pf-c-form__field-group--BorderTopWidth: var(--pf-c-form__field-group--border-width-base);
  --pf-c-form__field-group--BorderTopColor: var(--pf-global--BorderColor--100);
  --pf-c-form__field-group--BorderBottomWidth: var(--pf-c-form__field-group--border-width-base);
  --pf-c-form__field-group--BorderBottomColor: var(--pf-global--BorderColor--100);
  --pf-c-form__field-group--field-group--MarginTop: calc(var(--pf-c-form--GridGap) * -1);
  --pf-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-form__field-group-toggle-icon--MinWidth) + var(--pf-global--spacer--xs));
  --pf-c-form__field-group-toggle--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-form__field-group-toggle--PaddingRight: var(--pf-global--spacer--xs);
  --pf-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-global--BorderWidth--sm);
  --pf-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-c-form__field-group-header-toggle--BorderWidth--base);
  --pf-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
  --pf-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
  --pf-c-form__field-group-toggle-icon--Transition: var(--pf-global--Transition);
  --pf-c-form__field-group-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
  --pf-c-form__field-group-toggle-icon--Rotate: 0;
  --pf-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-form__field-group-header--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-form__field-group-header--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-form__field-group-header--GridColumn: 1 / 3;
  --pf-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
  --pf-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-c-form__field-group-header-toggle--BorderWidth--base);
  --pf-c-form__field-group-header-description--MarginTop: var(--pf-global--spacer--xs);
  --pf-c-form__field-group-header-description--Color: var(--pf-global--Color--200);
  --pf-c-form__field-group-header-actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
  --pf-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
  --pf-c-form__field-group-header-actions--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-form__field-group-body--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-form__field-group-body--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-form__field-group-body--Gap: var(--pf-c-form--GridGap);
  --pf-c-form__field-group-body--GridColumn: 2 / 3;
  --pf-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
  --pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
  --pf-c-form__field-group-body__field-group--last-child--MarginBottom: calc(var(--pf-c-form__field-group-body--PaddingBottom) * -1);
  display: grid;
  gap: var(--pf-c-form--GridGap);
}

.pf-c-form.pf-m-horizontal.pf-m-align-right .pf-c-form__label {
  text-align: right;
}

@media screen and (min-width: 768px) {
  .pf-c-form.pf-m-horizontal {
    --pf-c-form__group-label--PaddingBottom: 0;
  }

  .pf-c-form.pf-m-horizontal .pf-c-form__group {
    display: grid;
    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }

  .pf-c-form.pf-m-horizontal .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }

  .pf-c-form.pf-m-horizontal .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
  }

  .pf-c-form.pf-m-horizontal .pf-c-form__group-control {
    grid-column: 2;
  }
}

@media screen and (min-width: 0) {
  .pf-c-form.pf-m-horizontal-on-xs {
    --pf-c-form__group-label--PaddingBottom: 0;
  }

  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
    display: grid;
    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }

  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }

  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
  }

  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-control {
    grid-column: 2;
  }
}

@media (min-width: 576px) {
  .pf-c-form.pf-m-horizontal-on-sm {
    --pf-c-form__group-label--PaddingBottom: 0;
  }

  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
    display: grid;
    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }

  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }

  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
  }

  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-control {
    grid-column: 2;
  }
}

@media (min-width: 768px) {
  .pf-c-form.pf-m-horizontal-on-md {
    --pf-c-form__group-label--PaddingBottom: 0;
  }

  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
    display: grid;
    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }

  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }

  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
  }

  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-control {
    grid-column: 2;
  }
}

@media (min-width: 992px) {
  .pf-c-form.pf-m-horizontal-on-lg {
    --pf-c-form__group-label--PaddingBottom: 0;
  }

  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
    display: grid;
    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }

  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }

  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
  }

  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-control {
    grid-column: 2;
  }
}

@media (min-width: 1200px) {
  .pf-c-form.pf-m-horizontal-on-xl {
    --pf-c-form__group-label--PaddingBottom: 0;
  }

  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
    display: grid;
    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }

  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }

  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
  }

  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-control {
    grid-column: 2;
  }
}

@media (min-width: 1450px) {
  .pf-c-form.pf-m-horizontal-on-2xl {
    --pf-c-form__group-label--PaddingBottom: 0;
  }

  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
    display: grid;
    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }

  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }

  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
  }

  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-control {
    grid-column: 2;
  }
}

.pf-c-form.pf-m-limit-width {
  max-width: var(--pf-c-form--m-limit-width--MaxWidth);
}

.pf-c-form__group.pf-m-action {
  margin-top: var(--pf-c-form__group--m-action--MarginTop);
  overflow: hidden;
}

.pf-c-form__section {
  display: grid;
  gap: var(--pf-c-form__section--Gap);
}

.pf-c-form__section+.pf-c-form__group:not(.pf-m-action),
.pf-c-form__section:not(:first-child) {
  margin-top: var(--pf-c-form__section--MarginTop);
}

.pf-c-form__section-title {
  margin-bottom: var(--pf-c-form__section-title--MarginBottom);
  font-size: var(--pf-c-form__section-title--FontSize);
  font-weight: var(--pf-c-form__section-title--FontWeight);
}

.pf-c-form__group-label {
  --pf-c-form__helper-text--MarginTop: 0;
  padding-bottom: var(--pf-c-form__group-label--PaddingBottom);
}

.pf-c-form__group-label.pf-m-info {
  display: flex;
  align-items: flex-end;
}

.pf-c-form__group-label-main {
  flex-grow: 1;
}

.pf-c-form__group-label-info {
  margin-left: var(--pf-c-form__group-label-info--MarginLeft);
  font-size: var(--pf-c-form__group-label-info--FontSize);
}

.pf-c-form__label {
  font-size: var(--pf-c-form__label--FontSize);
  line-height: var(--pf-c-form__label--LineHeight);
}

.pf-c-form__label::selection {
  background-color: none;
}

.pf-c-form__label:not(.pf-m-disabled):hover {
  cursor: var(--pf-c-form__label--hover--Cursor);
}

.pf-c-form__label.pf-m-disabled {
  color: var(--pf-c-form__label--m-disabled--Color);
}

.pf-c-form__label.pf-m-disabled:hover {
  cursor: var(--pf-c-form__label--m-disabled--hover--Cursor);
}

.pf-c-form__label-text {
  font-weight: var(--pf-c-form__label-text--FontWeight);
}

.pf-c-form__label-required {
  margin-left: var(--pf-c-form__label-required--MarginLeft);
  font-size: var(--pf-c-form__label-required--FontSize);
  color: var(--pf-c-form__label-required--Color);
}

.pf-c-form__group-label-help {
  padding-top: var(--pf-c-form__group-label-help--PaddingTop);
  padding-right: var(--pf-c-form__group-label-help--PaddingRight);
  padding-bottom: var(--pf-c-form__group-label-help--PaddingBottom);
  padding-left: var(--pf-c-form__group-label-help--PaddingLeft);
  margin-top: var(--pf-c-form__group-label-help--MarginTop);
  margin-right: var(--pf-c-form__group-label-help--MarginRight);
  margin-bottom: var(--pf-c-form__group-label-help--MarginBottom);
  margin-left: var(--pf-c-form__group-label-help--MarginLeft);
  font-size: var(--pf-c-form__group-label-help--FontSize);
  line-height: 1;
  color: var(--pf-c-form__group-label-help--Color);
  border: 0;
  transform: translateY(var(--pf-c-form__group-label-help--TranslateY));
}

.pf-c-form__group-label-help:hover {
  --pf-c-form__group-label-help--Color: var(--pf-c-form__group-label-help--hover--Color);
}

.pf-c-form__group-label-help:focus-within {
  --pf-c-form__group-label-help--Color: var(--pf-c-form__group-label-help--focus--Color);
}

.pf-c-form__group-control.pf-m-inline {
  display: flex;
  flex-flow: row wrap;
}

.pf-c-form__group-control.pf-m-inline>* {
  margin-right: var(--pf-c-form__group-control--m-inline--child--MarginRight);
}

.pf-c-form__group-control.pf-m-inline>:last-child {
  --pf-c-form__group-control--m-inline--child--MarginRight: 0;
}

.pf-c-form__group-control.pf-m-stack {
  display: grid;
  gap: var(--pf-c-grid__group-control--m-stack--Gap);
  --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
}

.pf-c-form__group-control .pf-c-form__helper-text:first-child {
  --pf-c-form__helper-text--MarginTop: 0;
  margin-bottom: var(--pf-c-form__group-control__helper-text--MarginBottom);
}

.pf-c-form__helper-text {
  margin-top: var(--pf-c-form__helper-text--MarginTop);
  font-size: var(--pf-c-form__helper-text--FontSize);
  color: var(--pf-c-form__helper-text--Color);
}

.pf-c-form__helper-text.pf-m-error {
  --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-error--Color);
}

.pf-c-form__helper-text.pf-m-success {
  --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-success--Color);
}

.pf-c-form__helper-text.pf-m-warning {
  --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-warning--Color);
}

.pf-c-form__helper-text.pf-m-inactive {
  display: none;
  visibility: hidden;
}

.pf-c-form__helper-text.pf-m-hidden {
  visibility: hidden;
  opacity: 0;
}

.pf-c-form__helper-text-icon {
  margin-right: var(--pf-c-form__helper-text-icon--MarginRight);
  font-size: var(--pf-c-form__helper-text-icon--FontSize);
}

.pf-c-form__fieldset {
  border: 0;
}

.pf-c-form__actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--pf-c-form__actions--MarginTop);
  margin-right: var(--pf-c-form__actions--MarginRight);
  margin-bottom: var(--pf-c-form__actions--MarginBottom);
  margin-left: var(--pf-c-form__actions--MarginLeft);
}

.pf-c-form__actions>* {
  margin-top: var(--pf-c-form__actions--child--MarginTop);
  margin-right: var(--pf-c-form__actions--child--MarginRight);
  margin-bottom: var(--pf-c-form__actions--child--MarginBottom);
  margin-left: var(--pf-c-form__actions--child--MarginLeft);
}

.pf-c-form__field-group {
  --pf-c-form__field-group--BorderTopWidth: var(--pf-c-form__field-group--border-width-base);
  display: grid;
  grid-template-columns: minmax(var(--pf-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
  border-top: var(--pf-c-form__field-group--BorderTopWidth) solid var(--pf-c-form__field-group--BorderTopColor);
  border-bottom: var(--pf-c-form__field-group--BorderBottomWidth) solid var(--pf-c-form__field-group--BorderBottomColor);
}

.pf-c-form__field-group:last-child {
  --pf-c-form__field-group--BorderBottomWidth: 0;
}

.pf-c-form__field-group+.pf-c-form__field-group,
.pf-c-form__field-group:first-child {
  --pf-c-form__field-group--BorderTopWidth: 0;
}

.pf-c-form__field-group+.pf-c-form__field-group {
  margin-top: var(--pf-c-form__field-group--field-group--MarginTop);
}

.pf-c-form__field-group .pf-c-form__field-group {
  --pf-c-form__field-group-body--GridColumn: var(--pf-c-form__field-group__field-group__field-group-body--GridColumn);
  --pf-c-form__field-group-toggle--PaddingTop: var(--pf-c-form__field-group__field-group__field-group-toggle--PaddingTop);
  --pf-c-form__field-group-header--PaddingTop: var(--pf-c-form__field-group__field-group__field-group-header--PaddingTop);
  --pf-c-form__field-group-header--PaddingBottom: var(--pf-c-form__field-group__field-group__field-group-header--PaddingBottom);
  --pf-c-form__field-group-body--PaddingTop: 0;
}

.pf-c-form__field-group .pf-c-form__field-group .pf-c-form__field-group-toggle~.pf-c-form__field-group-body {
  --pf-c-form__field-group-body--GridColumn: var(--pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
}

.pf-c-form__field-group.pf-m-expanded>.pf-c-form__field-group-toggle {
  --pf-c-form__field-group-toggle-icon--Rotate: var(--pf-c-form__field-group--m-expanded__toggle-icon--Rotate);
}

.pf-c-form__field-group-toggle {
  grid-column: 1/2;
  grid-row: 1/2;
  padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
  padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
}

.pf-c-form__field-group-toggle+.pf-c-form__field-group-header {
  --pf-c-form__field-group-header--GridColumn: var(--pf-c-form__field-group-toggle--field-group-header--GridColumn);
}

.pf-c-form__field-group-toggle-button {
  margin-top: var(--pf-c-form__field-group-toggle-button--MarginTop);
  margin-bottom: var(--pf-c-form__field-group-toggle-button--MarginBottom);
}

.pf-c-form__field-group-toggle-icon {
  display: inline-block;
  min-width: var(--pf-c-form__field-group-toggle-icon--MinWidth);
  text-align: center;
  transition: var(--pf-c-form__field-group-toggle-icon--Transition);
  transform: rotate(var(--pf-c-form__field-group-toggle-icon--Rotate));
}

.pf-c-form__field-group-header {
  grid-column: var(--pf-c-form__field-group-header--GridColumn);
  grid-row: 1/2;
  display: flex;
  align-items: flex-start;
  padding-top: var(--pf-c-form__field-group-header--PaddingTop);
  padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
}

.pf-c-form__field-group-header-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.pf-c-form__field-group-header-title {
  display: flex;
}

.pf-c-form__field-group-header-title-text {
  flex-grow: 1;
}

.pf-c-form__field-group-header-description {
  margin-top: var(--pf-c-form__field-group-header-description--MarginTop);
  color: var(--pf-c-form__field-group-header-description--Color);
}

.pf-c-form__field-group-header-actions {
  margin-top: var(--pf-c-form__field-group-header-actions--MarginTop);
  margin-bottom: var(--pf-c-form__field-group-header-actions--MarginBottom);
  margin-left: var(--pf-c-form__field-group-header-actions--MarginLeft);
  white-space: nowrap;
}

.pf-c-form__field-group-body {
  grid-column: var(--pf-c-form__field-group-body--GridColumn);
  display: grid;
  gap: var(--pf-c-form__field-group-body--Gap);
  padding-top: var(--pf-c-form__field-group-body--PaddingTop);
  padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
}

.pf-c-form__field-group-body>.pf-c-form__field-group:first-child {
  --pf-c-form__field-group-toggle--PaddingTop: 0;
  --pf-c-form__field-group-header--PaddingTop: 0;
}

.pf-c-form__field-group-body>.pf-c-form__field-group:last-child {
  margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom);
}

:where(.pf-theme-dark) .pf-c-form {
  --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
}


.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
  --pf-global--Color--100: var(--pf-global--Color--light-100);
  --pf-global--Color--200: var(--pf-global--Color--light-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
  --pf-global--link--Color: var(--pf-global--link--Color--light);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
}

.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card {
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
}

.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
  --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
}

.pf-c-log-viewer {
  --pf-c-log-viewer--Height: 100%;
  --pf-c-log-viewer--MaxHeight: auto;
  --pf-c-log-viewer--m-line-numbers__index--Display: inline;
  --pf-c-log-viewer__header--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-log-viewer__main--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
  --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
  --pf-c-log-viewer__list--Height: auto;
  --pf-c-log-viewer--m-line-numbers__list--Left: var(--pf-c-log-viewer__index--Width);
  --pf-c-log-viewer__list--FontFamily: var(--pf-global--FontFamily--monospace);
  --pf-c-log-viewer__list--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-log-viewer__index--Display: none;
  --pf-c-log-viewer__index--Width: 4.0625rem;
  --pf-c-log-viewer__index--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-log-viewer__index--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
  --pf-c-log-viewer__index--BackgroundColor: transparent;
  --pf-c-log-viewer--line-number-chars: 4.4;
  --pf-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-global--spacer--xs);
  --pf-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-c-log-viewer--line-number-chars) + var(--pf-c-log-viewer__index--PaddingRight) + var(--pf-c-log-viewer__index--PaddingLeft));
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
  --pf-c-log-viewer__text--WordBreak: break-all;
  --pf-c-log-viewer__text--WhiteSpace: break-spaces;
  --pf-c-log-viewer__text--LineBreak: anywhere;
  --pf-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
  --pf-c-log-viewer__string--m-match--Color: var(--pf-global--palette--gold-700);
  --pf-c-log-viewer__string--m-match--BackgroundColor: var(--pf-global--palette--gold-100);
  --pf-c-log-viewer__string--m-current--Color: var(--pf-global--palette--gold-700);
  --pf-c-log-viewer__string--m-current--BackgroundColor: var(--pf-global--palette--gold-400);
  --pf-c-log-viewer__timestamp--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-log-viewer--c-toolbar--PaddingTop: 0;
  --pf-c-log-viewer--c-toolbar--PaddingBottom: 0;
  --pf-c-log-viewer--c-toolbar__content--PaddingRight: 0;
  --pf-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
  --pf-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
  --pf-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-global--spacer--sm);
  --pf-c-log-viewer--m-dark__main--BorderWidth: 0;
  display: flex;
  flex-direction: column;
  height: var(--pf-c-log-viewer--Height);
  max-height: var(--pf-c-log-viewer--MaxHeight);
}

.pf-c-log-viewer.pf-m-dark {
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
}

.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
  color: var(--pf-global--Color--100);
  --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
}

.pf-c-log-viewer.pf-m-wrap-text {
  word-break: break-all;
}

.pf-c-log-viewer.pf-m-nowrap {
  --pf-c-log-viewer__text--WhiteSpace: var(--pf-c-log-viewer--m-nowrap__text--WhiteSpace);
}

.pf-c-log-viewer.pf-m-line-numbers {
  --pf-c-log-viewer__index--Display: var(--pf-c-log-viewer--m-line-numbers__index--Display);
}

.pf-c-log-viewer.pf-m-line-numbers .pf-c-log-viewer__list {
  position: absolute;
  right: 0;
  left: var(--pf-c-log-viewer--m-line-numbers__list--Left);
}

.pf-c-log-viewer.pf-m-line-numbers .pf-c-log-viewer__list::before {
  position: absolute;
  top: var(--pf-c-log-viewer--m-line-numbers__main--before--Top);
  bottom: var(--pf-c-log-viewer--m-line-numbers__main--before--Bottom);
  left: 0;
  width: var(--pf-c-log-viewer--m-line-numbers__main--before--Width);
  content: "";
  background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor);
}

.pf-c-log-viewer.pf-m-line-number-chars {
  --pf-c-log-viewer__index--PaddingRight: var(--pf-c-log-viewer--m-line-number-chars__index--PaddingRight);
  --pf-c-log-viewer__index--Width: var(--pf-c-log-viewer--m-line-number-chars__index--Width);
}

.pf-c-log-viewer .pf-c-toolbar {
  --pf-c-toolbar--PaddingTop: var(--pf-c-log-viewer--c-toolbar--PaddingTop);
  --pf-c-toolbar--PaddingBottom: var(--pf-c-log-viewer--c-toolbar--PaddingBottom);
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-log-viewer--c-toolbar__content--PaddingRight);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-log-viewer--c-toolbar__content--PaddingLeft);
  --pf-c-toolbar__group--m-toggle-group--spacer: 0;
  --pf-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer);
}

.pf-c-log-viewer .pf-c-toolbar__content-section {
  flex-wrap: nowrap;
}

.pf-c-log-viewer .pf-c-search-input {
  width: 100%;
}

.pf-c-log-viewer__header {
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
}

.pf-c-log-viewer__main {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background-color: var(--pf-c-log-viewer__main--BackgroundColor);
  border: var(--pf-c-log-viewer__main--BorderWidth) solid var(--pf-c-log-viewer__main--BorderColor);
}

.pf-c-log-viewer__scroll-container {
  position: relative;
  height: var(--pf-c-log-viewer__scroll-container--Height);
  padding-top: var(--pf-c-log-viewer__scroll-container--PaddingTop);
  padding-bottom: var(--pf-c-log-viewer__scroll-container--PaddingBottom);
  overflow: auto;
  will-change: transform;
  direction: ltr;
}

.pf-c-log-viewer__list {
  position: relative;
  height: var(--pf-c-log-viewer__list--Height);
  font-family: var(--pf-c-log-viewer__list--FontFamily);
  font-size: var(--pf-c-log-viewer__list--FontSize);
}

.pf-c-log-viewer__list-item {
  left: 0;
  width: 100%;
}

.pf-c-log-viewer__string.pf-m-match {
  color: var(--pf-c-log-viewer__string--m-match--Color, inherit);
  background-color: var(--pf-c-log-viewer__string--m-match--BackgroundColor);
}

.pf-c-log-viewer__string.pf-m-current {
  color: var(--pf-c-log-viewer__string--m-current--Color, inherit);
  background-color: var(--pf-c-log-viewer__string--m-current--BackgroundColor);
}

.pf-c-log-viewer__index {
  position: fixed;
  left: 0;
  display: var(--pf-c-log-viewer__index--Display);
  width: var(--pf-c-log-viewer__index--Width);
  padding-right: var(--pf-c-log-viewer__index--PaddingRight);
  padding-left: var(--pf-c-log-viewer__index--PaddingLeft);
  font-family: var(--pf-c-log-viewer__index--FontFamily, inherit);
  font-size: var(--pf-c-log-viewer__index--FontSize, inherit);
  color: var(--pf-c-log-viewer__index--Color);
  user-select: none;
  background-color: var(--pf-c-log-viewer__index--BackgroundColor);
}

.pf-c-log-viewer__text {
  display: block;
  padding-right: var(--pf-c-log-viewer__text--PaddingRight);
  padding-left: var(--pf-c-log-viewer__text--PaddingLeft);
  font-family: var(--pf-c-log-viewer__text--FontFamily, inherit);
  font-size: var(--pf-c-log-viewer__text--FontSize, inherit);
  color: var(--pf-c-log-viewer__text--Color);
  word-break: var(--pf-c-log-viewer__text--WordBreak);
  white-space: var(--pf-c-log-viewer__text--WhiteSpace);
  line-break: var(--pf-c-log-viewer__text--LineBreak);
}

.pf-c-log-viewer__timestamp {
  font-weight: var(--pf-c-log-viewer__timestamp--FontWeight);
}

:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
  --pf-global--Color--100: #e0e0e0;
  --pf-global--Color--200: #aaabac;
  --pf-global--BorderColor--100: #444548;
  --pf-global--primary-color--100: #1fa7f8;
  --pf-global--link--Color: #1fa7f8;
  --pf-global--link--Color--hover: #73bcf7;
  --pf-global--BackgroundColor--100: #1b1d21;
}

:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card {
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
}

:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
}

:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
  color: var(--pf-global--Color--100);
}


.pf-c-tabs {
  --pf-c-tabs--inset: 0;
  --pf-c-tabs--Width: auto;
  --pf-c-tabs--before--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-tabs--before--border-width--base: var(--pf-global--BorderWidth--sm);
  --pf-c-tabs--before--BorderTopWidth: 0;
  --pf-c-tabs--before--BorderRightWidth: 0;
  --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs--before--BorderLeftWidth: 0;
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
  --pf-c-tabs--m-page-insets--inset: var(--pf-global--spacer--md);
  --pf-c-tabs--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
  --pf-c-tabs--m-vertical--Width: 100%;
  --pf-c-tabs--m-vertical--MaxWidth: 15.625rem;
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  --pf-c-tabs--m-vertical__list--before--BorderColor: var(--pf-c-tabs--before--BorderColor);
  --pf-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
  --pf-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
  --pf-c-tabs--m-vertical__list--before--BorderBottomWidth: 0;
  --pf-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
  --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor: transparent;
  --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
  --pf-c-tabs__list--Display: flex;
  --pf-c-tabs__list--Visibility: visible;
  --pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-tabs__item--m-action__link--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-tabs__link--Color: var(--pf-global--Color--200);
  --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
  --pf-c-tabs__link--BackgroundColor: transparent;
  --pf-c-tabs__link--OutlineOffset: calc(-1 * 0.375rem);
  --pf-c-tabs__link--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-tabs__link--disabled--Color: var(--pf-global--disabled-color--100);
  --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
  --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
  --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-tabs--m-vertical__link--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-tabs--m-vertical__link--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-tabs--m-box__link--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
  --pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor: var(--pf-global--palette--black-400);
  --pf-c-tabs--m-secondary__link--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-tabs__link--before--border-color--base: var(--pf-global--BorderColor--100);
  --pf-c-tabs__link--before--border-width--base: var(--pf-global--BorderWidth--sm);
  --pf-c-tabs__link--before--BorderTopColor: var(--pf-c-tabs__link--before--border-color--base);
  --pf-c-tabs__link--before--BorderRightColor: var(--pf-c-tabs__link--before--border-color--base);
  --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--before--border-color--base);
  --pf-c-tabs__link--before--BorderLeftColor: var(--pf-c-tabs__link--before--border-color--base);
  --pf-c-tabs__link--before--BorderTopWidth: 0;
  --pf-c-tabs__link--before--BorderRightWidth: 0;
  --pf-c-tabs__link--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--before--BorderLeftWidth: 0;
  --pf-c-tabs__link--before--Left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
  --pf-c-tabs__link--disabled--before--BorderRightWidth: 0;
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs__link--disabled--before--BorderLeftWidth: 0;
  --pf-c-tabs__link--after--Top: auto;
  --pf-c-tabs__link--after--Right: 0;
  --pf-c-tabs__link--after--Bottom: 0;
  --pf-c-tabs__link--after--BorderColor: var(--pf-global--BorderColor--light-100);
  --pf-c-tabs__link--after--BorderWidth: 0;
  --pf-c-tabs__link--after--BorderTopWidth: 0;
  --pf-c-tabs__link--after--BorderRightWidth: 0;
  --pf-c-tabs__link--after--BorderLeftWidth: 0;
  --pf-c-tabs__link--hover--after--BorderWidth: var(--pf-global--BorderWidth--lg);
  --pf-c-tabs__link--focus--after--BorderWidth: var(--pf-global--BorderWidth--lg);
  --pf-c-tabs__link--active--after--BorderWidth: var(--pf-global--BorderWidth--lg);
  --pf-c-tabs__item--m-current__link--after--BorderColor: var(--pf-global--active-color--100);
  --pf-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-global--BorderWidth--lg);
  --pf-c-tabs__link--child--MarginRight: var(--pf-global--spacer--md);
  --pf-c-tabs__scroll-button--Color: var(--pf-global--Color--100);
  --pf-c-tabs__scroll-button--hover--Color: var(--pf-global--active-color--100);
  --pf-c-tabs__scroll-button--disabled--Color: var(--pf-global--disabled-color--200);
  --pf-c-tabs__scroll-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-tabs__scroll-button--Width: var(--pf-global--spacer--2xl);
  --pf-c-tabs__scroll-button--xl--Width: var(--pf-global--spacer--3xl);
  --pf-c-tabs__scroll-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
  --pf-c-tabs__scroll-button--TransitionDuration--margin: .125s;
  --pf-c-tabs__scroll-button--TransitionDuration--transform: .125s;
  --pf-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
  --pf-c-tabs__scroll-button--before--BorderColor: var(--pf-c-tabs--before--BorderColor);
  --pf-c-tabs__scroll-button--before--border-width--base: var(--pf-global--BorderWidth--sm);
  --pf-c-tabs__scroll-button--before--BorderRightWidth: 0;
  --pf-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-c-tabs__scroll-button--before--border-width--base);
  --pf-c-tabs__scroll-button--before--BorderLeftWidth: 0;
  --pf-c-tabs__list--ScrollSnapTypeAxis: x;
  --pf-c-tabs__list--ScrollSnapTypeStrictness: proximity;
  --pf-c-tabs__list--ScrollSnapType: var(--pf-c-tabs__list--ScrollSnapTypeAxis) var(--pf-c-tabs__list--ScrollSnapTypeStrictness);
  --pf-c-tabs__item--ScrollSnapAlign: end;
  --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
  --pf-c-tabs__toggle--Display: flex;
  --pf-c-tabs__toggle--Visibility: hidden;
  --pf-c-tabs__toggle--MarginBottom: 0;
  --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
  --pf-c-tabs__toggle-icon--Color: currentcolor;
  --pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
  --pf-c-tabs__toggle-icon--Rotate: 0;
  --pf-c-tabs__toggle-text--MarginLeft: 0;
  --pf-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-tabs__toggle-button__toggle-text--Color: var(--pf-global--Color--100);
  --pf-c-tabs__toggle-button--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
  --pf-c-tabs__toggle-button--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
  --pf-c-tabs__toggle-button--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
  --pf-c-tabs--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
  --pf-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-tabs__item-close--c-button--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-tabs--m-secondary__item-close--c-button--FontSize: var(--pf-global--icon--FontSize--sm);
  --pf-c-tabs__item-close--c-button--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-tabs__item-close--c-button--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tabs__item-close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-tabs__item-close--c-button--OutlineOffset: -0.1875rem;
  --pf-c-tabs__item-close-icon--MarginTop: 0.125rem;
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
  --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
  --pf-c-tabs__link-toggle-icon--Color: var(--pf-global--Color--200);
  --pf-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
  --pf-c-tabs__link-toggle-icon--Rotate: 0;
  --pf-c-tabs__link-toggle-icon--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
  --pf-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-tabs__link--hover__toggle-icon--Color: var(--pf-global--Color--100);
  --pf-c-tabs__link--active__toggle-icon--Color: var(--pf-global--Color--100);
  --pf-c-tabs__link--focus__toggle-icon--Color: var(--pf-global--Color--100);
  position: relative;
  display: flex;
  width: var(--pf-c-tabs--Width);
  padding-right: var(--pf-c-tabs--inset);
  padding-left: var(--pf-c-tabs--inset);
  overflow: hidden;
}

@media screen and (min-width: 1200px) {
  .pf-c-tabs {
    --pf-c-tabs__scroll-button--Width: var(--pf-c-tabs__scroll-button--xl--Width);
    --pf-c-tabs--m-page-insets--inset: var(--pf-c-tabs--m-page-insets--xl--inset);
  }
}

.pf-c-tabs::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid var(--pf-c-tabs--before--BorderColor);
  border-width: var(--pf-c-tabs--before--BorderTopWidth) var(--pf-c-tabs--before--BorderRightWidth) var(--pf-c-tabs--before--BorderBottomWidth) var(--pf-c-tabs--before--BorderLeftWidth);
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__list {
  flex-basis: 100%;
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__item {
  flex-grow: 1;
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__item:first-child {
  --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: 0;
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__item:last-child {
  --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: 0;
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__link {
  flex-basis: 100%;
  justify-content: center;
}

.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button {
  opacity: 1;
}

.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(1) {
  margin-right: 0;
  transform: translateX(0);
}

.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2) {
  margin-left: 0;
  transform: translateX(0);
}

.pf-c-tabs.pf-m-secondary,
.pf-c-tabs.pf-m-no-border-bottom {
  --pf-c-tabs--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
}

.pf-c-tabs.pf-m-border-bottom {
  --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
}

.pf-c-tabs.pf-m-box .pf-c-tabs__link,
.pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
  --pf-c-tabs__link--after--BorderBottomWidth: 0;
}

.pf-c-tabs.pf-m-box {
  --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs--m-box__link--BackgroundColor);
  --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-c-tabs--m-box__link--disabled--BackgroundColor);
  --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--before--border-width--base);
  --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base);
  --pf-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base);
  --pf-c-tabs__link--after--Top: 0;
  --pf-c-tabs__link--after--Bottom: auto;
}

.pf-c-tabs.pf-m-box .pf-c-tabs__link {
  --pf-c-tabs__link--after--BorderTopWidth: var(--pf-c-tabs__link--after--BorderWidth);
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item:last-child {
  --pf-c-tabs__link--before--BorderRightWidth: 0;
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current {
  --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__item--m-current__link--BackgroundColor);
  --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--BackgroundColor);
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link::before {
  border-left-width: var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth);
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:last-child .pf-c-tabs__link::before {
  border-right-width: var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth);
}

.pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link::before {
  left: calc(var(--pf-c-tabs__link--before--border-width--base)*-1);
}

.pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2)::before {
  left: calc(var(--pf-c-tabs__link--before--border-width--base)*-1);
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current+.pf-c-tabs__item {
  --pf-c-tabs__link--before--Left: 0;
}

.pf-c-tabs.pf-m-box.pf-m-color-scheme--light-300 {
  --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor);
  --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor);
  --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor);
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item-close .pf-c-button {
  --pf-c-button--m-plain--disabled--Color: var(--pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor);
}

.pf-c-tabs.pf-m-vertical {
  --pf-c-tabs--Width: var(--pf-c-tabs--m-vertical--Width);
  --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--inset);
  --pf-c-tabs--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--PaddingTop: var(--pf-c-tabs--m-vertical__link--PaddingTop);
  --pf-c-tabs__link--PaddingBottom: var(--pf-c-tabs--m-vertical__link--PaddingBottom);
  --pf-c-tabs__link--before--Left: 0;
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs__link--after--Top: 0;
  --pf-c-tabs__link--after--Bottom: 0;
  --pf-c-tabs__link--after--Right: auto;
  --pf-c-tabs__list--ScrollSnapTypeAxis: var(--pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: visible;
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__list {
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  max-width: var(--pf-c-tabs--m-vertical--MaxWidth);
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__list::before {
  position: absolute;
  right: auto;
  border: solid var(--pf-c-tabs--m-vertical__list--before--BorderColor);
  border-width: var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth) var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth) var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth) var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth);
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__item:first-child {
  margin-top: var(--pf-c-tabs--inset);
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__item:last-child {
  margin-bottom: var(--pf-c-tabs--inset);
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
  --pf-c-tabs__link--after--BorderTopWidth: 0;
  --pf-c-tabs__link--after--BorderLeftWidth: var(--pf-c-tabs__link--after--BorderWidth);
  max-width: 100%;
  text-align: left;
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__item-text {
  max-width: 100%;
  overflow-wrap: break-word;
}

.pf-c-tabs.pf-m-vertical.pf-m-expandable {
  --pf-c-tabs__list--Display: none;
  --pf-c-tabs__list--Visibility: hidden;
  --pf-c-tabs__toggle--Display: flex;
  --pf-c-tabs__toggle--Visibility: visible;
}

.pf-c-tabs.pf-m-vertical.pf-m-non-expandable {
  --pf-c-tabs__list--Display: flex;
  --pf-c-tabs__list--Visibility: visible;
  --pf-c-tabs__toggle--Display: none;
  --pf-c-tabs__toggle--Visibility: hidden;
}

@media (min-width: 576px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }

  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}

@media (min-width: 768px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }

  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}

@media (min-width: 992px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }

  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}

@media (min-width: 1200px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }

  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}

@media (min-width: 1450px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }

  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}

.pf-c-tabs.pf-m-vertical.pf-m-expanded {
  --pf-c-tabs__list--Display: flex;
  --pf-c-tabs__list--Visibility: visible;
  --pf-c-tabs__toggle--MarginBottom: var(--pf-c-tabs--m-expanded__toggle--MarginBottom);
  --pf-c-tabs__toggle-icon--Color: var(--pf-c-tabs--m-expanded__toggle-icon--Color);
  --pf-c-tabs__toggle-icon--Rotate: var(--pf-c-tabs--m-expanded__toggle-icon--Rotate);
}

.pf-c-tabs.pf-m-box.pf-m-vertical {
  --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--m-box--inset);
  --pf-c-tabs--m-vertical__list--before--BorderLeftWidth: 0;
  --pf-c-tabs--m-vertical__list--before--BorderRightWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
  --pf-c-tabs__link--disabled--before--BorderLeftWidth: 0;
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__list::before {
  right: 0;
  left: auto;
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:last-child {
  --pf-c-tabs__link--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base);
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current {
  --pf-c-tabs__link--before--BorderRightColor: var(--pf-c-tabs__item--m-current__link--BackgroundColor);
  --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--before--border-color--base);
  --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--before--border-width--base);
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current:first-child {
  --pf-c-tabs__link--before--BorderTopWidth: var(--pf-c-tabs__link--before--border-width--base);
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:first-child.pf-m-current {
  --pf-c-tabs__link--before--BorderTopWidth: var(--pf-c-tabs__link--before--border-width--base);
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__link::after {
  top: calc(var(--pf-c-tabs__link--before--border-width--base)*-1);
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:first-child .pf-c-tabs__link::after,
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current+.pf-c-tabs__item .pf-c-tabs__link::after {
  top: 0;
}

.pf-c-tabs.pf-m-secondary {
  --pf-c-tabs__link--FontSize: var(--pf-c-tabs--m-secondary__link--FontSize);
  --pf-c-tabs__item-close--c-button--FontSize: var(--pf-c-tabs--m-secondary__item-close--c-button--FontSize);
  --pf-c-tabs__add--c-button--FontSize: var(--pf-c-tabs--m-secondary__add--c-button--FontSize);
}

.pf-c-tabs.pf-m-page-insets {
  --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
}

.pf-c-tabs.pf-m-overflow,
.pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
  overflow: visible;
}

.pf-c-tabs__toggle {
  display: var(--pf-c-tabs__toggle--Display);
  align-items: center;
  margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
  visibility: var(--pf-c-tabs__toggle--Visibility);
}

.pf-c-tabs__toggle-button {
  --pf-c-tabs__toggle-text--MarginLeft: var(--pf-c-tabs__toggle-button__toggle-text--MarginLeft);
  --pf-c-tabs__toggle-text--Color: var(--pf-c-tabs__toggle-button__toggle-text--Color);
  margin-top: var(--pf-c-tabs__toggle-button--MarginTop);
  margin-bottom: var(--pf-c-tabs__toggle-button--MarginBottom);
  margin-left: var(--pf-c-tabs__toggle-button--MarginLeft);
}

.pf-c-tabs__toggle-button .pf-c-button {
  display: flex;
  text-align: left;
  white-space: normal;
}

.pf-c-tabs__toggle-icon {
  display: inline-block;
  color: var(--pf-c-tabs__toggle-icon--Color);
  transition: var(--pf-c-tabs__toggle-icon--Transition);
  transform: rotate(var(--pf-c-tabs__toggle-icon--Rotate));
}

.pf-c-tabs__toggle-text {
  margin-left: var(--pf-c-tabs__toggle-text--MarginLeft);
  color: var(--pf-c-tabs__toggle-text--Color, inherit);
}

.pf-c-tabs__list {
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position: relative;
  display: var(--pf-c-tabs__list--Display);
  max-width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
  visibility: var(--pf-c-tabs__list--Visibility);
  -webkit-overflow-scrolling: touch;
}

.pf-c-tabs__list::-webkit-scrollbar {
  display: none;
}

.pf-c-tabs__item {
  display: flex;
  flex: none;
  scroll-snap-align: var(--pf-c-tabs__item--ScrollSnapAlign);
}

.pf-c-tabs__item.pf-m-current {
  --pf-c-tabs__link--Color: var(--pf-c-tabs__item--m-current__link--Color);
  --pf-c-tabs__link--after--BorderColor: var(--pf-c-tabs__item--m-current__link--after--BorderColor);
  --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__item--m-current__link--after--BorderWidth);
}

.pf-c-tabs__item.pf-m-action {
  --pf-c-tabs__link--PaddingRight: var(--pf-c-tabs__item--m-action__link--PaddingRight);
  position: relative;
}

.pf-c-tabs__item.pf-m-action::before {
  z-index: var(--pf-c-tabs__item--m-action--before--ZIndex);
}

.pf-c-tabs__item.pf-m-action .pf-c-tabs__link::before,
.pf-c-tabs__item.pf-m-action .pf-c-tabs__link::after {
  content: revert;
}

.pf-c-tabs::before,
.pf-c-tabs__list::before,
.pf-c-tabs__link::before,
.pf-c-tabs__link::after,
.pf-c-tabs__item.pf-m-action::before,
.pf-c-tabs__item.pf-m-action::after,
.pf-c-tabs__scroll-button::before,
.pf-c-tabs__add::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-style: solid;
}

.pf-c-tabs__list::before,
.pf-c-tabs__link::before,
.pf-c-tabs__link::after,
.pf-c-tabs__item.pf-m-action::before,
.pf-c-tabs__item.pf-m-action::after,
.pf-c-tabs__scroll-button::before,
.pf-c-tabs__add::before {
  top: 0;
}

.pf-c-tabs__link,
.pf-c-tabs__scroll-button,
.pf-c-tabs__list::before,
.pf-c-tabs__add::before {
  border: 0;
}

.pf-c-tabs__link {
  position: relative;
  display: flex;
  flex: 1;
  padding: var(--pf-c-tabs__link--PaddingTop) var(--pf-c-tabs__link--PaddingRight) var(--pf-c-tabs__link--PaddingBottom) var(--pf-c-tabs__link--PaddingLeft);
  font-size: var(--pf-c-tabs__link--FontSize);
  color: var(--pf-c-tabs__link--Color);
  text-decoration: none;
  outline-offset: var(--pf-c-tabs__link--OutlineOffset);
}

.pf-c-tabs__item.pf-m-action,
.pf-c-tabs__link {
  --pf-c-tabs__link--after--BorderBottomWidth: var(--pf-c-tabs__link--after--BorderWidth);
  background-color: var(--pf-c-tabs__link--BackgroundColor);
}

.pf-c-tabs__item.pf-m-action::before,
.pf-c-tabs__link::before {
  pointer-events: none;
  border-width: var(--pf-c-tabs__link--before--BorderTopWidth) var(--pf-c-tabs__link--before--BorderRightWidth) var(--pf-c-tabs__link--before--BorderBottomWidth) var(--pf-c-tabs__link--before--BorderLeftWidth);
  border-top-color: var(--pf-c-tabs__link--before--BorderTopColor);
  border-right-color: var(--pf-c-tabs__link--before--BorderRightColor);
  border-bottom-color: var(--pf-c-tabs__link--before--BorderBottomColor);
  border-left-color: var(--pf-c-tabs__link--before--BorderLeftColor);
}

.pf-c-tabs__item.pf-m-action::after,
.pf-c-tabs__link::after {
  top: var(--pf-c-tabs__link--after--Top);
  right: var(--pf-c-tabs__link--after--Right);
  bottom: var(--pf-c-tabs__link--after--Bottom);
  left: var(--pf-c-tabs__link--before--Left);
  border-color: var(--pf-c-tabs__link--after--BorderColor);
  border-width: var(--pf-c-tabs__link--after--BorderTopWidth) var(--pf-c-tabs__link--after--BorderRightWidth) var(--pf-c-tabs__link--after--BorderBottomWidth) var(--pf-c-tabs__link--after--BorderLeftWidth);
}

.pf-c-tabs__item.pf-m-action:hover,
.pf-c-tabs__link:hover {
  --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--hover--after--BorderWidth);
}

.pf-c-tabs__item.pf-m-action:focus-within,
.pf-c-tabs__link:focus {
  --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--focus--after--BorderWidth);
}

.pf-c-tabs__item.pf-m-action:active,
.pf-c-tabs__link:active {
  --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth);
}

.pf-c-tabs__link:hover {
  --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--hover__toggle-icon--Color);
}

.pf-c-tabs__link:focus {
  --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--focus__toggle-icon--Color);
}

.pf-c-tabs__link:active,
.pf-c-tabs__link.pf-m-active {
  --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--active__toggle-icon--Color);
}

.pf-c-tabs__link:disabled,
.pf-c-tabs__link.pf-m-disabled {
  pointer-events: none;
}

.pf-c-tabs__item.pf-m-action.pf-m-disabled,
.pf-c-tabs__link:disabled,
.pf-c-tabs__link.pf-m-disabled,
.pf-c-tabs__link.pf-m-aria-disabled {
  --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
  --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
  --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
  --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
  --pf-c-tabs__link--before--BorderLeftWidth: var(--pf-c-tabs__link--disabled--before--BorderLeftWidth);
  --pf-c-tabs__link--after--BorderWidth: 0;
}

.pf-c-tabs__link.pf-m-aria-disabled {
  cursor: default;
}

.pf-c-tabs__link .pf-c-tabs__item-icon,
.pf-c-tabs__link .pf-c-tabs__item-text {
  margin-right: var(--pf-c-tabs__link--child--MarginRight);
}

.pf-c-tabs__link .pf-c-tabs__item-icon:last-child,
.pf-c-tabs__link .pf-c-tabs__item-text:last-child {
  --pf-c-tabs__link--child--MarginRight: 0;
}

.pf-c-tabs__link.pf-m-expanded {
  --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--m-expanded__toggle-icon--Color);
  --pf-c-tabs__link-toggle-icon--Rotate: var(--pf-c-tabs__link--m-expanded__toggle-icon--Rotate);
}

.pf-c-tabs__link-toggle-icon {
  align-self: end;
  font-size: var(--pf-c-tabs__link-toggle-icon--FontSize);
  color: var(--pf-c-tabs__link-toggle-icon--Color);
  transition: var(--pf-c-tabs__link-toggle-icon--Transition);
  transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate));
}

.pf-c-tabs__item-close {
  display: flex;
}

.pf-c-tabs__item-close .pf-c-button {
  --pf-c-button--FontSize: var(--pf-c-tabs__item-close--c-button--FontSize);
  --pf-c-button--PaddingTop: var(--pf-c-tabs__item-close--c-button--PaddingTop);
  --pf-c-button--PaddingBottom: var(--pf-c-tabs__item-close--c-button--PaddingBottom);
  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-close--c-button--PaddingLeft);
  outline-offset: var(--pf-c-tabs__item-close--c-button--OutlineOffset);
}

.pf-c-tabs__item-close-icon {
  display: inline-block;
  margin-top: var(--pf-c-tabs__item-close-icon--MarginTop);
}

.pf-c-tabs__scroll-button {
  flex: none;
  width: var(--pf-c-tabs__scroll-button--Width);
  line-height: 1;
  color: var(--pf-c-tabs__scroll-button--Color);
  background-color: var(--pf-c-tabs__scroll-button--BackgroundColor);
  outline-offset: var(--pf-c-tabs__scroll-button--OutlineOffset);
  opacity: 0;
  transition: margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin),transform var(--pf-c-tabs__scroll-button--TransitionDuration--transform),opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity);
}

.pf-c-tabs__scroll-button:hover,
.pf-c-tabs__scroll-button:active,
.pf-c-tabs__scroll-button:focus {
  --pf-c-tabs__scroll-button--Color: var(--pf-c-tabs__scroll-button--hover--Color);
}

.pf-c-tabs__scroll-button::before {
  border-color: var(--pf-c-tabs__scroll-button--before--BorderColor);
  border-width: 0 var(--pf-c-tabs__scroll-button--before--BorderRightWidth) var(--pf-c-tabs__scroll-button--before--BorderBottomWidth) var(--pf-c-tabs__scroll-button--before--BorderLeftWidth);
}

.pf-c-tabs__scroll-button:nth-of-type(1) {
  --pf-c-tabs__scroll-button--before--BorderRightWidth: var(--pf-c-tabs__scroll-button--before--border-width--base);
  margin-right: calc(var(--pf-c-tabs__scroll-button--Width)*-1);
  transform: translateX(-100%);
}

.pf-c-tabs__scroll-button:nth-of-type(2) {
  --pf-c-tabs__scroll-button--before--BorderLeftWidth: var(--pf-c-tabs__scroll-button--before--border-width--base);
  margin-left: calc(var(--pf-c-tabs__scroll-button--Width)*-1);
  transform: translateX(100%);
}

.pf-c-tabs__scroll-button:disabled {
  --pf-c-tabs__scroll-button--Color: var(--pf-c-tabs__scroll-button--disabled--Color);
  pointer-events: none;
}

.pf-c-tabs__add {
  position: relative;
  display: flex;
}

.pf-c-tabs__add::before {
  border-left: var(--pf-c-tabs__add--before--BorderLeftWidth) solid var(--pf-c-tabs__add--before--BorderColor);
}

.pf-c-tabs__add .pf-c-button {
  --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
  --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
  --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
  outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
}

.pf-c-tabs.pf-m-inset-none {
  --pf-c-tabs--inset: 0;
  --pf-c-tabs--m-vertical--inset: 0;
  --pf-c-tabs--m-vertical--m-box--inset: 0;
}

.pf-c-tabs.pf-m-inset-sm {
  --pf-c-tabs--inset: var(--pf-global--spacer--sm);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
}

.pf-c-tabs.pf-m-inset-md {
  --pf-c-tabs--inset: var(--pf-global--spacer--md);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
}

.pf-c-tabs.pf-m-inset-lg {
  --pf-c-tabs--inset: var(--pf-global--spacer--lg);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
}

.pf-c-tabs.pf-m-inset-xl {
  --pf-c-tabs--inset: var(--pf-global--spacer--xl);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
}

.pf-c-tabs.pf-m-inset-2xl {
  --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
}

@media (min-width: 576px) {
  .pf-c-tabs.pf-m-inset-none-on-sm {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }

  .pf-c-tabs.pf-m-inset-sm-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }

  .pf-c-tabs.pf-m-inset-md-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }

  .pf-c-tabs.pf-m-inset-lg-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }

  .pf-c-tabs.pf-m-inset-xl-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }

  .pf-c-tabs.pf-m-inset-2xl-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}

@media (min-width: 768px) {
  .pf-c-tabs.pf-m-inset-none-on-md {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }

  .pf-c-tabs.pf-m-inset-sm-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }

  .pf-c-tabs.pf-m-inset-md-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }

  .pf-c-tabs.pf-m-inset-lg-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }

  .pf-c-tabs.pf-m-inset-xl-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }

  .pf-c-tabs.pf-m-inset-2xl-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}

@media (min-width: 992px) {
  .pf-c-tabs.pf-m-inset-none-on-lg {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }

  .pf-c-tabs.pf-m-inset-sm-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }

  .pf-c-tabs.pf-m-inset-md-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }

  .pf-c-tabs.pf-m-inset-lg-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }

  .pf-c-tabs.pf-m-inset-xl-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }

  .pf-c-tabs.pf-m-inset-2xl-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}

@media (min-width: 1200px) {
  .pf-c-tabs.pf-m-inset-none-on-xl {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }

  .pf-c-tabs.pf-m-inset-sm-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }

  .pf-c-tabs.pf-m-inset-md-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }

  .pf-c-tabs.pf-m-inset-lg-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }

  .pf-c-tabs.pf-m-inset-xl-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }

  .pf-c-tabs.pf-m-inset-2xl-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}

@media (min-width: 1450px) {
  .pf-c-tabs.pf-m-inset-none-on-2xl {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }

  .pf-c-tabs.pf-m-inset-sm-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }

  .pf-c-tabs.pf-m-inset-md-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }

  .pf-c-tabs.pf-m-inset-lg-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }

  .pf-c-tabs.pf-m-inset-xl-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }

  .pf-c-tabs.pf-m-inset-2xl-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}

:where(.pf-theme-dark) .pf-c-tabs {
  --pf-c-tabs__scroll-button--BackgroundColor: transparent;
  --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
  --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
}


:where(.pf-theme-dark) .pf-c-chart svg g[clip-path] {
  mix-blend-mode: normal;
}

:root:where(.pf-theme-dark) {
  --pf-chart-color-blue-100: #add6ff;
  --pf-chart-color-blue-200: #85c2ff;
  --pf-chart-color-blue-300: #47a3ff;
  --pf-chart-color-blue-400: #0a85ff;
  --pf-chart-color-blue-500: #06c;
  --pf-chart-color-green-100: #d6eed3;
  --pf-chart-color-green-200: #aedca7;
  --pf-chart-color-green-300: #85cb7c;
  --pf-chart-color-green-400: #5cb950;
  --pf-chart-color-green-500: #3e8635;
  --pf-chart-color-cyan-100: #b9feff;
  --pf-chart-color-cyan-200: #86fdff;
  --pf-chart-color-cyan-300: #00b5b8;
  --pf-chart-color-cyan-400: #008c8f;
  --pf-chart-color-cyan-500: #005f60;
  --pf-chart-color-purple-100: #cec8e4;
  --pf-chart-color-purple-200: #a99fd1;
  --pf-chart-color-purple-300: #9183c3;
  --pf-chart-color-purple-400: #7968b6;
  --pf-chart-color-purple-500: #6753ac;
  --pf-chart-color-red-100: #ffadad;
  --pf-chart-color-red-200: #ff7070;
  --pf-chart-color-red-300: #ff4747;
  --pf-chart-color-red-400: #ff0a0a;
  --pf-chart-color-red-500: #a30000;
  --pf-chart-global--BorderColor: var(--pf-global--BorderColor--100);
  --pf-chart-global--BorderColor--accent: var(--pf-global--BorderColor--400);
  --pf-chart-global--label--Fill: var(--pf-global--Color--100);
  --pf-chart-global--title--Fill: var(--pf-global--Color--100);
  --pf-chart-global--subtitle--Fill: var(--pf-global--Color--200);
  --pf-chart-global--tooltip--Fill: var(--pf-global--Color--100);
  --pf-chart-global--tooltip--bg--Fill: var(--pf-global--BackgroundColor--300);
  --pf-chart-global--tooltip--BorderWidth: 1;
  --pf-chart-global--tooltip--BorderColor: var(--pf-global--BorderColor--300);
  --pf-chart-axis--axis--stroke--Color: var(--pf-chart-global--BorderColor);
  --pf-chart-axis--grid--stroke--Color: var(--pf-chart-global--BorderColor);
  --pf-chart-axis--tick--stroke--Color: var(--pf-chart-global--BorderColor);
  --pf-chart-axis--axis--tick--stroke--Color: var(--pf-chart-global--BorderColor);
  --pf-chart-axis--grid--Fill: var(--pf-chart-global--BorderColor);
  --pf-chart-axis--tick-label--Fill: var(--pf-chart-global--label--Fill);
  --pf-chart-bullet--label--title--Fill: var(--pf-chart-global--title--Fill);
  --pf-chart-bullet--label--grouptitle--Fill: var(--pf-chart-bullet--label--title--Fill);
  --pf-chart-bullet--label--subtitle--Fill: var(--pf-chart-global--subtitle--Fill);
  --pf-chart-bullet--negative-measure--ColorScale--100: var(--pf-global--palette--red-400);
  --pf-chart-bullet--negative-measure--ColorScale--200: var(--pf-global--palette--red-300);
  --pf-chart-bullet--negative-measure--ColorScale--300: var(--pf-global--palette--red-200);
  --pf-chart-bullet--negative-measure--ColorScale--400: var(--pf-global--palette--red-100);
  --pf-chart-bullet--negative-measure--ColorScale--500: var(--pf-global--palette--red-9999);
  --pf-chart-bullet--qualitative-range--ColorScale--100: var(--pf-global--palette--black-600);
  --pf-chart-bullet--qualitative-range--ColorScale--200: var(--pf-global--palette--black-500);
  --pf-chart-bullet--qualitative-range--ColorScale--300: var(--pf-global--palette--black-400);
  --pf-chart-bullet--qualitative-range--ColorScale--400: var(--pf-global--palette--black-300);
  --pf-chart-bullet--qualitative-range--ColorScale--500: var(--pf-global--palette--black-200);
  --pf-chart-container--cursor--line--Fill: var(--pf-chart-global--BorderColor--accent);
  --pf-chart-donut--label--title--Fill: var(--pf-chart-global--title--Fill);
  --pf-chart-donut--label--subtitle--Fill: var(--pf-chart-global--subtitle--Fill);
  --pf-chart-line--data--stroke--Color: var(--pf-chart-global--BorderColor);
  --pf-chart-tooltip--Fill: var(--pf-chart-global--tooltip--Fill);
  --pf-chart-voronoi--labels--Fill: var(--pf-chart-global--tooltip--Fill);
  --pf-chart-tooltip--flyoutStyle--Fill: var(--pf-chart-global--tooltip--bg--Fill);
  --pf-chart-voronoi--flyout--stroke--Fill: var(--pf-chart-global--tooltip--bg--Fill);
  --pf-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-chart-global--tooltip--BorderWidth);
  --pf-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-chart-global--tooltip--BorderColor);
  --pf-chart-voronoi--flyout--stroke--Width: var(--pf-chart-global--tooltip--BorderWidth);
  --pf-chart-voronoi--flyout--stroke--Color: var(--pf-chart-global--tooltip--BorderColor);
}