.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-clipboard-copy {
  --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
  --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
  --pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
  --pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
  --pf-c-clipboard-copy--m-inline--PaddingTop: 0;
  --pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
  --pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
  --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
  --pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
  --pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
  --pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm);
}
.pf-c-clipboard-copy.pf-m-expanded .pf-c-clipboard-copy__toggle-icon {
  transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
}
.pf-c-clipboard-copy.pf-m-inline {
  display: inline;
  padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
  padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
  padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
  white-space: nowrap;
  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
}
.pf-c-clipboard-copy.pf-m-inline.pf-m-block {
  display: block;
}

.pf-c-clipboard-copy__group {
  display: flex;
}
.pf-c-clipboard-copy__group > * + * {
  margin-left: -1px;
}

.pf-c-clipboard-copy__toggle-icon {
  transition: var(--pf-c-clipboard-copy__toggle-icon--Transition);
}

.pf-c-clipboard-copy__expandable-content {
  padding: var(--pf-c-clipboard-copy__expandable-content--PaddingTop) var(--pf-c-clipboard-copy__expandable-content--PaddingRight) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft);
  word-wrap: break-word;
  background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
  background-clip: padding-box;
  border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
  border-width: var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
  box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
}
.pf-c-clipboard-copy__expandable-content pre {
  white-space: pre-wrap;
}

.pf-c-clipboard-copy__text {
  word-break: break-word;
  white-space: normal;
}
.pf-c-clipboard-copy__text.pf-m-code {
  font-family: var(--pf-c-clipboard-copy__text--m-code--FontFamily);
  font-size: var(--pf-c-clipboard-copy__text--m-code--FontSize);
}

.pf-c-clipboard-copy__actions {
  display: inline-flex;
}

.pf-c-clipboard-copy__actions-item {
  margin-top: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingTop));
  margin-bottom: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom));
}
.pf-c-clipboard-copy__actions-item .pf-c-button {
  --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
  --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
  --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
  --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
}

:where(.pf-theme-dark) .pf-c-clipboard-copy {
  --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
}
:where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
  margin-left: 0;
  border-left: 1px solid var(--pf-global--palette--black-700) !important;
}
:where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
  border: 0;
}
.pf-c-code-block {
  --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-code-block__header--BorderBottomColor: var(--pf-global--BorderColor--100);
  --pf-c-code-block__content--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-code-block__pre--FontFamily: var(--pf-global--FontFamily--monospace);
  --pf-c-code-block__pre--FontSize: var(--pf-global--FontSize--sm);
  background-color: var(--pf-c-code-block--BackgroundColor);
}

.pf-c-code-block__header {
  display: flex;
  border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor);
}

.pf-c-code-block__actions {
  display: flex;
  margin-left: auto;
}

.pf-c-code-block__content {
  padding: var(--pf-c-code-block__content--PaddingTop) var(--pf-c-code-block__content--PaddingRight) var(--pf-c-code-block__content--PaddingBottom) var(--pf-c-code-block__content--PaddingLeft);
}

.pf-c-code-block__pre {
  font-family: var(--pf-c-code-block__pre--FontFamily);
  font-size: var(--pf-c-code-block__pre--FontSize);
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.pf-c-code-block__code {
  font-family: var(--pf-c-code-block__code--FontFamily, inherit);
}
.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);
}


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

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

.xterm {
    font-feature-settings: "liga" 0;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

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

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

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

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

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

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

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

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

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

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

.xterm {
    cursor: text;
}

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

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

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

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

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

.xterm-dim {
    opacity: 0.5;
}

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

.pfext-quick-start-panel-content__body dl {
  margin: 0;
}

.pfext-quick-start-panel-content__body dt {
  font-weight: var(--pf-global--FontWeight--bold);
}

.pfext-quick-start-panel-content__body dd {
  margin-bottom: 20px;
}

.pfext-quick-start-panel-content__body dd:last-child {
  margin-bottom: 0;
}

.pfext-quick-start-panel-content__body input[type=number] {
  -webkit-appearance: textfield;
  appearance: textfield;
  max-width: 100px;
}

.pfext-quick-start-panel-content__body input[type=number]::-webkit-inner-spin-button,
.pfext-quick-start-panel-content__body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.pfext-quick-start-panel-content__body input[type=radio] {
  margin-right: 7px;
}

.pfext-page-layout__content,
.pfext-popover__base,
.pfext-quick-start-panel-content__body,
.pfext-quick-start-panel-content__header {
  --pf-global--FontSize--md: 14px;
  --pf-global--FontSize--sm: 13px;
}

.pfext-page-layout__content ul,
.pfext-popover__base ul,
.pfext-quick-start-panel-content__body ul,
.pfext-quick-start-panel-content__header ul {
  list-style-type: disc;
}

.pfext-page-layout__content input[type=checkbox],
.pfext-page-layout__content input[type=radio],
.pfext-popover__base input[type=checkbox],
.pfext-popover__base input[type=radio],
.pfext-quick-start-panel-content__body input[type=checkbox],
.pfext-quick-start-panel-content__body input[type=radio],
.pfext-quick-start-panel-content__header input[type=checkbox],
.pfext-quick-start-panel-content__header input[type=radio] {
  margin-top: 1px !important;
}

.pfext-icon-and-text {
  align-items: baseline;
  display: flex;
}

.pf-c-label__icon .pfext-icon-and-text {
  display: block;
}

.pfext-icon-and-text__icon {
  flex-shrink: 0;
  margin-right: 5px;
}

.pfext-markdown-view.is-empty {
  color: #999;
}

.pfext-markdown-view table {
  display: block;
  margin-bottom: 11.5px;
  overflow-x: auto;
}

.pfext-markdown-view td,
.pfext-markdown-view th {
  border-bottom: 1px solid #ededed;
  padding: 10px;
  vertical-align: top;
}

.pfext-markdown-view th {
  padding-top: 0;
}

.catalog-item-header-pf-subtitle {
  font-size: 13px;
}

.catalog-tile-pf-body .catalog-tile-pf-subtitle {
  font-size: 13px;
}

.pfext-catalog {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  min-width: 515px;
}

.pfext-catalog-tile-view {
  display: flex;
  flex-wrap: wrap;
  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, 260px)!important;
}

.pfext-catalog__body {
  min-width: 575px;
}

@media (min-width: 768px) {
  .pfext-catalog__body {
    min-width: 590px;
  }
}

.pfext-catalog-item-details {
  display: flex;
  margin: 0 0 10px;
}

.pfext-catalog-item-details__description {
  white-space: pre-wrap;
}

.pfext-catalog-item-details__kind-label {
  font-weight: var(--pf-global--FontWeight--bold);
}

.pfext-catalog-item-details__name {
  margin-bottom: 10px;
}

.pfext-catalog-item-details__provider,
.pfext-catalog-item-details__tags {
  margin-bottom: 5px;
}

.pfext-catalog-item-details__tag {
  color: #72767b;
  font-size: 13px;
  margin-right: 5px;
  text-transform: uppercase;
}

.pfext-catalog-item-icon {
  padding-right: 10px;
}

.pfext-catalog-item-icon__icon {
  font-size: 24px;
}

.pfext-catalog-item-icon__icon--large {
  font-size: 40px;
}

.pfext-catalog-item-icon__img {
  max-height: 24px;
  max-width: 24px;
}

.pfext-catalog-item-icon__img[src$=".svg"] {
  width: 24px;
}

.pfext-catalog-item-icon__img--large {
  max-height: 40px;
  max-width: 40px;
}

.pfext-catalog-item-icon__img--large[src$=".svg"] {
  width: 40px;
}

.pfext-catalog-page {
  background: #fff;
  border: 1px solid var(--pf-global--BorderColor--300);
  display: flex;
  flex: 1;
  padding-top: 15px;
}

.pfext-catalog-page--with-sidebar {
  margin: 0 15px;
  padding-bottom: 15px;
}

.pfext-catalog-page__btn-group__group-by {
  display: inline;
  margin-left: var(--pf-global--spacer--md);
}

.pfext-catalog-page__content {
  flex: 1 1 auto;
  overflow: hidden;
}

.pfext-catalog-page__description {
  margin-top: -10px;
  padding: 0 15px 10px;
}

@media (min-width: 768px) {
  .pfext-catalog-page__description {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.pfext-catalog-page__filter {
  display: flex;
  justify-content: space-between;
}

.pfext-catalog-page__filter-toggle {
  margin-top: 5px;
}

.pfext-catalog-page__grid {
  background-color: #f5f5f5;
}

.pfext-catalog-page__grouped-items {
  margin-bottom: var(--pf-global--spacer--md);
}

.pfext-catalog-page__group-title {
  margin-bottom: var(--pf-global--spacer--sm);
}

.pfext-catalog-page__header {
  margin: 0 30px 0 0;
}

.pfext-catalog-page__heading {
  font-size: 16px;
  margin: 0 0 20px 30px;
}

.pfext-catalog-page__hint {
  margin: 0 0 var(--pf-global--spacer--md) 0;
}

.pfext-catalog-page__input {
  display: inline-flex !important;
  margin: 0 0 20px 30px;
  width: auto !important;
}

.pfext-catalog-page__sort {
  display: inline;
  margin-left: var(--pf-global--spacer--md);
}

.pfext-catalog-page__num-items {
  font-weight: var(--pf-global--FontWeight--bold);
  padding: 0 0 20px;
}

.pfext-catalog-page__info-icon {
  vertical-align: middle;
  color: #6a6e73;
}

.pfext-catalog-page__info-icon:hover {
  color: #151515;
}

.pfext-catalog-page__overlay {
  border: 0 !important;
}

.pfext-catalog-page__overlay .modal-body .pfext-hint-block {
  margin-bottom: 10px;
}

.pfext-catalog-page__overlay .properties-side-panel-pf {
  flex: 0 0 auto;
}

.pfext-catalog-page__overlay--right {
  bottom: 0;
  padding: 0 !important;
  right: 0;
  top: 4.75rem;
}

.pfext-catalog-page__overlay--right .pf-c-modal-box__body {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  padding: 0;
}

.pfext-catalog-page__overlay--right .modal-body-inner-shadow-covers {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pfext-catalog-page__overlay--right h1 {
  white-space: normal;
}

.pfext-catalog-page__overlay-action {
  align-items: baseline;
  display: inline-flex !important;
  margin: var(--pf-global--spacer--sm) var(--pf-global--spacer--sm) 0 0;
  overflow-x: hidden;
}

.pfext-catalog-page__overlay-action-icon {
  flex-shrink: 0;
  font-size: 14px;
  margin-left: 6px;
}

.pfext-catalog-page__overlay-action-label {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.pfext-catalog-page__overlay-actions {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--pf-global--spacer--md);
  white-space: normal;
}

.pfext-catalog-page__overlay-header {
  margin-bottom: var(--pf-global--spacer--md);
}

.pfext-catalog-page__overlay-body {
  margin: 0;
  padding-left: var(--pf-global--spacer--lg);
  padding-right: var(--pf-global--spacer--lg);
  padding-top: var(--pf-global--spacer--md);
}

@media (min-width: 768px) {
  .pfext-catalog-page__overlay-body {
    display: flex;
  }
}

.pfext-catalog-page__overlay-description {
  margin: 20px 0 0;
  white-space: pre-wrap;
}

.pfext-catalog-page__overlay-description h1,
.pfext-catalog-page__overlay-description h2,
.pfext-catalog-page__overlay-description h3 {
  color: #333;
}

.pfext-catalog-page__overlay-description h2 {
  font-size: 20px;
}

.pfext-catalog-page__overlay-description li,
.pfext-catalog-page__overlay-description ol,
.pfext-catalog-page__overlay-description p {
  color: #333;
  font-size: 14px !important;
}

@media (min-width: 768px) {
  .pfext-catalog-page__overlay-description {
    flex: 1 1 auto;
    margin-left: 20px;
    margin-top: 0;
  }
}

.pfext-catalog-page__tabs {
  flex: 0 0 220px;
  margin: 0 15px 0 0;
}

@media screen and (min-width: 768px) {
  .pf-c-modal-box.pfext-catalog-page__overlay {
    width: 600px;
  }
}

@media screen and (min-width: 992px) {
  .pf-c-modal-box.pfext-catalog-page__overlay {
    width: 900px;
  }
}

.pfext-catalog-tab__empty {
  color: #72767b;
}

.pfext-modal-ignore-warning {
  height: initial;
}

.pfext-modal-ignore-warning__checkbox.checkbox {
  margin-bottom: 0;
  padding-top: 15px;
}

.pfext-modal-ignore-warning__content {
  display: flex;
}

.pfext-modal-ignore-warning__icon {
  font-size: 30px;
  margin-right: 15px;
  min-width: 30px;
}

.pfext-modal-ignore-warning__link {
  display: block;
  margin: 10px 0;
}

.properties-side-panel-pf-property-label {
  font-size: 13px;
}

.properties-side-panel-pf-property-value__capability-level {
  color: var(--pf-global--Color--400);
  margin-bottom: 5px;
  position: relative;
}

.properties-side-panel-pf-property-value__capability-level--active {
  color: inherit;
}

.properties-side-panel-pf-property-value__capability-level--active::before {
  display: none;
}

.properties-side-panel-pf-property-value__capability-level::before {
  border: 1px solid var(--pf-global--Color--400);
  border-radius: 10px;
  content: "";
  height: 14px;
  left: -20px;
  position: absolute;
  top: 4px;
  width: 14px;
}

.properties-side-panel-pf-property-value__capability-level:not(:last-child)::after {
  background: var(--pf-global--Color--400);
  content: "";
  height: 6px;
  left: -13px;
  position: absolute;
  top: 21px;
  width: 1px;
}

.properties-side-panel-pf-property-value__capability-level-icon {
  left: -20px;
  position: absolute;
  top: 4px;
}

.properties-side-panel-pf-property-value__capability-levels {
  list-style: none;
}

.pfext-status-box {
  padding: 40px 20px;
}

.pfext-status-box__loading-message {
  margin-top: var(--pf-global--spacer--sm);
}

.pfext-status-box--loading {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: 50px;
  width: 100%;
  flex-direction: column;
}

.pfext-m-loader {
  min-width: 18px;
}

.pfext-m-loader-dot__one,
.pfext-m-loader-dot__three,
.pfext-m-loader-dot__two {
  animation-delay: 0;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: bouncedelay;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
  background: #419eda;
  border-radius: 100%;
  display: inline-block;
  height: 6px;
  width: 6px;
}

.pfext-m-loader-dot__one {
  animation-delay: -0.32s;
}

.pfext-m-loader-dot__two {
  animation-delay: -0.16s;
}

@keyframes bouncedelay {
  0%, 100%, 80% {
    transform: scale(0.25, 0.25);
  }

  40% {
    transform: scale(1, 1);
  }
}

.pfext-page-layout__content {
  padding: var(--pf-global--spacer--lg);
  flex: 1;
}

.pfext-page-layout__content.pfext-is-dark {
  background: var(--pf-global--palette--black-150);
}

.pfext-page-layout__header {
  background-color: var(--pf-global--BackgroundColor--light-100);
}

.pfext-page-layout__hint {
  padding-left: var(--pf-global--spacer--lg);
  padding-right: var(--pf-global--spacer--lg);
  padding-bottom: var(--pf-global--spacer--md);
  font-size: 14px;
}

.pfext-page-layout__title {
  padding-left: var(--pf-global--spacer--lg);
  padding-right: var(--pf-global--spacer--lg);
  font-size: var(--pf-global--FontSize--2xl);
  margin-top: 23px;
  margin-bottom: 11.5px;
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
  font-weight: var(--pf-global--FontWeight--normal);
  line-height: 1.1;
}

.pfext-markdown-view .pfext-code-block__pre {
  display: flex;
  border: none;
  border-radius: none;
  background-color: rgba(0,0,0,0);
  margin: 0;
  padding: 0;
}

.pfext-markdown-view .pfext-markdown-execute-snippet__button>i.fa-check {
  display: none;
}

.pfext-markdown-view .pfext-markdown-execute-snippet__button>i.fa-play {
  display: inline;
}

.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed]>i.fa-check {
  display: inline;
}

.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed]>i.fa-play {
  display: none;
}

.pfext-modal {
  position: absolute !important;
}

@keyframes pfext-spotlight-expand {
  0% {
    outline-offset: -4px;
    outline-width: 4px;
    opacity: 1;
  }

  100% {
    outline-offset: 21px;
    outline-width: 12px;
    opacity: 0;
  }
}

@keyframes pfext-spotlight-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes pfext-spotlight-fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.pfext-spotlight {
  pointer-events: none;
  position: absolute;
}

.pfext-spotlight__with-backdrop {
  mix-blend-mode: hard-light;
}

.pfext-spotlight__element-highlight-noanimate {
  border: var(--pf-global--BorderWidth--xl) solid var(--pf-global--palette--blue-200);
  background-color: var(--pf-global--palette--black-500);
  z-index: 9999;
}

.pfext-spotlight__element-highlight-animate {
  pointer-events: none;
  position: absolute;
  box-shadow: inset 0 0 0 4px var(--pf-global--palette--blue-200);
  opacity: 0;
  animation: .4s pfext-spotlight-fade-in 0s ease-in-out,5s pfext-spotlight-fade-out 12.8s ease-in-out;
  animation-fill-mode: forwards;
}

.pfext-spotlight__element-highlight-animate::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
  animation-fill-mode: forwards;
  outline: 4px solid var(--pf-global--palette--blue-200);
  outline-offset: -4px;
}

.pfext-markdown-view .h1,
.pfext-markdown-view .h2,
.pfext-markdown-view .h3,
.pfext-markdown-view .h4,
.pfext-markdown-view .h5,
.pfext-markdown-view .h6,
.pfext-markdown-view h1,
.pfext-markdown-view h2,
.pfext-markdown-view h3,
.pfext-markdown-view h4,
.pfext-markdown-view h5,
.pfext-markdown-view h6 {
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
  font-weight: var(--pf-global--FontWeight--normal);
  line-height: 1.1;
  color: inherit;
}

.pfext-markdown-view .h1,
.pfext-markdown-view .h2,
.pfext-markdown-view .h3,
.pfext-markdown-view h1,
.pfext-markdown-view h2,
.pfext-markdown-view h3 {
  margin-top: 23px;
  margin-bottom: 11.5px;
}

.pfext-markdown-view .h4,
.pfext-markdown-view .h5,
.pfext-markdown-view .h6,
.pfext-markdown-view h4,
.pfext-markdown-view h5,
.pfext-markdown-view h6 {
  margin-top: 11.5px;
  margin-bottom: 11.5px;
}

.pfext-markdown-view .h1,
.pfext-markdown-view h1 {
  font-size: var(--pf-global--FontSize--2xl);
}

.pfext-markdown-view .h2,
.pfext-markdown-view h2 {
  font-size: 20px;
}

.pfext-markdown-view .h3,
.pfext-markdown-view h3 {
  font-size: var(--pf-global--FontSize--lg);
}

.pfext-markdown-view .h4,
.pfext-markdown-view h4 {
  font-size: var(--pf-global--FontSize--md);
}

.pfext-markdown-view .h5,
.pfext-markdown-view h5 {
  font-size: var(--pf-global--FontSize--md);
}

.pfext-markdown-view .h6,
.pfext-markdown-view h6 {
  font-size: var(--pf-global--FontSize--md);
}

.pfext-markdown-view p {
  margin: 0 0 11.5px;
}

.pfext-markdown-view ol,
.pfext-markdown-view ul {
  margin-top: 0;
  margin-bottom: 11.5px;
}

.pfext-markdown-view ol ol,
.pfext-markdown-view ol ul,
.pfext-markdown-view ul ol,
.pfext-markdown-view ul ul {
  margin-bottom: 0;
}

.pfext-markdown-view dl {
  margin-top: 0;
  margin-bottom: 23px;
}

.pfext-markdown-view dd,
.pfext-markdown-view dt {
  line-height: 1.66667;
}

.pfext-markdown-view dt {
  font-weight: 700;
}

.pfext-markdown-view dd {
  margin-left: 0;
}

.pfext-markdown-view blockquote {
  padding: 11.5px 23px;
  margin: 0 0 23px;
  font-size: 17.5px;
  border-left: 5px solid #f1f1f1;
}

.pfext-markdown-view blockquote ol:last-child,
.pfext-markdown-view blockquote p:last-child,
.pfext-markdown-view blockquote ul:last-child {
  margin-bottom: 0;
}

.pfext-markdown-view code,
.pfext-markdown-view pre {
  font-family: Menlo,Monaco,Consolas,monospace;
}

.pfext-markdown-view code {
  padding: 2px 4px;
  font-size: 90%;
  color: #004368;
  background-color: #def3ff;
  border-radius: 1px;
}

.pfext-markdown-view pre {
  display: block;
  padding: 11px;
  margin: 0 0 11.5px;
  font-size: 13px;
  line-height: 1.66667;
  color: #363636;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 1px;
}

.pfext-markdown-view pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: rgba(0,0,0,0);
  border-radius: 0;
}

.pfext-markdown-view table {
  background-color: rgba(0,0,0,0);
}

.pfext-markdown-view table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}

.pfext-markdown-view table td[class*=col-],
.pfext-markdown-view table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

.pfext-markdown-view caption {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #9c9c9c;
  text-align: left;
}

.pfext-markdown-view th {
  text-align: left;
}

.pfext-quick-start-drawer__body {
  display: flex;
  flex-direction: column;
  z-index: 0;
  position: relative;
}

.pfext-quick-start-drawer__modal>.pf-c-modal-box__footer {
  display: block;
}

.pfext-quick-start-panel-content__header {
  position: sticky;
  top: 0;
  background: inherit;
  z-index: var(--pf-global--ZIndex--xs);
}

.pfext-quick-start-panel-content__header__shadow {
  box-shadow: var(--pf-global--BoxShadow--sm-bottom);
}

.pfext-quick-start-panel-content__header--blue-white {
  background-color: var(--pf-global--palette--blue-400);
}

.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title {
  color: var(--pf-global--Color--light-100);
}

.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
  color: var(--pf-global--Color--light-200);
}

.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button {
  color: var(--pf-global--Color--light-100) !important;
}

.pfext-quick-start-panel-content__body {
  display: flex;
  flex-direction: column;
}

.pfext-quick-start-panel-content__body ol,
.pfext-quick-start-panel-content__body ul {
  padding-left: 20px;
}

.pfext-quick-start-panel-content__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.pfext-quick-start-panel-content__duration {
  display: inline-block;
  font-size: var(--pf-global--FontSize--md);
  font-weight: 400;
  line-height: 1;
  color: #9c9c9c;
}

.pfext-quick-start-panel-content__footer__shadow {
  box-shadow: var(--pf-global--BoxShadow--sm-top);
}

.pfext-quick-start-catalog__gallery {
  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, 300px)!important;
}

.pfext-quick-start-catalog__gallery-item {
  display: inherit !important;
}

.pfext-quick-start-tile {
  height: 100%;
}

.pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
  display: block;
  -webkit-line-clamp: unset;
}

.pfext-quick-start-tile .catalog-tile-pf-icon {
  display: flex;
}

.pfext-quick-start-tile-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.pfext-quick-start-tile-description p {
  margin: 0 0 11.5px;
}

.pfext-quick-start-tile-prerequisites {
  display: inline-flex;
}

.pfext-quick-start-tile-prerequisites__text {
  margin-right: var(--pf-global--spacer--sm);
  font-size: var(--pf-global--FontSize--md);
  margin-top: 11.5px;
  margin-bottom: 11.5px;
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
  font-weight: var(--pf-global--FontWeight--normal);
  line-height: 1.1;
}

.pfext-quick-start-tile-prerequisites__icon {
  color: var(--pf-global--info-color--100) !important;
}

.pfext-quick-start-tile-prerequisites__icon:hover {
  color: var(--pf-global--info-color--200) !important;
}

.pfext-quick-start-tile-prerequisites-list {
  padding-left: 20px;
}

.pfext-quick-start-tile-header__status {
  margin: var(--pf-global--spacer--sm) 0;
}

.pfext-quick-start-tile-header--margin {
  margin-right: var(--pf-global--spacer--sm);
  margin-bottom: var(--pf-global--spacer--sm);
}

.pfext-quick-start-tile-header .pf-c-badge:not(:last-of-type) {
  margin-right: var(--pf-global--spacer--sm);
}

.pfext-quick-start-catalog-filter__input {
  flex-grow: 1;
  max-width: 500px;
}

.pfext-quick-start-catalog-filter__count {
  font-weight: var(--pf-global--FontWeight--bold);
}

.pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex {
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-toolbar--RowGap: 0;
  font-size: 14px;
}

.pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-c-select {
  --pf-c-select__toggle--FontSize: 14px;
}

.pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-c-check {
  --pf-c-check__label--FontSize: 14px;
}

.pfext-quick-start-content {
  flex: 1 1 0;
  overflow: auto;
  padding: var(--pf-global--spacer--lg);
  font-size: 16px;
}

.pfext-quick-start-content .pf-c-alert__description p {
  font-size: 13px;
}

.pfext-quick-start-footer {
  background-color: var(--pf-global--Color--light-100);
  flex: 0 0 auto;
  padding: var(--pf-global--spacer--md) var(--pf-global--spacer--lg);
}

.pfext-quick-start-footer__actionbtn {
  margin-right: var(--pf-global--spacer--md);
}

.pfext-quick-start-footer__restartbtn {
  float: right;
}

.pfext-markdown-view.is-empty {
  color: #999;
}

.pfext-markdown-view table {
  display: block;
  margin-bottom: 11.5px;
  overflow-x: auto;
}

.pfext-markdown-view td,
.pfext-markdown-view th {
  border-bottom: 1px solid #ededed;
  padding: 10px;
  vertical-align: top;
}

.pfext-markdown-view th {
  padding-top: 0;
}

.pfext-quick-start-intro__prereq {
  margin-bottom: var(--pf-global--spacer--md);
}

.pfext-quick-start-intro__prereq .pf-c-expandable-section__content {
  margin-top: var(--pf-global--spacer--sm);
}

.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle {
  padding-top: 0;
  padding-bottom: 0;
}

.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-text {
  margin-left: var(--pf-global--spacer--sm);
}

.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon {
  color: var(--pf-c-expandable-section__toggle--Color);
}

.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:focus,
.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:hover {
  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
}

.pfext-quick-start-intro__prereq-list {
  padding-left: 20px;
}

.pfext-quick-start-intro__prereq-list__item::marker {
  font-size: .8rem;
}

.pfext-quick-start-intro__prereq-list__item-content {
  position: relative;
  left: 2px;
}

.pfext-quick-start-tasks__list button::before {
  content: none;
}

.pfext-quick-start-tasks__list li.pf-c-wizard__nav-item {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: var(--pf-global--spacer--xs);
}

.pfext-quick-start-tasks__list .pfext-quick-start-task__content {
  margin-left: var(--pf-global--spacer--lg);
  margin-bottom: var(--pf-global--spacer--md);
}

.pfext-quick-start-tasks__list .task-pflist-title {
  font-size: 14px !important;
  margin-bottom: 6px;
}

.pfext-quick-start-tasks__list .task-pflist-subtitle {
  color: var(--pf-global--Color--200);
  font-size: 16px;
}

.pfext-quick-start-tasks__list .task-pflist-list {
  font-size: 16px;
}

.pfext-quick-start-tasks__list .task-pflist-list--prereq {
  padding-left: var(--pf-global--spacer--lg);
}

.pfext-quick-start-tasks__list .task-pflist-list--prereq li+li {
  margin-top: 4px;
}

.pfext-quick-start-tasks__list .task-pflist-list--proc {
  padding-left: 10px;
}

.pfext-quick-start-tasks__list .task-pflist-list--proc li+li {
  margin-top: 16px;
}

.pfext-quick-start-tasks__list .task-pflist-list__item--prereq::marker {
  font-size: .8rem;
}

.pfext-quick-start-tasks__list .task-pflist-list__item--prereq .task-pflist-list__item__content {
  position: relative;
  left: 2px;
}

.pfext-quick-start-tasks__list .task-pflist-list__item--proc {
  font-size: 14px;
}

.pfext-quick-start-tasks__list .task-pflist-list__item--proc .task-pflist-list__item__content {
  position: relative;
  left: 4px;
}

.pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-c-alert {
  margin: var(--pf-global--spacer--md) 0;
}

.pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-c-alert__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: var(--pf-c-alert__title--FontWeight);
  font-family: inherit;
  line-height: inherit;
  color: var(--pf-c-alert__title--Color);
  word-break: break-word;
}

.pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note {
  background-color: var(--pf-global--palette--blue-50);
  border-color: var(--pf-global--active-color--200);
  margin: var(--pf-global--spacer--md) 0;
}

.pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note__body {
  font-size: 14px;
}

.pfext-quick-start-task-header__list {
  padding: 0 !important;
}

.pfext-quick-start-task-header__list button::before {
  content: none;
}

.pfext-quick-start-task-header__list li {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: var(--pf-global--spacer--xs);
}

.pfext-quick-start-task-header {
  margin-bottom: var(--pf-global--spacer--sm);
  display: grid;
  grid-template-columns: min-content auto;
  font-size: var(--pf-global--FontSize--md);
}

.pfext-quick-start-task-header button::before {
  content: none;
}

.pfext-quick-start-task-header__title {
  color: var(--pf-global--primary-color--100) !important;
  margin-right: var(--pf-global--spacer--md) !important;
}

.pfext-quick-start-task-header__subtitle {
  font-size: var(--pf-global--FontSize--sm);
  color: var(--pf-global--Color--400) !important;
}

.pfext-quick-start-task-header__tryagain {
  display: block;
  font-size: var(--pf-global--FontSize--md);
  color: var(--pf-global--Color--300) !important;
}

.pfext-quick-start-task-header__title-success {
  color: var(--pf-global--palette--green-500) !important;
}

.pfext-quick-start-task-header__title-failed {
  color: var(--pf-global--danger-color--100) !important;
}

.pfext-quick-start-task-header__task-icon-init {
  background-color: var(--pf-global--palette--blue-400);
  border-radius: var(--pf-global--BorderRadius--lg);
  color: var(--pf-global--Color--light-100);
  display: inline-flex;
  justify-content: center;
  height: 1.5em;
  width: 1.5em;
}

.pfext-quick-start-task-header__task-icon-failed,
.pfext-quick-start-task-header__task-icon-success {
  vertical-align: middle !important;
}

.pfext-quick-start-task-header__task-icon-success {
  color: var(--pf-global--palette--green-500) !important;
}

.pfext-quick-start-task-header__task-icon-failed {
  color: var(--pf-global--danger-color--100) !important;
}

.pfext-quick-start-task-review-alert {
  margin: var(--pf-global--spacer--lg) 0;
}

.pfext-quick-start-task-review {
  font-size: var(--pf-global--FontSize--md);
  line-height: var(--pf-global--FontSize--xl);
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
}

.pfext-quick-start-task-review__actions {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--pf-global--spacer--sm);
}

.pfext-quick-start-task-review__actions input[type=radio] {
  margin-top: 0;
  margin-right: 0;
}

.pfext-quick-start-task-review__radio {
  margin-right: var(--pf-global--spacer--xl) !important;
}

.pfext-quick-start-task-review--success {
  color: var(--pf-global--palette--green-500);
}

.pfext-quick-start-task-review--failed {
  color: var(--pf-chart-global--danger--Color--100);
}

.pfext-modal {
  position: absolute !important;
}

.pfext-markdown-view .pfext-code-block__pre {
  display: flex;
  border: none;
  border-radius: none;
  background-color: rgba(0,0,0,0);
  margin: 0;
  padding: 0;
}

.pfext-markdown-view .pfext-markdown-execute-snippet__button>i.fa-check {
  display: none;
}

.pfext-markdown-view .pfext-markdown-execute-snippet__button>i.fa-play {
  display: inline;
}

.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed]>i.fa-check {
  display: inline;
}

.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed]>i.fa-play {
  display: none;
}

@keyframes pfext-spotlight-expand {
  0% {
    outline-offset: -4px;
    outline-width: 4px;
    opacity: 1;
  }

  100% {
    outline-offset: 21px;
    outline-width: 12px;
    opacity: 0;
  }
}

@keyframes pfext-spotlight-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes pfext-spotlight-fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.pfext-spotlight {
  pointer-events: none;
  position: absolute;
}

.pfext-spotlight__with-backdrop {
  mix-blend-mode: hard-light;
}

.pfext-spotlight__element-highlight-noanimate {
  border: var(--pf-global--BorderWidth--xl) solid var(--pf-global--palette--blue-200);
  background-color: var(--pf-global--palette--black-500);
  z-index: 9999;
}

.pfext-spotlight__element-highlight-animate {
  pointer-events: none;
  position: absolute;
  box-shadow: inset 0 0 0 4px var(--pf-global--palette--blue-200);
  opacity: 0;
  animation: .4s pfext-spotlight-fade-in 0s ease-in-out,5s pfext-spotlight-fade-out 12.8s ease-in-out;
  animation-fill-mode: forwards;
}

.pfext-spotlight__element-highlight-animate::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
  animation-fill-mode: forwards;
  outline: 4px solid var(--pf-global--palette--blue-200);
  outline-offset: -4px;
}

.catalog-tile-pf.featured {
  border-top: 2px solid #2b9af3;
}

.catalog-tile-pf:active,
.catalog-tile-pf:focus,
.catalog-tile-pf:hover,
.catalog-tile-pf:visited {
  color: inherit;
  text-decoration: none;
}

.catalog-tile-pf .pf-c-card__actions {
  padding-left: 5px;
}

.catalog-tile-pf-header {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 16px;
}

.catalog-tile-pf-header .catalog-tile-pf-title {
  font-size: 15px;
  font-weight: 400;
}

.catalog-tile-pf-header .catalog-tile-pf-subtitle {
  color: #8a8d90;
  font-size: 13px;
  font-weight: initial;
}

.catalog-tile-pf-header .catalog-tile-pf-subtitle a {
  color: #2b9af3;
  text-decoration: none;
}

.catalog-tile-pf-header .catalog-tile-pf-subtitle a:hover {
  color: #73bcf7;
  text-decoration: none;
}

.catalog-tile-pf-icon {
  font-size: 40px;
  height: 40px;
  max-width: 60px;
  min-width: 40px;
}

.catalog-tile-pf-badge-container {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.catalog-tile-pf-description {
  margin-top: 0;
}

.catalog-tile-pf-description span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.catalog-tile-pf-description .has-footer {
  -webkit-line-clamp: 1;
}

.pf-c-clipboard-copy {
  --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
  --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
  --pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
  --pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
  --pf-c-clipboard-copy--m-inline--PaddingTop: 0.25rem;
  --pf-c-clipboard-copy--m-inline--PaddingBottom: 0.3125rem;
  --pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
  --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
  --pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
  --pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
  --pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm);
}

.pf-c-clipboard-copy.pf-m-inline {
  display: inline;
  padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
  padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
  padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
  white-space: nowrap;
  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
}

.pf-c-clipboard-copy.pf-m-inline.pf-m-block {
  display: block;
}

.pf-c-clipboard-copy__text {
  word-break: break-word;
  white-space: normal;
}

.pf-c-clipboard-copy__actions {
  display: inline-flex;
}

.pf-c-clipboard-copy__actions-item {
  margin-top: calc(-1*var(--pf-c-clipboard-copy__actions-item--button--PaddingTop));
  margin-bottom: calc(-1*var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom));
}

.pf-c-clipboard-copy__actions-item .pf-c-button {
  --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
  --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
  --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
  --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
}

.pf-c-code-block {
  --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-code-block__header--BorderBottomColor: var(--pf-global--BorderColor--100);
  --pf-c-code-block__content--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-code-block__pre--FontFamily: var(--pf-global--FontFamily--monospace);
  --pf-c-code-block__pre--FontSize: var(--pf-global--FontSize--sm);
  background-color: var(--pf-c-code-block--BackgroundColor);
}

.pf-c-code-block__header {
  display: flex;
  border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor);
}

.pf-c-code-block__actions {
  display: flex;
  margin-left: auto;
}

.pf-c-code-block__content {
  padding: var(--pf-c-code-block__content--PaddingTop) var(--pf-c-code-block__content--PaddingRight) var(--pf-c-code-block__content--PaddingBottom) var(--pf-c-code-block__content--PaddingLeft);
}

.pf-c-code-block__pre {
  font-family: var(--pf-c-code-block__pre--FontFamily);
  font-size: var(--pf-c-code-block__pre--FontSize);
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.pf-c-code-block__code {
  font-family: var(--pf-c-code-block__code--FontFamily, inherit);
}


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