.co-popover-status-button {
  display: inline-flex !important;
  flex-direction: column !important;
}


.dps-icons__green-check-icon {
  fill: var(--pf-v5-global--palette--green-500) !important;
}

.dps-icons__red-exclamation-icon {
  fill: var(--pf-v5-global--danger-color--100) !important;
}

.dps-icons__yellow-exclamation-icon {
  fill: var(--pf-v5-global--warning-color--100) !important;
}

.dps-icons__blue-info-icon {
  fill: var(--pf-v5-global--palette--blue-300) !important;
}


.dps-resource-item__resource-status {
  padding-left: var(--pf-v5-global--spacer--sm);
  white-space: nowrap;
}

.dps-resource-item__resource-status-badge {
  vertical-align: middle;
}

.dps-resource-item__resource-status-badge--alt {
  vertical-align: baseline;
}

.dps-resource-item__resource-status-badge .dps-icon-and-text__icon {
  top: 2px;
}


.co-user-preference-field--description {
  margin-bottom: var(--pf-v5-global--spacer--lg);
}


.ocs-badge__inline {
  background-color: var(--pf-v5-global--BackgroundColor--200);
  border: 1px solid var(--pf-v5-global--BorderColor--light-100);
}

.ocs-preview-badge.pf-v5-c-label {
  --pf-v5-c-label--BackgroundColor: #d93f00;
  --pf-v5-c-label--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
  --pf-v5-c-label__content--before--BorderWidth: 0;
  --pf-v5-c-label__content--before--BorderColor: transparent;
  --pf-v5-c-label__content--Color: var(--pf-v5-global--Color--light-100);
  font-family: var(--pf-v5-global--FontFamily--text);
}


.ocs-empty-state-resource-badge {
  margin-bottom: var(--pf-v5-global--spacer--md);
}

.ocs-empty-state-resource-badge--badge.pf-v5-c-badge {
  --pf-v5-c-badge--Color: var(--pf-v5-global--palette--white);
  --pf-v5-c-badge--FontSize: var(--pf-v5-global--icon--FontSize--md);
  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-global--Color--400);
}


.co-close-button--no-padding {
  padding: 0 !important;
}

.co-sidebar-dismiss__close-button {
  font-size: 16px !important;
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.co-dashboard-body {
  background-color: var(--pf-v5-global--BackgroundColor--200);
  flex: 1 0 auto;
  padding: 1rem;
}

@media (min-width: 1200px) {
  .co-dashboard-body {
    padding: 1.5rem;
  }
}

.co-dashboard-grid {
  grid-gap: 1rem;
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.co-namespace-dropdown {
  margin-right: 20px;
  max-width: 60%;
}

.pf-v5-c-menu.co-namespace-dropdown__menu {
  position: absolute;
  --pf-v5-c-menu--MinWidth: 210px;
}

@media (min-width: 768px) {
  .pf-v5-c-menu.co-namespace-dropdown__menu {
    --pf-v5-c-menu--MinWidth: 325px;
  }
}

.pf-v5-c-menu-toggle.co-namespace-dropdown__menu-toggle {
  background-color: var(--co-namespace-dropdown__menu-toggle--BackgroundColor, inherit);
  font-size: 15px !important;
  padding: 2px 0 !important;
  width: 100%;
}

@media (min-width: 768px) {
  .pf-v5-c-menu-toggle.co-namespace-dropdown__menu-toggle {
    font-size: 16px !important;
    padding-bottom: 9px !important;
    padding-top: 9px !important;
  }
}

.pf-v5-c-menu-toggle.co-namespace-dropdown__menu-toggle::before,
.pf-v5-c-menu-toggle.co-namespace-dropdown__menu-toggle::after {
  border-width: 0 !important;
}

.pf-v5-c-menu-toggle.co-namespace-dropdown__menu-toggle:not(:disabled) {
  color: inherit;
}

.pf-v5-c-menu-toggle.co-namespace-dropdown__menu-toggle:disabled {
  background: none;
  color: var(--pf-v5-global--disabled-color--200);
}

.co-namespace-dropdown__switch .pf-v5-c-switch__label {
  padding-right: 60px;
}

.co-namespace-dropdown__switch .pf-v5-c-switch__toggle {
  position: absolute;
  right: 0;
}


.pf-v5-c-menu-toggle.co-user-preference__namespace-menu-toggle {
  padding: var(--pf-v5-global--spacer--form-element) var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--form-element) var(--pf-v5-global--spacer--sm) !important;
  background-color: var(--pf-v5-global--BackgroundColor--400);
}

.pf-v5-c-menu-toggle.co-user-preference__namespace-menu-toggle::before,
.pf-v5-c-menu-toggle.co-user-preference__namespace-menu-toggle::after {
  border-width: var(--pf-v5-global--BorderWidth--sm) !important;
}

.pf-v5-c-menu-toggle.co-user-preference__namespace-menu-toggle .pf-v5-c-menu-toggle__text {
  font-size: var(--pf-v5-global--FontSize--md);
}

.co-user-preference__namespace-menu__last-viewed {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}


.co-status-popup__status {
  align-items: center;
  display: flex;
  padding-left: var(--pf-v5-global--spacer--xs);
  white-space: nowrap;
}

.co-status-popup__icon {
  padding-left: var(--pf-v5-global--spacer--xs);
}

.co-status-popup__row {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--pf-v5-global--spacer--xs);
}

.co-status-popup__text--bold {
  font-weight: var(--pf-v5-global--FontWeight--bold);
}

.co-status-popup__title .co-resource-item__resource-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


.pod-ring__center-text tspan {
  font-size: 14px !important;
  fill: var(--pf-v5-global--Color--200) !important;
}

.pod-ring__center-text:not(.pod-ring__long-text) tspan:first-of-type {
  font-size: var(--pf-v5-chart-global--FontSize--2xl) !important;
  fill: var(--pf-v5-global--Color--100) !important;
}

.pod-ring__center-text--reversed tspan {
  font-size: 14px !important;
  fill: var(--pf-v5-global--Color--200) !important;
}

.pod-ring__center-text--reversed tspan:first-of-type {
  fill: var(--pf-v5-global--Color--100) !important;
}


.xterm.fullscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  z-index: 255;
}


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


.ocs-clamped-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--ocs-clamped-text--line-clamp);
}


.ocs-popup-kebab-menu {
  position: fixed;
  min-width: 150px;
  max-width: 200px;
}

.ocs-popup-kebab-menu__backdrop {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ocs-popup-kebab-menu__container {
  z-index: calc(var(--pf-v5-c-page__header--ZIndex) + 10);
}

.ocs-popup-kebab-menu__faux-input {
  border: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.ocs-form-footer {
  padding: var(--pf-v5-global--spacer--md) 1rem;
}

@media (min-width: 1200px) {
  .ocs-form-footer {
    padding: var(--pf-v5-global--spacer--md) 1.5rem;
  }
}

.ocs-form-footer__sticky {
  position: sticky;
  background-color: var(--pf-v5-global--BackgroundColor--100);
  bottom: 0;
}

.ocs-form-footer__shadow {
  box-shadow: var(--pf-v5-global--BoxShadow--sm-top);
}


.oc-inputfield {
  position: relative;
}

.oc-inputfield .pf-v5-c-form-control.pf-m-success,
.oc-inputfield .pf-v5-c-form-control.pf-m-warning,
.oc-inputfield .pf-v5-c-form-control[aria-invalid=true] {
  background-image: none;
}

.oc-inputfield__validation-icon.pf-v5-c-form-control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  border: 0 transparent;
}

.oc-inputfield__validation-icon.pf-v5-c-form-control.success {
  width: var(--pf-v5-c-form-control--success--PaddingRight);
  background-image: var(--pf-v5-c-form-control--success--BackgroundUrl);
  background-position: var(--pf-v5-c-form-control--success--BackgroundPosition);
  background-size: var(--pf-v5-c-form-control--success--BackgroundSize);
  border-bottom: var(--pf-v5-c-form-control--success--BorderBottomWidth) transparent;
  padding-bottom: var(--pf-v5-c-form-control--success--PaddingBottom);
}

.oc-inputfield__validation-icon.pf-v5-c-form-control.warning {
  width: var(--pf-v5-c-form-control--warning--PaddingRight);
  background-image: var(--pf-v5-c-form-control--warning--BackgroundUrl);
  background-position: var(--pf-v5-c-form-control--warning--BackgroundPosition);
  background-size: var(--pf-v5-c-form-control--warning--BackgroundSize);
  border-bottom: var(--pf-v5-c-form-control--warning--BorderBottomWidth) transparent;
  padding-bottom: var(--pf-v5-c-form-control--warning--PaddingBottom);
}

.oc-inputfield__validation-icon.pf-v5-c-form-control.error {
  width: var(--pf-v5-c-form-control--invalid--PaddingRight);
  background-image: var(--pf-v5-c-form-control--invalid--BackgroundUrl);
  background-position: var(--pf-v5-c-form-control--invalid--BackgroundPosition);
  background-size: var(--pf-v5-c-form-control--invalid--BackgroundSize);
  border-bottom-width: var(--pf-v5-c-form-control--invalid--BorderBottomWidth) transparent;
  padding-bottom: var(--pf-v5-c-form-control--invalid--PaddingBottom);
}


.odc-multi-column-field__row {
  position: relative;
  margin-right: var(--pf-v5-global--spacer--lg);
  margin-bottom: var(--pf-v5-global--spacer--md);
}

.odc-multi-column-field__header {
  position: relative;
  margin-right: var(--pf-v5-global--spacer--lg);
  margin-bottom: var(--pf-v5-global--spacer--sm);
  max-height: var(--pf-v5-global--spacer--xl);
}

.odc-multi-column-field__col {
  margin-right: var(--pf-v5-global--spacer--md);
}

.odc-multi-column-field__col--button {
  line-height: var(--pf-v5-global--spacer--xl);
  position: absolute;
  right: -30px;
  top: 0;
}

.odc-multi-column-field__empty-message {
  margin-bottom: var(--pf-v5-global--spacer--sm);
}

.odc-multi-column-field__header--required-label {
  margin-left: var(--pf-v5-global--spacer--xs);
  font-size: var(--pf-v5-global--FontSize--sm);
  color: var(--pf-v5-global--danger-color--100);
}


.ocs-radio-group-field {
  padding-left: var(--pf-v5-global--spacer--sm);
}

.ocs-radio-group-field input[type=radio] {
  margin-top: 0;
}

.ocs-radio-group-field:not(.ocs-radio-group-field--inline) .pf-v5-c-radio {
  padding-bottom: var(--pf-v5-global--spacer--md);
}

.ocs-radio-group-field:not(.ocs-radio-group-field--inline) .pf-v5-c-radio:last-of-type {
  padding-bottom: 0;
}

.ocs-radio-group-field:not(.ocs-radio-group-field--inline) .ocs-radio-group-field__children {
  padding-top: var(--pf-v5-global--spacer--sm);
}

.ocs-radio-group-field--inline {
  display: flex;
  align-items: center;
}

.ocs-radio-group-field--inline>.pf-v5-c-form__group-label {
  padding-bottom: 0;
  margin-right: var(--pf-v5-global--spacer--md);
}

.ocs-radio-group-field .pf-v5-c-radio__description {
  width: 100%;
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.osc-yaml-editor {
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  margin-right: -1rem;
}

@media (max-width: 768px) {
  .osc-yaml-editor {
    margin-left: -1rem;
    margin-top: -1.5rem;
  }
}

@media (min-width: 1200px) {
  .osc-yaml-editor {
    margin-right: -1.5rem;
  }
}

.osc-yaml-editor__editor {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

@media (min-width: 768px) {
  .osc-yaml-editor__editor {
    margin-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .osc-yaml-editor__editor {
    margin-right: 1.5rem;
  }
}

.osc-yaml-editor__sidebar {
  display: flex;
  width: 34%;
  margin-top: -1.5rem;
}

@media screen and (max-width: 992px) {
  .osc-yaml-editor__sidebar {
    display: none;
  }
}


.odc-selector-card {
  position: relative;
  width: 136px;
  min-height: 118px;
  margin: 4px !important;
  align-items: center;
  border: 0;
}

.odc-selector-card__icon {
  height: 36px;
  max-width: 100%;
  padding: var(--pf-v5-global--spacer--xs);
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  background: var(--pf-v5-global--palette--white);
}

.odc-selector-card__title {
  font-size: var(--pf-v5-global--FontSize--sm);
  font-weight: var(--pf-v5-global--FontWeight--bold);
  line-height: var(--pf-v5-global--LineHeight--sm);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.odc-selector-card__recommended {
  position: absolute;
  color: var(--pf-v5-global--primary-color--100);
  font-size: var(--pf-v5-global--FontSize--md);
  top: 3px;
  right: 6px;
}

.odc-selector-card.is-selected,
.odc-selector-card:hover,
.odc-selector-card:focus,
.odc-selector-card:active {
  outline: var(--pf-v5-global--active-color--100) 3px solid;
  outline-offset: -3px;
}

.odc-selector-card .pf-v5-c-card__body {
  padding: 5px !important;
}


.odc-item-selector-filter {
  display: flex;
  padding-bottom: var(--pf-v5-global--spacer--md);
}

.odc-item-selector-filter__input {
  max-width: 20em;
}

.odc-item-selector-filter__count {
  color: var(--pf-v5-global--Color--200);
  margin-left: auto;
}

.odc-item-selector-field {
  display: inline-flex;
  flex-direction: column;
  flex-flow: wrap;
  background: var(--pf-v5-global--BackgroundColor--200);
  padding: 4px;
}

.odc-item-selector-field__scrollbar {
  max-height: 260px;
  overflow-y: auto;
}

.odc-item-selector-field__success-icon {
  color: var(--pf-v5-global--palette--green-700);
  font-size: var(--pf-v5-global--FontSize--md);
  margin-left: var(--pf-v5-global--spacer--lg);
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.co-synced-editor__editor-toggle {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--lg);
}

@media (min-width: 1200px) {
  .co-synced-editor__editor-toggle {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.co-synced-editor__editor-toggle-label {
  font-size: 13px;
  margin-bottom: 0;
}

.co-synced-editor__yaml-warning {
  margin: 1.5rem 1.5rem 0;
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.ocs-synced-editor-field__editor-toggle {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  margin-left: -1rem;
  margin-right: -1rem;
  padding: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--lg);
}

@media (min-width: 1200px) {
  .ocs-synced-editor-field__editor-toggle {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 1200px) {
  .ocs-synced-editor-field__editor-toggle {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.ocs-synced-editor-field__editor-toggle.margin {
  margin: var(--pf-v5-global--spacer--md) 0;
}

.ocs-synced-editor-field__yaml-warning {
  margin: 1.5rem 1.5rem 0;
}


.ocs-getting-started-grid {
  --min-column-width: 220px;
}

.ocs-getting-started-grid__header.pf-v5-c-card__header {
  padding-right: var(--pf-v5-global--spacer--sm);
}

.ocs-getting-started-grid__tooltip {
  white-space: pre-line;
}

.ocs-getting-started-grid__tooltip-icon {
  padding-left: var(--pf-v5-global--spacer--sm);
}

.ocs-getting-started-grid__action-dropdown .pf-v5-c-dropdown__menu {
  width: 280px;
}

.ocs-getting-started-grid__action-dropdown .pf-v5-c-dropdown__menu-item-description {
  white-space: pre-wrap;
}

.ocs-getting-started-grid__content.pf-v5-c-card__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--min-column-width), 1fr));
  padding: 0 0 calc(var(--pf-v5-c-card--child--PaddingBottom)/2) 0;
  overflow: hidden;
}

.ocs-getting-started-grid__content.pf-v5-c-card__body>.pf-v5-l-flex.pf-m-grow.pf-m-column {
  border-right: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  margin-right: calc(-1*var(--pf-v5-global--BorderWidth--sm));
  padding-top: calc(var(--pf-v5-c-card--first-child--PaddingTop)/2);
  padding-bottom: calc(var(--pf-v5-c-card--child--PaddingBottom)/2);
  padding-left: var(--pf-v5-c-card--child--PaddingLeft);
  padding-right: var(--pf-v5-c-card--child--PaddingRight);
}


.ocs-getting-started-card__title-icon {
  margin-right: var(--pf-v5-global--spacer--sm);
}

.ocs-getting-started-card small {
  color: var(--pf-v5-global--Color--200);
}

.ocs-getting-started-card__list>ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ocs-getting-started-card__list>ul>li .pf-v5-c-skeleton {
  margin: var(--pf-v5-c-simple-list__item-link--PaddingTop) var(--pf-v5-c-simple-list__item-link--PaddingRight) var(--pf-v5-c-simple-list__item-link--PaddingBottom) var(--pf-v5-c-simple-list__item-link--PaddingLeft);
}

.ocs-getting-started-card a>svg,
.ocs-getting-started-card button>svg {
  margin-left: var(--pf-v5-global--spacer--sm);
}


.ocs-getting-started-expandable-grid {
  --min-column-width: 220px;
}

.ocs-getting-started-expandable-grid__header.pf-v5-c-card__header {
  padding-right: var(--pf-v5-global--spacer--sm);
}

.ocs-getting-started-expandable-grid__tooltip {
  white-space: pre-line;
}

.ocs-getting-started-expandable-grid__tooltip-icon {
  margin-left: var(--pf-v5-global--spacer--sm);
}

.ocs-getting-started-expandable-grid__content.pf-v5-c-card__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--min-column-width), 1fr));
  padding: 0 0 calc(var(--pf-v5-c-card--child--PaddingBottom)/2) 0;
  overflow: hidden;
  padding-top: 0 !important;
}

.ocs-getting-started-expandable-grid__content.pf-v5-c-card__body>.pf-v5-l-flex.pf-m-grow.pf-m-column {
  border-right: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  margin-right: calc(-1*var(--pf-v5-global--BorderWidth--sm));
  padding-top: calc(var(--pf-v5-c-card--first-child--PaddingTop)/2);
  padding-bottom: calc(var(--pf-v5-c-card--child--PaddingBottom)/2);
  padding-left: var(--pf-v5-c-card--child--PaddingLeft);
  padding-right: var(--pf-v5-c-card--child--PaddingRight);
}

.ocs-getting-started-expandable-section {
  background-color: var(--pf-v5-global--BackgroundColor--100);
}

.ocs-getting-started-expandable-section__toggle-text {
  color: var(--pf-v5-global--Color--dark-100);
  font-size: var(--pf-v5-global--icon--FontSize--md);
  font-weight: var(--pf-v5-global--FontWeight--bold);
}

.ocs-getting-started-expandable-section__toggle-text.is-dark {
  color: var(--pf-v5-global--Color--light-100);
}

.pf-v5-c-expandable-section__toggle {
  align-items: center;
}

.pf-v5-c-expandable-section__content {
  padding: 0 !important;
}


ul.pf-v5-c-list:not(.pf-m-inline).co-detail-property-list {
  list-style: none;
  padding-left: 0;
}

ul.pf-v5-c-list:not(.pf-m-inline).co-detail-property-list li+li {
  margin-top: 0;
}

.co-detail-property-list__item-title {
  color: var(--pf-v5-global--Color--200);
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.ocs-log-snippet {
  border-left: 2px solid #c9190b;
  display: flex;
  flex-direction: column;
  margin-left: 6px;
  padding: 10px 0 10px 13px;
}

.ocs-log-snippet__status-message {
  margin-bottom: 10px;
}

.ocs-log-snippet__log-snippet {
  margin: 0;
}


.odc-pod-status-tooltip__content {
  align-items: center;
  display: flex;
}

.odc-pod-status-tooltip__status-box {
  width: var(--pf-v5-global--icon--FontSize--sm);
  height: var(--pf-v5-global--icon--FontSize--sm);
  margin-right: var(--pf-v5-global--spacer--sm);
}

.odc-pod-status-tooltip__status-count {
  margin-right: var(--pf-v5-global--spacer--xs);
}


.odc-pod-ring {
  max-width: 130px;
}

.odc-pod-ring svg {
  overflow: visible !important;
}


.ocs-shortcut__cell {
  padding-bottom: var(--pf-v5-global--spacer--sm);
}

.ocs-shortcut__cell:first-child {
  padding-right: var(--pf-v5-global--spacer--md);
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
}

.ocs-shortcut__command:not(:last-child):after {
  content: " + ";
}


.ocs-draggable-core-iframe-fix iframe {
  pointer-events: none !important;
}


.ocs-drawer {
  position: relative;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  transition: opacity 175ms ease-out,transform 225ms ease-out;
  box-shadow: var(--pf-v5-global--BoxShadow--sm-top);
  display: flex;
  flex-direction: column;
  z-index: var(--pf-v5-global--ZIndex--xs);
}

.ocs-drawer__drag-handle {
  width: 100%;
  height: 6px;
  cursor: ns-resize;
  position: absolute;
  background-color: transparent;
}

.ocs-drawer__drag-handle:hover {
  background-color: var(--pf-v5-global--palette--black-300);
}

.ocs-drawer__header {
  height: var(--pf-v5-global--target-size--MinHeight);
  background-color: var(--pf-v5-global--BackgroundColor--200);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.ocs-drawer__body {
  position: relative;
  flex-grow: 1;
  overflow: auto;
  height: 100%;
}

.ocs-drawer-appear {
  opacity: 0;
  transform: translatey(10%);
}

.ocs-drawer-appear-active {
  opacity: 1;
  transform: translatey(0);
}

.ocs-drawer-exit {
  opacity: 1;
  transform: translatey(0);
}

.ocs-drawer-exit-active {
  opacity: 0;
  transform: translatey(10%);
}


.ocs-health-checks-alert {
  margin: 0 20px var(--pf-v5-global--spacer--md);
}


.ocs-grid .ReactVirtualized__Grid__innerScrollContainer {
  width: 100% !important;
  max-width: 100% !important;
}


.ocs-popover__arrow {
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
}

.ocs-popover[x-placement^=top] .ocs-popover__arrow {
  bottom: -5px;
}

.ocs-popover[x-placement^=bottom] .ocs-popover__arrow {
  top: -5px;
}

.ocs-popover[x-placement^=left] .ocs-popover__arrow {
  right: -5px;
}

.ocs-popover[x-placement^=right] .ocs-popover__arrow {
  left: -5px;
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.ocs-page-layout__content {
  padding: 1.5rem 1rem;
  background-color: var(--pf-v5-global--BackgroundColor--200);
  flex: 1;
}

@media (min-width: 1200px) {
  .ocs-page-layout__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.ocs-page-layout__content.is-dark {
  background: var(--pf-v5-global--BackgroundColor--100);
}

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

.ocs-page-layout__hint {
  padding-bottom: var(--pf-v5-global--spacer--md);
  padding: 0 1rem 1.5rem;
}

@media (min-width: 1200px) {
  .ocs-page-layout__hint {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.ocs-page-layout__title {
  padding: 0 1rem;
}

@media (min-width: 1200px) {
  .ocs-page-layout__title {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}


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

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

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


.ocs-tooltip__arrow {
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
}

.ocs-tooltip[x-placement^=top] .ocs-tooltip__arrow {
  bottom: -5px;
}

.ocs-tooltip[x-placement^=bottom] .ocs-tooltip__arrow {
  top: -5px;
}

.ocs-tooltip[x-placement^=left] .ocs-tooltip__arrow {
  right: -5px;
}

.ocs-tooltip[x-placement^=right] .ocs-tooltip__arrow {
  left: -5px;
}


.ocs-code-block__pre {
  display: flex;
  border: none;
  border-radius: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

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

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

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

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


.ocs-quick-search-bar.pf-v5-c-input-group {
  background-color: var(--pf-v5-global--BackgroundColor--400);
}

.ocs-quick-search-bar.pf-v5-c-input-group__item.pf-m-box {
  border: none;
}

.ocs-quick-search-bar:hover {
  cursor: move;
}

.ocs-quick-search-bar__input-dummy {
  padding: 5px 8px;
  position: fixed;
  visibility: hidden;
  max-width: 100%;
  z-index: 0;
  white-space: nowrap;
}

.ocs-quick-search-bar__input {
  cursor: auto;
  border: none !important;
  display: block;
  z-index: 1;
}

.ocs-quick-search-bar__input>input {
  height: 60px !important;
  outline: none;
  border: none !important;
}

.ocs-quick-search-bar__input-wrapper {
  max-width: 100%;
  display: inline-flex;
}

.ocs-quick-search-bar__input.pf-v5-c-form-control:before,
.ocs-quick-search-bar__input.pf-v5-c-form-control:after {
  display: none;
}

.ocs-quick-search-bar__no-results {
  white-space: nowrap;
}

.ocs-quick-search-bar__border-none {
  border: none !important;
}

.ocs-quick-search-bar__spinner {
  margin-left: auto !important;
}


.odc-catalog-badges {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--pf-v5-global--spacer--sm);
}

.odc-catalog-badges__label {
  margin: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--xs) 0;
}


.co-overview-details-card__item-title {
  flex-basis: 100%;
}

.co-overview-details-card__item-value {
  flex-basis: 100%;
  margin-bottom: 8px;
  overflow: hidden;
  overflow-wrap: break-word;
}


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

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

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

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


:where(.pf-v5-theme-dark) .service-binding-alert-modal {
  background-color: var(--pf-v5-global--BackgroundColor--400) !important;
}


.odc-catalog-details-modal__header {
  align-items: baseline;
}

.odc-catalog-details-modal__sbo_alert {
  margin-left: var(--pf-v5-global--spacer--lg);
  margin-right: var(--pf-v5-global--spacer--lg);
  margin-bottom: var(--pf-v5-global--spacer--md);
}


.odc-catalog-tile .catalog-tile-pf-icon {
  padding: var(--pf-v5-global--spacer--xs);
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  background: var(--pf-v5-global--palette--white);
  max-width: 100px;
  height: 40px;
}

.odc-catalog-tile>.catalog-tile-pf-body {
  display: flex;
  flex-direction: column;
}

.odc-catalog-tile>.catalog-tile-pf-body>.catalog-tile-pf-description {
  flex: 1 1 auto;
}


.ocs-quick-search-details {
  display: flex;
  flex-direction: column;
  padding: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--md) 0px var(--pf-v5-global--spacer--md);
  overflow-y: auto;
  overflow-wrap: break-word;
  scrollbar-width: 12px;
  scrollbar-color: var(--pf-v5-global--BackgroundColor--light-300) var(--pf-v5-global--palette--white);
}

.ocs-quick-search-details__form-button {
  margin: var(--pf-v5-global--spacer--md) 0px !important;
  width: max-content;
}

.ocs-quick-search-details__provider {
  color: var(--pf-v5-global--Color--200);
}

.ocs-quick-search-details__description {
  font-size: 15px !important;
}

.ocs-quick-search-details::-webkit-scrollbar {
  width: 12px;
}

.ocs-quick-search-details::-webkit-scrollbar-thumb {
  background: var(--pf-v5-global--BackgroundColor--light-300);
  border-radius: 10px;
}

.ocs-quick-search-details::-webkit-scrollbar-track {
  background: var(--pf-v5-global--palette--white);
}


.ocs-quick-search-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ocs-quick-search-list__list {
  border-top: var(--pf-v5-c-data-list--sm--BorderTopWidth) solid var(--pf-v5-c-data-list--sm--BorderTopColor) !important;
  border-bottom: var(--pf-v5-c-data-list--sm--BorderTopWidth) solid var(--pf-v5-c-data-list--sm--BorderTopColor) !important;
  flex: 1;
  overflow-y: auto;
  margin-bottom: 0 !important;
}

.ocs-quick-search-list__item {
  border-bottom: var(--pf-v5-c-data-list__item--sm--BorderBottomWidth) solid var(--pf-v5-c-data-list__item--sm--BorderBottomColor) !important;
}

.ocs-quick-search-content__list--overflow .ocs-quick-search-list__item:last-of-type {
  border-bottom: 0 !important;
}

.ocs-quick-search-list__item--highlight {
  background-color: var(--pf-v5-global--BackgroundColor--200) !important;
}

.ocs-quick-search-list__item:hover {
  background-color: var(--pf-v5-global--BackgroundColor--200);
}

.ocs-quick-search-list__item-row {
  padding: 0 var(--pf-v5-global--spacer--sm) !important;
}

.ocs-quick-search-list__item-content {
  align-items: center;
}

.ocs-quick-search-list__item-icon {
  padding: var(--pf-v5-global--spacer--xs);
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  background: var(--pf-v5-global--palette--white);
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.ocs-quick-search-list__item-name {
  font-size: var(--pf-v5-global--FontSize--md);
  font-weight: 400;
  font-family: var(--pf-v5-global--FontFamily--heading);
}

.ocs-quick-search-list__all-items {
  border-bottom: var(--pf-v5-c-data-list__item--sm--BorderBottomWidth) solid var(--pf-v5-c-data-list__item--sm--BorderBottomColor) !important;
}

.ocs-quick-search-list__all-items-link {
  padding: var(--pf-v5-global--spacer--sm) 0 var(--pf-v5-global--spacer--md);
  text-align: center;
  display: flex;
  flex-direction: column;
}

.ocs-quick-search-list__secondary-label {
  margin-left: var(--pf-v5-global--BorderWidth--md);
}


.ocs-quick-search-content {
  flex: 1;
  overflow-y: hidden;
  border-top: 1px solid var(--pf-v5-global--BorderColor--100);
}

.ocs-quick-search-content__list {
  width: 40%;
  height: 100%;
}

.ocs-quick-search-content__details {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  width: 60%;
  overflow-y: auto;
  height: 100%;
  padding-right: var(--pf-v5-global--spacer--md);
}


.ocs-quick-search-modal-body {
  display: flex;
  flex-direction: column;
  background: var(--pf-v5-global--BackgroundColor--100);
  box-shadow: var(--pf-v5-c-modal-box--BoxShadow);
}


.ocs-quick-search-modal {
  --pf-v5-c-modal-box--BackgroundColor: none !important;
  box-shadow: none !important;
}

.ocs-quick-search-modal__no-backdrop .pf-v5-c-backdrop {
  background: none;
  position: absolute;
  overflow: hidden;
}


.ocs-progressive-list-section {
  margin-bottom: var(--pf-v5-global--spacer--md);
}


input[type=radio],
input[type=checkbox] {
  margin-top: 1px !important;
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.co-catalog-tile {
  height: 100%;
  width: 260px;
}

.co-clusterserviceversion-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px 0;
}

.co-clusterserviceversion-details__field {
  padding-bottom: var(--pf-v5-global--spacer--lg);
}

.co-clusterserviceversion-details__field-description {
  margin-bottom: 0;
}

.co-clusterserviceversion-table-header__icon {
  margin-left: var(--pf-v5-global--spacer--xs);
}

.co-clusterserviceversion-link:focus,
.co-clusterserviceversion-link:hover {
  text-decoration: none;
}

.co-clusterserviceversion-link:focus .co-clusterserviceversion-logo__name__clusterserviceversion,
.co-clusterserviceversion-link:hover .co-clusterserviceversion-logo__name__clusterserviceversion {
  text-decoration: underline;
}

.co-clusterserviceversion-logo {
  align-items: flex-start;
  display: flex;
}

.co-clusterserviceversion-logo__icon {
  padding: var(--pf-v5-global--spacer--xs);
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  background: var(--pf-v5-global--palette--white);
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  margin: 0 15px 5px 0;
}

.co-clusterserviceversion-logo__name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.co-clusterserviceversion-logo__name__clusterserviceversion {
  font-size: 15px !important;
  margin-bottom: 5px !important;
}

.co-m-pane__heading--logo .co-clusterserviceversion-logo__name__provider {
  font-size: var(--pf-v5-global--FontSize--sm);
}

.co-crd-card-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.co-crd-card-row .pf-v5-c-card {
  margin-bottom: 20px;
  margin-right: 20px;
  width: 300px;
}

.co-operand-details__compact-expand {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.co-operand-details__section--info dd {
  margin-bottom: 20px !important;
  min-width: 0;
  overflow-wrap: break-word;
}

.co-catalog-install-modal .modal-header .co-clusterserviceversion-logo__icon {
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
}

.co-catalog-details {
  display: flex;
  flex-direction: column;
}

.co-catalogsource-list__section {
  margin-bottom: 40px;
}

.co-catalogsource-list__section__packages {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}

.co-clusterserviceversion-row__status {
  display: flex;
  flex-direction: column;
}

.co-spec-descriptor--resource-requirements {
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
  padding: 20px 0 20px 20px;
  margin-top: 5px;
}

.co-spec-descriptor--switch {
  align-items: center;
  display: flex;
  height: 25px;
}

.co-create-operand__header {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding: 0 1rem var(--pf-v5-global--spacer--lg);
}

@media (min-width: 1200px) {
  .co-create-operand__header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.co-create-operand__header-text {
  margin: var(--pf-v5-global--spacer--lg) 0 0 !important;
}

.co-affinity-term {
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  padding: 10px 0 5px 15px;
}

.co-affinity-term__remove {
  margin-left: auto !important;
}

.co-affinity-term__topology {
  display: flex;
}

.co-affinity-term__topology-input,
.co-affinity-term__weight-input {
  margin-bottom: 15px;
}

.co-affinity-term__topology-input {
  display: flex;
  flex-direction: column;
  padding-right: 15px;
  width: 100%;
}

.co-affinity-term__weight-input {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  width: 100px;
}

.co-operand-field-group {
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  margin-left: 15px;
  padding: 10px 15px 5px;
}

.co-operand-field-group-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.catalog-source__table-row--disabled {
  background-color: var(--pf-v5-global--palette--black-200);
  color: var(--pf-v5-global--Color--400);
}

.key-operator-value__action {
  padding: 0;
  width: 28px;
}

@media (max-width: 991px) {
  .key-operator-value__action--stacked,
  .key-operator-value__value-field--stacked {
    padding-top: 10px;
  }
}

.key-operator-value__delete-button {
  padding-left: 0 !important;
}

.key-operator-value__heading-button {
  height: 23px;
}

.key-operator-value__name-field,
.key-operator-value__operator-field,
.key-operator-value__value-field {
  padding-right: 0 !important;
}

.key-operator-value__row {
  padding-bottom: 15px;
}

.olm-descriptors__invalid-pod-descriptor {
  display: inline-block;
  margin-bottom: 20px !important;
}

.olm-descriptors__group {
  display: flex;
  justify-content: start;
}

.olm-descriptors__group>div {
  margin-right: var(--pf-v5-global--spacer--sm);
  flex-grow: 1;
}

#operator-install-page {
  margin: 0 1rem;
}

@media (min-width: 768px) {
  #operator-install-page {
    margin: 1.5rem;
    max-width: 600px;
    min-width: 375px;
    width: 100%;
  }
}

#operator-install-page .pf-v5-c-card {
  margin: 10px auto;
}

#operator-install-page .pf-v5-c-alert {
  margin-bottom: 10px;
}

.co-clusterserviceversion-install__heading {
  margin-top: 0;
}

.co-clusterserviceversion__box {
  border: 1px solid var(--pf-v5-global--BorderColor--300);
  margin: var(--pf-v5-global--spacer--md) 0;
  padding: var(--pf-v5-global--spacer--md) var(--pf-v5-global--spacer--md) var(--pf-v5-global--spacer--xs);
}

.co-operator-install-page__indicator {
  text-align: center;
}

.co-operator-install-page__pkg-indicator {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.co-operator-install-page__main {
  background-color: var(--pf-v5-global--BackgroundColor--200);
  height: 100%;
}

.co-operator-install-page__link {
  display: flex;
  align-items: center;
}

.co-operator-uninstall-alert__list {
  list-style: none;
  padding-left: 0;
}

.co-operator-uninstall-alert__list-item {
  padding-bottom: var(--pf-v5-global--spacer--sm);
}

@media (min-width: 768px)and (min-height: 600px) {
  .co-operator-uninstall__operands-section {
    display: block;
    max-height: calc(100vh - 400px);
    overflow-y: auto;
  }
}

.co-operator-uninstall__operands-section loading-skeleton--table::after {
  min-height: 160px;
}

.co-operator-details__actions {
  align-items: baseline;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .co-operator-details__actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}

.co-operator-details__toggle-value {
  flex-grow: 1;
  margin-right: var(--pf-v5-global--spacer--xl);
}

.co-operator-details__toggle-value .radio-inline input[type=radio] {
  position: relative;
}

.co-operator-details__toggle-value label {
  font-weight: var(--pf-v5-global--FontWeight--normal);
}


.co-step-badge {
  font-size: 14px;
  color: var(--pf-v5-global--Color--200);
}


.co-step-content {
  font-size: 14px;
}


.co-step-header {
  font-size: 16px;
}


.co-tour-step-component>.pf-v5-c-modal-box__footer {
  display: block;
}


:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.oc-nav-header {
  border-bottom: 1px solid var(--pf-v5-global--BackgroundColor--dark-200);
  padding: .6rem var(--pf-v5-global--spacer--sm);
  margin-top: var(--pf-v5-global--spacer--sm);
}

:where(.pf-v5-theme-dark) .oc-nav-header {
  border-bottom-color: var(--pf-v5-global--BorderColor--100);
}

@media screen and (min-width: 1200px) {
  .oc-nav-header {
    padding-left: var(--pf-v5-global--spacer--md);
    padding-right: var(--pf-v5-global--spacer--md);
  }
}

.oc-nav-header__icon {
  margin-right: var(--pf-v5-global--spacer--sm);
}

.oc-nav-header__dropdown-toggle--is-empty {
  cursor: default !important;
}

.oc-nav-header .pf-v5-c-dropdown {
  --pf-v5-c-dropdown__menu-item--PaddingLeft: 7px;
  width: 100%;
  cursor: pointer;
}

.oc-nav-header .pf-v5-c-dropdown.pf-m-expanded .pf-v5-c-dropdown__toggle {
  background-color: var(--pf-v5-global--BackgroundColor--dark-200);
}

:where(.pf-v5-theme-dark) .oc-nav-header .pf-v5-c-dropdown.pf-m-expanded .pf-v5-c-dropdown__toggle {
  background-color: var(--pf-v5-global--BackgroundColor--dark-300);
}

:where(.pf-v5-theme-dark) .oc-nav-header .pf-v5-c-dropdown__toggle {
  background-color: var(--pf-v5-c-page__sidebar--BackgroundColor);
}

.oc-nav-header .pf-v5-c-dropdown__menu-item h1,
.oc-nav-header .pf-v5-c-dropdown__toggle h1 {
  font-size: 14px;
}

.oc-nav-header .pf-v5-c-dropdown__toggle {
  font-size: 14px;
  justify-content: space-between;
  width: 100%;
}

.oc-nav-header .pf-v5-c-dropdown__toggle .pf-c-dropdown__toggle-icon {
  color: var(--pf-v5-global--Color--light-100);
  font-size: 16px;
}

.oc-nav-header .pf-v5-c-dropdown__toggle .pf-v5-c-title {
  color: var(--pf-v5-global--Color--light-100);
}

.oc-nav-header .pf-v5-c-dropdown__toggle .pf-v5-c-title.pf-m-md {
  font-size: 16px;
  font-family: var(--pf-v5-global--FontFamily--text);
}

.oc-nav-header .pf-v5-c-dropdown__toggle:before {
  border: none;
}


.oc-pinned-resource.pf-v5-c-nav__item {
  --pf-v5-c-nav__link--PaddingRight: 0;
  display: flex;
}

.oc-pinned-resource.pf-v5-c-nav__item .pf-v5-c-nav__link {
  display: block;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oc-pinned-resource.pf-v5-c-nav__item .pf-v5-c-nav__link:hover {
  --pf-v5-c-nav__section-title--PaddingRight: 30px;
}

.oc-pinned-resource.pf-v5-c-nav__item .pf-v5-c-nav__link:hover .oc-pinned-resource__unpin-button .oc-pinned-resource__delete-icon,
.oc-pinned-resource.pf-v5-c-nav__item .pf-v5-c-nav__link:hover .oc-pinned-resource__unpin-button .oc-pinned-resource__drag-icon,
.oc-pinned-resource.pf-v5-c-nav__item .pf-v5-c-nav__link:hover .oc-pinned-resource__drag-button .oc-pinned-resource__delete-icon,
.oc-pinned-resource.pf-v5-c-nav__item .pf-v5-c-nav__link:hover .oc-pinned-resource__drag-button .oc-pinned-resource__drag-icon {
  opacity: 1;
}

.oc-pinned-resource.pf-v5-c-nav__item .oc-pinned-resource__unpin-button {
  background-color: var(--pf-v5-c-nav--m-dark__item--BackgroundColor);
  color: var(--pf-v5-c-nav__link--after--BorderColor);
  padding-bottom: 0;
  padding-top: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.pf-m-current .oc-pinned-resource.pf-v5-c-nav__item .oc-pinned-resource__unpin-button {
  background-color: var(--pf-v5-c-nav--m-dark__item--m-current--BackgroundColor);
}

.oc-pinned-resource.pf-v5-c-nav__item .oc-pinned-resource__unpin-button .oc-pinned-resource__delete-icon {
  opacity: 0;
}

.oc-pinned-resource.pf-v5-c-nav__item .oc-pinned-resource__drag-button {
  background-color: var(--pf-v5-c-nav--m-dark__item--BackgroundColor);
  color: var(--pf-v5-c-nav__link--after--BorderColor);
  padding: 0;
  cursor: move;
  width: 14px;
  position: absolute;
  left: 4px;
  top: 0;
  bottom: 0;
}

.pf-m-current .oc-pinned-resource.pf-v5-c-nav__item .oc-pinned-resource__drag-button {
  background-color: var(--pf-v5-c-nav--m-dark__item--m-current--BackgroundColor);
}

.oc-pinned-resource.pf-v5-c-nav__item .oc-pinned-resource__drag-button .oc-pinned-resource__drag-icon {
  opacity: 0;
}

.oc-pinned-resource--dragging {
  outline: 1px dashed var(--pf-v5-global--Color--400);
  overflow: hidden;
  background-color: var(--pf-v5-global--Color--200) !important;
}

.oc-pinned-resource--dragging div {
  opacity: .5;
}


.oc-perspective-nav {
  --pf-v5-c-nav__list--PaddingTop: 0;
  --pf-v5-c-nav__list--PaddingBottom: 0;
}

.oc-perspective-nav .pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title {
  --pf-v5-c-nav__section-title--PaddingTop: 0;
  border: none;
}

.oc-perspective-nav .pf-v5-c-nav__section.no-title {
  border-bottom: 1px solid var(--pf-v5-global--BackgroundColor--dark-200);
  padding-bottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-nav__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
}

.oc-perspective-nav .pf-v5-c-nav__section.no-title .pf-v5-c-nav__section-title {
  --pf-v5-c-nav__section-title--PaddingBottom: 0;
}

.oc-perspective-nav .pf-v5-c-nav__section.no-title:last-child {
  border: none;
}

.oc-perspective-nav--dragging {
  background-color: var(--pf-v5-global--Color--200) !important;
}

.oc-perspective-nav--dragging .pf-v5-c-nav__link {
  background-color: var(--pf-v5-global--Color--200) !important;
}

.oc-perspective-nav--dragging .oc-pinned-resource__unpin-button,
.oc-perspective-nav--dragging .oc-pinned-resource__drag-button {
  opacity: 0;
}


.co-cloud-shell-drawer__heading {
  padding-left: var(--pf-v5-global--spacer--md);
}

.co-cloud-shell-drawer__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.co-cloud-shell-drawer__body .pf-v5-c-tabs {
  flex-shrink: 0;
}


.co-terminal {
  height: 100%;
}

.co-terminal>.terminal {
  height: 100%;
}


.co-cloudshell-exec__container-error {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  height: 100%;
}

.co-cloudshell-exec__error-msg {
  color: var(--pf-v5-global--danger-color--100) !important;
}


.co-cloudshell-terminal__container {
  background-color: #000;
  color: var(--pf-v5-global--Color--light-100);
  height: 100%;
  overflow: hidden;
}


.co-multi-tabbed-terminal__tab {
  flex-grow: 1;
  position: relative;
  height: 100%;
  overflow: auto;
}


.co-cloud-shell-tab__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.co-cloud-shell-tab__header {
  background-color: var(--pf-v5-global--BackgroundColor--200);
  align-items: center;
  display: flex;
  flex-shrink: 0;
  min-height: var(--pf-v5-global--target-size--MinHeight);
}

.co-cloud-shell-tab__header-text {
  padding: 0 var(--pf-v5-global--spacer--md);
}


@media (min-width: 769px) {
  .co-user-preference__form {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .co-user-preference__form {
    min-width: 650px;
  }
}

@media (min-width: 1200px) {
  .co-user-preference__form {
    max-width: 50%;
  }
}


.co-user-preference-page {
  display: flex;
  min-height: 100%;
  background-color: var(--pf-v5-global--BackgroundColor--200);
  overflow-y: auto;
  flex-direction: column;
}

.co-user-preference-page .ocs-page-layout__title {
  margin-top: 0;
  padding-top: var(--pf-v5-global--spacer--lg);
}

.co-user-preference-page-content {
  display: flex;
  flex-direction: row;
  background-color: var(--pf-v5-global--BackgroundColor--100);
  min-height: 100%;
}

@media (min-width: 769px) {
  .co-user-preference-page-content__tabs {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .co-user-preference-page-content__tabs {
    min-width: 220px;
  }
}

@media (min-width: 1200px) {
  .co-user-preference-page-content__tabs {
    max-width: 220px;
  }
}

.co-user-preference-page-content__tab-content {
  margin: var(--pf-v5-global--spacer--lg);
  max-width: 100%;
}

.co-user-preference-page-content .pf-v5-c-tabs__scroll-button {
  display: none;
}


.co-language-dropdown__system-default-checkbox {
  margin-bottom: var(--pf-v5-global--spacer--sm) !important;
}


.skeleton-chart {
  height: inherit;
  position: relative;
  width: 100%;
}

.skeleton-chart::after {
  background-image: url(./assets/packages/console-shared/src/images/skeleton-chart.svg);
  background-position: 0px bottom;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.pf-v5-theme-dark .skeleton-chart::after {
  opacity: .2;
}

.skeleton-text {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  background: var(--co-skeleton--Color);
  height: 24px;
  opacity: 0;
}

.skeleton-text::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

.co-activity-card__body {
  max-height: 30rem;
  min-height: 10rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.co-activity-card__ongoing-body .co-activity-item__ongoing:last-of-type {
  border-bottom: none;
}

.co-activity-card__ongoing-title {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding: .2rem var(--pf-v5-c-card--child--PaddingRight) .2rem var(--pf-v5-c-card--child--PaddingLeft);
}

.co-activity-card__recent-more-link {
  padding: 0 var(--pf-v5-c-card--child--PaddingRight) var(--pf-v5-c-card--child--PaddingBottom) var(--pf-v5-c-card--child--PaddingLeft);
}

.co-activity-card__recent-accordion.pf-v5-c-accordion {
  box-shadow: none;
  padding-bottom: 0;
  padding: .75rem 0;
}

.co-activity-card__recent-accordion.pf-v5-c-accordion h5 {
  font-family: var(--pf-v5-global--FontFamily--text);
  font-size: var(--pf-v5-c-card__body--FontSize);
  margin: 0;
}

.co-activity-card__recent-accordion.pf-v5-c-accordion .co-recent-item__content .pf-v5-c-accordion {
  --pf-v5-c-accordion__expanded-content-body--PaddingRight: var( --pf-v5-c-card--child--PaddingRight );
  --pf-v5-c-accordion__expanded-content-body--PaddingLeft: var( --pf-v5-c-card--child--PaddingLeft );
}

.co-activity-card__recent-accordion.pf-v5-c-accordion .co-recent-item__content .pf-v5-c-accordion__expandable-content-body {
  padding-inline-start: var(--pf-v5-c-card--child--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-card--child--PaddingRight);
}

.co-activity-card__recent-accordion.pf-v5-c-accordion .co-recent-item__toggle.pf-v5-c-accordion__toggle {
  --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-v5-c-card--child--PaddingRight);
  --pf-v5-c-accordion__toggle--PaddingLeft: var(--pf-v5-c-card--child--PaddingLeft);
  line-height: 18px;
}

.co-activity-card__recent-accordion.pf-v5-c-accordion .co-recent-item--warning {
  border-left-color: var(--pf-v5-global--warning-color--100);
}

.co-activity-card__recent-accordion.pf-v5-c-accordion .pf-v5-c-accordion__toggle .pf-v5-c-accordion__toggle-text,
.co-activity-card__recent-accordion.pf-v5-c-accordion .pf-v5-c-accordion__toggle:active .pf-v5-c-accordion__toggle-text,
.co-activity-card__recent-accordion.pf-v5-c-accordion .pf-v5-c-accordion__toggle:focus .pf-v5-c-accordion__toggle-text {
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
}

.co-activity-card__recent-actions svg {
  vertical-align: -0.125rem !important;
}

.co-activity-card__recent-list {
  padding-bottom: 0 !important;
}

.co-activity-card__recent-title {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: .2rem var(--pf-v5-c-card--child--PaddingRight) .2rem var(--pf-v5-c-card--child--PaddingLeft);
}

.co-activity-item {
  display: flex;
}

.co-activity-item__ongoing {
  margin: 1rem var(--pf-v5-c-card--child--PaddingRight) 1rem var(--pf-v5-c-card--child--PaddingLeft);
}

.co-activity-item__progress.pf-v5-c-progress {
  --pf-v5-c-progress--GridGap: 0;
  padding-bottom: .2rem;
}

.co-activity-item__icon {
  padding-right: var(--pf-v5-global--spacer--xs);
}

.co-recent-item__content-header {
  display: flex;
  justify-content: space-between;
  white-space: pre;
}

.co-recent-item__content-message {
  color: var(--pf-v5-global--Color--100);
  margin-top: .5rem;
  word-wrap: break-word;
}

.co-recent-item__content-resourcelink {
  display: block;
  flex: 2 0 0;
  white-space: nowrap;
}

.co-recent-item__content-resourcelink .co-resource-item__resource-name {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.co-recent-item__icon {
  height: 18px !important;
  margin-right: var(--pf-v5-global--spacer--xs);
  min-width: 18px;
}

.co-recent-item__icon--warning {
  font-size: 1.1rem;
}

.co-recent-item__title {
  align-items: center;
  display: flex;
}

.co-recent-item__title-message {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.co-recent-item__title-message-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.co-recent-item__title-timestamp {
  min-width: 60px;
  padding-right: .3rem;
  text-align: left;
}

.skeleton-activity__dashboard {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  height: 24px;
  margin-bottom: 1em;
  opacity: 0;
  width: 100%;
}

.skeleton-activity__dashboard::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.skeleton-activity__dashboard:last-of-type {
  margin-bottom: 0;
}

.skeleton-activity__dashboard::after {
  background-image: linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),radial-gradient(circle 12px at center, var(--co-skeleton--Color) 100%, transparent 0);
  background-position: 45px 0,0 0;
  background-size: auto,24px 24px;
}


.skeleton-chart {
  height: inherit;
  position: relative;
  width: 100%;
}

.skeleton-chart::after {
  background-image: url(./assets/packages/console-shared/src/images/skeleton-chart.svg);
  background-position: 0px bottom;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.pf-v5-theme-dark .skeleton-chart::after {
  opacity: .2;
}

.skeleton-text {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  background: var(--co-skeleton--Color);
  height: 24px;
  opacity: 0;
}

.skeleton-text::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.co-status-card__alerts-body {
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  max-height: 19rem;
  min-height: 6rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.co-status-card__alerts-body .pf-v5-c-empty-state {
  --pf-v5-c-empty-state__icon--MarginBottom: 0 !important;
}

.co-status-card__alert-item--loading {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.co-status-card__alerts-msg.pf-v5-c-empty-state {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.co-status-card__alerts-icon.pf-v5-c-empty-state__icon {
  --pf-v5-c-empty-state__icon--Color: $pf-v5-color-black-400;
}

.co-status-card__alert-item {
  display: flex;
  padding-bottom: .5rem;
  padding-left: var(--pf-v5-c-card--child--PaddingLeft);
  padding-right: var(--pf-v5-c-card--child--PaddingRight);
}

.co-status-card__alert-item-icon {
  display: flex;
}

.co-status-card__alert-item-message {
  display: flex;
  flex-direction: column;
}

.co-status-card__alert-item-more {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  padding-left: var(--pf-v5-c-card--child--PaddingLeft);
}

.co-status-card__alert-item-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: small;
}

.co-status-card__alert-item-header {
  margin-left: 1rem;
  font-weight: bold;
  color: var(--pf-v5-global--Color--black);
}

.co-status-card__alert-item-doc-link {
  margin-left: 1rem;
  margin-top: .2rem;
  width: fit-content;
}

.co-health-card__alert-item-timestamp {
  white-space: nowrap;
  font-size: smaller;
  margin-bottom: .5rem;
}

.co-status-card__alert-item:first-of-type {
  padding-top: var(--pf-v5-c-card--first-child--PaddingTop);
}

.co-status-card__alert-item:last-of-type {
  padding-bottom: var(--pf-v5-c-card--child--PaddingBottom);
}

.co-status-card__health-body {
  display: flex;
  flex-wrap: wrap;
  padding-left: var(--pf-v5-c-card--child--PaddingLeft);
  padding-right: var(--pf-v5-c-card--child--PaddingRight);
  padding-bottom: var(--pf-v5-c-card__title--not--last-child--PaddingBottom);
}

.co-status-card__health-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  padding-right: 3rem;
}

.co-status-card__health-item-text {
  word-break: break-word;
  display: block;
  margin-left: 1rem;
  overflow-wrap: break-word;
  white-space: pre-line;
}

.co-status-card__health-item:last-of-type {
  padding-right: 0;
}

.co-status-card__popup {
  padding: 0;
}

.skeleton-health {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  border-radius: 50px;
  background: var(--co-skeleton--Color);
  height: 24px;
  opacity: 0;
  width: 24px;
}

.skeleton-health::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.skeleton-status-alerts {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  height: 50px;
  margin-bottom: 1em;
  opacity: 0;
  width: 100%;
}

.skeleton-status-alerts::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.skeleton-status-alerts:last-of-type {
  margin-bottom: 0;
}

.skeleton-status-alerts::after {
  background-image: linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),radial-gradient(circle 12px at center, var(--co-skeleton--Color) 100%, transparent 0);
  background-position: 45px 0,45px 24px,0 10px;
  background-size: 80px 15px,75%,24px 24px;
}


.skeleton-chart {
  height: inherit;
  position: relative;
  width: 100%;
}

.skeleton-chart::after {
  background-image: url(./assets/packages/console-shared/src/images/skeleton-chart.svg);
  background-position: 0px bottom;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.pf-v5-theme-dark .skeleton-chart::after {
  opacity: .2;
}

.skeleton-text {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  background: var(--co-skeleton--Color);
  height: 24px;
  opacity: 0;
}

.skeleton-text::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.co-inventory-card__item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.co-inventory-card__item:last-child {
  padding-bottom: 0rem;
}

.co-inventory-card__item-status {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.co-inventory-card__item-title {
  display: flex;
  margin-right: .5rem;
}

.co-inventory-card__status {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  margin-left: 1.8rem;
}

.co-inventory-card__status-icon--question {
  color: #d2d2d2;
}

.co-inventory-card__status-icon--progress {
  color: #6a6e73;
}

.co-inventory-card__accordion.pf-v5-c-accordion {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  box-shadow: none;
  padding: 0;
}

.co-inventory-card__accordion.pf-v5-c-accordion h5 {
  font-size: var(--pf-v5-c-card__body--FontSize);
  font-weight: var(--pf-v5-global--FontWeight--normal);
  margin: 0;
}

.co-inventory-card__accordion.pf-v5-c-accordion .co-inventory-card__accordion-toggle.pf-v5-c-accordion__toggle {
  --pf-v5-c-accordion__toggle--PaddingTop: 0;
  --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-v5-c-card--child--PaddingRight);
  --pf-v5-c-accordion__toggle--PaddingBottom: 0;
  --pf-v5-c-accordion__toggle--PaddingLeft: 0;
  border-left: none;
}

.co-inventory-card__accordion.pf-v5-c-accordion .co-inventory-card__accordion-toggle.pf-v5-c-accordion__toggle .pf-v5-c-accordion__toggle-text {
  width: 100%;
}

.co-inventory-card__accordion.pf-v5-c-accordion .co-inventory-card__accordion-body.pf-v5-c-accordion__expanded-content {
  --pf-v5-c-accordion__expanded-content-body--PaddingTop: 1rem;
  --pf-v5-c-accordion__expanded-content-body--PaddingRight: var( --pf-v5-c-card--child--PaddingRight );
  --pf-v5-c-accordion__expanded-content-body--PaddingBottom: 1rem;
  --pf-v5-c-accordion__expanded-content-body--PaddingLeft: var( --pf-v5-c-card--child--PaddingRight );
  --pf-v5-c-accordion__expanded-content-body--expanded-content-body--PaddingTop: 1rem;
  border-left: none;
}

.skeleton-inventory {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  background: var(--co-skeleton--Color);
  height: 20px;
  width: 20px;
  opacity: 0;
  margin-right: .5rem;
}

.skeleton-inventory::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}


.co-details-card__body {
  display: flex;
  flex-wrap: wrap;
}

.co-details-card__item-title {
  flex-basis: 100%;
}

.co-details-card__item-value {
  flex-basis: 100%;
  margin-bottom: 8px;
  overflow: hidden;
  overflow-wrap: break-word;
}


.co-utilization-card__body {
  padding: 0;
}

.co-utilization-card__item .co-u-hidden {
  display: none;
}

.co-utilization-card__item .co-utilization-card__item-chart.co-utilization-card__item-chart--times {
  padding: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--lg) var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--md);
}

.co-utilization-card__item .co-utilization-card__item-chart.co-utilization-card__item-chart--times svg {
  overflow: visible;
}

.co-utilization-card__item-header {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
}

.co-utilization-card__item .pf-v5-c-title {
  margin-bottom: 0;
}

.co-utilization-card__item>* {
  padding: var(--pf-v5-global--spacer--md);
}

.co-utilization-card__item-chart .graph-wrapper {
  margin: 0;
  padding: 0;
}

.co-utilization-card__item-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.co-utilization-card__item-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.co-utilization-card__item-section-multiline {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.co-utilization-card__item-text {
  color: var(--pf-v5-global--Color--200);
  font-size: var(--pf-v5-global--FontSize--sm);
}

.co-utilization-card__item-icon {
  margin-right: var(--pf-v5-global--spacer--sm);
}

@media screen and (min-width: 1200px) {
  .co-utilization-card__item {
    display: flex;
    justify-content: space-between;
  }

  .co-utilization-card__item .co-u-visible-on-xl {
    display: flex;
  }

  .co-utilization-card__item .co-utilization-card__item-chart.co-utilization-card__item-chart--times {
    padding-bottom: 0;
  }

  .co-utilization-card__item>* {
    flex: 1 50%;
  }

  .co-utilization-card__item>*:nth-child(even) {
    align-items: center;
    padding: 0 var(--pf-v5-global--spacer--lg) 0 var(--pf-v5-global--spacer--md);
  }

  .co-utilization-card__item>*:nth-child(odd) {
    align-items: flex-start;
    padding: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--lg);
  }
}


.pf-v5-c-form-control {
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
}

.pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar__content,
.pf-v5-c-toolbar__item,
.pf-v5-c-toolbar__group {
  --pf-v5-hidden-visible--hidden--Display: none;
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  display: var(--pf-v5-hidden-visible--Display);
}

.pf-m-hidden.pf-v5-c-toolbar__content-section,
.pf-m-hidden.pf-v5-c-toolbar__content,
.pf-m-hidden.pf-v5-c-toolbar__item,
.pf-m-hidden.pf-v5-c-toolbar__group {
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
}

@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__content,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-md.pf-v5-c-toolbar__content,
  .pf-m-visible-on-md.pf-v5-c-toolbar__item,
  .pf-m-visible-on-md.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__content,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__content,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__content,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

@font-face {
  font-family: "openshift-logos-icon";
  src: url(./assets/node_modules/openshift-logos-icon/fonts/openshift-logos-icon.ttf) format("truetype"),url(./assets/node_modules/openshift-logos-icon/fonts/openshift-logos-icon.woff) format("woff"),url(./assets/node_modules/openshift-logos-icon/fonts/openshift-logos-icon.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

.font-icon {
  font-family: "openshift-logos-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-infinispan:before {
  content: "";
}

.icon-mediawiki:before {
  content: "";
}

.icon-js:before {
  content: "";
}

.icon-symfony:before {
  content: "";
}

.icon-phalcon:before {
  content: "";
}

.icon-angularjs:before {
  content: "";
}

.icon-ansible:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-jboss:before {
  content: "";
}

.icon-github:before {
  content: "";
}

.icon-git:before {
  content: "";
}

.icon-openjdk:before,
.icon-rh-openjdk:before {
  content: "";
}

.icon-rails:before {
  content: "";
}

.icon-php:before {
  content: "";
}

.icon-ruby:before {
  content: "";
}

.icon-django:before {
  content: "";
}

.icon-nodejs:before {
  content: "";
}

.icon-jenkins:before {
  content: "";
}

.icon-python:before {
  content: "";
}

.icon-perl:before {
  content: "";
}

.icon-zend:before {
  content: "";
}

.icon-tomcat:before {
  content: "";
}

.icon-spring:before {
  content: "";
}

.icon-mysql-database:before {
  content: "";
}

.icon-postgresql:before {
  content: "";
}

.icon-mongodb:before {
  content: "";
}

.icon-mariadb:before {
  content: "";
}

.icon-wordpress:before {
  content: "";
}

.icon-drupal:before {
  content: "";
}

.icon-codeigniter:before {
  content: "";
}

.icon-shadowman:before {
  content: "";
}

.icon-stackoverflow:before {
  content: "";
}

.icon-aerogear:before {
  content: "";
}

.icon-capedwarf:before {
  content: "";
}

.icon-redis:before {
  content: "";
}

.icon-clojure:before {
  content: "";
}

.icon-scala:before {
  content: "";
}

.icon-grails:before {
  content: "";
}

.icon-beaker:before {
  content: "";
}

.icon-go-gopher:before {
  content: "";
}

.icon-joomla:before {
  content: "";
}

.icon-load-balancer:before {
  content: "";
}

.icon-wildfly:before {
  content: "";
}

.icon-laravel:before {
  content: "";
}

.icon-rabbitmq:before {
  content: "";
}

.icon-openstack:before {
  content: "";
}

.icon-nginx:before {
  content: "";
}

.icon-memcached:before {
  content: "";
}

.icon-jruby:before {
  content: "";
}

.icon-jetty:before {
  content: "";
}

.icon-haproxy:before {
  content: "";
}

.icon-hadoop:before {
  content: "";
}

.icon-glassfish:before {
  content: "";
}

.icon-gitlab:before {
  content: "";
}

.icon-erlang:before {
  content: "";
}

.icon-elastic:before {
  content: "";
}

.icon-dotnet:before {
  content: "";
}

.icon-casadra:before,
.icon-cassandra:before {
  content: "";
}

.icon-apache:before {
  content: "";
}

.icon-3scale:before {
  content: "";
}

.icon-amq:before {
  content: "";
}

.icon-datagrid:before {
  content: "";
}

.icon-datavirt:before {
  content: "";
}

.icon-decisionserver:before {
  content: "";
}

.icon-eap:before {
  content: "";
}

.icon-processserver:before {
  content: "";
}

.icon-rh-integration:before {
  content: "";
}

.icon-rh-tomcat:before {
  content: "";
}

.icon-sso:before {
  content: "";
}

.icon-openshift:before {
  content: "";
}

.icon-cordova:before {
  content: "";
}

.icon-xamarin:before {
  content: "";
}

.icon-kubevirt:before {
  content: "";
}

.icon-mssql:before {
  content: "";
}

.icon-debian:before {
  content: "";
}

.icon-fedora:before {
  content: "";
}

.icon-freebsd:before {
  content: "";
}

.icon-other-linux:before {
  content: "";
}

.icon-other-unknown:before {
  content: "";
}

.icon-suse:before {
  content: "";
}

.icon-ubuntu:before {
  content: "";
}

.icon-windows:before {
  content: "";
}

.icon-jaeger:before {
  content: "";
}

/*!
 * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: .75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: .75em;
}

.fa-sm {
  font-size: .875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul>li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid .08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

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

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adobe:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-airbnb:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-bacon:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-battle-net:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-biking:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-medical:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bootstrap:before {
  content: "";
}

.fa-border-all:before {
  content: "";
}

.fa-border-none:before {
  content: "";
}

.fa-border-style:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-bread-slice:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-buffer:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-cheese:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-chromecast:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-clinic-medical:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-medical:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-crutch:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-egg:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-evernote:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fan:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-alt:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hamburger:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-middle-finger:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hard-hat:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-haykal:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotdog:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-cream:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-icons:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itch-io:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laptop-medical:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-pager:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-pepper-hot:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-alt:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-square-alt:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-photo-video:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-pizza-slice:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-remove-format:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-salesforce:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-down-alt:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-alpha-up-alt:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-down-alt:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-amount-up-alt:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-down-alt:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-numeric-up-alt:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-speaker-deck:before {
  content: "";
}

.fa-spell-check:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-stackpath:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-symfony:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-trash-restore:before {
  content: "";
}

.fa-trash-restore-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-nurse:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-voicemail:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-wave-square:before {
  content: "";
}

.fa-waze:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yammer:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url(./assets/node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.eot);
  src: url(./assets/node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.eot) format("embedded-opentype"),url(./assets/node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2) format("woff2"),url(./assets/node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff) format("woff"),url(./assets/node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.ttf) format("truetype"),url(./assets/node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.svg) format("svg");
}

.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

:root {
  --vertical-tab-pf-color: var(--pf-v5-global--Color--100);
  --vertical-tab-pf-active-color: var(--pf-v5-global--active-color--100);
}

.catalog-item-header-pf {
  display: flex;
  align-items: center;
}

.catalog-item-header-pf-icon {
  font-size: 60px;
  max-height: 60px;
  width: 60px;
}

.catalog-item-header-pf-text {
  margin-left: 20px;
}

.catalog-item-header-pf-title {
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
}

.catalog-item-header-pf-subtitle {
  color: var(--pf-v5-global--Color--200);
  margin-bottom: 0;
}

.catalog-tile-pf.featured {
  border-top: 2px solid var(--pf-v5-global--active-color--100);
}

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

.catalog-tile-pf .pf-v5-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: var(--pf-v5-global--Color--200);
  font-size: 13px;
  font-weight: initial;
}

.catalog-tile-pf-header .catalog-tile-pf-subtitle a,
.catalog-tile-pf-header .catalog-tile-pf-subtitle a:hover {
  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-badge-container .catalog-tile-pf-badge {
  font-size: 16px;
  margin-left: 5px;
}

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

.filter-panel-pf {
  margin: 0 0 30px;
  padding: 0 15px;
}

.filter-panel-pf-category {
  margin-top: 20px;
}

.filter-panel-pf-category:first-of-type {
  margin-top: 0;
}

.filter-panel-pf-category-title {
  border: 0;
  font-size: inherit;
  margin: 0 0 8px 0;
  font-weight: 700;
}

.filter-panel-pf-category-items {
  margin-top: 0;
  margin-bottom: 0;
}

.filter-panel-pf-category-item {
  margin-top: 5px;
}

.filter-panel-pf-category-item:first-of-type {
  margin-top: 0;
}

.filter-panel-pf-category-item .pf-v5-c-check__label {
  min-height: 23px;
}

.filter-panel-pf-category-item .item-icon {
  padding-right: 3px;
}

.filter-panel-pf-category-item .item-count {
  padding-left: 3px;
}

.properties-side-panel-pf {
  width: 165px;
}

.properties-side-panel-pf-property {
  margin-top: 24px;
}

.properties-side-panel-pf-property:first-of-type {
  margin-top: 0;
}

.properties-side-panel-pf-property-label {
  font-weight: 700 !important;
  font-size: 14px !important;
  margin: 0 !important;
}

.properties-side-panel-pf-property-value {
  font-size: 14px !important;
  margin-top: 8px;
  word-break: break-word;
}

.vertical-tabs-pf {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}

.vertical-tabs-pf .vertical-tabs-pf {
  margin-bottom: 0;
}

.vertical-tabs-pf-tab {
  margin-top: 4px;
  position: relative;
}

.vertical-tabs-pf-tab>a {
  color: var(--vertical-tab-pf-color);
  display: inline-block;
  font-size: 13px;
  padding: 3px 6px 3px 15px;
  vertical-align: top;
  width: 100%;
  word-break: break-word;
}

.vertical-tabs-pf-tab>a:hover,
.vertical-tabs-pf-tab>a:focus {
  color: var(--vertical-tab-pf-active-color);
  text-decoration: none;
}

.vertical-tabs-pf-tab>a.no-wrap {
  overflow-x: hidden;
  white-space: nowrap;
}

.vertical-tabs-pf-tab>a.truncate {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vertical-tabs-pf-tab.active>a {
  color: var(--vertical-tab-pf-active-color);
}

.vertical-tabs-pf-tab.active>a::before {
  background: var(--vertical-tab-pf-active-color);
  content: " ";
  left: 0;
  position: absolute;
  width: 3px;
}

.vertical-tabs-pf-tab:first-of-type {
  margin-top: 0;
}

.vertical-tabs-pf-tab>.vertical-tabs-pf>.vertical-tabs-pf-tab {
  position: initial;
  padding-left: 15px;
}

.vertical-tabs-pf.restrict-tabs .vertical-tabs-pf-tab {
  display: none;
}

.vertical-tabs-pf.restrict-tabs .vertical-tabs-pf-tab.active,
.vertical-tabs-pf.restrict-tabs .vertical-tabs-pf-tab.active-descendant,
.vertical-tabs-pf.restrict-tabs .vertical-tabs-pf-tab.shown {
  display: block;
}

.vertical-tabs-pf.restrict-tabs.active-tab>.vertical-tabs-pf-tab {
  display: block;
}

.vertical-tabs-pf.restrict-tabs .vertical-tabs-pf-tab.active>.vertical-tabs-pf>.vertical-tabs-pf-tab {
  display: block;
}

.pf-v5-c-form-control {
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
}

.pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar__content,
.pf-v5-c-toolbar__item,
.pf-v5-c-toolbar__group {
  --pf-v5-hidden-visible--hidden--Display: none;
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  display: var(--pf-v5-hidden-visible--Display);
}

.pf-m-hidden.pf-v5-c-toolbar__content-section,
.pf-m-hidden.pf-v5-c-toolbar__content,
.pf-m-hidden.pf-v5-c-toolbar__item,
.pf-m-hidden.pf-v5-c-toolbar__group {
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
}

@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__content,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-md.pf-v5-c-toolbar__content,
  .pf-m-visible-on-md.pf-v5-c-toolbar__item,
  .pf-m-visible-on-md.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__content,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__content,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__content,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

.pf-v5-screen-reader {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pf-v5-screen-reader.pf-m-full-size {
  width: 100%;
  height: 100%;
}

.pf-v5-screen-reader.pf-m-absolute {
  position: absolute;
}

.pf-v5-m-tabular-nums {
  font-variant-numeric: tabular-nums;
}

.pf-v5-m-vf-font {
  --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
}

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

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

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

:where(html,
    body,
    p,
    ol,
    ul,
    li,
    dl,
    dt,
    dd,
    blockquote,
    figure,
    fieldset,
    legend,
    textarea,
    pre,
    iframe,
    hr,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
  padding: 0;
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:where(html,
    body) {
  height: 100%;
}

:where(body) {
  font-family: var(--pf-v5-global--FontFamily--text);
  font-size: var(--pf-v5-global--FontSize--md);
  font-weight: var(--pf-v5-global--FontWeight--normal);
  line-height: var(--pf-v5-global--LineHeight--md);
}

:where(h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
  font-size: 100%;
  font-weight: var(--pf-v5-global--FontWeight--normal);
}

:where(ul) {
  list-style: none;
}

:where(button,
    input,
    optgroup,
    select,
    textarea) {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: var(--pf-v5-global--LineHeight--md);
  color: var(--pf-v5-global--Color--100);
}

:where(img,
    embed,
    iframe,
    object,
    audio,
    video) {
  max-width: 100%;
  height: auto;
}

:where(iframe) {
  border: 0;
}

:where(table) {
  border-spacing: 0;
  border-collapse: collapse;
}

:where(td,
    th) {
  padding: 0;
  text-align: start;
}

:where(code,
    pre) {
  font-family: var(--pf-v5-global--FontFamily--monospace);
}

:where(a) {
  font-weight: var(--pf-v5-global--link--FontWeight);
  color: var(--pf-v5-global--link--Color);
  text-decoration: var(--pf-v5-global--link--TextDecoration);
}

:where(a:hover) {
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--hover);
  --pf-v5-global--link--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
}

:where(a,
    button) {
  cursor: pointer;
}

:where(.pf-v5-theme-dark) {
  color-scheme: dark;
}

@font-face {
  font-family: RedHatDisplay;
  font-style: normal;
  font-weight: 400;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2) format("woff2");
  font-display: fallback;
}

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

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

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

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

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

@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 700;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatText/RedHatText-Medium.woff2) format("woff2");
  font-display: fallback;
}

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

@font-face {
  font-family: RedHatMono;
  font-style: normal;
  font-weight: 400;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatMono/RedHatMono-Regular.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMono;
  font-style: italic;
  font-weight: 400;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatMono/RedHatMono-Italic.woff2) format("woff2");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplayVF;
  font-style: normal;
  font-weight: 400 700;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatDisplayVF;
  font-style: italic;
  font-weight: 400 700;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatTextVF;
  font-style: normal;
  font-weight: 400 500;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatText/RedHatTextVF.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatTextVF;
  font-style: italic;
  font-weight: 400 500;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMonoVF;
  font-style: normal;
  font-weight: 400;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatMono/RedHatMonoVF.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: RedHatMonoVF;
  font-style: italic;
  font-weight: 400;
  src: url(./assets/node_modules/@patternfly/patternfly/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2) format("woff2-variations");
  font-display: fallback;
}

.pf-v5-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

:where(:root) {
  --pf-v5-global--palette--black-100: #fafafa;
  --pf-v5-global--palette--black-150: #f5f5f5;
  --pf-v5-global--palette--black-200: #f0f0f0;
  --pf-v5-global--palette--black-300: #d2d2d2;
  --pf-v5-global--palette--black-400: #b8bbbe;
  --pf-v5-global--palette--black-500: #8a8d90;
  --pf-v5-global--palette--black-600: #6a6e73;
  --pf-v5-global--palette--black-700: #4f5255;
  --pf-v5-global--palette--black-800: #3c3f42;
  --pf-v5-global--palette--black-850: #212427;
  --pf-v5-global--palette--black-900: #151515;
  --pf-v5-global--palette--black-1000: #030303;
  --pf-v5-global--palette--blue-50: #e7f1fa;
  --pf-v5-global--palette--blue-100: #bee1f4;
  --pf-v5-global--palette--blue-200: #73bcf7;
  --pf-v5-global--palette--blue-300: #2b9af3;
  --pf-v5-global--palette--blue-400: #06c;
  --pf-v5-global--palette--blue-500: #004080;
  --pf-v5-global--palette--blue-600: #002952;
  --pf-v5-global--palette--blue-700: #001223;
  --pf-v5-global--palette--cyan-50: #f2f9f9;
  --pf-v5-global--palette--cyan-100: #a2d9d9;
  --pf-v5-global--palette--cyan-200: #73c5c5;
  --pf-v5-global--palette--cyan-300: #009596;
  --pf-v5-global--palette--cyan-400: #005f60;
  --pf-v5-global--palette--cyan-500: #003737;
  --pf-v5-global--palette--cyan-600: #002323;
  --pf-v5-global--palette--cyan-700: #000f0f;
  --pf-v5-global--palette--gold-50: #fdf7e7;
  --pf-v5-global--palette--gold-100: #f9e0a2;
  --pf-v5-global--palette--gold-200: #f6d173;
  --pf-v5-global--palette--gold-300: #f4c145;
  --pf-v5-global--palette--gold-400: #f0ab00;
  --pf-v5-global--palette--gold-500: #c58c00;
  --pf-v5-global--palette--gold-600: #795600;
  --pf-v5-global--palette--gold-700: #3d2c00;
  --pf-v5-global--palette--green-50: #f3faf2;
  --pf-v5-global--palette--green-100: #bde5b8;
  --pf-v5-global--palette--green-200: #95d58e;
  --pf-v5-global--palette--green-300: #6ec664;
  --pf-v5-global--palette--green-400: #5ba352;
  --pf-v5-global--palette--green-500: #3e8635;
  --pf-v5-global--palette--green-600: #1e4f18;
  --pf-v5-global--palette--green-700: #0f280d;
  --pf-v5-global--palette--light-blue-100: #beedf9;
  --pf-v5-global--palette--light-blue-200: #7cdbf3;
  --pf-v5-global--palette--light-blue-300: #35caed;
  --pf-v5-global--palette--light-blue-400: #00b9e4;
  --pf-v5-global--palette--light-blue-500: #008bad;
  --pf-v5-global--palette--light-blue-600: #005c73;
  --pf-v5-global--palette--light-blue-700: #002d39;
  --pf-v5-global--palette--light-green-100: #e4f5bc;
  --pf-v5-global--palette--light-green-200: #c8eb79;
  --pf-v5-global--palette--light-green-300: #ace12e;
  --pf-v5-global--palette--light-green-400: #92d400;
  --pf-v5-global--palette--light-green-500: #6ca100;
  --pf-v5-global--palette--light-green-600: #486b00;
  --pf-v5-global--palette--light-green-700: #253600;
  --pf-v5-global--palette--orange-50: #fff6ec;
  --pf-v5-global--palette--orange-100: #f4b678;
  --pf-v5-global--palette--orange-200: #ef9234;
  --pf-v5-global--palette--orange-300: #ec7a08;
  --pf-v5-global--palette--orange-400: #c46100;
  --pf-v5-global--palette--orange-500: #8f4700;
  --pf-v5-global--palette--orange-600: #773d00;
  --pf-v5-global--palette--orange-700: #3b1f00;
  --pf-v5-global--palette--purple-50: #f2f0fc;
  --pf-v5-global--palette--purple-100: #cbc1ff;
  --pf-v5-global--palette--purple-200: #b2a3ff;
  --pf-v5-global--palette--purple-300: #a18fff;
  --pf-v5-global--palette--purple-400: #8476d1;
  --pf-v5-global--palette--purple-500: #6753ac;
  --pf-v5-global--palette--purple-600: #40199a;
  --pf-v5-global--palette--purple-700: #1f0066;
  --pf-v5-global--palette--red-50: #faeae8;
  --pf-v5-global--palette--red-100: #c9190b;
  --pf-v5-global--palette--red-200: #a30000;
  --pf-v5-global--palette--red-300: #7d1007;
  --pf-v5-global--palette--red-400: #470000;
  --pf-v5-global--palette--red-500: #2c0000;
  --pf-v5-global--palette--white: #fff;
  --pf-v5-global--BackgroundColor--100: #fff;
  --pf-v5-global--BackgroundColor--150: #fafafa;
  --pf-v5-global--BackgroundColor--200: #f0f0f0;
  --pf-v5-global--BackgroundColor--light-100: #fff;
  --pf-v5-global--BackgroundColor--light-200: #fafafa;
  --pf-v5-global--BackgroundColor--light-300: #f0f0f0;
  --pf-v5-global--BackgroundColor--dark-100: #151515;
  --pf-v5-global--BackgroundColor--dark-200: #3c3f42;
  --pf-v5-global--BackgroundColor--dark-300: #212427;
  --pf-v5-global--BackgroundColor--dark-400: #4f5255;
  --pf-v5-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, 0.62);
  --pf-v5-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, 0.32);
  --pf-v5-global--Color--100: #151515;
  --pf-v5-global--Color--200: #6a6e73;
  --pf-v5-global--Color--300: #3c3f42;
  --pf-v5-global--Color--400: #8a8d90;
  --pf-v5-global--Color--light-100: #fff;
  --pf-v5-global--Color--light-200: #f0f0f0;
  --pf-v5-global--Color--light-300: #d2d2d2;
  --pf-v5-global--Color--dark-100: #151515;
  --pf-v5-global--Color--dark-200: #6a6e73;
  --pf-v5-global--active-color--100: #06c;
  --pf-v5-global--active-color--200: #bee1f4;
  --pf-v5-global--active-color--300: #2b9af3;
  --pf-v5-global--active-color--400: #73bcf7;
  --pf-v5-global--disabled-color--100: #6a6e73;
  --pf-v5-global--disabled-color--200: #d2d2d2;
  --pf-v5-global--disabled-color--300: #f0f0f0;
  --pf-v5-global--primary-color--100: #06c;
  --pf-v5-global--primary-color--200: #004080;
  --pf-v5-global--primary-color--light-100: #73bcf7;
  --pf-v5-global--primary-color--dark-100: #06c;
  --pf-v5-global--secondary-color--100: #6a6e73;
  --pf-v5-global--custom-color--100: #73c5c5;
  --pf-v5-global--custom-color--200: #009596;
  --pf-v5-global--custom-color--300: #003737;
  --pf-v5-global--success-color--100: #3e8635;
  --pf-v5-global--success-color--200: #1e4f18;
  --pf-v5-global--info-color--100: #2b9af3;
  --pf-v5-global--info-color--200: #002952;
  --pf-v5-global--warning-color--100: #f0ab00;
  --pf-v5-global--warning-color--200: #795600;
  --pf-v5-global--danger-color--100: #c9190b;
  --pf-v5-global--danger-color--200: #a30000;
  --pf-v5-global--danger-color--300: #470000;
  --pf-v5-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06);
  --pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
  --pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
  --pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
  --pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
  --pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06);
  --pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
  --pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
  --pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
  --pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
  --pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08);
  --pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
  --pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
  --pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
  --pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
  --pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1);
  --pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
  --pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
  --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
  --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
  --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, 0.25);
  --pf-v5-global--font-path: "~@patternfly/patternfly/assets/fonts";
  --pf-v5-global--fonticon-path: "./assets/pficon";
  --pf-v5-global--spacer--xs: 0.25rem;
  --pf-v5-global--spacer--sm: 0.5rem;
  --pf-v5-global--spacer--md: 1rem;
  --pf-v5-global--spacer--lg: 1.5rem;
  --pf-v5-global--spacer--xl: 2rem;
  --pf-v5-global--spacer--2xl: 3rem;
  --pf-v5-global--spacer--3xl: 4rem;
  --pf-v5-global--spacer--4xl: 5rem;
  --pf-v5-global--spacer--form-element: 0.375rem;
  --pf-v5-global--gutter: 1rem;
  --pf-v5-global--gutter--md: 1.5rem;
  --pf-v5-global--ZIndex--xs: 100;
  --pf-v5-global--ZIndex--sm: 200;
  --pf-v5-global--ZIndex--md: 300;
  --pf-v5-global--ZIndex--lg: 400;
  --pf-v5-global--ZIndex--xl: 500;
  --pf-v5-global--ZIndex--2xl: 600;
  --pf-v5-global--breakpoint--xs: 0;
  --pf-v5-global--breakpoint--sm: 576px;
  --pf-v5-global--breakpoint--md: 768px;
  --pf-v5-global--breakpoint--lg: 992px;
  --pf-v5-global--breakpoint--xl: 1200px;
  --pf-v5-global--breakpoint--2xl: 1450px;
  --pf-v5-global--height-breakpoint--sm: 0;
  --pf-v5-global--height-breakpoint--md: 40rem;
  --pf-v5-global--height-breakpoint--lg: 48rem;
  --pf-v5-global--height-breakpoint--xl: 60rem;
  --pf-v5-global--height-breakpoint--2xl: 80rem;
  --pf-v5-global--link--Color: #06c;
  --pf-v5-global--link--Color--hover: #004080;
  --pf-v5-global--link--Color--light: #2b9af3;
  --pf-v5-global--link--Color--light--hover: #73bcf7;
  --pf-v5-global--link--Color--dark: #06c;
  --pf-v5-global--link--Color--dark--hover: #004080;
  --pf-v5-global--link--Color--visited: #40199a;
  --pf-v5-global--link--TextDecoration: none;
  --pf-v5-global--link--TextDecoration--hover: underline;
  --pf-v5-global--BorderWidth--sm: 1px;
  --pf-v5-global--BorderWidth--md: 2px;
  --pf-v5-global--BorderWidth--lg: 3px;
  --pf-v5-global--BorderWidth--xl: 4px;
  --pf-v5-global--BorderColor--100: #d2d2d2;
  --pf-v5-global--BorderColor--200: #8a8d90;
  --pf-v5-global--BorderColor--300: #f0f0f0;
  --pf-v5-global--BorderColor--dark-100: #d2d2d2;
  --pf-v5-global--BorderColor--light-100: #b8bbbe;
  --pf-v5-global--BorderRadius--sm: 3px;
  --pf-v5-global--BorderRadius--lg: 30em;
  --pf-v5-global--icon--Color--light: #6a6e73;
  --pf-v5-global--icon--Color--dark: #151515;
  --pf-v5-global--icon--Color--light--light: #f0f0f0;
  --pf-v5-global--icon--Color--dark--light: #fff;
  --pf-v5-global--icon--Color--light--dark: #6a6e73;
  --pf-v5-global--icon--Color--dark--dark: #151515;
  --pf-v5-global--icon--FontSize--sm: 0.75rem;
  --pf-v5-global--icon--FontSize--md: 1rem;
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
  --pf-v5-global--icon--FontSize--xl: 3.375rem;
  --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif;
  --pf-v5-global--FontFamily--heading: "RedHatDisplay", helvetica, arial, sans-serif;
  --pf-v5-global--FontFamily--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
  --pf-v5-global--FontFamily--text--vf: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
  --pf-v5-global--FontFamily--heading--vf: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
  --pf-v5-global--FontFamily--monospace--vf: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
  --pf-v5-global--FontSize--4xl: 2.25rem;
  --pf-v5-global--FontSize--3xl: 1.75rem;
  --pf-v5-global--FontSize--2xl: 1.5rem;
  --pf-v5-global--FontSize--xl: 1.25rem;
  --pf-v5-global--FontSize--lg: 1.125rem;
  --pf-v5-global--FontSize--md: 1rem;
  --pf-v5-global--FontSize--sm: 0.875rem;
  --pf-v5-global--FontSize--xs: 0.75rem;
  --pf-v5-global--FontWeight--normal: 400;
  --pf-v5-global--FontWeight--bold: 700;
  --pf-v5-global--LineHeight--sm: 1.3;
  --pf-v5-global--LineHeight--md: 1.5;
  --pf-v5-global--ListStyle: disc outside;
  --pf-v5-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
  --pf-v5-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
  --pf-v5-global--TransitionDuration: 250ms;
  --pf-v5-global--arrow--width: 0.9375rem;
  --pf-v5-global--arrow--width-lg: 1.5625rem;
  --pf-v5-global--target-size--MinWidth: 44px;
  --pf-v5-global--target-size--MinHeight: 44px;
  --pf-v5-global--inverse--multiplier: 1;
}

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

:where(.pf-v5-theme-dark) {
  --pf-v5-global--palette--black-50: #e0e0e0;
  --pf-v5-global--palette--black-100: #c6c7c8;
  --pf-v5-global--palette--black-200: #aaabac;
  --pf-v5-global--palette--black-300: #868789;
  --pf-v5-global--palette--black-400: #57585a;
  --pf-v5-global--palette--black-500: #444548;
  --pf-v5-global--palette--black-600: #36373a;
  --pf-v5-global--palette--black-700: #26292d;
  --pf-v5-global--palette--black-800: #1b1d21;
  --pf-v5-global--palette--black-900: #0f1214;
  --pf-v5-global--palette--red-9999: #fe5142;
  --pf-v5-global--palette--red-8888: #ff7468;
  --pf-v5-global--palette--blue-300: #1fa7f8;
  --pf-v5-global--BackgroundColor--100: #1b1d21;
  --pf-v5-global--BackgroundColor--150: #212427;
  --pf-v5-global--BackgroundColor--200: #0f1214;
  --pf-v5-global--BackgroundColor--300: #26292d;
  --pf-v5-global--BackgroundColor--400: #36373a;
  --pf-v5-global--BorderColor--100: #444548;
  --pf-v5-global--BorderColor--200: #444548;
  --pf-v5-global--BorderColor--300: #57585a;
  --pf-v5-global--BorderColor--400: #aaabac;
  --pf-v5-global--Color--100: #e0e0e0;
  --pf-v5-global--Color--200: #aaabac;
  --pf-v5-global--active-color--100: #1fa7f8;
  --pf-v5-global--primary-color--100: #1fa7f8;
  --pf-v5-global--primary-color--300: #06c;
  --pf-v5-global--primary-color--400: #fff;
  --pf-v5-global--custom-color--200: #73c5c5;
  --pf-v5-global--success-color--100: #5ba352;
  --pf-v5-global--warning-color--100: #f0ab00;
  --pf-v5-global--warning-color--200: #f4c145;
  --pf-v5-global--danger-color--100: #fe5142;
  --pf-v5-global--danger-color--200: #ff7468;
  --pf-v5-global--link--Color: #1fa7f8;
  --pf-v5-global--link--Color--hover: #73bcf7;
  --pf-v5-global--link--Color--visited: #a18fff;
  --pf-v5-global--disabled-color--100: #868789;
  --pf-v5-global--disabled-color--200: #444548;
  --pf-v5-global--disabled-color--300: #aaabac;
  --pf-v5-global--icon--Color--light: #aaabac;
  --pf-v5-global--icon--Color--dark: #e0e0e0;
  --pf-v5-global--Color--dark-100: #e0e0e0;
  --pf-v5-global--Color--dark-200: #aaabac;
  --pf-v5-global--Color--light-100: #e0e0e0;
  --pf-v5-global--Color--light-200: #aaabac;
  --pf-v5-global--Color--light-300: #3c3f42;
  --pf-v5-global--BorderColor--dark-100: #444548;
  --pf-v5-global--BorderColor--light-100: #444548;
  --pf-v5-global--primary-color--light-100: #1fa7f8;
  --pf-v5-global--primary-color--dark-100: #1fa7f8;
  --pf-v5-global--link--Color--light: #1fa7f8;
  --pf-v5-global--link--Color--light--hover: #73bcf7;
  --pf-v5-global--link--Color--dark: #1fa7f8;
  --pf-v5-global--link--Color--dark--hover: #73bcf7;
  --pf-v5-global--icon--Color--light--light: #aaabac;
  --pf-v5-global--icon--Color--dark--light: #e0e0e0;
  --pf-v5-global--icon--Color--light--dark: #aaabac;
  --pf-v5-global--icon--Color--dark--dark: #e0e0e0;
  --pf-v5-global--BackgroundColor--light-100: #1b1d21;
  --pf-v5-global--BackgroundColor--light-200: #0f1214;
  --pf-v5-global--BackgroundColor--light-300: #26292d;
  --pf-v5-global--BackgroundColor--dark-100: #1b1d21;
  --pf-v5-global--BackgroundColor--dark-200: #0f1214;
  --pf-v5-global--BackgroundColor--dark-300: #26292d;
  --pf-v5-global--BackgroundColor--dark-400: #36373a;
  --pf-v5-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
  --pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
  --pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
  --pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
  --pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
  --pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
  --pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
  --pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
  --pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
  --pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
  --pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
  --pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
  --pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
  --pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
  --pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
  --pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
  --pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
  --pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
  --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
  --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
  --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
}

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

@media screen and (min-width: 768px) {
  .pf-v5-c-drawer {
    --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-c-drawer--child--md--PaddingTop);
    --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-c-drawer--child--md--PaddingRight);
    --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-c-drawer--child--md--PaddingBottom);
    --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-c-drawer--child--md--PaddingLeft);
    --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-c-drawer--child--m-padding--md--PaddingTop);
    --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-c-drawer--child--m-padding--md--PaddingRight);
    --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-c-drawer--child--m-padding--md--PaddingBottom);
    --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-c-drawer--child--m-padding--md--PaddingLeft);
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-c-drawer {
    --pf-v5-c-drawer__panel--MinWidth: var(--pf-v5-c-drawer__panel--xl--MinWidth);
  }

  .pf-v5-c-drawer.pf-m-panel-bottom {
    --pf-v5-c-drawer__panel--MinWidth: auto;
    --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
  }
}

:where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer {
  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
}

:where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer {
  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
}

.pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable),
.pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable) {
  padding-inline-start: var(--pf-v5-c-drawer--m-inline__panel--PaddingLeft);
}

.pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
  order: 0;
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
  transform: translateX(-100%);
}

:where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
}

.pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
  order: 1;
}

.pf-v5-c-drawer.pf-m-panel-bottom>.pf-v5-c-drawer__main {
  flex-direction: column;
}

.pf-v5-c-drawer.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
  transform: translateX(-100%);
}

:where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
}

.pf-v5-c-drawer.pf-m-expanded.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
  transform: translateX(0);
}

.pf-v5-c-drawer.pf-m-expanded.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
  transform: translate(0, -100%);
}

.pf-v5-c-drawer.pf-m-resizing {
  --pf-v5-c-drawer__panel--TransitionProperty: none;
  pointer-events: none;
}

.pf-v5-c-drawer.pf-m-resizing .pf-v5-c-drawer__splitter {
  pointer-events: auto;
}

.pf-v5-c-drawer__section {
  flex-grow: 0;
  background-color: var(--pf-v5-c-drawer__section--BackgroundColor);
}

.pf-v5-c-drawer__section.pf-m-no-background {
  --pf-v5-c-drawer__section--BackgroundColor: transparent;
}

.pf-v5-c-drawer__section.pf-m-light-200 {
  --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-c-drawer__section--m-light-200--BackgroundColor);
}

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

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

.pf-v5-c-drawer__content {
  z-index: var(--pf-v5-c-drawer__content--ZIndex);
  flex-basis: var(--pf-v5-c-drawer__content--FlexBasis);
  order: 0;
  background-color: var(--pf-v5-c-drawer__content--BackgroundColor);
}

.pf-v5-c-drawer__content.pf-m-no-background {
  --pf-v5-c-drawer__content--BackgroundColor: transparent;
}

.pf-v5-c-drawer__content.pf-m-light-200 {
  --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-c-drawer__content--m-light-200--BackgroundColor);
}

.pf-v5-c-drawer__content>.pf-v5-c-drawer__body {
  padding-block-start: var(--pf-v5-c-drawer__content--child--PaddingTop);
  padding-block-end: var(--pf-v5-c-drawer__content--child--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-drawer__content--child--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-drawer__content--child--PaddingRight);
}

.pf-v5-c-drawer__panel {
  position: relative;
  z-index: var(--pf-v5-c-drawer__panel--ZIndex);
  flex-basis: var(--pf-v5-c-drawer__panel--FlexBasis);
  order: 1;
  max-height: var(--pf-v5-c-drawer__panel--MaxHeight);
  overflow: auto;
  background-color: var(--pf-v5-c-drawer__panel--BackgroundColor);
  box-shadow: var(--pf-v5-c-drawer__panel--BoxShadow);
  transition-duration: var(--pf-v5-c-drawer__panel--TransitionDuration);
  transition-property: var(--pf-v5-c-drawer__panel--TransitionProperty);
  -webkit-overflow-scrolling: touch;
}

.pf-v5-c-drawer__panel::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: var(--pf-v5-c-drawer__panel--after--Width);
  height: 100%;
  content: "";
  background-color: var(--pf-v5-c-drawer__panel--after--BackgroundColor);
}

.pf-v5-c-drawer__panel.pf-m-no-background {
  --pf-v5-c-drawer__panel--BackgroundColor: transparent;
}

.pf-v5-c-drawer__panel.pf-m-light-200 {
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-c-drawer__panel--m-light-200--BackgroundColor);
}

@media screen and (min-width: 768px) {
  .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer__panel--FlexBasis: max( var(--pf-v5-c-drawer__panel--md--FlexBasis--min), min(var(--pf-v5-c-drawer__panel--md--FlexBasis), var(--pf-v5-c-drawer__panel--md--FlexBasis--max)) );
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer__panel--md--FlexBasis: var(--pf-v5-c-drawer__panel--xl--FlexBasis);
  }

  .pf-v5-c-drawer.pf-m-panel-bottom .pf-v5-c-drawer__panel {
    --pf-v5-c-drawer__panel--md--FlexBasis: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--FlexBasis);
  }
}

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

@keyframes pf-remove-tab-focus {
  to {
    visibility: hidden;
  }
}

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

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

.pf-v5-c-drawer__head>* {
  grid-column: 1;
}

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

.pf-v5-c-drawer__body {
  padding-block-start: var(--pf-v5-c-drawer--child--PaddingTop);
  padding-block-end: var(--pf-v5-c-drawer--child--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-drawer--child--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-drawer--child--PaddingRight);
}

.pf-v5-c-drawer__body.pf-m-no-padding {
  padding: 0;
}

.pf-v5-c-drawer__body.pf-m-no-padding>.pf-v5-c-drawer__actions,
.pf-v5-c-drawer__body.pf-m-no-padding>.pf-v5-c-drawer__head>.pf-v5-c-drawer__actions {
  margin-block-start: 0;
  margin-inline-end: 0;
}

.pf-v5-c-drawer__body.pf-m-padding {
  padding-block-start: var(--pf-v5-c-drawer--child--m-padding--PaddingTop);
  padding-block-end: var(--pf-v5-c-drawer--child--m-padding--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-drawer--child--m-padding--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-drawer--child--m-padding--PaddingRight);
}

.pf-v5-c-drawer__body:not(.pf-m-no-padding)+* {
  padding-block-start: 0;
}

.pf-v5-c-drawer__body:last-child {
  flex: 1 1;
}

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

.pf-v5-c-drawer__splitter {
  position: relative;
  display: none;
  width: var(--pf-v5-c-drawer__splitter--Width);
  height: var(--pf-v5-c-drawer__splitter--Height);
  cursor: var(--pf-v5-c-drawer__splitter--Cursor);
  background-color: var(--pf-v5-c-drawer__splitter--BackgroundColor);
}

.pf-v5-c-drawer__splitter.pf-m-vertical {
  --pf-v5-c-drawer__splitter--Height: var(--pf-v5-c-drawer__splitter--m-vertical--Height);
  --pf-v5-c-drawer__splitter--Width: var(--pf-v5-c-drawer__splitter--m-vertical--Width);
  --pf-v5-c-drawer__splitter--Cursor: var(--pf-v5-c-drawer__splitter--m-vertical--Cursor);
  --pf-v5-c-drawer__splitter-handle--after--Width: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Width);
  --pf-v5-c-drawer__splitter-handle--after--Height: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Height);
  --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth);
  --pf-v5-c-drawer__splitter-handle--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth);
  --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth);
  --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth);
}

.pf-v5-c-drawer__splitter:hover {
  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor);
}

.pf-v5-c-drawer__splitter:focus {
  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor);
}

.pf-v5-c-drawer__splitter::after {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  content: "";
  border: solid var(--pf-v5-c-drawer__splitter--after--BorderColor);
  border-block-start-width: var(--pf-v5-c-drawer__splitter--after--BorderTopWidth);
  border-block-end-width: var(--pf-v5-c-drawer__splitter--after--BorderBottomWidth);
  border-inline-start-width: var(--pf-v5-c-drawer__splitter--after--BorderLeftWidth);
  border-inline-end-width: var(--pf-v5-c-drawer__splitter--after--BorderRightWidth);
}

.pf-v5-c-drawer__splitter-handle {
  position: absolute;
  inset-block-start: var(--pf-v5-c-drawer__splitter-handle--Top);
  inset-inline-start: var(--pf-v5-c-drawer__splitter-handle--Left);
  transform: translate(-50%, -50%);
}

:where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer__splitter-handle {
  transform: translate(calc(-50% * var(--pf-v5-global--inverse--multiplier)), -50%);
}

.pf-v5-c-drawer__splitter-handle::after {
  display: block;
  width: var(--pf-v5-c-drawer__splitter-handle--after--Width);
  height: var(--pf-v5-c-drawer__splitter-handle--after--Height);
  content: "";
  border-color: var(--pf-v5-c-drawer__splitter-handle--after--BorderColor);
  border-style: solid;
  border-block-start-width: var(--pf-v5-c-drawer__splitter-handle--after--BorderTopWidth);
  border-block-end-width: var(--pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth);
  border-inline-start-width: var(--pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth);
  border-inline-end-width: var(--pf-v5-c-drawer__splitter-handle--after--BorderRightWidth);
}

@media screen and (min-width: 768px) {
  .pf-v5-c-drawer {
    min-width: var(--pf-v5-c-drawer__panel--MinWidth);
  }

  .pf-v5-c-drawer.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    box-shadow: var(--pf-v5-c-drawer--m-expanded__panel--BoxShadow);
  }

  .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable {
    --pf-v5-c-drawer__panel--md--FlexBasis--min: var(--pf-v5-c-drawer__panel--m-resizable--md--FlexBasis--min);
    flex-direction: var(--pf-v5-c-drawer__panel--m-resizable--FlexDirection);
    min-width: var(--pf-v5-c-drawer__panel--m-resizable--MinWidth);
  }

  .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable::after {
    width: 0;
    height: 0;
  }

  .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter {
    flex-shrink: 0;
  }

  .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__panel-main {
    flex-shrink: 1;
  }

  .pf-v5-c-drawer.pf-m-panel-left {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
  }

  .pf-v5-c-drawer.pf-m-panel-left.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable),
  .pf-v5-c-drawer.pf-m-panel-left.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable) {
    padding-inline-start: 0;
    padding-inline-end: var(--pf-v5-c-drawer--m-panel-left--m-inline__panel--PaddingRight);
  }

  .pf-v5-c-drawer.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel::after {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }

  .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter {
    --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-panel-left__splitter-handle--Left);
    --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
    order: 1;
  }

  .pf-v5-c-drawer.pf-m-panel-bottom {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
    --pf-v5-c-drawer__panel--MaxHeight: 100%;
    --pf-v5-c-drawer__panel--FlexBasis--min: var(--pf-v5-c-drawer--m-panel-bottom__panel--FlexBasis--min);
    min-width: auto;
    min-height: var(--pf-v5-c-drawer--m-panel-bottom__panel--md--MinHeight);
  }

  .pf-v5-c-drawer.pf-m-panel-bottom.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable),
  .pf-v5-c-drawer.pf-m-panel-bottom.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable) {
    padding-block-start: var(--pf-v5-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop);
    padding-inline-start: 0;
  }

  .pf-v5-c-drawer.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel::after {
    inset-block-start: 0;
    inset-inline-start: auto;
    width: 100%;
    height: var(--pf-v5-c-drawer--m-panel-bottom__panel--after--Height);
  }

  .pf-v5-c-drawer.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable {
    --pf-v5-c-drawer__panel--md--FlexBasis--min: var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
    --pf-v5-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
    --pf-v5-c-drawer__panel--m-resizable--MinWidth: 0;
    min-height: var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight);
  }

  .pf-v5-c-drawer.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter {
    --pf-v5-c-drawer__splitter-handle--Top: var(--pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top);
    --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-v5-c-drawer__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
  }

  .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter {
    --pf-v5-c-drawer__splitter--m-vertical--Width: var(--pf-v5-c-drawer--m-inline__splitter--m-vertical--Width);
    --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-inline__splitter-handle--Left);
    --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth);
    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth);
    outline-offset: var(--pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset);
  }

  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter {
    --pf-v5-c-drawer__splitter--Height: var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height);
    --pf-v5-c-drawer__splitter-handle--Top: var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top);
    --pf-v5-c-drawer__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth);
    --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
  }

  .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-no-border,
  .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-no-border {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }

  .pf-v5-c-drawer__splitter {
    display: block;
  }
}

@media (min-width: 768px) {
  .pf-v5-c-drawer__panel.pf-m-width-25 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 25%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-33 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 33%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-50 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-66 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 66%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-75 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 75%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-100 {
    --pf-v5-c-drawer__panel--md--FlexBasis: 100%;
  }
}

@media (min-width: 992px) {
  .pf-v5-c-drawer__panel.pf-m-width-25-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 25%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-33-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 33%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-50-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-66-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 66%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-75-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 75%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-100-on-lg {
    --pf-v5-c-drawer__panel--md--FlexBasis: 100%;
  }
}

@media (min-width: 1200px) {
  .pf-v5-c-drawer__panel.pf-m-width-25-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 25%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-33-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 33%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-50-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-66-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 66%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-75-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 75%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-100-on-xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 100%;
  }
}

@media (min-width: 1450px) {
  .pf-v5-c-drawer__panel.pf-m-width-25-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 25%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-33-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 33%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-50-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 50%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-66-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 66%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-75-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 75%;
  }

  .pf-v5-c-drawer__panel.pf-m-width-100-on-2xl {
    --pf-v5-c-drawer__panel--md--FlexBasis: 100%;
  }
}

@media (min-width: 768px) {
  .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content,
  .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
    flex-shrink: 1;
  }

  .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel,
  .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }

  .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }

  .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
    overflow-x: auto;
  }

  .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(100%);
  }

  :where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
  }

  .pf-v5-c-drawer.pf-m-inline.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }

  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(-100%);
  }

  :where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
  }

  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }

  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-block-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateY(100%);
  }

  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-block-end: 0;
    transform: translateY(0);
  }

  .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: none;
  }
}

@media (min-width: 992px) {
  .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content,
  .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
    flex-shrink: 1;
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel,
  .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
    overflow-x: auto;
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(100%);
  }

  :where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(-100%);
  }

  :where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-block-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateY(100%);
  }

  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-block-end: 0;
    transform: translateY(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-lg.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: none;
  }
}

@media (min-width: 1200px) {
  .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content,
  .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
    flex-shrink: 1;
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel,
  .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
    overflow-x: auto;
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(100%);
  }

  :where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(-100%);
  }

  :where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-block-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateY(100%);
  }

  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-block-end: 0;
    transform: translateY(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: none;
  }
}

@media (min-width: 1450px) {
  .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content,
  .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
    flex-shrink: 1;
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel,
  .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content {
    overflow-x: auto;
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(100%);
  }

  :where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(-100%);
  }

  :where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: unset;
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-block-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1);
    transform: translateY(100%);
  }

  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-block-end: 0;
    transform: translateY(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel {
    transform: translateX(0);
  }

  .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close {
    display: none;
  }
}

:where(.pf-v5-theme-dark) .pf-v5-c-drawer {
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
  --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
}

:where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline,
:where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pf-v5-c-form__group {
  min-width: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pf-v5-c-form__group-label-help {
  padding-block-start: var(--pf-v5-c-form__group-label-help--PaddingTop);
  padding-block-end: var(--pf-v5-c-form__group-label-help--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-form__group-label-help--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-form__group-label-help--PaddingRight);
  margin-block-start: var(--pf-v5-c-form__group-label-help--MarginTop);
  margin-block-end: var(--pf-v5-c-form__group-label-help--MarginBottom);
  margin-inline-start: var(--pf-v5-c-form__group-label-help--MarginLeft);
  margin-inline-end: var(--pf-v5-c-form__group-label-help--MarginRight);
  font-size: var(--pf-v5-c-form__group-label-help--FontSize);
  line-height: 1;
  color: var(--pf-v5-c-form__group-label-help--Color);
  cursor: pointer;
  background-color: var(--pf-v5-c-form__group-label-help--BackgroundColor);
  border: 0;
  transform: translateY(var(--pf-v5-c-form__group-label-help--TranslateY));
}

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

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

.pf-v5-c-form__group-control {
  min-width: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pf-v5-c-form__actions {
  display: flex;
  flex-wrap: wrap;
  margin-block-start: var(--pf-v5-c-form__actions--MarginTop);
  margin-block-end: var(--pf-v5-c-form__actions--MarginBottom);
  margin-inline-start: var(--pf-v5-c-form__actions--MarginLeft);
  margin-inline-end: var(--pf-v5-c-form__actions--MarginRight);
}

.pf-v5-c-form__actions>* {
  margin-block-start: var(--pf-v5-c-form__actions--child--MarginTop);
  margin-block-end: var(--pf-v5-c-form__actions--child--MarginBottom);
  margin-inline-start: var(--pf-v5-c-form__actions--child--MarginLeft);
  margin-inline-end: var(--pf-v5-c-form__actions--child--MarginRight);
}

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

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

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

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

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

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

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

.pf-v5-c-form__field-group-toggle {
  grid-row: 1/2;
  grid-column: 1/2;
  padding-block-start: var(--pf-v5-c-form__field-group-toggle--PaddingTop);
  padding-inline-end: var(--pf-v5-c-form__field-group-toggle--PaddingRight);
}

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

.pf-v5-c-form__field-group-toggle-button {
  margin-block-start: var(--pf-v5-c-form__field-group-toggle-button--MarginTop);
  margin-block-end: var(--pf-v5-c-form__field-group-toggle-button--MarginBottom);
}

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

:where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-form__field-group-toggle-icon {
  scale: -1 1;
}

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

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

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

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

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

.pf-v5-c-form__field-group-header-actions {
  margin-block-start: var(--pf-v5-c-form__field-group-header-actions--MarginTop);
  margin-block-end: var(--pf-v5-c-form__field-group-header-actions--MarginBottom);
  margin-inline-start: var(--pf-v5-c-form__field-group-header-actions--MarginLeft);
  white-space: nowrap;
}

.pf-v5-c-form__field-group-body {
  display: grid;
  grid-column: var(--pf-v5-c-form__field-group-body--GridColumn);
  gap: var(--pf-v5-c-form__field-group-body--Gap);
  padding-block-start: var(--pf-v5-c-form__field-group-body--PaddingTop);
  padding-block-end: var(--pf-v5-c-form__field-group-body--PaddingBottom);
}

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

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

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

.pf-v5-c-form-control {
  --pf-v5-c-form-control--ColumnGap: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-form-control--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-form-control--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-form-control--Resize: none;
  --pf-v5-c-form-control--OutlineOffset: -2px;
  --pf-v5-c-form-control--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--before--BorderBottomWidth: 0;
  --pf-v5-c-form-control--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-form-control--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-form-control--before--BorderBottomColor: transparent;
  --pf-v5-c-form-control--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-form-control--Width: 100%;
  --pf-v5-c-form-control--inset--base: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-form-control--PaddingBottom: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-form-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-form-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
  --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
  --pf-v5-c-form-control--m-disabled--after--BorderColor: transparent;
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--300);
  --pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-form-control--m-readonly--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
  --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
  --pf-v5-c-form-control--m-success--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--m-success--after--BorderBottomColor: var(--pf-v5-global--success-color--100);
  --pf-v5-c-form-control--m-success--PaddingRight: var(--pf-v5-global--spacer--xl);
  --pf-v5-c-form-control--m-warning--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--m-warning--after--BorderBottomColor: var(--pf-v5-global--warning-color--100);
  --pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-v5-global--spacer--xl);
  --pf-v5-c-form-control--m-error--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--m-error--after--BorderBottomColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-form-control--m-error--PaddingRight: var(--pf-v5-global--spacer--xl);
  --pf-v5-c-form-control--m-error--icon--width: var(--pf-v5-c-form-control--FontSize);
  --pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
  --pf-v5-c-form-control--m-icon--icon--width: var(--pf-v5-c-form-control--FontSize);
  --pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-error--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
  --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-form-control__select--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
  --pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
  --pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
  --pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
  --pf-v5-c-form-control--textarea--Height: auto;
  --pf-v5-c-form-control__icon--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-form-control__icon--Color: var(--pf-v5-global--icon--Color--light);
  --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-global--icon--Color--light);
  --pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-v5-global--success-color--100);
  --pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-v5-global--warning-color--100);
  --pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-form-control__utilities--Gap: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control__utilities--PaddingRight: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control__toggle-icon--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
  color: var(--pf-v5-c-form-control--Color);
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--pf-v5-c-form-control--ColumnGap);
  align-items: start;
  width: var(--pf-v5-c-form-control--Width);
  font-size: var(--pf-v5-c-form-control--FontSize);
  line-height: var(--pf-v5-c-form-control--LineHeight);
  resize: var(--pf-v5-c-form-control--Resize);
  background-color: var(--pf-v5-c-form-control--BackgroundColor);
}

.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}

.pf-v5-c-form-control::before {
  border-style: var(--pf-v5-c-form-control--before--BorderStyle, solid);
  border-block-start-color: var(--pf-v5-c-form-control--before--BorderTopColor);
  border-block-start-width: var(--pf-v5-c-form-control--before--BorderTopWidth);
  border-block-end-color: var(--pf-v5-c-form-control--before--BorderBottomColor);
  border-block-end-width: var(--pf-v5-c-form-control--before--BorderBottomWidth);
  border-inline-start-color: var(--pf-v5-c-form-control--before--BorderLeftColor);
  border-inline-start-width: var(--pf-v5-c-form-control--before--BorderLeftWidth);
  border-inline-end-color: var(--pf-v5-c-form-control--before--BorderRightColor);
  border-inline-end-width: var(--pf-v5-c-form-control--before--BorderRightWidth);
}

.pf-v5-c-form-control::after {
  border-block-end: var(--pf-v5-c-form-control--after--BorderBottomWidth) var(--pf-v5-c-form-control--after--BorderStyle, solid) var(--pf-v5-c-form-control--after--BorderBottomColor);
}

.pf-v5-c-form-control>:is(input,select,textarea) {
  grid-row: 1/2;
  grid-column: 1/-1;
  padding-block-start: var(--pf-v5-c-form-control--PaddingTop);
  padding-block-end: var(--pf-v5-c-form-control--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-form-control--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-form-control--PaddingRight);
  color: var(--pf-v5-c-form-control--Color);
  background-color: transparent;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.pf-v5-c-form-control>:is(input,select,textarea):focus {
  outline-offset: var(--pf-v5-c-form-control--OutlineOffset);
}

.pf-v5-c-form-control>::placeholder {
  color: var(--pf-v5-c-form-control--m-placeholder--Color);
}

.pf-v5-c-form-control>:is(input,select) {
  text-overflow: ellipsis;
}

.pf-v5-c-form-control.pf-m-readonly {
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
}

.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success,.pf-m-warning,.pf-m-error) {
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor);
  --pf-v5-c-form-control--focus--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomWidth);
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor);
}

.pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
  --pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--m-readonly--m-plain--inset--base);
  --pf-v5-c-form-control--before--BorderStyle: none;
  --pf-v5-c-form-control--after--BorderStyle: none;
  --pf-v5-c-form-control--OutlineOffset: var(--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset);
}

.pf-v5-c-form-control:hover {
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--hover--after--BorderBottomColor);
}

.pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--focus--after--BorderBottomColor);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--focus--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-expanded {
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--m-expanded--after--BorderBottomColor);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-expanded--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-disabled {
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-c-form-control--m-disabled--Color);
  --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
  --pf-v5-c-form-control--before--BorderStyle: none;
  --pf-v5-c-form-control--after--BorderStyle: none;
  cursor: not-allowed;
}

.pf-v5-c-form-control.pf-m-error {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--m-error--after--BorderBottomColor);
  --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
  --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-error--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-error.pf-m-icon {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
}

.pf-v5-c-form-control.pf-m-success {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--m-success--after--BorderBottomColor);
  --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
  --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-success--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-success.pf-m-icon {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
}

.pf-v5-c-form-control.pf-m-warning {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--m-warning--after--BorderBottomColor);
  --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
  --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-warning--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-warning.pf-m-icon {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
}

.pf-v5-c-form-control.pf-m-icon {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--PaddingRight);
}

.pf-v5-c-form-control>select {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
}

@-moz-document url-prefix()  {
  .pf-v5-c-form-control>select {
    --pf-v5-c-form-control--PaddingRight: calc(var(--pf-v5-c-form-control__select--PaddingRight) - 1px);
    --pf-v5-c-form-control--PaddingLeft: calc(var(--pf-v5-c-form-control__select--PaddingLeft) - 4px);
  }
}

.pf-v5-c-form-control.pf-m-placeholder>select {
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
}

.pf-v5-c-form-control.pf-m-placeholder>select * {
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
}

.pf-v5-c-form-control.pf-m-placeholder>select *:disabled {
  color: revert;
}

.pf-v5-c-form-control>textarea {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  resize: none;
}

.pf-v5-c-form-control.pf-m-resize-vertical {
  --pf-v5-c-form-control--Resize: vertical;
  overflow: auto;
}

.pf-v5-c-form-control.pf-m-resize-horizontal {
  --pf-v5-c-form-control--Resize: horizontal;
  overflow: auto;
}

.pf-v5-c-form-control.pf-m-resize-both {
  --pf-v5-c-form-control--Resize: both;
  overflow: auto;
}

.pf-v5-c-form-control__icon {
  padding-block-start: var(--pf-v5-c-form-control__icon--PaddingTop);
  color: var(--pf-v5-c-form-control__icon--Color);
}

.pf-v5-c-form-control__icon.pf-m-status {
  --pf-v5-c-form-control__icon--Color: var(--pf-v5-c-form-control__icon--m-status--Color);
}

.pf-v5-c-form-control__toggle-icon {
  grid-row: 1/2;
  grid-column: 3;
  padding-block-start: var(--pf-v5-c-form-control__toggle-icon--PaddingTop);
  padding-inline-start: var(--pf-v5-c-form-control__toggle-icon--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-form-control__toggle-icon--PaddingRight);
  color: var(--pf-v5-c-form-control__toggle-icon--Color);
  pointer-events: none;
}

.pf-v5-c-form-control__utilities {
  display: flex;
  flex-wrap: nowrap;
  grid-row: 1/2;
  grid-column: 2;
  gap: var(--pf-v5-c-form-control__utilities--Gap);
  padding-inline-end: var(--pf-v5-c-form-control__utilities--PaddingRight);
  pointer-events: none;
}

:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
  --pf-v5-c-form-control--before--BorderTopColor: transparent;
  --pf-v5-c-form-control--before--BorderRightColor: transparent;
  --pf-v5-c-form-control--before--BorderLeftColor: transparent;
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
  --pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
  --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
  --pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
  --pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
  --pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
  color: var(--pf-v5-global--Color--100);
}

:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.pf-v5-c-input-group {
  --pf-v5-c-input-group--child--ZIndex: var(--pf-v5-global--ZIndex--xs);
  --pf-v5-c-input-group__item--offset: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-input-group__item--MarginLeft: calc(var(--pf-v5-c-input-group__item--offset) * -1);
  --pf-v5-c-input-group__item--BorderWidth--base: var(--pf-v5-c-input-group__item--offset);
  --pf-v5-c-input-group__item--BorderColor--base: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-input-group__item--BorderColor--accent: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-input-group__item--BackgroundColor: transparent;
  --pf-v5-c-input-group__item--m-box--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-input-group__item--m-box--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-input-group__item--m-box--BorderWidth: var(--pf-v5-c-input-group__item--offset);
  --pf-v5-c-input-group__item--m-box--BorderTopColor: var(--pf-v5-c-input-group__item--BorderColor--base);
  --pf-v5-c-input-group__item--m-box--BorderRightColor: var(--pf-v5-c-input-group__item--BorderColor--base);
  --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--BorderColor--accent);
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderColor--base);
  --pf-v5-c-input-group__item--m-plain--BackgroundColor: transparent;
  --pf-v5-c-input-group__text--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-input-group__text--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--100);
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
  display: flex;
  width: 100%;
}

.pf-v5-c-input-group__item {
  position: relative;
  display: flex;
  min-width: var(--pf-v5-c-input-group__item--MinWidth, revert);
  max-width: var(--pf-v5-c-input-group__item--MaxWidth, revert);
  background-color: var(--pf-v5-c-input-group__item--BackgroundColor);
  border-block-start-color: var(--pf-v5-c-input-group__item--m-box--BorderTopColor);
  border-block-end-color: var(--pf-v5-c-input-group__item--m-box--BorderBottomColor);
  border-inline-start-color: var(--pf-v5-c-input-group__item--m-box--BorderLeftColor);
  border-inline-end-color: var(--pf-v5-c-input-group__item--m-box--BorderRightColor);
}

.pf-v5-c-input-group__item:where(:not(:first-child)) {
  margin-inline-start: var(--pf-v5-c-input-group__item--MarginLeft);
}

.pf-v5-c-input-group__item.pf-m-box {
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-box--BackgroundColor);
  padding-inline-start: var(--pf-v5-c-input-group__item--m-box--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-input-group__item--m-box--PaddingRight);
  border: var(--pf-v5-c-input-group__item--m-box--BorderWidth) solid;
  border-block-start-color: var(--pf-v5-c-input-group__item--m-box--BorderTopColor);
  border-block-end-color: var(--pf-v5-c-input-group__item--m-box--BorderBottomColor);
  border-inline-start-color: var(--pf-v5-c-input-group__item--m-box--BorderLeftColor);
  border-inline-end-color: var(--pf-v5-c-input-group__item--m-box--BorderRightColor);
}

.pf-v5-c-input-group__item.pf-m-plain {
  --pf-v5-c-input-group__item--MarginLeft: 0;
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-plain--BackgroundColor);
  border: none;
}

.pf-v5-c-input-group__item.pf-m-disabled {
  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-disabled--BackgroundColor);
  --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--m-disabled--BorderBottomColor);
  --pf-v5-c-input-group__text--Color: var(--pf-v5-c-input-group__item--m-disabled__text--Color);
}

.pf-v5-c-input-group__item.pf-m-fill {
  flex-grow: 1;
}

.pf-v5-c-input-group__text {
  align-self: center;
  font-size: var(--pf-v5-c-input-group__text--FontSize);
  color: var(--pf-v5-c-input-group__text--Color);
}

label.pf-v5-c-input-group__text {
  cursor: pointer;
}

:where(.pf-v5-theme-dark) .pf-v5-c-input-group {
  --pf-v5-c-input-group__item--BorderLeftWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
  --pf-v5-c-input-group__item--BorderLeftColor: var(--pf-v5-global--palette--black-700);
  --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
  --pf-v5-c-input-group__item--m-box--BorderTopColor: transparent;
  --pf-v5-c-input-group__item--m-box--BorderRightColor: transparent;
  --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: transparent;
  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
}

:where(.pf-v5-theme-dark) .pf-v5-c-input-group>*+* {
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
  border-inline-start: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
}

.pf-v5-c-notification-badge {
  --pf-v5-c-notification-badge--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-notification-badge--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-badge--PaddingBottom: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-notification-badge--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-badge--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
  --pf-v5-c-notification-badge--MarginRight: calc(-1 * var(--pf-v5-global--spacer--md));
  --pf-v5-c-notification-badge--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
  --pf-v5-c-notification-badge--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
  --pf-v5-c-notification-badge--after--BorderColor: transparent;
  --pf-v5-c-notification-badge--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
  --pf-v5-c-notification-badge--after--BorderWidth: 0;
  --pf-v5-c-notification-badge--after--Top: 0;
  --pf-v5-c-notification-badge--after--Right: 0;
  --pf-v5-c-notification-badge--after--Width: auto;
  --pf-v5-c-notification-badge--after--Height: auto;
  --pf-v5-c-notification-badge--after--BackgroundColor: transparent;
  --pf-v5-c-notification-badge--after--TranslateX: 0;
  --pf-v5-c-notification-badge--after--TranslateY: 0;
  --pf-v5-c-notification-badge__i--Width: auto;
  --pf-v5-c-notification-badge__i--Height: auto;
  --pf-v5-c-notification-badge--m-read--after--BorderColor: transparent;
  --pf-v5-c-notification-badge--m-read--after--BackgroundColor: transparent;
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--active-color--100);
  --pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--Color--light-100);
  --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
  --pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
  --pf-v5-c-notification-badge__count--MarginLeft: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
  position: relative;
  display: inline-block;
  padding-block-start: var(--pf-v5-c-notification-badge--PaddingTop);
  padding-block-end: var(--pf-v5-c-notification-badge--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-notification-badge--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-notification-badge--PaddingRight);
  margin-block-start: var(--pf-v5-c-notification-badge--MarginTop);
  margin-block-end: var(--pf-v5-c-notification-badge--MarginBottom);
  margin-inline-start: var(--pf-v5-c-notification-badge--MarginLeft);
  margin-inline-end: var(--pf-v5-c-notification-badge--MarginRight);
  background-color: var(--pf-v5-c-notification-badge--after--BackgroundColor);
  border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
}

.pf-v5-c-notification-badge::before {
  position: absolute;
  inset-block-start: var(--pf-v5-c-notification-badge--after--Top);
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: var(--pf-v5-c-notification-badge--after--Right);
  width: var(--pf-v5-c-notification-badge--after--Width);
  height: var(--pf-v5-c-notification-badge--after--Height);
  content: "";
  border: var(--pf-v5-c-notification-badge--after--BorderWidth) solid var(--pf-v5-c-notification-badge--after--BorderColor);
  border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
  transform: translate(var(--pf-v5-c-notification-badge--after--TranslateX), var(--pf-v5-c-notification-badge--after--TranslateY));
}

.pf-v5-c-notification-badge>i {
  width: var(--pf-v5-c-notification-badge__i--Width);
  height: var(--pf-v5-c-notification-badge__i--Height);
}

.pf-v5-c-notification-badge>* {
  position: relative;
}

.pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell,
.pf-v5-c-notification-badge .pf-v5-c-icon-bell {
  display: inline-block;
  line-height: var(--pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight);
}

.pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell::before,
.pf-v5-c-notification-badge .pf-v5-c-icon-bell::before {
  vertical-align: bottom;
}

.pf-v5-c-notification-badge.pf-m-read {
  --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--after--BackgroundColor);
  --pf-v5-c-notification-badge--after--BorderColor: var(--pf-v5-c-notification-badge--m-read--after--BorderColor);
  color: var(--pf-v5-c-notification-badge--m-read--Color, inherit);
}

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

.pf-v5-c-notification-badge.pf-m-unread:hover {
  --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor);
}

.pf-v5-c-notification-badge.pf-m-attention {
  --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--after--BackgroundColor);
  color: var(--pf-v5-c-notification-badge--m-attention--Color);
}

.pf-v5-c-notification-badge.pf-m-attention:hover {
  --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor);
}

.pf-v5-c-notification-badge.pf-m-expanded {
  --pf-v5-c-notification-badge--m-read--Color: var(--pf-v5-global--Color--light-100);
  --pf-v5-c-notification-badge--m-read--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
  --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor);
}

.pf-v5-c-notification-badge__count {
  margin-inline-start: var(--pf-v5-c-notification-badge__count--MarginLeft);
}

:where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
  --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
}

.pf-v5-c-notification-drawer {
  --pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
  --pf-v5-c-notification-drawer__header--PaddingTop: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__header--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__header--PaddingBottom: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__header--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-notification-drawer__header--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
  --pf-v5-c-notification-drawer__header--ZIndex: var(--pf-v5-global--ZIndex--sm);
  --pf-v5-c-notification-drawer__header-title--FontSize: var(--pf-v5-global--FontSize--xl);
  --pf-v5-c-notification-drawer__header-status--MarginLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__body--ZIndex: var(--pf-v5-global--ZIndex--xs);
  --pf-v5-c-notification-drawer__list-item--PaddingTop: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__list-item--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__list-item--PaddingBottom: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__list-item--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-notification-drawer__list-item--BoxShadow: inset var(--pf-v5-global--BoxShadow--sm-bottom);
  --pf-v5-c-notification-drawer__list-item--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-notification-drawer__list-item--BorderBottomColor: transparent;
  --pf-v5-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
  --pf-v5-c-notification-drawer__list-item--before--Width: var(--pf-v5-global--BorderWidth--lg);
  --pf-v5-c-notification-drawer__list-item--before--Top: 0;
  --pf-v5-c-notification-drawer__list-item--before--Bottom: calc(var(--pf-v5-c-notification-drawer__list-item--BorderBottomWidth) * -1);
  --pf-v5-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-v5-global--info-color--100);
  --pf-v5-c-notification-drawer__list-item--m-info__list-item--before--BackgroundColor: var(--pf-v5-global--info-color--100);
  --pf-v5-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-v5-global--warning-color--100);
  --pf-v5-c-notification-drawer__list-item--m-warning__list-item--before--BackgroundColor: var(--pf-v5-global--warning-color--100);
  --pf-v5-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-notification-drawer__list-item--m-danger__list-item--before--BackgroundColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-notification-drawer__list-item--m-success__list-item-header-icon--Color: var(--pf-v5-global--success-color--100);
  --pf-v5-c-notification-drawer__list-item--m-success__list-item--before--BackgroundColor: var(--pf-v5-global--success-color--100);
  --pf-v5-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
  --pf-v5-c-notification-drawer__list-item--m-read--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-notification-drawer__list-item--m-read--before--Top: calc(var(--pf-v5-c-notification-drawer__list-item--BorderBottomWidth) * -1);
  --pf-v5-c-notification-drawer__list-item--m-read--before--Bottom: 0;
  --pf-v5-c-notification-drawer__list-item--m-read--before--BackgroundColor: transparent;
  --pf-v5-c-notification-drawer__list-item--list-item--m-read--before--Top: 0;
  --pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: inset var(--pf-v5-global--BoxShadow--sm-bottom);
  --pf-v5-c-notification-drawer__list-item--m-hoverable--hover--ZIndex: var(--pf-v5-global--ZIndex--xs);
  --pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md-top), var(--pf-v5-global--BoxShadow--md-bottom);
  --pf-v5-c-notification-drawer__list-item-header--MarginBottom: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-notification-drawer__list-item-header-icon--Color: inherit;
  --pf-v5-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
  --pf-v5-c-notification-drawer__list-item-header-title--max-lines: 1;
  --pf-v5-c-notification-drawer__list-item--m-read__list-item-header-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
  --pf-v5-c-notification-drawer__list-item-description--MarginBottom: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-notification-drawer__list-item-timestamp--Color: var(--pf-v5-global--Color--200);
  --pf-v5-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
  --pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-notification-drawer__group--m-expanded--MinHeight: 0;
  --pf-v5-c-notification-drawer__group-toggle--PaddingTop: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__group-toggle--PaddingRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__group-toggle--PaddingBottom: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__group-toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-notification-drawer__group-toggle--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-notification-drawer__group-toggle--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-notification-drawer__group-toggle--OutlineOffset: -0.25rem;
  --pf-v5-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__group-toggle-title--max-lines: 1;
  --pf-v5-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-v5-global--spacer--md);
  --pf-v5-c-notification-drawer__group-toggle-icon--Color: var(--pf-v5-global--Color--200);
  --pf-v5-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
  --pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--pf-v5-c-notification-drawer--BackgroundColor);
}

.pf-v5-c-notification-drawer__header {
  position: relative;
  z-index: var(--pf-v5-c-notification-drawer__header--ZIndex);
  display: flex;
  flex-shrink: 0;
  align-items: baseline;
  padding-block-start: var(--pf-v5-c-notification-drawer__header--PaddingTop);
  padding-block-end: var(--pf-v5-c-notification-drawer__header--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-notification-drawer__header--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-notification-drawer__header--PaddingRight);
  background-color: var(--pf-v5-c-notification-drawer__header--BackgroundColor);
  box-shadow: var(--pf-v5-c-notification-drawer__header--BoxShadow);
}

.pf-v5-c-notification-drawer__header-title {
  font-size: var(--pf-v5-c-notification-drawer__header-title--FontSize);
}

.pf-v5-c-notification-drawer__header-status {
  margin-inline-start: var(--pf-v5-c-notification-drawer__header-status--MarginLeft);
}

.pf-v5-c-notification-drawer__header-action {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}

.pf-v5-c-notification-drawer__body {
  flex: 1;
  overflow-y: auto;
  box-shadow: var(--pf-v5-c-notification-drawer__body--ZIndex);
}

.pf-v5-c-notification-drawer__list-item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  padding-block-start: var(--pf-v5-c-notification-drawer__list-item--PaddingTop);
  padding-block-end: var(--pf-v5-c-notification-drawer__list-item--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-notification-drawer__list-item--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-notification-drawer__list-item--PaddingRight);
  background-color: var(--pf-v5-c-notification-drawer__list-item--BackgroundColor);
  border-block-end: var(--pf-v5-c-notification-drawer__list-item--BorderBottomWidth) solid var(--pf-v5-c-notification-drawer__list-item--BorderBottomColor);
  outline-offset: var(--pf-v5-c-notification-drawer__list-item--OutlineOffset);
  box-shadow: var(--pf-v5-c-notification-drawer__list-item--BoxShadow);
}

.pf-v5-c-notification-drawer__list-item.pf-m-read,
.pf-v5-c-notification-drawer__list-item:first-child {
  --pf-v5-c-notification-drawer__list-item--BoxShadow: none;
}

.pf-v5-c-notification-drawer__list-item:not(.pf-m-read)+.pf-v5-c-notification-drawer__list-item.pf-m-read {
  --pf-v5-c-notification-drawer__list-item--BoxShadow: var(--pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow);
  --pf-v5-c-notification-drawer__list-item--before--Top: var(--pf-v5-c-notification-drawer__list-item--list-item--m-read--before--Top);
}

.pf-v5-c-notification-drawer__list-item::before {
  position: absolute;
  inset-block-start: var(--pf-v5-c-notification-drawer__list-item--before--Top);
  inset-block-end: var(--pf-v5-c-notification-drawer__list-item--before--Bottom);
  width: var(--pf-v5-c-notification-drawer__list-item--before--Width);
  content: "";
  background-color: var(--pf-v5-c-notification-drawer__list-item--before--BackgroundColor);
}

.pf-v5-c-notification-drawer__list-item.pf-m-info {
  --pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-info__list-item--before--BackgroundColor);
  --pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-info__list-item-header-icon--Color);
}

.pf-v5-c-notification-drawer__list-item.pf-m-warning {
  --pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-warning__list-item--before--BackgroundColor);
  --pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color);
}

.pf-v5-c-notification-drawer__list-item.pf-m-danger {
  --pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-danger__list-item--before--BackgroundColor);
  --pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color);
}

.pf-v5-c-notification-drawer__list-item.pf-m-success {
  --pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-success__list-item--before--BackgroundColor);
  --pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-success__list-item-header-icon--Color);
}

.pf-v5-c-notification-drawer__list-item.pf-m-custom {
  --pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor);
  --pf-v5-c-notification-drawer__list-item-header-icon--Color: var(--pf-v5-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color);
}

.pf-v5-c-notification-drawer__list-item.pf-m-read {
  --pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BorderBottomColor);
  --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor);
  --pf-v5-c-notification-drawer__list-item--before--Top: var(--pf-v5-c-notification-drawer__list-item--m-read--before--Top);
  --pf-v5-c-notification-drawer__list-item--before--Bottom: var(--pf-v5-c-notification-drawer__list-item--m-read--before--Bottom);
  --pf-v5-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-v5-c-notification-drawer__list-item--m-read--before--BackgroundColor);
  --pf-v5-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-v5-c-notification-drawer__list-item--m-read__list-item-header-title--FontWeight);
  position: relative;
}

.pf-v5-c-notification-drawer__list-item.pf-m-hoverable {
  cursor: pointer;
}

.pf-v5-c-notification-drawer__list-item.pf-m-hoverable:hover {
  z-index: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--ZIndex);
  box-shadow: var(--pf-v5-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow);
}

.pf-v5-c-notification-drawer__list-item-header {
  display: flex;
  grid-row: 1/2;
  grid-column: 1/2;
  align-items: baseline;
  margin-block-end: var(--pf-v5-c-notification-drawer__list-item-header--MarginBottom);
}

.pf-v5-c-notification-drawer__list-item-header-icon {
  margin-inline-end: var(--pf-v5-c-notification-drawer__list-item-header-icon--MarginRight);
  color: var(--pf-v5-c-notification-drawer__list-item-header-icon--Color);
}

.pf-v5-c-notification-drawer__list-item-header-title {
  font-weight: var(--pf-v5-c-notification-drawer__list-item-header-title--FontWeight);
  word-break: break-word;
}

.pf-v5-c-notification-drawer__list-item-header-title.pf-m-truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--pf-v5-c-notification-drawer__list-item-header-title--max-lines);
  overflow: hidden;
}

.pf-v5-c-notification-drawer__list-item-action {
  grid-row: 1/3;
  grid-column: 2/3;
}

.pf-v5-c-notification-drawer__list-item-description {
  grid-row: 2/3;
  grid-column: 1/2;
  margin-block-end: var(--pf-v5-c-notification-drawer__list-item-description--MarginBottom);
  word-break: break-word;
}

.pf-v5-c-notification-drawer__list-item-timestamp {
  grid-row: 3/4;
  grid-column: 1/2;
  font-size: var(--pf-v5-c-notification-drawer__list-item-timestamp--FontSize);
  color: var(--pf-v5-c-notification-drawer__list-item-timestamp--Color);
}

.pf-v5-c-notification-drawer__group-list {
  display: flex;
  flex-direction: column;
}

.pf-v5-c-notification-drawer__group.pf-m-expanded {
  min-height: var(--pf-v5-c-notification-drawer__group--m-expanded--MinHeight);
}

.pf-v5-c-notification-drawer__group.pf-m-expanded+.pf-v5-c-notification-drawer__group {
  border-block-start: var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopWidth) solid var(--pf-v5-c-notification-drawer__group--m-expanded--group--BorderTopColor);
}

.pf-v5-c-notification-drawer__group .pf-v5-c-notification-drawer__list-item:last-child {
  --pf-v5-c-notification-drawer__list-item--BorderBottomWidth: 0;
  --pf-v5-c-notification-drawer__list-item--before--Bottom: 0;
}

.pf-v5-c-notification-drawer__group-toggle {
  display: flex;
  align-items: baseline;
  width: 100%;
  padding-block-start: var(--pf-v5-c-notification-drawer__group-toggle--PaddingTop);
  padding-block-end: var(--pf-v5-c-notification-drawer__group-toggle--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-notification-drawer__group-toggle--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-notification-drawer__group-toggle--PaddingRight);
  background-color: var(--pf-v5-c-notification-drawer__group-toggle--BackgroundColor);
  border: 0 solid var(--pf-v5-c-notification-drawer__group-toggle--BorderColor);
  border-block-end-width: var(--pf-v5-c-notification-drawer__group-toggle--BorderBottomWidth);
  outline-offset: var(--pf-v5-c-notification-drawer__group-toggle--OutlineOffset);
}

.pf-v5-c-notification-drawer__group-toggle-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--pf-v5-c-notification-drawer__group-toggle-title--max-lines);
  overflow: hidden;
  flex: 1;
  margin-inline-end: var(--pf-v5-c-notification-drawer__group-toggle-title--MarginRight);
  text-align: start;
  word-break: break-word;
}

.pf-v5-c-notification-drawer__group-toggle-count {
  margin-inline-start: auto;
  margin-inline-end: var(--pf-v5-c-notification-drawer__group-toggle-count--MarginRight);
}

.pf-v5-c-notification-drawer__group-toggle-icon {
  margin-inline-end: var(--pf-v5-c-notification-drawer__group-toggle-icon--MarginRight);
  color: var(--pf-v5-c-notification-drawer__group-toggle-icon--Color);
  transition: var(--pf-v5-c-notification-drawer__group-toggle-icon--Transition);
}

:where(.pf-v5-m-dir-rtl, [dir="rtl"]) .pf-v5-c-notification-drawer__group-toggle-icon {
  scale: -1 1;
}

.pf-v5-c-notification-drawer__group.pf-m-expanded .pf-v5-c-notification-drawer__group-toggle-icon {
  transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
}

:where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
  --pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-notification-drawer__list-item--BoxShadow: none;
  --pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
  --pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
}

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

@media screen and (min-width: 992px) {
  .pf-v5-c-toolbar {
    --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingRight);
    --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom);
    --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft);
  }
}

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

.pf-v5-c-toolbar.pf-m-page-insets {
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--m-page-insets--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--m-page-insets--inset);
}

.pf-v5-c-toolbar.pf-m-sticky {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--pf-v5-c-toolbar--m-sticky--ZIndex);
  box-shadow: var(--pf-v5-c-toolbar--m-sticky--BoxShadow);
}

.pf-v5-c-toolbar.pf-m-full-height {
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
  --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
  --pf-v5-c-toolbar__item--Display: var(--pf-v5-c-toolbar--m-full-height__item--Display);
  height: 100%;
}

.pf-v5-c-toolbar.pf-m-full-height,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__expandable-content,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group {
  min-width: 0;
}

.pf-v5-c-toolbar.pf-m-full-height,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group,
.pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
  align-self: stretch;
}

.pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
  --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
}

.pf-v5-c-toolbar.pf-m-static,
.pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
  position: static;
}

.pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__expandable-content {
  position: absolute;
}

.pf-v5-c-toolbar__content-section>.pf-v5-c-divider,
.pf-v5-c-toolbar__group>.pf-v5-c-divider {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar--c-divider--m-vertical--spacer);
}

.pf-v5-c-toolbar__content-section>.pf-v5-c-divider.pf-m-vertical,
.pf-v5-c-toolbar__group>.pf-v5-c-divider.pf-m-vertical {
  margin-inline-end: var(--pf-v5-c-toolbar--spacer);
}

.pf-v5-c-toolbar__content-section>.pf-v5-c-divider.pf-m-vertical:last-child,
.pf-v5-c-toolbar__group>.pf-v5-c-divider.pf-m-vertical:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar__content-section.pf-m-align-items-start,
.pf-v5-c-toolbar__group.pf-m-align-items-start {
  align-items: flex-start;
}

.pf-v5-c-toolbar__content-section.pf-m-align-items-center,
.pf-v5-c-toolbar__group.pf-m-align-items-center {
  --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
}

.pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
.pf-v5-c-toolbar__group.pf-m-align-items-baseline {
  --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems);
}

.pf-v5-c-toolbar__content-section.pf-m-align-self-start,
.pf-v5-c-toolbar__group.pf-m-align-self-start {
  align-self: flex-start;
}

.pf-v5-c-toolbar__content-section.pf-m-align-self-center,
.pf-v5-c-toolbar__group.pf-m-align-self-center {
  --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-center--AlignItems);
}

.pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
.pf-v5-c-toolbar__group.pf-m-align-self-baseline {
  --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems);
}

.pf-v5-c-toolbar__group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
  row-gap: var(--pf-v5-c-toolbar__group--RowGap);
  align-items: var(--pf-v5-c-toolbar__group--AlignItems);
  align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
  margin-inline-end: var(--pf-v5-c-toolbar--spacer);
}

.pf-v5-c-toolbar__group.pf-m-button-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
}

.pf-v5-c-toolbar__group.pf-m-button-group>* {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--space-items);
}

.pf-v5-c-toolbar__group.pf-m-icon-button-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--spacer);
}

.pf-v5-c-toolbar__group.pf-m-icon-button-group>* {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--space-items);
}

.pf-v5-c-toolbar__group.pf-m-filter-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--spacer);
}

.pf-v5-c-toolbar__group.pf-m-filter-group>* {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--space-items);
}

.pf-v5-c-toolbar__group.pf-m-filter-group>*+* {
  margin-inline-start: -1px;
}

.pf-v5-c-toolbar__group.pf-m-toggle-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--spacer);
}

.pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__item {
  display: none;
}

.pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__toggle {
  display: inline-block;
}

.pf-v5-c-toolbar__group:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar__item {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
  --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
  --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
  align-items: var(--pf-v5-c-toolbar__item--AlignItems);
  align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
  width: var(--pf-v5-c-toolbar__item--Width--base);
  min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
  margin-inline-end: var(--pf-v5-c-toolbar--spacer);
}

@media (min-width: 576px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width));
  }
}

@media (min-width: 768px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)));
  }
}

@media (min-width: 992px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width))));
  }
}

@media (min-width: 1200px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-xl, var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)))));
  }
}

@media (min-width: 1450px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-2xl, var(--pf-v5-c-toolbar__item--Width-on-xl, var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width))))));
  }
}

@media (min-width: 576px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth));
  }
}

@media (min-width: 768px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)));
  }
}

@media (min-width: 992px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))));
  }
}

@media (min-width: 1200px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)))));
  }
}

@media (min-width: 1450px) {
  .pf-v5-c-toolbar__item {
    --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-2xl, var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))))));
  }
}

.pf-v5-c-toolbar__item.pf-m-align-items-start {
  align-items: flex-start;
}

.pf-v5-c-toolbar__item.pf-m-align-items-center {
  align-items: center;
}

.pf-v5-c-toolbar__item.pf-m-align-items-baseline {
  align-items: baseline;
}

.pf-v5-c-toolbar__item.pf-m-align-self-start {
  align-self: flex-start;
}

.pf-v5-c-toolbar__item.pf-m-align-self-center {
  align-self: center;
}

.pf-v5-c-toolbar__item.pf-m-align-self-baseline {
  align-self: baseline;
}

.pf-v5-c-toolbar__item.pf-m-overflow-menu {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-overflow-menu--spacer);
}

.pf-v5-c-toolbar__item.pf-m-bulk-select {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-bulk-select--spacer);
}

.pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
  --pf-v5-c-toolbar__expand-all-icon--Rotate: var(--pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
}

.pf-v5-c-toolbar__item.pf-m-search-filter {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-search-filter--spacer);
}

.pf-v5-c-toolbar__item.pf-m-chip-group {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-chip-group--spacer);
}

.pf-v5-c-toolbar__item.pf-m-label {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
  transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
}

.pf-v5-c-toolbar__item.pf-m-form-element {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
  font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
  transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
}

.pf-v5-c-toolbar__item.pf-m-pagination {
  margin-inline-start: auto;
}

.pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination {
  flex-wrap: nowrap;
}

.pf-v5-c-toolbar__item:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

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

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

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

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

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

.pf-v5-c-toolbar__content-section.pf-m-align-items-start {
  align-items: flex-start;
}

.pf-v5-c-toolbar__content-section.pf-m-align-items-center {
  --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
}

.pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
  align-items: baseline;
}

.pf-v5-c-toolbar__expandable-content {
  position: absolute;
  inset-block-start: calc(100% + var(--pf-v5-c-toolbar__content--RowGap));
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: var(--pf-v5-c-toolbar__expandable-content--ZIndex);
  display: none;
  width: 100%;
  padding-block-start: var(--pf-v5-c-toolbar__expandable-content--PaddingTop);
  padding-block-end: var(--pf-v5-c-toolbar__expandable-content--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-toolbar__expandable-content--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-toolbar__expandable-content--PaddingRight);
  background-color: var(--pf-v5-c-toolbar__expandable-content--BackgroundColor);
  box-shadow: var(--pf-v5-c-toolbar__expandable-content--BoxShadow);
}

@media screen and (min-width: 992px) {
  .pf-v5-c-toolbar__expandable-content {
    position: static;
    box-shadow: none;
  }
}

.pf-v5-c-toolbar__expandable-content.pf-m-expanded {
  display: grid;
  grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
}

.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group {
  display: grid;
  grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
}

.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label {
  margin-block-end: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
  font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
}

.pf-v5-c-toolbar__content.pf-m-chip-container,
.pf-v5-c-toolbar__group.pf-m-chip-container {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 0;
  align-items: baseline;
  margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop);
}

.pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
.pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
  --pf-v5-c-toolbar__item--AlignSelf: auto;
  margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
}

.pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
  --pf-v5-c-toolbar__group--AlignItems: center;
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 0;
}

.pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
.pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item:last-child,
.pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
.pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

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

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

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

.pf-m-toggle-group.pf-m-show {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
}

.pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__group,
.pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__item {
  display: flex;
  flex: 0 1 auto;
}

.pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__toggle {
  display: none;
}

@media (min-width: 576px) {
  .pf-m-toggle-group.pf-m-show-on-sm {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }

  .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }

  .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__toggle {
    display: none;
  }
}

@media (min-width: 768px) {
  .pf-m-toggle-group.pf-m-show-on-md {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }

  .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }

  .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__toggle {
    display: none;
  }
}

@media (min-width: 992px) {
  .pf-m-toggle-group.pf-m-show-on-lg {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }

  .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }

  .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__toggle {
    display: none;
  }
}

@media (min-width: 1200px) {
  .pf-m-toggle-group.pf-m-show-on-xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }

  .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }

  .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__toggle {
    display: none;
  }
}

@media (min-width: 1450px) {
  .pf-m-toggle-group.pf-m-show-on-2xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
  }

  .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }

  .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__toggle {
    display: none;
  }
}

.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right {
  margin-inline-start: auto;
}

.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right~.pf-m-pagination,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right~.pf-m-pagination {
  margin-inline-start: 0;
}

.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left {
  margin-inline-start: 0;
}

.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left~.pf-m-pagination,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left~.pf-m-pagination {
  margin-inline-start: auto;
}

.pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap,
.pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap {
  flex-wrap: nowrap;
}

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

@media (min-width: 576px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm~.pf-m-pagination {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm~.pf-m-pagination {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm {
    flex-wrap: nowrap;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-sm {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md~.pf-m-pagination {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md~.pf-m-pagination {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md {
    flex-wrap: nowrap;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-md {
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg~.pf-m-pagination {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg~.pf-m-pagination {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg {
    flex-wrap: nowrap;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-lg {
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl~.pf-m-pagination {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl~.pf-m-pagination {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl {
    flex-wrap: nowrap;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-xl {
    flex-wrap: wrap;
  }
}

@media (min-width: 1450px) {
  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl~.pf-m-pagination {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl {
    margin-inline-start: 0;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl~.pf-m-pagination,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl~.pf-m-pagination {
    margin-inline-start: auto;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl {
    flex-wrap: nowrap;
  }

  .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl,
  .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl {
    flex-wrap: wrap;
  }
}

.pf-v5-c-toolbar .pf-m-space-items-none>* {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar .pf-m-space-items-none>:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar .pf-m-space-items-sm>* {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
}

.pf-v5-c-toolbar .pf-m-space-items-sm>:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar .pf-m-space-items-md>* {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
}

.pf-v5-c-toolbar .pf-m-space-items-md>:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar .pf-m-space-items-lg>* {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
}

.pf-v5-c-toolbar .pf-m-space-items-lg>:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

@media (min-width: 576px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-sm>* {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-none-on-sm>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-sm>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-sm>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}

@media (min-width: 768px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-md>* {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-none-on-md>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-md>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-md>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-md>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-md>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-md>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-md>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}

@media (min-width: 992px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-lg>* {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-none-on-lg>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-lg>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-lg>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}

@media (min-width: 1200px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-xl>* {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-none-on-xl>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-xl>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-xl>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}

@media (min-width: 1450px) {
  .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl>* {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl>* {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl>:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }
}

.pf-v5-c-toolbar .pf-m-spacer-none {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar .pf-m-spacer-none:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-c-toolbar .pf-m-spacer-sm {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
}

.pf-v5-c-toolbar .pf-m-spacer-sm:last-child {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
}

.pf-v5-c-toolbar .pf-m-spacer-md {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
}

.pf-v5-c-toolbar .pf-m-spacer-md:last-child {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
}

.pf-v5-c-toolbar .pf-m-spacer-lg {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
}

.pf-v5-c-toolbar .pf-m-spacer-lg:last-child {
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
}

@media (min-width: 576px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-sm {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-sm:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}

@media (min-width: 768px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-md:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-md {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-md:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-md {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-md:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}

@media (min-width: 992px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-lg {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-lg:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}

@media (min-width: 1200px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}

@media (min-width: 1450px) {
  .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
    --pf-v5-c-toolbar--spacer: 0;
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }

  .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
    --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
  }
}

.pf-v5-c-toolbar.pf-m-inset-none {
  --pf-v5-c-toolbar--inset: 0;
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}

.pf-v5-c-toolbar.pf-m-inset-sm {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}

.pf-v5-c-toolbar.pf-m-inset-md {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}

.pf-v5-c-toolbar.pf-m-inset-lg {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}

.pf-v5-c-toolbar.pf-m-inset-xl {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}

.pf-v5-c-toolbar.pf-m-inset-2xl {
  --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
}

@media (min-width: 576px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-sm-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-md-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-lg-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-xl-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}

@media (min-width: 768px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-md {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-sm-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-md-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-lg-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-xl-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-2xl-on-md {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}

@media (min-width: 992px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-sm-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-md-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-lg-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-xl-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}

@media (min-width: 1200px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-sm-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-md-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-lg-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-xl-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}

@media (min-width: 1450px) {
  .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
    --pf-v5-c-toolbar--inset: 0;
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-md-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }

  .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl {
    --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
    --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
    --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
  }
}

.pf-v5-c-toolbar__content-section>:last-child {
  --pf-v5-c-toolbar--spacer: 0;
}

.pf-v5-chart svg g[clip-path] {
  mix-blend-mode: multiply;
}

:where(:root) {
  --pf-v5-chart-color-blue-100: #8bc1f7;
  --pf-v5-chart-color-blue-200: #519de9;
  --pf-v5-chart-color-blue-300: #06c;
  --pf-v5-chart-color-blue-400: #004b95;
  --pf-v5-chart-color-blue-500: #002f5d;
  --pf-v5-chart-color-green-100: #bde2b9;
  --pf-v5-chart-color-green-200: #7cc674;
  --pf-v5-chart-color-green-300: #4cb140;
  --pf-v5-chart-color-green-400: #38812f;
  --pf-v5-chart-color-green-500: #23511e;
  --pf-v5-chart-color-cyan-100: #a2d9d9;
  --pf-v5-chart-color-cyan-200: #73c5c5;
  --pf-v5-chart-color-cyan-300: #009596;
  --pf-v5-chart-color-cyan-400: #005f60;
  --pf-v5-chart-color-cyan-500: #003737;
  --pf-v5-chart-color-purple-100: #b2b0ea;
  --pf-v5-chart-color-purple-200: #8481dd;
  --pf-v5-chart-color-purple-300: #5752d1;
  --pf-v5-chart-color-purple-400: #3c3d99;
  --pf-v5-chart-color-purple-500: #2a265f;
  --pf-v5-chart-color-gold-100: #f9e0a2;
  --pf-v5-chart-color-gold-200: #f6d173;
  --pf-v5-chart-color-gold-300: #f4c145;
  --pf-v5-chart-color-gold-400: #f0ab00;
  --pf-v5-chart-color-gold-500: #c58c00;
  --pf-v5-chart-color-orange-100: #f4b678;
  --pf-v5-chart-color-orange-200: #ef9234;
  --pf-v5-chart-color-orange-300: #ec7a08;
  --pf-v5-chart-color-orange-400: #c46100;
  --pf-v5-chart-color-orange-500: #8f4700;
  --pf-v5-chart-color-red-100: #c9190b;
  --pf-v5-chart-color-red-200: #a30000;
  --pf-v5-chart-color-red-300: #7d1007;
  --pf-v5-chart-color-red-400: #470000;
  --pf-v5-chart-color-red-500: #2c0000;
  --pf-v5-chart-color-black-100: #aaabac;
  --pf-v5-chart-color-black-200: #868789;
  --pf-v5-chart-color-black-300: #57585a;
  --pf-v5-chart-color-black-400: #444548;
  --pf-v5-chart-color-black-500: #36373a;
  --pf-v5-chart-global--FontSize--xs: 12;
  --pf-v5-chart-global--FontSize--sm: 14;
  --pf-v5-chart-global--FontSize--lg: 18;
  --pf-v5-chart-global--FontSize--2xl: 24;
  --pf-v5-chart-global--FontFamily: "RedHatText", helvetica, arial, sans-serif;
  --pf-v5-chart-global--letter-spacing: normal;
  --pf-v5-chart-global--label--Padding: 10;
  --pf-v5-chart-global--label--Margin: 8;
  --pf-v5-chart-global--label--stroke: transparent;
  --pf-v5-chart-global--label--text-anchor: middle;
  --pf-v5-chart-global--label--stroke--Width: 0;
  --pf-v5-chart-global--label--Fill: #0f1214;
  --pf-v5-chart-global--layout--Padding: 50;
  --pf-v5-chart-global--layout--Height: 300;
  --pf-v5-chart-global--layout--Width: 450;
  --pf-v5-chart-global--stroke--Width--xs: 1;
  --pf-v5-chart-global--stroke--Width--sm: 2;
  --pf-v5-chart-global--BorderWidth--xs: 1;
  --pf-v5-chart-global--BorderWidth--sm: 2;
  --pf-v5-chart-global--BorderWidth--lg: 8;
  --pf-v5-chart-global--stroke-line-cap: round;
  --pf-v5-chart-global--stroke-line-join: round;
  --pf-v5-chart-global--danger--Color--100: #fe5142;
  --pf-v5-chart-global--warning--Color--100: #ec7a08;
  --pf-v5-chart-global--warning--Color--200: #f0ab00;
  --pf-v5-chart-global--success--Color--100: #06c;
  --pf-v5-chart-global--Fill--Color--900: #0f1214;
  --pf-v5-chart-global--Fill--Color--700: #26292d;
  --pf-v5-chart-global--Fill--Color--500: #444548;
  --pf-v5-chart-global--Fill--Color--400: #57585a;
  --pf-v5-chart-global--Fill--Color--300: #868789;
  --pf-v5-chart-global--Fill--Color--200: #aaabac;
  --pf-v5-chart-global--Fill--Color--white: #fff;
  --pf-v5-chart-area--Opacity: 0.3;
  --pf-v5-chart-area--stroke--Width: 2;
  --pf-v5-chart-area--data--Fill: #0f1214;
  --pf-v5-chart-axis--axis--stroke--Width: 1;
  --pf-v5-chart-axis--axis--stroke--Color: #868789;
  --pf-v5-chart-axis--axis--Fill: transparent;
  --pf-v5-chart-axis--axis-label--Padding: 40;
  --pf-v5-chart-axis--axis-label--stroke--Color: transparent;
  --pf-v5-chart-axis--grid--Fill: none;
  --pf-v5-chart-axis--grid--stroke--Color: #868789;
  --pf-v5-chart-axis--grid--PointerEvents: painted;
  --pf-v5-chart-axis--tick--Fill: transparent;
  --pf-v5-chart-axis--tick--Size: 5;
  --pf-v5-chart-axis--tick--Width: 1;
  --pf-v5-chart-axis--tick--stroke--Color: #868789;
  --pf-v5-chart-axis--tick-label--Fill: #26292d;
  --pf-v5-chart-bar--Width: 10;
  --pf-v5-chart-bar--data--stroke: none;
  --pf-v5-chart-bar--data--Fill: #0f1214;
  --pf-v5-chart-bar--data--Padding: 8;
  --pf-v5-chart-bar--data-stroke--Width: 0;
  --pf-v5-chart-boxplot--max--Padding: 8;
  --pf-v5-chart-boxplot--max--stroke--Color: #0f1214;
  --pf-v5-chart-boxplot--max--stroke--Width: 1;
  --pf-v5-chart-boxplot--median--Padding: 8;
  --pf-v5-chart-boxplot--median--stroke--Color: #0f1214;
  --pf-v5-chart-boxplot--median--stroke--Width: 1;
  --pf-v5-chart-boxplot--min--Padding: 8;
  --pf-v5-chart-boxplot--min--stroke--Width: 1;
  --pf-v5-chart-boxplot--min--stroke--Color: #0f1214;
  --pf-v5-chart-boxplot--lower-quartile--Padding: 8;
  --pf-v5-chart-boxplot--lower-quartile--Fill: #444548;
  --pf-v5-chart-boxplot--upper-quartile--Padding: 8;
  --pf-v5-chart-boxplot--upper-quartile--Fill: #444548;
  --pf-v5-chart-boxplot--box--Width: 20;
  --pf-v5-chart-bullet--axis--tick--count: 5;
  --pf-v5-chart-bullet--comparative-measure--Fill--Color: #26292d;
  --pf-v5-chart-bullet--comparative-measure--stroke--Color: #26292d;
  --pf-v5-chart-bullet--comparative-measure--stroke--Width: 1;
  --pf-v5-chart-bullet--comparative-measure--error--Fill--Color: #fe5142;
  --pf-v5-chart-bullet--comparative-measure--error--stroke--Color: #fe5142;
  --pf-v5-chart-bullet--comparative-measure--error--stroke--Width: 2;
  --pf-v5-chart-bullet--comparative-measure--error--Width: 30;
  --pf-v5-chart-bullet--comparative-measure--warning--Fill--Color: #ec7a08;
  --pf-v5-chart-bullet--comparative-measure--warning--stroke--Color: #ec7a08;
  --pf-v5-chart-bullet--comparative-measure--warning--stroke--Width: 2;
  --pf-v5-chart-bullet--comparative-measure--warning--Width: 30;
  --pf-v5-chart-bullet--comparative-measure--Width: 30;
  --pf-v5-chart-bullet--group-title--divider--Fill--Color: #aaabac;
  --pf-v5-chart-bullet--group-title--divider--stroke--Color: #aaabac;
  --pf-v5-chart-bullet--group-title--divider--stroke--Width: 2;
  --pf-v5-chart-bullet--Height: 140;
  --pf-v5-chart-bullet--label--title--Fill: #0f1214;
  --pf-v5-chart-bullet--label--grouptitle--Fill: #0f1214;
  --pf-v5-chart-bullet--label--subtitle--Fill: #57585a;
  --pf-v5-chart-bullet--primary-measure--dot--size: 6;
  --pf-v5-chart-bullet--primary-measure--segmented--Width: 9;
  --pf-v5-chart-bullet--negative-measure--ColorScale--100: #c9190b;
  --pf-v5-chart-bullet--negative-measure--ColorScale--200: #a30000;
  --pf-v5-chart-bullet--negative-measure--ColorScale--300: #7d1007;
  --pf-v5-chart-bullet--negative-measure--ColorScale--400: #470000;
  --pf-v5-chart-bullet--negative-measure--ColorScale--500: #2c0000;
  --pf-v5-chart-bullet--qualitative-range--Width: 30;
  --pf-v5-chart-bullet--qualitative-range--ColorScale--100: #aaabac;
  --pf-v5-chart-bullet--qualitative-range--ColorScale--200: #868789;
  --pf-v5-chart-bullet--qualitative-range--ColorScale--300: #57585a;
  --pf-v5-chart-bullet--qualitative-range--ColorScale--400: #444548;
  --pf-v5-chart-bullet--qualitative-range--ColorScale--500: #36373a;
  --pf-v5-chart-candelstick--data--stroke--Width: 1;
  --pf-v5-chart-candelstick--data--stroke--Color: #0f1214;
  --pf-v5-chart-candelstick--candle--positive--Color: #fff;
  --pf-v5-chart-candelstick--candle--negative--Color: #0f1214;
  --pf-v5-chart-container--cursor--line--Fill: #0f1214;
  --pf-v5-chart-donut--label--title--Fill: #0f1214;
  --pf-v5-chart-donut--label--subtitle--Fill: #57585a;
  --pf-v5-chart-donut--label--subtitle--position: center;
  --pf-v5-chart-donut--pie--Height: 230;
  --pf-v5-chart-donut--pie--angle--Padding: 1;
  --pf-v5-chart-donut--pie--Padding: 20;
  --pf-v5-chart-donut--pie--Width: 230;
  --pf-v5-chart-donut--threshold--first--Color: #aaabac;
  --pf-v5-chart-donut--threshold--second--Color: #868789;
  --pf-v5-chart-donut--threshold--third--Color: #57585a;
  --pf-v5-chart-donut--threshold--warning--Color: #f0ab00;
  --pf-v5-chart-donut--threshold--danger--Color: #fe5142;
  --pf-v5-chart-donut--threshold--dynamic--pie--Height: 202;
  --pf-v5-chart-donut--threshold--dynamic--pie--Padding: 20;
  --pf-v5-chart-donut--threshold--dynamic--pie--Width: 202;
  --pf-v5-chart-donut--threshold--static--pie--Height: 230;
  --pf-v5-chart-donut--threshold--static--pie--angle--Padding: 1;
  --pf-v5-chart-donut--threshold--static--pie--Padding: 20;
  --pf-v5-chart-donut--threshold--static--pie--Width: 230;
  --pf-v5-chart-donut--utilization--dynamic--pie--Height: 230;
  --pf-v5-chart-donut--utilization--dynamic--pie--angle--Padding: 1;
  --pf-v5-chart-donut--utilization--dynamic--pie--Padding: 20;
  --pf-v5-chart-donut--utilization--dynamic--pie--Width: 230;
  --pf-v5-chart-donut--utilization--static--pie--Padding: 20;
  --pf-v5-chart-errorbar--BorderWidth: 8;
  --pf-v5-chart-errorbar--data--Fill: transparent;
  --pf-v5-chart-errorbar--data--Opacity: 1;
  --pf-v5-chart-errorbar--data-stroke--Width: 2;
  --pf-v5-chart-errorbar--data-stroke--Color: #0f1214;
  --pf-v5-chart-legend--gutter--Width: 20;
  --pf-v5-chart-legend--orientation: horizontal;
  --pf-v5-chart-legend--position: right;
  --pf-v5-chart-legend--title--orientation: top;
  --pf-v5-chart-legend--data--type: square;
  --pf-v5-chart-legend--title--Padding: 2;
  --pf-v5-chart-legend--Margin: 16;
  --pf-v5-chart-line--data--Fill: transparent;
  --pf-v5-chart-line--data--Opacity: 1;
  --pf-v5-chart-line--data--stroke--Width: 2;
  --pf-v5-chart-line--data--stroke--Color: #0f1214;
  --pf-v5-chart-pie--Padding: 20;
  --pf-v5-chart-pie--data--Padding: 8;
  --pf-v5-chart-pie--data--stroke--Width: 1;
  --pf-v5-chart-pie--data--stroke--Color: transparent;
  --pf-v5-chart-pie--labels--Padding: 8;
  --pf-v5-chart-pie--Height: 230;
  --pf-v5-chart-pie--Width: 230;
  --pf-v5-chart-scatter--data--stroke--Color: transparent;
  --pf-v5-chart-scatter--data--stroke--Width: 0;
  --pf-v5-chart-scatter--data--Opacity: 1;
  --pf-v5-chart-scatter--data--Fill: #0f1214;
  --pf-v5-chart-scatter--active--size: 5;
  --pf-v5-chart-scatter--size: 3;
  --pf-v5-chart-stack--data--stroke--Width: 1;
  --pf-v5-chart-threshold--stroke-dash-array: 4,2;
  --pf-v5-chart-threshold--stroke--Width: 1.5;
  --pf-v5-chart-tooltip--corner-radius: 0;
  --pf-v5-chart-tooltip--pointer-length: 10;
  --pf-v5-chart-tooltip--Fill: #aaabac;
  --pf-v5-chart-tooltip--flyoutStyle--corner-radius: 0;
  --pf-v5-chart-tooltip--flyoutStyle--stroke--Width: 0;
  --pf-v5-chart-tooltip--flyoutStyle--PointerEvents: none;
  --pf-v5-chart-tooltip--flyoutStyle--stroke--Color: #0f1214;
  --pf-v5-chart-tooltip--flyoutStyle--Fill: #0f1214;
  --pf-v5-chart-tooltip--pointer--Width: 20;
  --pf-v5-chart-tooltip--Padding: 8;
  --pf-v5-chart-tooltip--PointerEvents: none;
  --pf-v5-chart-voronoi--data--Fill: transparent;
  --pf-v5-chart-voronoi--data--stroke--Color: transparent;
  --pf-v5-chart-voronoi--data--stroke--Width: 0;
  --pf-v5-chart-voronoi--labels--Padding: 8;
  --pf-v5-chart-voronoi--labels--Fill: #aaabac;
  --pf-v5-chart-voronoi--labels--PointerEvents: none;
  --pf-v5-chart-voronoi--flyout--stroke--Width: 1;
  --pf-v5-chart-voronoi--flyout--PointerEvents: none;
  --pf-v5-chart-voronoi--flyout--stroke--Color: #0f1214;
  --pf-v5-chart-voronoi--flyout--stroke--Fill: #0f1214;
  --pf-v5-chart-voronoi--flyout--PointerEvents: none;
  --pf-v5-chart-theme--blue--ColorScale--100: #06c;
  --pf-v5-chart-theme--blue--ColorScale--200: #8bc1f7;
  --pf-v5-chart-theme--blue--ColorScale--300: #002f5d;
  --pf-v5-chart-theme--blue--ColorScale--400: #519de9;
  --pf-v5-chart-theme--blue--ColorScale--500: #004b95;
  --pf-v5-chart-theme--cyan--ColorScale--100: #009596;
  --pf-v5-chart-theme--cyan--ColorScale--200: #a2d9d9;
  --pf-v5-chart-theme--cyan--ColorScale--300: #003737;
  --pf-v5-chart-theme--cyan--ColorScale--400: #73c5c5;
  --pf-v5-chart-theme--cyan--ColorScale--500: #005f60;
  --pf-v5-chart-theme--gold--ColorScale--100: #f4c145;
  --pf-v5-chart-theme--gold--ColorScale--200: #f9e0a2;
  --pf-v5-chart-theme--gold--ColorScale--300: #c58c00;
  --pf-v5-chart-theme--gold--ColorScale--400: #f6d173;
  --pf-v5-chart-theme--gold--ColorScale--500: #f0ab00;
  --pf-v5-chart-theme--gray--ColorScale--100: #57585a;
  --pf-v5-chart-theme--gray--ColorScale--200: #aaabac;
  --pf-v5-chart-theme--gray--ColorScale--300: #36373a;
  --pf-v5-chart-theme--gray--ColorScale--400: #868789;
  --pf-v5-chart-theme--gray--ColorScale--500: #444548;
  --pf-v5-chart-theme--green--ColorScale--100: #4cb140;
  --pf-v5-chart-theme--green--ColorScale--200: #bde2b9;
  --pf-v5-chart-theme--green--ColorScale--300: #23511e;
  --pf-v5-chart-theme--green--ColorScale--400: #7cc674;
  --pf-v5-chart-theme--green--ColorScale--500: #38812f;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--100: #06c;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--200: #4cb140;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--300: #009596;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--400: #f4c145;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--500: #ec7a08;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--600: #8bc1f7;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--700: #23511e;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--800: #a2d9d9;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--900: #f9e0a2;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1000: #8f4700;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1100: #002f5d;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1200: #bde2b9;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1300: #003737;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1400: #c58c00;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1500: #f4b678;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1600: #519de9;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1700: #38812f;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1800: #73c5c5;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--1900: #f6d173;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--2000: #c46100;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--2100: #004b95;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--2200: #7cc674;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--2300: #005f60;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--2400: #f0ab00;
  --pf-v5-chart-theme--multi-color-ordered--ColorScale--2500: #ef9234;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--100: #06c;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--200: #f4c145;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--300: #4cb140;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--400: #5752d1;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--500: #ec7a08;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--600: #009596;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--700: #57585a;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--800: #8bc1f7;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--900: #c58c00;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1000: #bde2b9;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1100: #2a265f;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1200: #f4b678;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1300: #003737;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1400: #aaabac;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1500: #002f5d;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1600: #f9e0a2;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1700: #23511e;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1800: #b2b0ea;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--1900: #8f4700;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2000: #a2d9d9;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2100: #36373a;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2200: #519de9;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2300: #f0ab00;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2400: #7cc674;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2500: #3c3d99;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2600: #ef9234;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2700: #005f60;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2800: #868789;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--2900: #004b95;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--3000: #f6d173;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--3100: #38812f;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--3200: #8481dd;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--3300: #c46100;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--3400: #73c5c5;
  --pf-v5-chart-theme--multi-color-unordered--ColorScale--3500: #444548;
  --pf-v5-chart-theme--orange--ColorScale--100: #ec7a08;
  --pf-v5-chart-theme--orange--ColorScale--200: #f4b678;
  --pf-v5-chart-theme--orange--ColorScale--300: #8f4700;
  --pf-v5-chart-theme--orange--ColorScale--400: #ef9234;
  --pf-v5-chart-theme--orange--ColorScale--500: #c46100;
  --pf-v5-chart-theme--purple--ColorScale--100: #5752d1;
  --pf-v5-chart-theme--purple--ColorScale--200: #b2b0ea;
  --pf-v5-chart-theme--purple--ColorScale--300: #2a265f;
  --pf-v5-chart-theme--purple--ColorScale--400: #8481dd;
  --pf-v5-chart-theme--purple--ColorScale--500: #3c3d99;
}

.pf-v5-c-form-control {
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
}

.pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__item,
.pf-v5-c-toolbar__content,
.pf-v5-c-toolbar__content-section {
  --pf-v5-hidden-visible--hidden--Display: none;
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  display: var(--pf-v5-hidden-visible--Display);
}

.pf-m-hidden.pf-v5-c-toolbar__group,
.pf-m-hidden.pf-v5-c-toolbar__item,
.pf-m-hidden.pf-v5-c-toolbar__content,
.pf-m-hidden.pf-v5-c-toolbar__content-section {
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
}

@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__content,
  .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-md.pf-v5-c-toolbar__group,
  .pf-m-visible-on-md.pf-v5-c-toolbar__item,
  .pf-m-visible-on-md.pf-v5-c-toolbar__content,
  .pf-m-visible-on-md.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__content,
  .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__content,
  .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content,
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
  }

  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__content,
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section {
    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
  }
}

.pf-v5-u-screen-reader {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pf-v5-u-text-align-left {
  text-align: left !important;
}

.pf-v5-u-text-align-center {
  text-align: center !important;
}

.pf-v5-u-text-align-right {
  text-align: right !important;
}

.pf-v5-u-text-align-justify {
  text-align: justify !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-text-align-left-on-sm {
    text-align: left !important;
  }

  .pf-v5-u-text-align-center-on-sm {
    text-align: center !important;
  }

  .pf-v5-u-text-align-right-on-sm {
    text-align: right !important;
  }

  .pf-v5-u-text-align-justify-on-sm {
    text-align: justify !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-text-align-left-on-md {
    text-align: left !important;
  }

  .pf-v5-u-text-align-center-on-md {
    text-align: center !important;
  }

  .pf-v5-u-text-align-right-on-md {
    text-align: right !important;
  }

  .pf-v5-u-text-align-justify-on-md {
    text-align: justify !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-text-align-left-on-lg {
    text-align: left !important;
  }

  .pf-v5-u-text-align-center-on-lg {
    text-align: center !important;
  }

  .pf-v5-u-text-align-right-on-lg {
    text-align: right !important;
  }

  .pf-v5-u-text-align-justify-on-lg {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-text-align-left-on-xl {
    text-align: left !important;
  }

  .pf-v5-u-text-align-center-on-xl {
    text-align: center !important;
  }

  .pf-v5-u-text-align-right-on-xl {
    text-align: right !important;
  }

  .pf-v5-u-text-align-justify-on-xl {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-text-align-left-on-2xl {
    text-align: left !important;
  }

  .pf-v5-u-text-align-center-on-2xl {
    text-align: center !important;
  }

  .pf-v5-u-text-align-right-on-2xl {
    text-align: right !important;
  }

  .pf-v5-u-text-align-justify-on-2xl {
    text-align: justify !important;
  }
}

.pf-v5-u-background-color-100 {
  background-color: var(--pf-v5-global--BackgroundColor--100) !important;
}

.pf-v5-u-background-color-200 {
  background-color: var(--pf-v5-global--BackgroundColor--200) !important;
}

.pf-v5-u-background-color-active-color-100 {
  background-color: var(--pf-v5-global--active-color--100) !important;
}

.pf-v5-u-background-color-active-color-300 {
  background-color: var(--pf-v5-global--active-color--300) !important;
}

.pf-v5-u-background-color-primary-color-200 {
  background-color: var(--pf-v5-global--primary-color--200) !important;
}

.pf-v5-u-background-color-dark-100 {
  background-color: var(--pf-v5-global--BackgroundColor--dark-100) !important;
}

.pf-v5-u-background-color-dark-200 {
  background-color: var(--pf-v5-global--BackgroundColor--dark-200) !important;
}

.pf-v5-u-background-color-dark-300 {
  background-color: var(--pf-v5-global--BackgroundColor--dark-300) !important;
}

.pf-v5-u-background-color-dark-400 {
  background-color: var(--pf-v5-global--BackgroundColor--dark-400) !important;
}

.pf-v5-u-background-color-disabled-color-200 {
  background-color: var(--pf-v5-global--disabled-color--200) !important;
}

.pf-v5-u-background-color-disabled-color-300 {
  background-color: var(--pf-v5-global--disabled-color--300) !important;
}

.pf-v5-u-background-color-default {
  background-color: var(--pf-v5-global--palette--cyan-50) !important;
}

.pf-v5-u-background-color-success {
  background-color: var(--pf-v5-global--palette--green-50) !important;
}

.pf-v5-u-background-color-info {
  background-color: var(--pf-v5-global--palette--blue-50) !important;
}

.pf-v5-u-background-color-warning {
  background-color: var(--pf-v5-global--palette--gold-50) !important;
}

.pf-v5-u-background-color-danger {
  background-color: var(--pf-v5-global--palette--red-50) !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-background-color-100-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  .pf-v5-u-background-color-200-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--200) !important;
  }

  .pf-v5-u-background-color-active-color-100-on-sm {
    background-color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-background-color-active-color-300-on-sm {
    background-color: var(--pf-v5-global--active-color--300) !important;
  }

  .pf-v5-u-background-color-primary-color-200-on-sm {
    background-color: var(--pf-v5-global--primary-color--200) !important;
  }

  .pf-v5-u-background-color-dark-100-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--dark-100) !important;
  }

  .pf-v5-u-background-color-dark-200-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--dark-200) !important;
  }

  .pf-v5-u-background-color-dark-300-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--dark-300) !important;
  }

  .pf-v5-u-background-color-dark-400-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--dark-400) !important;
  }

  .pf-v5-u-background-color-disabled-color-200-on-sm {
    background-color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-background-color-disabled-color-300-on-sm {
    background-color: var(--pf-v5-global--disabled-color--300) !important;
  }

  .pf-v5-u-background-color-default-on-sm {
    background-color: var(--pf-v5-global--palette--cyan-50) !important;
  }

  .pf-v5-u-background-color-success-on-sm {
    background-color: var(--pf-v5-global--palette--green-50) !important;
  }

  .pf-v5-u-background-color-info-on-sm {
    background-color: var(--pf-v5-global--palette--blue-50) !important;
  }

  .pf-v5-u-background-color-warning-on-sm {
    background-color: var(--pf-v5-global--palette--gold-50) !important;
  }

  .pf-v5-u-background-color-danger-on-sm {
    background-color: var(--pf-v5-global--palette--red-50) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-background-color-100-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  .pf-v5-u-background-color-200-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--200) !important;
  }

  .pf-v5-u-background-color-active-color-100-on-md {
    background-color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-background-color-active-color-300-on-md {
    background-color: var(--pf-v5-global--active-color--300) !important;
  }

  .pf-v5-u-background-color-primary-color-200-on-md {
    background-color: var(--pf-v5-global--primary-color--200) !important;
  }

  .pf-v5-u-background-color-dark-100-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--dark-100) !important;
  }

  .pf-v5-u-background-color-dark-200-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--dark-200) !important;
  }

  .pf-v5-u-background-color-dark-300-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--dark-300) !important;
  }

  .pf-v5-u-background-color-dark-400-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--dark-400) !important;
  }

  .pf-v5-u-background-color-disabled-color-200-on-md {
    background-color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-background-color-disabled-color-300-on-md {
    background-color: var(--pf-v5-global--disabled-color--300) !important;
  }

  .pf-v5-u-background-color-default-on-md {
    background-color: var(--pf-v5-global--palette--cyan-50) !important;
  }

  .pf-v5-u-background-color-success-on-md {
    background-color: var(--pf-v5-global--palette--green-50) !important;
  }

  .pf-v5-u-background-color-info-on-md {
    background-color: var(--pf-v5-global--palette--blue-50) !important;
  }

  .pf-v5-u-background-color-warning-on-md {
    background-color: var(--pf-v5-global--palette--gold-50) !important;
  }

  .pf-v5-u-background-color-danger-on-md {
    background-color: var(--pf-v5-global--palette--red-50) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-background-color-100-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  .pf-v5-u-background-color-200-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--200) !important;
  }

  .pf-v5-u-background-color-active-color-100-on-lg {
    background-color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-background-color-active-color-300-on-lg {
    background-color: var(--pf-v5-global--active-color--300) !important;
  }

  .pf-v5-u-background-color-primary-color-200-on-lg {
    background-color: var(--pf-v5-global--primary-color--200) !important;
  }

  .pf-v5-u-background-color-dark-100-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--dark-100) !important;
  }

  .pf-v5-u-background-color-dark-200-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--dark-200) !important;
  }

  .pf-v5-u-background-color-dark-300-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--dark-300) !important;
  }

  .pf-v5-u-background-color-dark-400-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--dark-400) !important;
  }

  .pf-v5-u-background-color-disabled-color-200-on-lg {
    background-color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-background-color-disabled-color-300-on-lg {
    background-color: var(--pf-v5-global--disabled-color--300) !important;
  }

  .pf-v5-u-background-color-default-on-lg {
    background-color: var(--pf-v5-global--palette--cyan-50) !important;
  }

  .pf-v5-u-background-color-success-on-lg {
    background-color: var(--pf-v5-global--palette--green-50) !important;
  }

  .pf-v5-u-background-color-info-on-lg {
    background-color: var(--pf-v5-global--palette--blue-50) !important;
  }

  .pf-v5-u-background-color-warning-on-lg {
    background-color: var(--pf-v5-global--palette--gold-50) !important;
  }

  .pf-v5-u-background-color-danger-on-lg {
    background-color: var(--pf-v5-global--palette--red-50) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-background-color-100-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  .pf-v5-u-background-color-200-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--200) !important;
  }

  .pf-v5-u-background-color-active-color-100-on-xl {
    background-color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-background-color-active-color-300-on-xl {
    background-color: var(--pf-v5-global--active-color--300) !important;
  }

  .pf-v5-u-background-color-primary-color-200-on-xl {
    background-color: var(--pf-v5-global--primary-color--200) !important;
  }

  .pf-v5-u-background-color-dark-100-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--dark-100) !important;
  }

  .pf-v5-u-background-color-dark-200-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--dark-200) !important;
  }

  .pf-v5-u-background-color-dark-300-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--dark-300) !important;
  }

  .pf-v5-u-background-color-dark-400-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--dark-400) !important;
  }

  .pf-v5-u-background-color-disabled-color-200-on-xl {
    background-color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-background-color-disabled-color-300-on-xl {
    background-color: var(--pf-v5-global--disabled-color--300) !important;
  }

  .pf-v5-u-background-color-default-on-xl {
    background-color: var(--pf-v5-global--palette--cyan-50) !important;
  }

  .pf-v5-u-background-color-success-on-xl {
    background-color: var(--pf-v5-global--palette--green-50) !important;
  }

  .pf-v5-u-background-color-info-on-xl {
    background-color: var(--pf-v5-global--palette--blue-50) !important;
  }

  .pf-v5-u-background-color-warning-on-xl {
    background-color: var(--pf-v5-global--palette--gold-50) !important;
  }

  .pf-v5-u-background-color-danger-on-xl {
    background-color: var(--pf-v5-global--palette--red-50) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-background-color-100-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  .pf-v5-u-background-color-200-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--200) !important;
  }

  .pf-v5-u-background-color-active-color-100-on-2xl {
    background-color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-background-color-active-color-300-on-2xl {
    background-color: var(--pf-v5-global--active-color--300) !important;
  }

  .pf-v5-u-background-color-primary-color-200-on-2xl {
    background-color: var(--pf-v5-global--primary-color--200) !important;
  }

  .pf-v5-u-background-color-dark-100-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--dark-100) !important;
  }

  .pf-v5-u-background-color-dark-200-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--dark-200) !important;
  }

  .pf-v5-u-background-color-dark-300-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--dark-300) !important;
  }

  .pf-v5-u-background-color-dark-400-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--dark-400) !important;
  }

  .pf-v5-u-background-color-disabled-color-200-on-2xl {
    background-color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-background-color-disabled-color-300-on-2xl {
    background-color: var(--pf-v5-global--disabled-color--300) !important;
  }

  .pf-v5-u-background-color-default-on-2xl {
    background-color: var(--pf-v5-global--palette--cyan-50) !important;
  }

  .pf-v5-u-background-color-success-on-2xl {
    background-color: var(--pf-v5-global--palette--green-50) !important;
  }

  .pf-v5-u-background-color-info-on-2xl {
    background-color: var(--pf-v5-global--palette--blue-50) !important;
  }

  .pf-v5-u-background-color-warning-on-2xl {
    background-color: var(--pf-v5-global--palette--gold-50) !important;
  }

  .pf-v5-u-background-color-danger-on-2xl {
    background-color: var(--pf-v5-global--palette--red-50) !important;
  }
}

:where(.pf-v5-theme-dark) .pf-v5-u-background-color-default {
  background-color: var(--pf-v5-global--BackgroundColor--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-background-color-success {
  background-color: var(--pf-v5-global--BackgroundColor--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-background-color-info {
  background-color: var(--pf-v5-global--BackgroundColor--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning {
  background-color: var(--pf-v5-global--BackgroundColor--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger {
  background-color: var(--pf-v5-global--BackgroundColor--100) !important;
}

@media screen and (min-width: 576px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-sm {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }
}

@media screen and (min-width: 768px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-md {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }
}

@media screen and (min-width: 992px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-lg {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }
}

@media screen and (min-width: 1200px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }
}

@media screen and (min-width: 1450px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-2xl {
    background-color: var(--pf-v5-global--BackgroundColor--100) !important;
  }
}

.pf-v5-u-box-shadow-sm {
  box-shadow: var(--pf-v5-global--BoxShadow--sm) !important;
}

.pf-v5-u-box-shadow-sm-top {
  box-shadow: var(--pf-v5-global--BoxShadow--sm-top) !important;
}

.pf-v5-u-box-shadow-sm-right {
  box-shadow: var(--pf-v5-global--BoxShadow--sm-right) !important;
}

.pf-v5-u-box-shadow-sm-bottom {
  box-shadow: var(--pf-v5-global--BoxShadow--sm-bottom) !important;
}

.pf-v5-u-box-shadow-sm-left {
  box-shadow: var(--pf-v5-global--BoxShadow--sm-left) !important;
}

.pf-v5-u-box-shadow-md {
  box-shadow: var(--pf-v5-global--BoxShadow--md) !important;
}

.pf-v5-u-box-shadow-md-top {
  box-shadow: var(--pf-v5-global--BoxShadow--md-top) !important;
}

.pf-v5-u-box-shadow-md-right {
  box-shadow: var(--pf-v5-global--BoxShadow--md-right) !important;
}

.pf-v5-u-box-shadow-md-bottom {
  box-shadow: var(--pf-v5-global--BoxShadow--md-bottom) !important;
}

.pf-v5-u-box-shadow-md-left {
  box-shadow: var(--pf-v5-global--BoxShadow--md-left) !important;
}

.pf-v5-u-box-shadow-lg {
  box-shadow: var(--pf-v5-global--BoxShadow--lg) !important;
}

.pf-v5-u-box-shadow-lg-top {
  box-shadow: var(--pf-v5-global--BoxShadow--lg-top) !important;
}

.pf-v5-u-box-shadow-lg-right {
  box-shadow: var(--pf-v5-global--BoxShadow--lg-right) !important;
}

.pf-v5-u-box-shadow-lg-bottom {
  box-shadow: var(--pf-v5-global--BoxShadow--lg-bottom) !important;
}

.pf-v5-u-box-shadow-lg-left {
  box-shadow: var(--pf-v5-global--BoxShadow--lg-left) !important;
}

.pf-v5-u-box-shadow-xl {
  box-shadow: var(--pf-v5-global--BoxShadow--xl) !important;
}

.pf-v5-u-box-shadow-xl-top {
  box-shadow: var(--pf-v5-global--BoxShadow--xl-top) !important;
}

.pf-v5-u-box-shadow-xl-right {
  box-shadow: var(--pf-v5-global--BoxShadow--xl-right) !important;
}

.pf-v5-u-box-shadow-xl-bottom {
  box-shadow: var(--pf-v5-global--BoxShadow--xl-bottom) !important;
}

.pf-v5-u-box-shadow-xl-left {
  box-shadow: var(--pf-v5-global--BoxShadow--xl-left) !important;
}

.pf-v5-u-box-shadow-inset {
  box-shadow: var(--pf-v5-global--BoxShadow--inset) !important;
}

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

.pf-v5-u-display-inline-block {
  display: inline-block !important;
}

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

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

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

.pf-v5-u-display-table-cell {
  display: table-cell !important;
}

.pf-v5-u-display-table-row {
  display: table-row !important;
}

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

.pf-v5-u-display-inline-flex {
  display: inline-flex !important;
}

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

  .pf-v5-u-display-inline-block-on-sm {
    display: inline-block !important;
  }

  .pf-v5-u-display-block-on-sm {
    display: block !important;
  }

  .pf-v5-u-display-inline-on-sm {
    display: inline !important;
  }

  .pf-v5-u-display-table-on-sm {
    display: table !important;
  }

  .pf-v5-u-display-table-cell-on-sm {
    display: table-cell !important;
  }

  .pf-v5-u-display-table-row-on-sm {
    display: table-row !important;
  }

  .pf-v5-u-display-flex-on-sm {
    display: flex !important;
  }

  .pf-v5-u-display-inline-flex-on-sm {
    display: inline-flex !important;
  }
}

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

  .pf-v5-u-display-inline-block-on-md {
    display: inline-block !important;
  }

  .pf-v5-u-display-block-on-md {
    display: block !important;
  }

  .pf-v5-u-display-inline-on-md {
    display: inline !important;
  }

  .pf-v5-u-display-table-on-md {
    display: table !important;
  }

  .pf-v5-u-display-table-cell-on-md {
    display: table-cell !important;
  }

  .pf-v5-u-display-table-row-on-md {
    display: table-row !important;
  }

  .pf-v5-u-display-flex-on-md {
    display: flex !important;
  }

  .pf-v5-u-display-inline-flex-on-md {
    display: inline-flex !important;
  }
}

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

  .pf-v5-u-display-inline-block-on-lg {
    display: inline-block !important;
  }

  .pf-v5-u-display-block-on-lg {
    display: block !important;
  }

  .pf-v5-u-display-inline-on-lg {
    display: inline !important;
  }

  .pf-v5-u-display-table-on-lg {
    display: table !important;
  }

  .pf-v5-u-display-table-cell-on-lg {
    display: table-cell !important;
  }

  .pf-v5-u-display-table-row-on-lg {
    display: table-row !important;
  }

  .pf-v5-u-display-flex-on-lg {
    display: flex !important;
  }

  .pf-v5-u-display-inline-flex-on-lg {
    display: inline-flex !important;
  }
}

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

  .pf-v5-u-display-inline-block-on-xl {
    display: inline-block !important;
  }

  .pf-v5-u-display-block-on-xl {
    display: block !important;
  }

  .pf-v5-u-display-inline-on-xl {
    display: inline !important;
  }

  .pf-v5-u-display-table-on-xl {
    display: table !important;
  }

  .pf-v5-u-display-table-cell-on-xl {
    display: table-cell !important;
  }

  .pf-v5-u-display-table-row-on-xl {
    display: table-row !important;
  }

  .pf-v5-u-display-flex-on-xl {
    display: flex !important;
  }

  .pf-v5-u-display-inline-flex-on-xl {
    display: inline-flex !important;
  }
}

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

  .pf-v5-u-display-inline-block-on-2xl {
    display: inline-block !important;
  }

  .pf-v5-u-display-block-on-2xl {
    display: block !important;
  }

  .pf-v5-u-display-inline-on-2xl {
    display: inline !important;
  }

  .pf-v5-u-display-table-on-2xl {
    display: table !important;
  }

  .pf-v5-u-display-table-cell-on-2xl {
    display: table-cell !important;
  }

  .pf-v5-u-display-table-row-on-2xl {
    display: table-row !important;
  }

  .pf-v5-u-display-flex-on-2xl {
    display: flex !important;
  }

  .pf-v5-u-display-inline-flex-on-2xl {
    display: inline-flex !important;
  }
}

.pf-v5-u-flex-direction-column {
  flex-direction: column !important;
}

.pf-v5-u-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.pf-v5-u-flex-direction-row {
  flex-direction: row !important;
}

.pf-v5-u-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-flex-direction-column-on-sm {
    flex-direction: column !important;
  }

  .pf-v5-u-flex-direction-column-reverse-on-sm {
    flex-direction: column-reverse !important;
  }

  .pf-v5-u-flex-direction-row-on-sm {
    flex-direction: row !important;
  }

  .pf-v5-u-flex-direction-row-reverse-on-sm {
    flex-direction: row-reverse !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-flex-direction-column-on-md {
    flex-direction: column !important;
  }

  .pf-v5-u-flex-direction-column-reverse-on-md {
    flex-direction: column-reverse !important;
  }

  .pf-v5-u-flex-direction-row-on-md {
    flex-direction: row !important;
  }

  .pf-v5-u-flex-direction-row-reverse-on-md {
    flex-direction: row-reverse !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-flex-direction-column-on-lg {
    flex-direction: column !important;
  }

  .pf-v5-u-flex-direction-column-reverse-on-lg {
    flex-direction: column-reverse !important;
  }

  .pf-v5-u-flex-direction-row-on-lg {
    flex-direction: row !important;
  }

  .pf-v5-u-flex-direction-row-reverse-on-lg {
    flex-direction: row-reverse !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-flex-direction-column-on-xl {
    flex-direction: column !important;
  }

  .pf-v5-u-flex-direction-column-reverse-on-xl {
    flex-direction: column-reverse !important;
  }

  .pf-v5-u-flex-direction-row-on-xl {
    flex-direction: row !important;
  }

  .pf-v5-u-flex-direction-row-reverse-on-xl {
    flex-direction: row-reverse !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-flex-direction-column-on-2xl {
    flex-direction: column !important;
  }

  .pf-v5-u-flex-direction-column-reverse-on-2xl {
    flex-direction: column-reverse !important;
  }

  .pf-v5-u-flex-direction-row-on-2xl {
    flex-direction: row !important;
  }

  .pf-v5-u-flex-direction-row-reverse-on-2xl {
    flex-direction: row-reverse !important;
  }
}

.pf-v5-u-flex-wrap {
  flex-wrap: wrap !important;
}

.pf-v5-u-flex-nowrap {
  flex-wrap: nowrap !important;
}

.pf-v5-u-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

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

  .pf-v5-u-flex-nowrap-on-sm {
    flex-wrap: nowrap !important;
  }

  .pf-v5-u-flex-wrap-reverse-on-sm {
    flex-wrap: wrap-reverse !important;
  }
}

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

  .pf-v5-u-flex-nowrap-on-md {
    flex-wrap: nowrap !important;
  }

  .pf-v5-u-flex-wrap-reverse-on-md {
    flex-wrap: wrap-reverse !important;
  }
}

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

  .pf-v5-u-flex-nowrap-on-lg {
    flex-wrap: nowrap !important;
  }

  .pf-v5-u-flex-wrap-reverse-on-lg {
    flex-wrap: wrap-reverse !important;
  }
}

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

  .pf-v5-u-flex-nowrap-on-xl {
    flex-wrap: nowrap !important;
  }

  .pf-v5-u-flex-wrap-reverse-on-xl {
    flex-wrap: wrap-reverse !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-flex-wrap-on-2xl {
    flex-wrap: wrap !important;
  }

  .pf-v5-u-flex-nowrap-on-2xl {
    flex-wrap: nowrap !important;
  }

  .pf-v5-u-flex-wrap-reverse-on-2xl {
    flex-wrap: wrap-reverse !important;
  }
}

.pf-v5-u-align-items-flex-start {
  align-items: flex-start !important;
}

.pf-v5-u-align-items-flex-end {
  align-items: flex-end !important;
}

.pf-v5-u-align-items-center {
  align-items: center !important;
}

.pf-v5-u-align-items-baseline {
  align-items: baseline !important;
}

.pf-v5-u-align-items-stretch {
  align-items: stretch !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-align-items-flex-start-on-sm {
    align-items: flex-start !important;
  }

  .pf-v5-u-align-items-flex-end-on-sm {
    align-items: flex-end !important;
  }

  .pf-v5-u-align-items-center-on-sm {
    align-items: center !important;
  }

  .pf-v5-u-align-items-baseline-on-sm {
    align-items: baseline !important;
  }

  .pf-v5-u-align-items-stretch-on-sm {
    align-items: stretch !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-align-items-flex-start-on-md {
    align-items: flex-start !important;
  }

  .pf-v5-u-align-items-flex-end-on-md {
    align-items: flex-end !important;
  }

  .pf-v5-u-align-items-center-on-md {
    align-items: center !important;
  }

  .pf-v5-u-align-items-baseline-on-md {
    align-items: baseline !important;
  }

  .pf-v5-u-align-items-stretch-on-md {
    align-items: stretch !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-align-items-flex-start-on-lg {
    align-items: flex-start !important;
  }

  .pf-v5-u-align-items-flex-end-on-lg {
    align-items: flex-end !important;
  }

  .pf-v5-u-align-items-center-on-lg {
    align-items: center !important;
  }

  .pf-v5-u-align-items-baseline-on-lg {
    align-items: baseline !important;
  }

  .pf-v5-u-align-items-stretch-on-lg {
    align-items: stretch !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-align-items-flex-start-on-xl {
    align-items: flex-start !important;
  }

  .pf-v5-u-align-items-flex-end-on-xl {
    align-items: flex-end !important;
  }

  .pf-v5-u-align-items-center-on-xl {
    align-items: center !important;
  }

  .pf-v5-u-align-items-baseline-on-xl {
    align-items: baseline !important;
  }

  .pf-v5-u-align-items-stretch-on-xl {
    align-items: stretch !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-align-items-flex-start-on-2xl {
    align-items: flex-start !important;
  }

  .pf-v5-u-align-items-flex-end-on-2xl {
    align-items: flex-end !important;
  }

  .pf-v5-u-align-items-center-on-2xl {
    align-items: center !important;
  }

  .pf-v5-u-align-items-baseline-on-2xl {
    align-items: baseline !important;
  }

  .pf-v5-u-align-items-stretch-on-2xl {
    align-items: stretch !important;
  }
}

.pf-v5-u-align-self-flex-start {
  align-self: flex-start !important;
}

.pf-v5-u-align-self-flex-end {
  align-self: flex-end !important;
}

.pf-v5-u-align-self-center {
  align-self: center !important;
}

.pf-v5-u-align-self-baseline {
  align-self: baseline !important;
}

.pf-v5-u-align-self-stretch {
  align-self: stretch !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-align-self-flex-start-on-sm {
    align-self: flex-start !important;
  }

  .pf-v5-u-align-self-flex-end-on-sm {
    align-self: flex-end !important;
  }

  .pf-v5-u-align-self-center-on-sm {
    align-self: center !important;
  }

  .pf-v5-u-align-self-baseline-on-sm {
    align-self: baseline !important;
  }

  .pf-v5-u-align-self-stretch-on-sm {
    align-self: stretch !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-align-self-flex-start-on-md {
    align-self: flex-start !important;
  }

  .pf-v5-u-align-self-flex-end-on-md {
    align-self: flex-end !important;
  }

  .pf-v5-u-align-self-center-on-md {
    align-self: center !important;
  }

  .pf-v5-u-align-self-baseline-on-md {
    align-self: baseline !important;
  }

  .pf-v5-u-align-self-stretch-on-md {
    align-self: stretch !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-align-self-flex-start-on-lg {
    align-self: flex-start !important;
  }

  .pf-v5-u-align-self-flex-end-on-lg {
    align-self: flex-end !important;
  }

  .pf-v5-u-align-self-center-on-lg {
    align-self: center !important;
  }

  .pf-v5-u-align-self-baseline-on-lg {
    align-self: baseline !important;
  }

  .pf-v5-u-align-self-stretch-on-lg {
    align-self: stretch !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-align-self-flex-start-on-xl {
    align-self: flex-start !important;
  }

  .pf-v5-u-align-self-flex-end-on-xl {
    align-self: flex-end !important;
  }

  .pf-v5-u-align-self-center-on-xl {
    align-self: center !important;
  }

  .pf-v5-u-align-self-baseline-on-xl {
    align-self: baseline !important;
  }

  .pf-v5-u-align-self-stretch-on-xl {
    align-self: stretch !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-align-self-flex-start-on-2xl {
    align-self: flex-start !important;
  }

  .pf-v5-u-align-self-flex-end-on-2xl {
    align-self: flex-end !important;
  }

  .pf-v5-u-align-self-center-on-2xl {
    align-self: center !important;
  }

  .pf-v5-u-align-self-baseline-on-2xl {
    align-self: baseline !important;
  }

  .pf-v5-u-align-self-stretch-on-2xl {
    align-self: stretch !important;
  }
}

.pf-v5-u-align-content-flex-start {
  align-content: flex-start !important;
}

.pf-v5-u-align-content-flex-end {
  align-content: flex-end !important;
}

.pf-v5-u-align-content-center {
  align-content: center !important;
}

.pf-v5-u-align-content-space-between {
  align-content: space-between !important;
}

.pf-v5-u-align-content-space-around {
  align-content: space-around !important;
}

.pf-v5-u-align-content-stretch {
  align-content: stretch !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-align-content-flex-start-on-sm {
    align-content: flex-start !important;
  }

  .pf-v5-u-align-content-flex-end-on-sm {
    align-content: flex-end !important;
  }

  .pf-v5-u-align-content-center-on-sm {
    align-content: center !important;
  }

  .pf-v5-u-align-content-space-between-on-sm {
    align-content: space-between !important;
  }

  .pf-v5-u-align-content-space-around-on-sm {
    align-content: space-around !important;
  }

  .pf-v5-u-align-content-stretch-on-sm {
    align-content: stretch !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-align-content-flex-start-on-md {
    align-content: flex-start !important;
  }

  .pf-v5-u-align-content-flex-end-on-md {
    align-content: flex-end !important;
  }

  .pf-v5-u-align-content-center-on-md {
    align-content: center !important;
  }

  .pf-v5-u-align-content-space-between-on-md {
    align-content: space-between !important;
  }

  .pf-v5-u-align-content-space-around-on-md {
    align-content: space-around !important;
  }

  .pf-v5-u-align-content-stretch-on-md {
    align-content: stretch !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-align-content-flex-start-on-lg {
    align-content: flex-start !important;
  }

  .pf-v5-u-align-content-flex-end-on-lg {
    align-content: flex-end !important;
  }

  .pf-v5-u-align-content-center-on-lg {
    align-content: center !important;
  }

  .pf-v5-u-align-content-space-between-on-lg {
    align-content: space-between !important;
  }

  .pf-v5-u-align-content-space-around-on-lg {
    align-content: space-around !important;
  }

  .pf-v5-u-align-content-stretch-on-lg {
    align-content: stretch !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-align-content-flex-start-on-xl {
    align-content: flex-start !important;
  }

  .pf-v5-u-align-content-flex-end-on-xl {
    align-content: flex-end !important;
  }

  .pf-v5-u-align-content-center-on-xl {
    align-content: center !important;
  }

  .pf-v5-u-align-content-space-between-on-xl {
    align-content: space-between !important;
  }

  .pf-v5-u-align-content-space-around-on-xl {
    align-content: space-around !important;
  }

  .pf-v5-u-align-content-stretch-on-xl {
    align-content: stretch !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-align-content-flex-start-on-2xl {
    align-content: flex-start !important;
  }

  .pf-v5-u-align-content-flex-end-on-2xl {
    align-content: flex-end !important;
  }

  .pf-v5-u-align-content-center-on-2xl {
    align-content: center !important;
  }

  .pf-v5-u-align-content-space-between-on-2xl {
    align-content: space-between !important;
  }

  .pf-v5-u-align-content-space-around-on-2xl {
    align-content: space-around !important;
  }

  .pf-v5-u-align-content-stretch-on-2xl {
    align-content: stretch !important;
  }
}

.pf-v5-u-justify-content-flex-start {
  justify-content: flex-start !important;
}

.pf-v5-u-justify-content-flex-end {
  justify-content: flex-end !important;
}

.pf-v5-u-justify-content-center {
  justify-content: center !important;
}

.pf-v5-u-justify-content-space-between {
  justify-content: space-between !important;
}

.pf-v5-u-justify-content-space-around {
  justify-content: space-around !important;
}

.pf-v5-u-justify-content-stretch {
  justify-content: stretch !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-justify-content-flex-start-on-sm {
    justify-content: flex-start !important;
  }

  .pf-v5-u-justify-content-flex-end-on-sm {
    justify-content: flex-end !important;
  }

  .pf-v5-u-justify-content-center-on-sm {
    justify-content: center !important;
  }

  .pf-v5-u-justify-content-space-between-on-sm {
    justify-content: space-between !important;
  }

  .pf-v5-u-justify-content-space-around-on-sm {
    justify-content: space-around !important;
  }

  .pf-v5-u-justify-content-stretch-on-sm {
    justify-content: stretch !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-justify-content-flex-start-on-md {
    justify-content: flex-start !important;
  }

  .pf-v5-u-justify-content-flex-end-on-md {
    justify-content: flex-end !important;
  }

  .pf-v5-u-justify-content-center-on-md {
    justify-content: center !important;
  }

  .pf-v5-u-justify-content-space-between-on-md {
    justify-content: space-between !important;
  }

  .pf-v5-u-justify-content-space-around-on-md {
    justify-content: space-around !important;
  }

  .pf-v5-u-justify-content-stretch-on-md {
    justify-content: stretch !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-justify-content-flex-start-on-lg {
    justify-content: flex-start !important;
  }

  .pf-v5-u-justify-content-flex-end-on-lg {
    justify-content: flex-end !important;
  }

  .pf-v5-u-justify-content-center-on-lg {
    justify-content: center !important;
  }

  .pf-v5-u-justify-content-space-between-on-lg {
    justify-content: space-between !important;
  }

  .pf-v5-u-justify-content-space-around-on-lg {
    justify-content: space-around !important;
  }

  .pf-v5-u-justify-content-stretch-on-lg {
    justify-content: stretch !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-justify-content-flex-start-on-xl {
    justify-content: flex-start !important;
  }

  .pf-v5-u-justify-content-flex-end-on-xl {
    justify-content: flex-end !important;
  }

  .pf-v5-u-justify-content-center-on-xl {
    justify-content: center !important;
  }

  .pf-v5-u-justify-content-space-between-on-xl {
    justify-content: space-between !important;
  }

  .pf-v5-u-justify-content-space-around-on-xl {
    justify-content: space-around !important;
  }

  .pf-v5-u-justify-content-stretch-on-xl {
    justify-content: stretch !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-justify-content-flex-start-on-2xl {
    justify-content: flex-start !important;
  }

  .pf-v5-u-justify-content-flex-end-on-2xl {
    justify-content: flex-end !important;
  }

  .pf-v5-u-justify-content-center-on-2xl {
    justify-content: center !important;
  }

  .pf-v5-u-justify-content-space-between-on-2xl {
    justify-content: space-between !important;
  }

  .pf-v5-u-justify-content-space-around-on-2xl {
    justify-content: space-around !important;
  }

  .pf-v5-u-justify-content-stretch-on-2xl {
    justify-content: stretch !important;
  }
}

.pf-v5-u-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.pf-v5-u-flex-grow-1 {
  flex-grow: 1 !important;
}

.pf-v5-u-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.pf-v5-u-flex-grow-0 {
  flex-grow: 0 !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-flex-shrink-1-on-sm {
    flex-shrink: 1 !important;
  }

  .pf-v5-u-flex-grow-1-on-sm {
    flex-grow: 1 !important;
  }

  .pf-v5-u-flex-shrink-0-on-sm {
    flex-shrink: 0 !important;
  }

  .pf-v5-u-flex-grow-0-on-sm {
    flex-grow: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-flex-shrink-1-on-md {
    flex-shrink: 1 !important;
  }

  .pf-v5-u-flex-grow-1-on-md {
    flex-grow: 1 !important;
  }

  .pf-v5-u-flex-shrink-0-on-md {
    flex-shrink: 0 !important;
  }

  .pf-v5-u-flex-grow-0-on-md {
    flex-grow: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-flex-shrink-1-on-lg {
    flex-shrink: 1 !important;
  }

  .pf-v5-u-flex-grow-1-on-lg {
    flex-grow: 1 !important;
  }

  .pf-v5-u-flex-shrink-0-on-lg {
    flex-shrink: 0 !important;
  }

  .pf-v5-u-flex-grow-0-on-lg {
    flex-grow: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-flex-shrink-1-on-xl {
    flex-shrink: 1 !important;
  }

  .pf-v5-u-flex-grow-1-on-xl {
    flex-grow: 1 !important;
  }

  .pf-v5-u-flex-shrink-0-on-xl {
    flex-shrink: 0 !important;
  }

  .pf-v5-u-flex-grow-0-on-xl {
    flex-grow: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-flex-shrink-1-on-2xl {
    flex-shrink: 1 !important;
  }

  .pf-v5-u-flex-grow-1-on-2xl {
    flex-grow: 1 !important;
  }

  .pf-v5-u-flex-shrink-0-on-2xl {
    flex-shrink: 0 !important;
  }

  .pf-v5-u-flex-grow-0-on-2xl {
    flex-grow: 0 !important;
  }
}

.pf-v5-u-flex-basis-0 {
  flex-basis: 0 !important;
}

.pf-v5-u-flex-basis-auto {
  flex-basis: auto !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-flex-basis-0-on-sm {
    flex-basis: 0 !important;
  }

  .pf-v5-u-flex-basis-auto-on-sm {
    flex-basis: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-flex-basis-0-on-md {
    flex-basis: 0 !important;
  }

  .pf-v5-u-flex-basis-auto-on-md {
    flex-basis: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-flex-basis-0-on-lg {
    flex-basis: 0 !important;
  }

  .pf-v5-u-flex-basis-auto-on-lg {
    flex-basis: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-flex-basis-0-on-xl {
    flex-basis: 0 !important;
  }

  .pf-v5-u-flex-basis-auto-on-xl {
    flex-basis: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-flex-basis-0-on-2xl {
    flex-basis: 0 !important;
  }

  .pf-v5-u-flex-basis-auto-on-2xl {
    flex-basis: auto !important;
  }
}

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

.pf-v5-u-flex-1 {
  flex: 1 !important;
}

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

  .pf-v5-u-flex-1-on-sm {
    flex: 1 !important;
  }
}

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

  .pf-v5-u-flex-1-on-md {
    flex: 1 !important;
  }
}

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

  .pf-v5-u-flex-1-on-lg {
    flex: 1 !important;
  }
}

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

  .pf-v5-u-flex-1-on-xl {
    flex: 1 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-flex-none-on-2xl {
    flex: none !important;
  }

  .pf-v5-u-flex-1-on-2xl {
    flex: 1 !important;
  }
}

.pf-v5-u-flex-fill {
  flex: 1 1 auto !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-flex-fill-on-sm {
    flex: 1 1 auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-flex-fill-on-md {
    flex: 1 1 auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-flex-fill-on-lg {
    flex: 1 1 auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-flex-fill-on-xl {
    flex: 1 1 auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-flex-fill-on-2xl {
    flex: 1 1 auto !important;
  }
}

.pf-v5-u-float-left {
  float: left !important;
}

.pf-v5-u-float-right {
  float: right !important;
}

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

  .pf-v5-u-float-right-on-sm {
    float: right !important;
  }
}

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

  .pf-v5-u-float-right-on-md {
    float: right !important;
  }
}

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

  .pf-v5-u-float-right-on-lg {
    float: right !important;
  }
}

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

  .pf-v5-u-float-right-on-xl {
    float: right !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-float-left-on-2xl {
    float: left !important;
  }

  .pf-v5-u-float-right-on-2xl {
    float: right !important;
  }
}

.pf-v5-u-w-auto {
  width: auto !important;
}

.pf-v5-u-w-initial {
  width: initial !important;
}

.pf-v5-u-w-inherit {
  width: inherit !important;
}

.pf-v5-u-w-0 {
  width: 0% !important;
}

.pf-v5-u-w-25 {
  width: 25% !important;
}

.pf-v5-u-w-33 {
  width: 33.3333333333% !important;
}

.pf-v5-u-w-50 {
  width: 50% !important;
}

.pf-v5-u-w-66 {
  width: 66.6666666667% !important;
}

.pf-v5-u-w-75 {
  width: 75% !important;
}

.pf-v5-u-w-100 {
  width: 100% !important;
}

.pf-v5-u-w-25vw {
  width: 25vw !important;
}

.pf-v5-u-w-33vw {
  width: 33.3333333333vw !important;
}

.pf-v5-u-w-50vw {
  width: 50vw !important;
}

.pf-v5-u-w-66vw {
  width: 66.6666666667vw !important;
}

.pf-v5-u-w-75vw {
  width: 75vw !important;
}

.pf-v5-u-w-100vw {
  width: 100vw !important;
}

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

  .pf-v5-u-w-initial-on-sm {
    width: initial !important;
  }

  .pf-v5-u-w-inherit-on-sm {
    width: inherit !important;
  }

  .pf-v5-u-w-0-on-sm {
    width: 0% !important;
  }

  .pf-v5-u-w-25-on-sm {
    width: 25% !important;
  }

  .pf-v5-u-w-33-on-sm {
    width: 33.3333333333% !important;
  }

  .pf-v5-u-w-50-on-sm {
    width: 50% !important;
  }

  .pf-v5-u-w-66-on-sm {
    width: 66.6666666667% !important;
  }

  .pf-v5-u-w-75-on-sm {
    width: 75% !important;
  }

  .pf-v5-u-w-100-on-sm {
    width: 100% !important;
  }

  .pf-v5-u-w-25vw-on-sm {
    width: 25vw !important;
  }

  .pf-v5-u-w-33vw-on-sm {
    width: 33.3333333333vw !important;
  }

  .pf-v5-u-w-50vw-on-sm {
    width: 50vw !important;
  }

  .pf-v5-u-w-66vw-on-sm {
    width: 66.6666666667vw !important;
  }

  .pf-v5-u-w-75vw-on-sm {
    width: 75vw !important;
  }

  .pf-v5-u-w-100vw-on-sm {
    width: 100vw !important;
  }
}

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

  .pf-v5-u-w-initial-on-md {
    width: initial !important;
  }

  .pf-v5-u-w-inherit-on-md {
    width: inherit !important;
  }

  .pf-v5-u-w-0-on-md {
    width: 0% !important;
  }

  .pf-v5-u-w-25-on-md {
    width: 25% !important;
  }

  .pf-v5-u-w-33-on-md {
    width: 33.3333333333% !important;
  }

  .pf-v5-u-w-50-on-md {
    width: 50% !important;
  }

  .pf-v5-u-w-66-on-md {
    width: 66.6666666667% !important;
  }

  .pf-v5-u-w-75-on-md {
    width: 75% !important;
  }

  .pf-v5-u-w-100-on-md {
    width: 100% !important;
  }

  .pf-v5-u-w-25vw-on-md {
    width: 25vw !important;
  }

  .pf-v5-u-w-33vw-on-md {
    width: 33.3333333333vw !important;
  }

  .pf-v5-u-w-50vw-on-md {
    width: 50vw !important;
  }

  .pf-v5-u-w-66vw-on-md {
    width: 66.6666666667vw !important;
  }

  .pf-v5-u-w-75vw-on-md {
    width: 75vw !important;
  }

  .pf-v5-u-w-100vw-on-md {
    width: 100vw !important;
  }
}

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

  .pf-v5-u-w-initial-on-lg {
    width: initial !important;
  }

  .pf-v5-u-w-inherit-on-lg {
    width: inherit !important;
  }

  .pf-v5-u-w-0-on-lg {
    width: 0% !important;
  }

  .pf-v5-u-w-25-on-lg {
    width: 25% !important;
  }

  .pf-v5-u-w-33-on-lg {
    width: 33.3333333333% !important;
  }

  .pf-v5-u-w-50-on-lg {
    width: 50% !important;
  }

  .pf-v5-u-w-66-on-lg {
    width: 66.6666666667% !important;
  }

  .pf-v5-u-w-75-on-lg {
    width: 75% !important;
  }

  .pf-v5-u-w-100-on-lg {
    width: 100% !important;
  }

  .pf-v5-u-w-25vw-on-lg {
    width: 25vw !important;
  }

  .pf-v5-u-w-33vw-on-lg {
    width: 33.3333333333vw !important;
  }

  .pf-v5-u-w-50vw-on-lg {
    width: 50vw !important;
  }

  .pf-v5-u-w-66vw-on-lg {
    width: 66.6666666667vw !important;
  }

  .pf-v5-u-w-75vw-on-lg {
    width: 75vw !important;
  }

  .pf-v5-u-w-100vw-on-lg {
    width: 100vw !important;
  }
}

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

  .pf-v5-u-w-initial-on-xl {
    width: initial !important;
  }

  .pf-v5-u-w-inherit-on-xl {
    width: inherit !important;
  }

  .pf-v5-u-w-0-on-xl {
    width: 0% !important;
  }

  .pf-v5-u-w-25-on-xl {
    width: 25% !important;
  }

  .pf-v5-u-w-33-on-xl {
    width: 33.3333333333% !important;
  }

  .pf-v5-u-w-50-on-xl {
    width: 50% !important;
  }

  .pf-v5-u-w-66-on-xl {
    width: 66.6666666667% !important;
  }

  .pf-v5-u-w-75-on-xl {
    width: 75% !important;
  }

  .pf-v5-u-w-100-on-xl {
    width: 100% !important;
  }

  .pf-v5-u-w-25vw-on-xl {
    width: 25vw !important;
  }

  .pf-v5-u-w-33vw-on-xl {
    width: 33.3333333333vw !important;
  }

  .pf-v5-u-w-50vw-on-xl {
    width: 50vw !important;
  }

  .pf-v5-u-w-66vw-on-xl {
    width: 66.6666666667vw !important;
  }

  .pf-v5-u-w-75vw-on-xl {
    width: 75vw !important;
  }

  .pf-v5-u-w-100vw-on-xl {
    width: 100vw !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-w-auto-on-2xl {
    width: auto !important;
  }

  .pf-v5-u-w-initial-on-2xl {
    width: initial !important;
  }

  .pf-v5-u-w-inherit-on-2xl {
    width: inherit !important;
  }

  .pf-v5-u-w-0-on-2xl {
    width: 0% !important;
  }

  .pf-v5-u-w-25-on-2xl {
    width: 25% !important;
  }

  .pf-v5-u-w-33-on-2xl {
    width: 33.3333333333% !important;
  }

  .pf-v5-u-w-50-on-2xl {
    width: 50% !important;
  }

  .pf-v5-u-w-66-on-2xl {
    width: 66.6666666667% !important;
  }

  .pf-v5-u-w-75-on-2xl {
    width: 75% !important;
  }

  .pf-v5-u-w-100-on-2xl {
    width: 100% !important;
  }

  .pf-v5-u-w-25vw-on-2xl {
    width: 25vw !important;
  }

  .pf-v5-u-w-33vw-on-2xl {
    width: 33.3333333333vw !important;
  }

  .pf-v5-u-w-50vw-on-2xl {
    width: 50vw !important;
  }

  .pf-v5-u-w-66vw-on-2xl {
    width: 66.6666666667vw !important;
  }

  .pf-v5-u-w-75vw-on-2xl {
    width: 75vw !important;
  }

  .pf-v5-u-w-100vw-on-2xl {
    width: 100vw !important;
  }
}

.pf-v5-u-h-auto {
  height: auto !important;
}

.pf-v5-u-h-initial {
  height: initial !important;
}

.pf-v5-u-h-inherit {
  height: inherit !important;
}

.pf-v5-u-h-0 {
  height: 0% !important;
}

.pf-v5-u-h-25 {
  height: 25% !important;
}

.pf-v5-u-h-33 {
  height: 33.3333333333% !important;
}

.pf-v5-u-h-50 {
  height: 50% !important;
}

.pf-v5-u-h-66 {
  height: 66.6666666667% !important;
}

.pf-v5-u-h-75 {
  height: 75% !important;
}

.pf-v5-u-h-100 {
  height: 100% !important;
}

.pf-v5-u-h-25vh {
  height: 25vh !important;
}

.pf-v5-u-h-33vh {
  height: 33.3333333333vh !important;
}

.pf-v5-u-h-50vh {
  height: 50vh !important;
}

.pf-v5-u-h-66vh {
  height: 66.6666666667vh !important;
}

.pf-v5-u-h-75vh {
  height: 75vh !important;
}

.pf-v5-u-h-100vh {
  height: 100vh !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-h-auto-on-sm {
    height: auto !important;
  }

  .pf-v5-u-h-initial-on-sm {
    height: initial !important;
  }

  .pf-v5-u-h-inherit-on-sm {
    height: inherit !important;
  }

  .pf-v5-u-h-0-on-sm {
    height: 0% !important;
  }

  .pf-v5-u-h-25-on-sm {
    height: 25% !important;
  }

  .pf-v5-u-h-33-on-sm {
    height: 33.3333333333% !important;
  }

  .pf-v5-u-h-50-on-sm {
    height: 50% !important;
  }

  .pf-v5-u-h-66-on-sm {
    height: 66.6666666667% !important;
  }

  .pf-v5-u-h-75-on-sm {
    height: 75% !important;
  }

  .pf-v5-u-h-100-on-sm {
    height: 100% !important;
  }

  .pf-v5-u-h-25vh-on-sm {
    height: 25vh !important;
  }

  .pf-v5-u-h-33vh-on-sm {
    height: 33.3333333333vh !important;
  }

  .pf-v5-u-h-50vh-on-sm {
    height: 50vh !important;
  }

  .pf-v5-u-h-66vh-on-sm {
    height: 66.6666666667vh !important;
  }

  .pf-v5-u-h-75vh-on-sm {
    height: 75vh !important;
  }

  .pf-v5-u-h-100vh-on-sm {
    height: 100vh !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-h-auto-on-md {
    height: auto !important;
  }

  .pf-v5-u-h-initial-on-md {
    height: initial !important;
  }

  .pf-v5-u-h-inherit-on-md {
    height: inherit !important;
  }

  .pf-v5-u-h-0-on-md {
    height: 0% !important;
  }

  .pf-v5-u-h-25-on-md {
    height: 25% !important;
  }

  .pf-v5-u-h-33-on-md {
    height: 33.3333333333% !important;
  }

  .pf-v5-u-h-50-on-md {
    height: 50% !important;
  }

  .pf-v5-u-h-66-on-md {
    height: 66.6666666667% !important;
  }

  .pf-v5-u-h-75-on-md {
    height: 75% !important;
  }

  .pf-v5-u-h-100-on-md {
    height: 100% !important;
  }

  .pf-v5-u-h-25vh-on-md {
    height: 25vh !important;
  }

  .pf-v5-u-h-33vh-on-md {
    height: 33.3333333333vh !important;
  }

  .pf-v5-u-h-50vh-on-md {
    height: 50vh !important;
  }

  .pf-v5-u-h-66vh-on-md {
    height: 66.6666666667vh !important;
  }

  .pf-v5-u-h-75vh-on-md {
    height: 75vh !important;
  }

  .pf-v5-u-h-100vh-on-md {
    height: 100vh !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-h-auto-on-lg {
    height: auto !important;
  }

  .pf-v5-u-h-initial-on-lg {
    height: initial !important;
  }

  .pf-v5-u-h-inherit-on-lg {
    height: inherit !important;
  }

  .pf-v5-u-h-0-on-lg {
    height: 0% !important;
  }

  .pf-v5-u-h-25-on-lg {
    height: 25% !important;
  }

  .pf-v5-u-h-33-on-lg {
    height: 33.3333333333% !important;
  }

  .pf-v5-u-h-50-on-lg {
    height: 50% !important;
  }

  .pf-v5-u-h-66-on-lg {
    height: 66.6666666667% !important;
  }

  .pf-v5-u-h-75-on-lg {
    height: 75% !important;
  }

  .pf-v5-u-h-100-on-lg {
    height: 100% !important;
  }

  .pf-v5-u-h-25vh-on-lg {
    height: 25vh !important;
  }

  .pf-v5-u-h-33vh-on-lg {
    height: 33.3333333333vh !important;
  }

  .pf-v5-u-h-50vh-on-lg {
    height: 50vh !important;
  }

  .pf-v5-u-h-66vh-on-lg {
    height: 66.6666666667vh !important;
  }

  .pf-v5-u-h-75vh-on-lg {
    height: 75vh !important;
  }

  .pf-v5-u-h-100vh-on-lg {
    height: 100vh !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-h-auto-on-xl {
    height: auto !important;
  }

  .pf-v5-u-h-initial-on-xl {
    height: initial !important;
  }

  .pf-v5-u-h-inherit-on-xl {
    height: inherit !important;
  }

  .pf-v5-u-h-0-on-xl {
    height: 0% !important;
  }

  .pf-v5-u-h-25-on-xl {
    height: 25% !important;
  }

  .pf-v5-u-h-33-on-xl {
    height: 33.3333333333% !important;
  }

  .pf-v5-u-h-50-on-xl {
    height: 50% !important;
  }

  .pf-v5-u-h-66-on-xl {
    height: 66.6666666667% !important;
  }

  .pf-v5-u-h-75-on-xl {
    height: 75% !important;
  }

  .pf-v5-u-h-100-on-xl {
    height: 100% !important;
  }

  .pf-v5-u-h-25vh-on-xl {
    height: 25vh !important;
  }

  .pf-v5-u-h-33vh-on-xl {
    height: 33.3333333333vh !important;
  }

  .pf-v5-u-h-50vh-on-xl {
    height: 50vh !important;
  }

  .pf-v5-u-h-66vh-on-xl {
    height: 66.6666666667vh !important;
  }

  .pf-v5-u-h-75vh-on-xl {
    height: 75vh !important;
  }

  .pf-v5-u-h-100vh-on-xl {
    height: 100vh !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-h-auto-on-2xl {
    height: auto !important;
  }

  .pf-v5-u-h-initial-on-2xl {
    height: initial !important;
  }

  .pf-v5-u-h-inherit-on-2xl {
    height: inherit !important;
  }

  .pf-v5-u-h-0-on-2xl {
    height: 0% !important;
  }

  .pf-v5-u-h-25-on-2xl {
    height: 25% !important;
  }

  .pf-v5-u-h-33-on-2xl {
    height: 33.3333333333% !important;
  }

  .pf-v5-u-h-50-on-2xl {
    height: 50% !important;
  }

  .pf-v5-u-h-66-on-2xl {
    height: 66.6666666667% !important;
  }

  .pf-v5-u-h-75-on-2xl {
    height: 75% !important;
  }

  .pf-v5-u-h-100-on-2xl {
    height: 100% !important;
  }

  .pf-v5-u-h-25vh-on-2xl {
    height: 25vh !important;
  }

  .pf-v5-u-h-33vh-on-2xl {
    height: 33.3333333333vh !important;
  }

  .pf-v5-u-h-50vh-on-2xl {
    height: 50vh !important;
  }

  .pf-v5-u-h-66vh-on-2xl {
    height: 66.6666666667vh !important;
  }

  .pf-v5-u-h-75vh-on-2xl {
    height: 75vh !important;
  }

  .pf-v5-u-h-100vh-on-2xl {
    height: 100vh !important;
  }
}

.pf-v5-u-min-width {
  --pf-v5-u-min-width--MinWidth: 0;
  min-width: var(--pf-v5-u-min-width--MinWidth) !important;
}

@media (min-width: 576px) {
  .pf-v5-u-min-width {
    min-width: var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth)) !important;
  }
}

@media (min-width: 768px) {
  .pf-v5-u-min-width {
    min-width: var(--pf-v5-u-min-width--MinWidth-on-md, var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth))) !important;
  }
}

@media (min-width: 992px) {
  .pf-v5-u-min-width {
    min-width: var(--pf-v5-u-min-width--MinWidth-on-lg, var(--pf-v5-u-min-width--MinWidth-on-md, var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth)))) !important;
  }
}

@media (min-width: 1200px) {
  .pf-v5-u-min-width {
    min-width: var(--pf-v5-u-min-width--MinWidth-on-xl, var(--pf-v5-u-min-width--MinWidth-on-lg, var(--pf-v5-u-min-width--MinWidth-on-md, var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth))))) !important;
  }
}

@media (min-width: 1450px) {
  .pf-v5-u-min-width {
    min-width: var(--pf-v5-u-min-width--MinWidth-on-2xl, var(--pf-v5-u-min-width--MinWidth-on-xl, var(--pf-v5-u-min-width--MinWidth-on-lg, var(--pf-v5-u-min-width--MinWidth-on-md, var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth)))))) !important;
  }
}

.pf-v5-u-max-width {
  --pf-v5-u-max-width--MaxWidth: auto;
  max-width: var(--pf-v5-u-max-width--MaxWidth) !important;
}

@media (min-width: 576px) {
  .pf-v5-u-max-width {
    max-width: var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth)) !important;
  }
}

@media (min-width: 768px) {
  .pf-v5-u-max-width {
    max-width: var(--pf-v5-u-max-width--MaxWidth-on-md, var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth))) !important;
  }
}

@media (min-width: 992px) {
  .pf-v5-u-max-width {
    max-width: var(--pf-v5-u-max-width--MaxWidth-on-lg, var(--pf-v5-u-max-width--MaxWidth-on-md, var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth)))) !important;
  }
}

@media (min-width: 1200px) {
  .pf-v5-u-max-width {
    max-width: var(--pf-v5-u-max-width--MaxWidth-on-xl, var(--pf-v5-u-max-width--MaxWidth-on-lg, var(--pf-v5-u-max-width--MaxWidth-on-md, var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth))))) !important;
  }
}

@media (min-width: 1450px) {
  .pf-v5-u-max-width {
    max-width: var(--pf-v5-u-max-width--MaxWidth-on-2xl, var(--pf-v5-u-max-width--MaxWidth-on-xl, var(--pf-v5-u-max-width--MaxWidth-on-lg, var(--pf-v5-u-max-width--MaxWidth-on-md, var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth)))))) !important;
  }
}

.pf-v5-u-min-height {
  --pf-v5-u-min-height--MinHeight: 0;
  min-height: var(--pf-v5-u-min-height--MinHeight) !important;
}

@media (min-width: 576px) {
  .pf-v5-u-min-height {
    min-height: var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight)) !important;
  }
}

@media (min-width: 768px) {
  .pf-v5-u-min-height {
    min-height: var(--pf-v5-u-min-height--MinHeight-on-md, var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight))) !important;
  }
}

@media (min-width: 992px) {
  .pf-v5-u-min-height {
    min-height: var(--pf-v5-u-min-height--MinHeight-on-lg, var(--pf-v5-u-min-height--MinHeight-on-md, var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight)))) !important;
  }
}

@media (min-width: 1200px) {
  .pf-v5-u-min-height {
    min-height: var(--pf-v5-u-min-height--MinHeight-on-xl, var(--pf-v5-u-min-height--MinHeight-on-lg, var(--pf-v5-u-min-height--MinHeight-on-md, var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight))))) !important;
  }
}

@media (min-width: 1450px) {
  .pf-v5-u-min-height {
    min-height: var(--pf-v5-u-min-height--MinHeight-on-2xl, var(--pf-v5-u-min-height--MinHeight-on-xl, var(--pf-v5-u-min-height--MinHeight-on-lg, var(--pf-v5-u-min-height--MinHeight-on-md, var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight)))))) !important;
  }
}

.pf-v5-u-max-height {
  --pf-v5-u-max-height--MaxHeight: auto;
  max-height: var(--pf-v5-u-max-height--MaxHeight) !important;
}

@media (min-width: 576px) {
  .pf-v5-u-max-height {
    max-height: var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight)) !important;
  }
}

@media (min-width: 768px) {
  .pf-v5-u-max-height {
    max-height: var(--pf-v5-u-max-height--MaxHeight-on-md, var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight))) !important;
  }
}

@media (min-width: 992px) {
  .pf-v5-u-max-height {
    max-height: var(--pf-v5-u-max-height--MaxHeight-on-lg, var(--pf-v5-u-max-height--MaxHeight-on-md, var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight)))) !important;
  }
}

@media (min-width: 1200px) {
  .pf-v5-u-max-height {
    max-height: var(--pf-v5-u-max-height--MaxHeight-on-xl, var(--pf-v5-u-max-height--MaxHeight-on-lg, var(--pf-v5-u-max-height--MaxHeight-on-md, var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight))))) !important;
  }
}

@media (min-width: 1450px) {
  .pf-v5-u-max-height {
    max-height: var(--pf-v5-u-max-height--MaxHeight-on-2xl, var(--pf-v5-u-max-height--MaxHeight-on-xl, var(--pf-v5-u-max-height--MaxHeight-on-lg, var(--pf-v5-u-max-height--MaxHeight-on-md, var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight)))))) !important;
  }
}

.pf-v5-u-m-auto {
  margin: auto !important;
}

.pf-v5-u-m-0 {
  margin: 0 !important;
}

.pf-v5-u-m-xs {
  margin: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-m-sm {
  margin: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-m-md {
  margin: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-m-lg {
  margin: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-m-xl {
  margin: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-m-2xl {
  margin: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-m-3xl {
  margin: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-m-4xl {
  margin: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-mt-auto {
  margin-block-start: auto !important;
}

.pf-v5-u-mt-0 {
  margin-block-start: 0 !important;
}

.pf-v5-u-mt-xs {
  margin-block-start: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-mt-sm {
  margin-block-start: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-mt-md {
  margin-block-start: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-mt-lg {
  margin-block-start: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-mt-xl {
  margin-block-start: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-mt-2xl {
  margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-mt-3xl {
  margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-mt-4xl {
  margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-mr-auto {
  margin-inline-end: auto !important;
}

.pf-v5-u-mr-0 {
  margin-inline-end: 0 !important;
}

.pf-v5-u-mr-xs {
  margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-mr-sm {
  margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-mr-md {
  margin-inline-end: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-mr-lg {
  margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-mr-xl {
  margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-mr-2xl {
  margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-mr-3xl {
  margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-mr-4xl {
  margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-mb-auto {
  margin-block-end: auto !important;
}

.pf-v5-u-mb-0 {
  margin-block-end: 0 !important;
}

.pf-v5-u-mb-xs {
  margin-block-end: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-mb-sm {
  margin-block-end: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-mb-md {
  margin-block-end: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-mb-lg {
  margin-block-end: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-mb-xl {
  margin-block-end: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-mb-2xl {
  margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-mb-3xl {
  margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-mb-4xl {
  margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-ml-auto {
  margin-inline-start: auto !important;
}

.pf-v5-u-ml-0 {
  margin-inline-start: 0 !important;
}

.pf-v5-u-ml-xs {
  margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-ml-sm {
  margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-ml-md {
  margin-inline-start: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-ml-lg {
  margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-ml-xl {
  margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-ml-2xl {
  margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-ml-3xl {
  margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-ml-4xl {
  margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-mx-auto {
  margin-inline: auto !important;
}

.pf-v5-u-mx-0 {
  margin-inline: 0 !important;
}

.pf-v5-u-mx-xs {
  margin-inline: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-mx-sm {
  margin-inline: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-mx-md {
  margin-inline: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-mx-lg {
  margin-inline: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-mx-xl {
  margin-inline: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-mx-2xl {
  margin-inline: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-mx-3xl {
  margin-inline: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-mx-4xl {
  margin-inline: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-my-auto {
  margin-block: auto !important;
}

.pf-v5-u-my-0 {
  margin-block: 0 !important;
}

.pf-v5-u-my-xs {
  margin-block: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-my-sm {
  margin-block: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-my-md {
  margin-block: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-my-lg {
  margin-block: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-my-xl {
  margin-block: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-my-2xl {
  margin-block: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-my-3xl {
  margin-block: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-my-4xl {
  margin-block: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-p-auto {
  padding: auto !important;
}

.pf-v5-u-p-0 {
  padding: 0 !important;
}

.pf-v5-u-p-xs {
  padding: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-p-sm {
  padding: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-p-md {
  padding: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-p-lg {
  padding: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-p-xl {
  padding: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-p-2xl {
  padding: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-p-3xl {
  padding: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-p-4xl {
  padding: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-pt-auto {
  padding-block-start: auto !important;
}

.pf-v5-u-pt-0 {
  padding-block-start: 0 !important;
}

.pf-v5-u-pt-xs {
  padding-block-start: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-pt-sm {
  padding-block-start: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-pt-md {
  padding-block-start: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-pt-lg {
  padding-block-start: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-pt-xl {
  padding-block-start: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-pt-2xl {
  padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-pt-3xl {
  padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-pt-4xl {
  padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-pr-auto {
  padding-inline-end: auto !important;
}

.pf-v5-u-pr-0 {
  padding-inline-end: 0 !important;
}

.pf-v5-u-pr-xs {
  padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-pr-sm {
  padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-pr-md {
  padding-inline-end: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-pr-lg {
  padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-pr-xl {
  padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-pr-2xl {
  padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-pr-3xl {
  padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-pr-4xl {
  padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-pb-auto {
  padding-block-end: auto !important;
}

.pf-v5-u-pb-0 {
  padding-block-end: 0 !important;
}

.pf-v5-u-pb-xs {
  padding-block-end: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-pb-sm {
  padding-block-end: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-pb-md {
  padding-block-end: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-pb-lg {
  padding-block-end: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-pb-xl {
  padding-block-end: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-pb-2xl {
  padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-pb-3xl {
  padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-pb-4xl {
  padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-pl-auto {
  padding-inline-start: auto !important;
}

.pf-v5-u-pl-0 {
  padding-inline-start: 0 !important;
}

.pf-v5-u-pl-xs {
  padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-pl-sm {
  padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-pl-md {
  padding-inline-start: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-pl-lg {
  padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-pl-xl {
  padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-pl-2xl {
  padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-pl-3xl {
  padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-pl-4xl {
  padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-px-auto {
  padding-inline: auto !important;
}

.pf-v5-u-px-0 {
  padding-inline: 0 !important;
}

.pf-v5-u-px-xs {
  padding-inline: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-px-sm {
  padding-inline: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-px-md {
  padding-inline: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-px-lg {
  padding-inline: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-px-xl {
  padding-inline: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-px-2xl {
  padding-inline: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-px-3xl {
  padding-inline: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-px-4xl {
  padding-inline: var(--pf-v5-global--spacer--4xl) !important;
}

.pf-v5-u-py-auto {
  padding-block: auto !important;
}

.pf-v5-u-py-0 {
  padding-block: 0 !important;
}

.pf-v5-u-py-xs {
  padding-block: var(--pf-v5-global--spacer--xs) !important;
}

.pf-v5-u-py-sm {
  padding-block: var(--pf-v5-global--spacer--sm) !important;
}

.pf-v5-u-py-md {
  padding-block: var(--pf-v5-global--spacer--md) !important;
}

.pf-v5-u-py-lg {
  padding-block: var(--pf-v5-global--spacer--lg) !important;
}

.pf-v5-u-py-xl {
  padding-block: var(--pf-v5-global--spacer--xl) !important;
}

.pf-v5-u-py-2xl {
  padding-block: var(--pf-v5-global--spacer--2xl) !important;
}

.pf-v5-u-py-3xl {
  padding-block: var(--pf-v5-global--spacer--3xl) !important;
}

.pf-v5-u-py-4xl {
  padding-block: var(--pf-v5-global--spacer--4xl) !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-auto-on-sm {
    margin: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-0-on-sm {
    margin: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-xs-on-sm {
    margin: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-sm-on-sm {
    margin: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-md-on-sm {
    margin: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-lg-on-sm {
    margin: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-xl-on-sm {
    margin: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-2xl-on-sm {
    margin: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-3xl-on-sm {
    margin: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-m-4xl-on-sm {
    margin: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-auto-on-sm {
    margin-block-start: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-0-on-sm {
    margin-block-start: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-xs-on-sm {
    margin-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-sm-on-sm {
    margin-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-md-on-sm {
    margin-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-lg-on-sm {
    margin-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-xl-on-sm {
    margin-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-2xl-on-sm {
    margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-3xl-on-sm {
    margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mt-4xl-on-sm {
    margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-auto-on-sm {
    margin-inline-end: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-0-on-sm {
    margin-inline-end: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-xs-on-sm {
    margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-sm-on-sm {
    margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-md-on-sm {
    margin-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-lg-on-sm {
    margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-xl-on-sm {
    margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-2xl-on-sm {
    margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-3xl-on-sm {
    margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mr-4xl-on-sm {
    margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-auto-on-sm {
    margin-block-end: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-0-on-sm {
    margin-block-end: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-xs-on-sm {
    margin-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-sm-on-sm {
    margin-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-md-on-sm {
    margin-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-lg-on-sm {
    margin-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-xl-on-sm {
    margin-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-2xl-on-sm {
    margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-3xl-on-sm {
    margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mb-4xl-on-sm {
    margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-auto-on-sm {
    margin-inline-start: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-0-on-sm {
    margin-inline-start: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-xs-on-sm {
    margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-sm-on-sm {
    margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-md-on-sm {
    margin-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-lg-on-sm {
    margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-xl-on-sm {
    margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-2xl-on-sm {
    margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-3xl-on-sm {
    margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-ml-4xl-on-sm {
    margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-auto-on-sm {
    margin-inline: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-0-on-sm {
    margin-inline: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-xs-on-sm {
    margin-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-sm-on-sm {
    margin-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-md-on-sm {
    margin-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-lg-on-sm {
    margin-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-xl-on-sm {
    margin-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-2xl-on-sm {
    margin-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-3xl-on-sm {
    margin-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-mx-4xl-on-sm {
    margin-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-auto-on-sm {
    margin-block: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-0-on-sm {
    margin-block: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-xs-on-sm {
    margin-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-sm-on-sm {
    margin-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-md-on-sm {
    margin-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-lg-on-sm {
    margin-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-xl-on-sm {
    margin-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-2xl-on-sm {
    margin-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-3xl-on-sm {
    margin-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-my-4xl-on-sm {
    margin-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-auto-on-sm {
    padding: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-0-on-sm {
    padding: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-xs-on-sm {
    padding: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-sm-on-sm {
    padding: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-md-on-sm {
    padding: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-lg-on-sm {
    padding: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-xl-on-sm {
    padding: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-2xl-on-sm {
    padding: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-3xl-on-sm {
    padding: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-p-4xl-on-sm {
    padding: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-auto-on-sm {
    padding-block-start: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-0-on-sm {
    padding-block-start: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-xs-on-sm {
    padding-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-sm-on-sm {
    padding-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-md-on-sm {
    padding-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-lg-on-sm {
    padding-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-xl-on-sm {
    padding-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-2xl-on-sm {
    padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-3xl-on-sm {
    padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pt-4xl-on-sm {
    padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-auto-on-sm {
    padding-inline-end: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-0-on-sm {
    padding-inline-end: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-xs-on-sm {
    padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-sm-on-sm {
    padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-md-on-sm {
    padding-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-lg-on-sm {
    padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-xl-on-sm {
    padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-2xl-on-sm {
    padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-3xl-on-sm {
    padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pr-4xl-on-sm {
    padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-auto-on-sm {
    padding-block-end: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-0-on-sm {
    padding-block-end: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-xs-on-sm {
    padding-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-sm-on-sm {
    padding-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-md-on-sm {
    padding-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-lg-on-sm {
    padding-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-xl-on-sm {
    padding-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-2xl-on-sm {
    padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-3xl-on-sm {
    padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pb-4xl-on-sm {
    padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-auto-on-sm {
    padding-inline-start: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-0-on-sm {
    padding-inline-start: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-xs-on-sm {
    padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-sm-on-sm {
    padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-md-on-sm {
    padding-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-lg-on-sm {
    padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-xl-on-sm {
    padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-2xl-on-sm {
    padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-3xl-on-sm {
    padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-pl-4xl-on-sm {
    padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-auto-on-sm {
    padding-inline: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-0-on-sm {
    padding-inline: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-xs-on-sm {
    padding-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-sm-on-sm {
    padding-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-md-on-sm {
    padding-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-lg-on-sm {
    padding-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-xl-on-sm {
    padding-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-2xl-on-sm {
    padding-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-3xl-on-sm {
    padding-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-px-4xl-on-sm {
    padding-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-auto-on-sm {
    padding-block: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-0-on-sm {
    padding-block: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-xs-on-sm {
    padding-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-sm-on-sm {
    padding-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-md-on-sm {
    padding-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-lg-on-sm {
    padding-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-xl-on-sm {
    padding-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-2xl-on-sm {
    padding-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-3xl-on-sm {
    padding-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 576px) {
  .pf-v5-u-py-4xl-on-sm {
    padding-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-auto-on-md {
    margin: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-0-on-md {
    margin: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-xs-on-md {
    margin: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-sm-on-md {
    margin: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-md-on-md {
    margin: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-lg-on-md {
    margin: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-xl-on-md {
    margin: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-2xl-on-md {
    margin: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-3xl-on-md {
    margin: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-m-4xl-on-md {
    margin: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-auto-on-md {
    margin-block-start: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-0-on-md {
    margin-block-start: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-xs-on-md {
    margin-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-sm-on-md {
    margin-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-md-on-md {
    margin-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-lg-on-md {
    margin-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-xl-on-md {
    margin-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-2xl-on-md {
    margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-3xl-on-md {
    margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mt-4xl-on-md {
    margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-auto-on-md {
    margin-inline-end: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-0-on-md {
    margin-inline-end: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-xs-on-md {
    margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-sm-on-md {
    margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-md-on-md {
    margin-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-lg-on-md {
    margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-xl-on-md {
    margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-2xl-on-md {
    margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-3xl-on-md {
    margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mr-4xl-on-md {
    margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-auto-on-md {
    margin-block-end: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-0-on-md {
    margin-block-end: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-xs-on-md {
    margin-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-sm-on-md {
    margin-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-md-on-md {
    margin-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-lg-on-md {
    margin-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-xl-on-md {
    margin-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-2xl-on-md {
    margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-3xl-on-md {
    margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mb-4xl-on-md {
    margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-auto-on-md {
    margin-inline-start: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-0-on-md {
    margin-inline-start: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-xs-on-md {
    margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-sm-on-md {
    margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-md-on-md {
    margin-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-lg-on-md {
    margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-xl-on-md {
    margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-2xl-on-md {
    margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-3xl-on-md {
    margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-ml-4xl-on-md {
    margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-auto-on-md {
    margin-inline: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-0-on-md {
    margin-inline: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-xs-on-md {
    margin-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-sm-on-md {
    margin-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-md-on-md {
    margin-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-lg-on-md {
    margin-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-xl-on-md {
    margin-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-2xl-on-md {
    margin-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-3xl-on-md {
    margin-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-mx-4xl-on-md {
    margin-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-auto-on-md {
    margin-block: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-0-on-md {
    margin-block: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-xs-on-md {
    margin-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-sm-on-md {
    margin-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-md-on-md {
    margin-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-lg-on-md {
    margin-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-xl-on-md {
    margin-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-2xl-on-md {
    margin-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-3xl-on-md {
    margin-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-my-4xl-on-md {
    margin-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-auto-on-md {
    padding: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-0-on-md {
    padding: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-xs-on-md {
    padding: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-sm-on-md {
    padding: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-md-on-md {
    padding: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-lg-on-md {
    padding: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-xl-on-md {
    padding: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-2xl-on-md {
    padding: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-3xl-on-md {
    padding: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-p-4xl-on-md {
    padding: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-auto-on-md {
    padding-block-start: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-0-on-md {
    padding-block-start: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-xs-on-md {
    padding-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-sm-on-md {
    padding-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-md-on-md {
    padding-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-lg-on-md {
    padding-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-xl-on-md {
    padding-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-2xl-on-md {
    padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-3xl-on-md {
    padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pt-4xl-on-md {
    padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-auto-on-md {
    padding-inline-end: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-0-on-md {
    padding-inline-end: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-xs-on-md {
    padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-sm-on-md {
    padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-md-on-md {
    padding-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-lg-on-md {
    padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-xl-on-md {
    padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-2xl-on-md {
    padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-3xl-on-md {
    padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pr-4xl-on-md {
    padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-auto-on-md {
    padding-block-end: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-0-on-md {
    padding-block-end: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-xs-on-md {
    padding-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-sm-on-md {
    padding-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-md-on-md {
    padding-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-lg-on-md {
    padding-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-xl-on-md {
    padding-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-2xl-on-md {
    padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-3xl-on-md {
    padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pb-4xl-on-md {
    padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-auto-on-md {
    padding-inline-start: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-0-on-md {
    padding-inline-start: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-xs-on-md {
    padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-sm-on-md {
    padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-md-on-md {
    padding-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-lg-on-md {
    padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-xl-on-md {
    padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-2xl-on-md {
    padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-3xl-on-md {
    padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-pl-4xl-on-md {
    padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-auto-on-md {
    padding-inline: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-0-on-md {
    padding-inline: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-xs-on-md {
    padding-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-sm-on-md {
    padding-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-md-on-md {
    padding-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-lg-on-md {
    padding-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-xl-on-md {
    padding-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-2xl-on-md {
    padding-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-3xl-on-md {
    padding-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-px-4xl-on-md {
    padding-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-auto-on-md {
    padding-block: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-0-on-md {
    padding-block: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-xs-on-md {
    padding-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-sm-on-md {
    padding-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-md-on-md {
    padding-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-lg-on-md {
    padding-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-xl-on-md {
    padding-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-2xl-on-md {
    padding-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-3xl-on-md {
    padding-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-py-4xl-on-md {
    padding-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-auto-on-lg {
    margin: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-0-on-lg {
    margin: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-xs-on-lg {
    margin: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-sm-on-lg {
    margin: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-md-on-lg {
    margin: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-lg-on-lg {
    margin: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-xl-on-lg {
    margin: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-2xl-on-lg {
    margin: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-3xl-on-lg {
    margin: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-m-4xl-on-lg {
    margin: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-auto-on-lg {
    margin-block-start: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-0-on-lg {
    margin-block-start: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-xs-on-lg {
    margin-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-sm-on-lg {
    margin-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-md-on-lg {
    margin-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-lg-on-lg {
    margin-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-xl-on-lg {
    margin-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-2xl-on-lg {
    margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-3xl-on-lg {
    margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mt-4xl-on-lg {
    margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-auto-on-lg {
    margin-inline-end: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-0-on-lg {
    margin-inline-end: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-xs-on-lg {
    margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-sm-on-lg {
    margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-md-on-lg {
    margin-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-lg-on-lg {
    margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-xl-on-lg {
    margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-2xl-on-lg {
    margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-3xl-on-lg {
    margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mr-4xl-on-lg {
    margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-auto-on-lg {
    margin-block-end: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-0-on-lg {
    margin-block-end: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-xs-on-lg {
    margin-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-sm-on-lg {
    margin-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-md-on-lg {
    margin-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-lg-on-lg {
    margin-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-xl-on-lg {
    margin-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-2xl-on-lg {
    margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-3xl-on-lg {
    margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mb-4xl-on-lg {
    margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-auto-on-lg {
    margin-inline-start: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-0-on-lg {
    margin-inline-start: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-xs-on-lg {
    margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-sm-on-lg {
    margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-md-on-lg {
    margin-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-lg-on-lg {
    margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-xl-on-lg {
    margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-2xl-on-lg {
    margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-3xl-on-lg {
    margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-ml-4xl-on-lg {
    margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-auto-on-lg {
    margin-inline: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-0-on-lg {
    margin-inline: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-xs-on-lg {
    margin-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-sm-on-lg {
    margin-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-md-on-lg {
    margin-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-lg-on-lg {
    margin-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-xl-on-lg {
    margin-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-2xl-on-lg {
    margin-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-3xl-on-lg {
    margin-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-mx-4xl-on-lg {
    margin-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-auto-on-lg {
    margin-block: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-0-on-lg {
    margin-block: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-xs-on-lg {
    margin-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-sm-on-lg {
    margin-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-md-on-lg {
    margin-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-lg-on-lg {
    margin-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-xl-on-lg {
    margin-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-2xl-on-lg {
    margin-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-3xl-on-lg {
    margin-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-my-4xl-on-lg {
    margin-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-auto-on-lg {
    padding: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-0-on-lg {
    padding: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-xs-on-lg {
    padding: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-sm-on-lg {
    padding: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-md-on-lg {
    padding: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-lg-on-lg {
    padding: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-xl-on-lg {
    padding: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-2xl-on-lg {
    padding: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-3xl-on-lg {
    padding: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-p-4xl-on-lg {
    padding: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-auto-on-lg {
    padding-block-start: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-0-on-lg {
    padding-block-start: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-xs-on-lg {
    padding-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-sm-on-lg {
    padding-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-md-on-lg {
    padding-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-lg-on-lg {
    padding-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-xl-on-lg {
    padding-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-2xl-on-lg {
    padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-3xl-on-lg {
    padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pt-4xl-on-lg {
    padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-auto-on-lg {
    padding-inline-end: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-0-on-lg {
    padding-inline-end: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-xs-on-lg {
    padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-sm-on-lg {
    padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-md-on-lg {
    padding-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-lg-on-lg {
    padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-xl-on-lg {
    padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-2xl-on-lg {
    padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-3xl-on-lg {
    padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pr-4xl-on-lg {
    padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-auto-on-lg {
    padding-block-end: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-0-on-lg {
    padding-block-end: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-xs-on-lg {
    padding-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-sm-on-lg {
    padding-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-md-on-lg {
    padding-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-lg-on-lg {
    padding-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-xl-on-lg {
    padding-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-2xl-on-lg {
    padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-3xl-on-lg {
    padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pb-4xl-on-lg {
    padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-auto-on-lg {
    padding-inline-start: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-0-on-lg {
    padding-inline-start: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-xs-on-lg {
    padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-sm-on-lg {
    padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-md-on-lg {
    padding-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-lg-on-lg {
    padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-xl-on-lg {
    padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-2xl-on-lg {
    padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-3xl-on-lg {
    padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-pl-4xl-on-lg {
    padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-auto-on-lg {
    padding-inline: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-0-on-lg {
    padding-inline: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-xs-on-lg {
    padding-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-sm-on-lg {
    padding-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-md-on-lg {
    padding-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-lg-on-lg {
    padding-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-xl-on-lg {
    padding-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-2xl-on-lg {
    padding-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-3xl-on-lg {
    padding-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-px-4xl-on-lg {
    padding-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-auto-on-lg {
    padding-block: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-0-on-lg {
    padding-block: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-xs-on-lg {
    padding-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-sm-on-lg {
    padding-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-md-on-lg {
    padding-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-lg-on-lg {
    padding-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-xl-on-lg {
    padding-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-2xl-on-lg {
    padding-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-3xl-on-lg {
    padding-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-py-4xl-on-lg {
    padding-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-auto-on-xl {
    margin: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-0-on-xl {
    margin: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-xs-on-xl {
    margin: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-sm-on-xl {
    margin: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-md-on-xl {
    margin: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-lg-on-xl {
    margin: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-xl-on-xl {
    margin: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-2xl-on-xl {
    margin: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-3xl-on-xl {
    margin: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-m-4xl-on-xl {
    margin: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-auto-on-xl {
    margin-block-start: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-0-on-xl {
    margin-block-start: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-xs-on-xl {
    margin-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-sm-on-xl {
    margin-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-md-on-xl {
    margin-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-lg-on-xl {
    margin-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-xl-on-xl {
    margin-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-2xl-on-xl {
    margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-3xl-on-xl {
    margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mt-4xl-on-xl {
    margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-auto-on-xl {
    margin-inline-end: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-0-on-xl {
    margin-inline-end: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-xs-on-xl {
    margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-sm-on-xl {
    margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-md-on-xl {
    margin-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-lg-on-xl {
    margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-xl-on-xl {
    margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-2xl-on-xl {
    margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-3xl-on-xl {
    margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mr-4xl-on-xl {
    margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-auto-on-xl {
    margin-block-end: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-0-on-xl {
    margin-block-end: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-xs-on-xl {
    margin-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-sm-on-xl {
    margin-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-md-on-xl {
    margin-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-lg-on-xl {
    margin-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-xl-on-xl {
    margin-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-2xl-on-xl {
    margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-3xl-on-xl {
    margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mb-4xl-on-xl {
    margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-auto-on-xl {
    margin-inline-start: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-0-on-xl {
    margin-inline-start: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-xs-on-xl {
    margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-sm-on-xl {
    margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-md-on-xl {
    margin-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-lg-on-xl {
    margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-xl-on-xl {
    margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-2xl-on-xl {
    margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-3xl-on-xl {
    margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-ml-4xl-on-xl {
    margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-auto-on-xl {
    margin-inline: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-0-on-xl {
    margin-inline: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-xs-on-xl {
    margin-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-sm-on-xl {
    margin-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-md-on-xl {
    margin-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-lg-on-xl {
    margin-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-xl-on-xl {
    margin-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-2xl-on-xl {
    margin-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-3xl-on-xl {
    margin-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-mx-4xl-on-xl {
    margin-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-auto-on-xl {
    margin-block: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-0-on-xl {
    margin-block: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-xs-on-xl {
    margin-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-sm-on-xl {
    margin-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-md-on-xl {
    margin-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-lg-on-xl {
    margin-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-xl-on-xl {
    margin-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-2xl-on-xl {
    margin-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-3xl-on-xl {
    margin-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-my-4xl-on-xl {
    margin-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-auto-on-xl {
    padding: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-0-on-xl {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-xs-on-xl {
    padding: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-sm-on-xl {
    padding: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-md-on-xl {
    padding: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-lg-on-xl {
    padding: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-xl-on-xl {
    padding: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-2xl-on-xl {
    padding: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-3xl-on-xl {
    padding: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-p-4xl-on-xl {
    padding: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-auto-on-xl {
    padding-block-start: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-0-on-xl {
    padding-block-start: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-xs-on-xl {
    padding-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-sm-on-xl {
    padding-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-md-on-xl {
    padding-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-lg-on-xl {
    padding-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-xl-on-xl {
    padding-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-2xl-on-xl {
    padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-3xl-on-xl {
    padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pt-4xl-on-xl {
    padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-auto-on-xl {
    padding-inline-end: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-0-on-xl {
    padding-inline-end: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-xs-on-xl {
    padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-sm-on-xl {
    padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-md-on-xl {
    padding-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-lg-on-xl {
    padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-xl-on-xl {
    padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-2xl-on-xl {
    padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-3xl-on-xl {
    padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pr-4xl-on-xl {
    padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-auto-on-xl {
    padding-block-end: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-0-on-xl {
    padding-block-end: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-xs-on-xl {
    padding-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-sm-on-xl {
    padding-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-md-on-xl {
    padding-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-lg-on-xl {
    padding-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-xl-on-xl {
    padding-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-2xl-on-xl {
    padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-3xl-on-xl {
    padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pb-4xl-on-xl {
    padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-auto-on-xl {
    padding-inline-start: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-0-on-xl {
    padding-inline-start: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-xs-on-xl {
    padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-sm-on-xl {
    padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-md-on-xl {
    padding-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-lg-on-xl {
    padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-xl-on-xl {
    padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-2xl-on-xl {
    padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-3xl-on-xl {
    padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-pl-4xl-on-xl {
    padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-auto-on-xl {
    padding-inline: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-0-on-xl {
    padding-inline: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-xs-on-xl {
    padding-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-sm-on-xl {
    padding-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-md-on-xl {
    padding-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-lg-on-xl {
    padding-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-xl-on-xl {
    padding-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-2xl-on-xl {
    padding-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-3xl-on-xl {
    padding-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-px-4xl-on-xl {
    padding-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-auto-on-xl {
    padding-block: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-0-on-xl {
    padding-block: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-xs-on-xl {
    padding-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-sm-on-xl {
    padding-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-md-on-xl {
    padding-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-lg-on-xl {
    padding-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-xl-on-xl {
    padding-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-2xl-on-xl {
    padding-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-3xl-on-xl {
    padding-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-py-4xl-on-xl {
    padding-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-auto-on-2xl {
    margin: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-0-on-2xl {
    margin: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-xs-on-2xl {
    margin: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-sm-on-2xl {
    margin: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-md-on-2xl {
    margin: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-lg-on-2xl {
    margin: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-xl-on-2xl {
    margin: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-2xl-on-2xl {
    margin: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-3xl-on-2xl {
    margin: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-m-4xl-on-2xl {
    margin: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-auto-on-2xl {
    margin-block-start: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-0-on-2xl {
    margin-block-start: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-xs-on-2xl {
    margin-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-sm-on-2xl {
    margin-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-md-on-2xl {
    margin-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-lg-on-2xl {
    margin-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-xl-on-2xl {
    margin-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-2xl-on-2xl {
    margin-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-3xl-on-2xl {
    margin-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mt-4xl-on-2xl {
    margin-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-auto-on-2xl {
    margin-inline-end: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-0-on-2xl {
    margin-inline-end: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-xs-on-2xl {
    margin-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-sm-on-2xl {
    margin-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-md-on-2xl {
    margin-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-lg-on-2xl {
    margin-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-xl-on-2xl {
    margin-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-2xl-on-2xl {
    margin-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-3xl-on-2xl {
    margin-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mr-4xl-on-2xl {
    margin-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-auto-on-2xl {
    margin-block-end: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-0-on-2xl {
    margin-block-end: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-xs-on-2xl {
    margin-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-sm-on-2xl {
    margin-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-md-on-2xl {
    margin-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-lg-on-2xl {
    margin-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-xl-on-2xl {
    margin-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-2xl-on-2xl {
    margin-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-3xl-on-2xl {
    margin-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mb-4xl-on-2xl {
    margin-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-auto-on-2xl {
    margin-inline-start: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-0-on-2xl {
    margin-inline-start: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-xs-on-2xl {
    margin-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-sm-on-2xl {
    margin-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-md-on-2xl {
    margin-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-lg-on-2xl {
    margin-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-xl-on-2xl {
    margin-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-2xl-on-2xl {
    margin-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-3xl-on-2xl {
    margin-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-ml-4xl-on-2xl {
    margin-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-auto-on-2xl {
    margin-inline: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-0-on-2xl {
    margin-inline: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-xs-on-2xl {
    margin-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-sm-on-2xl {
    margin-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-md-on-2xl {
    margin-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-lg-on-2xl {
    margin-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-xl-on-2xl {
    margin-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-2xl-on-2xl {
    margin-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-3xl-on-2xl {
    margin-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-mx-4xl-on-2xl {
    margin-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-auto-on-2xl {
    margin-block: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-0-on-2xl {
    margin-block: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-xs-on-2xl {
    margin-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-sm-on-2xl {
    margin-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-md-on-2xl {
    margin-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-lg-on-2xl {
    margin-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-xl-on-2xl {
    margin-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-2xl-on-2xl {
    margin-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-3xl-on-2xl {
    margin-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-my-4xl-on-2xl {
    margin-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-auto-on-2xl {
    padding: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-0-on-2xl {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-xs-on-2xl {
    padding: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-sm-on-2xl {
    padding: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-md-on-2xl {
    padding: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-lg-on-2xl {
    padding: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-xl-on-2xl {
    padding: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-2xl-on-2xl {
    padding: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-3xl-on-2xl {
    padding: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-p-4xl-on-2xl {
    padding: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-auto-on-2xl {
    padding-block-start: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-0-on-2xl {
    padding-block-start: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-xs-on-2xl {
    padding-block-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-sm-on-2xl {
    padding-block-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-md-on-2xl {
    padding-block-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-lg-on-2xl {
    padding-block-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-xl-on-2xl {
    padding-block-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-2xl-on-2xl {
    padding-block-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-3xl-on-2xl {
    padding-block-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pt-4xl-on-2xl {
    padding-block-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-auto-on-2xl {
    padding-inline-end: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-0-on-2xl {
    padding-inline-end: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-xs-on-2xl {
    padding-inline-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-sm-on-2xl {
    padding-inline-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-md-on-2xl {
    padding-inline-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-lg-on-2xl {
    padding-inline-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-xl-on-2xl {
    padding-inline-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-2xl-on-2xl {
    padding-inline-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-3xl-on-2xl {
    padding-inline-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pr-4xl-on-2xl {
    padding-inline-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-auto-on-2xl {
    padding-block-end: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-0-on-2xl {
    padding-block-end: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-xs-on-2xl {
    padding-block-end: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-sm-on-2xl {
    padding-block-end: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-md-on-2xl {
    padding-block-end: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-lg-on-2xl {
    padding-block-end: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-xl-on-2xl {
    padding-block-end: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-2xl-on-2xl {
    padding-block-end: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-3xl-on-2xl {
    padding-block-end: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pb-4xl-on-2xl {
    padding-block-end: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-auto-on-2xl {
    padding-inline-start: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-0-on-2xl {
    padding-inline-start: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-xs-on-2xl {
    padding-inline-start: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-sm-on-2xl {
    padding-inline-start: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-md-on-2xl {
    padding-inline-start: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-lg-on-2xl {
    padding-inline-start: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-xl-on-2xl {
    padding-inline-start: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-2xl-on-2xl {
    padding-inline-start: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-3xl-on-2xl {
    padding-inline-start: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-pl-4xl-on-2xl {
    padding-inline-start: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-auto-on-2xl {
    padding-inline: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-0-on-2xl {
    padding-inline: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-xs-on-2xl {
    padding-inline: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-sm-on-2xl {
    padding-inline: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-md-on-2xl {
    padding-inline: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-lg-on-2xl {
    padding-inline: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-xl-on-2xl {
    padding-inline: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-2xl-on-2xl {
    padding-inline: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-3xl-on-2xl {
    padding-inline: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-px-4xl-on-2xl {
    padding-inline: var(--pf-v5-global--spacer--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-auto-on-2xl {
    padding-block: auto !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-0-on-2xl {
    padding-block: 0 !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-xs-on-2xl {
    padding-block: var(--pf-v5-global--spacer--xs) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-sm-on-2xl {
    padding-block: var(--pf-v5-global--spacer--sm) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-md-on-2xl {
    padding-block: var(--pf-v5-global--spacer--md) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-lg-on-2xl {
    padding-block: var(--pf-v5-global--spacer--lg) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-xl-on-2xl {
    padding-block: var(--pf-v5-global--spacer--xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-2xl-on-2xl {
    padding-block: var(--pf-v5-global--spacer--2xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-3xl-on-2xl {
    padding-block: var(--pf-v5-global--spacer--3xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-py-4xl-on-2xl {
    padding-block: var(--pf-v5-global--spacer--4xl) !important;
  }
}

.pf-v5-u-font-family-text {
  font-family: var(--pf-v5-global--FontFamily--text) !important;
}

.pf-v5-u-font-family-heading {
  font-family: var(--pf-v5-global--FontFamily--heading) !important;
}

.pf-v5-u-font-family-monospace {
  font-family: var(--pf-v5-global--FontFamily--monospace) !important;
}

.pf-v5-u-font-family-text-vf {
  font-family: var(--pf-v5-global--FontFamily--text--vf) !important;
}

.pf-v5-u-font-family-heading-vf {
  font-family: var(--pf-v5-global--FontFamily--heading--vf) !important;
}

.pf-v5-u-font-family-monospace-vf {
  font-family: var(--pf-v5-global--FontFamily--monospace--vf) !important;
}

.pf-v5-u-font-size-xs {
  font-size: var(--pf-v5-global--FontSize--xs) !important;
}

.pf-v5-u-font-size-sm {
  font-size: var(--pf-v5-global--FontSize--sm) !important;
}

.pf-v5-u-font-size-md {
  font-size: var(--pf-v5-global--FontSize--md) !important;
}

.pf-v5-u-font-size-lg {
  font-size: var(--pf-v5-global--FontSize--lg) !important;
}

.pf-v5-u-font-size-xl {
  font-size: var(--pf-v5-global--FontSize--xl) !important;
}

.pf-v5-u-font-size-2xl {
  font-size: var(--pf-v5-global--FontSize--2xl) !important;
}

.pf-v5-u-font-size-3xl {
  font-size: var(--pf-v5-global--FontSize--3xl) !important;
}

.pf-v5-u-font-size-4xl {
  font-size: var(--pf-v5-global--FontSize--4xl) !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-font-size-xs-on-sm {
    font-size: var(--pf-v5-global--FontSize--xs) !important;
  }

  .pf-v5-u-font-size-sm-on-sm {
    font-size: var(--pf-v5-global--FontSize--sm) !important;
  }

  .pf-v5-u-font-size-md-on-sm {
    font-size: var(--pf-v5-global--FontSize--md) !important;
  }

  .pf-v5-u-font-size-lg-on-sm {
    font-size: var(--pf-v5-global--FontSize--lg) !important;
  }

  .pf-v5-u-font-size-xl-on-sm {
    font-size: var(--pf-v5-global--FontSize--xl) !important;
  }

  .pf-v5-u-font-size-2xl-on-sm {
    font-size: var(--pf-v5-global--FontSize--2xl) !important;
  }

  .pf-v5-u-font-size-3xl-on-sm {
    font-size: var(--pf-v5-global--FontSize--3xl) !important;
  }

  .pf-v5-u-font-size-4xl-on-sm {
    font-size: var(--pf-v5-global--FontSize--4xl) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-font-size-xs-on-md {
    font-size: var(--pf-v5-global--FontSize--xs) !important;
  }

  .pf-v5-u-font-size-sm-on-md {
    font-size: var(--pf-v5-global--FontSize--sm) !important;
  }

  .pf-v5-u-font-size-md-on-md {
    font-size: var(--pf-v5-global--FontSize--md) !important;
  }

  .pf-v5-u-font-size-lg-on-md {
    font-size: var(--pf-v5-global--FontSize--lg) !important;
  }

  .pf-v5-u-font-size-xl-on-md {
    font-size: var(--pf-v5-global--FontSize--xl) !important;
  }

  .pf-v5-u-font-size-2xl-on-md {
    font-size: var(--pf-v5-global--FontSize--2xl) !important;
  }

  .pf-v5-u-font-size-3xl-on-md {
    font-size: var(--pf-v5-global--FontSize--3xl) !important;
  }

  .pf-v5-u-font-size-4xl-on-md {
    font-size: var(--pf-v5-global--FontSize--4xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-font-size-xs-on-lg {
    font-size: var(--pf-v5-global--FontSize--xs) !important;
  }

  .pf-v5-u-font-size-sm-on-lg {
    font-size: var(--pf-v5-global--FontSize--sm) !important;
  }

  .pf-v5-u-font-size-md-on-lg {
    font-size: var(--pf-v5-global--FontSize--md) !important;
  }

  .pf-v5-u-font-size-lg-on-lg {
    font-size: var(--pf-v5-global--FontSize--lg) !important;
  }

  .pf-v5-u-font-size-xl-on-lg {
    font-size: var(--pf-v5-global--FontSize--xl) !important;
  }

  .pf-v5-u-font-size-2xl-on-lg {
    font-size: var(--pf-v5-global--FontSize--2xl) !important;
  }

  .pf-v5-u-font-size-3xl-on-lg {
    font-size: var(--pf-v5-global--FontSize--3xl) !important;
  }

  .pf-v5-u-font-size-4xl-on-lg {
    font-size: var(--pf-v5-global--FontSize--4xl) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-font-size-xs-on-xl {
    font-size: var(--pf-v5-global--FontSize--xs) !important;
  }

  .pf-v5-u-font-size-sm-on-xl {
    font-size: var(--pf-v5-global--FontSize--sm) !important;
  }

  .pf-v5-u-font-size-md-on-xl {
    font-size: var(--pf-v5-global--FontSize--md) !important;
  }

  .pf-v5-u-font-size-lg-on-xl {
    font-size: var(--pf-v5-global--FontSize--lg) !important;
  }

  .pf-v5-u-font-size-xl-on-xl {
    font-size: var(--pf-v5-global--FontSize--xl) !important;
  }

  .pf-v5-u-font-size-2xl-on-xl {
    font-size: var(--pf-v5-global--FontSize--2xl) !important;
  }

  .pf-v5-u-font-size-3xl-on-xl {
    font-size: var(--pf-v5-global--FontSize--3xl) !important;
  }

  .pf-v5-u-font-size-4xl-on-xl {
    font-size: var(--pf-v5-global--FontSize--4xl) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-font-size-xs-on-2xl {
    font-size: var(--pf-v5-global--FontSize--xs) !important;
  }

  .pf-v5-u-font-size-sm-on-2xl {
    font-size: var(--pf-v5-global--FontSize--sm) !important;
  }

  .pf-v5-u-font-size-md-on-2xl {
    font-size: var(--pf-v5-global--FontSize--md) !important;
  }

  .pf-v5-u-font-size-lg-on-2xl {
    font-size: var(--pf-v5-global--FontSize--lg) !important;
  }

  .pf-v5-u-font-size-xl-on-2xl {
    font-size: var(--pf-v5-global--FontSize--xl) !important;
  }

  .pf-v5-u-font-size-2xl-on-2xl {
    font-size: var(--pf-v5-global--FontSize--2xl) !important;
  }

  .pf-v5-u-font-size-3xl-on-2xl {
    font-size: var(--pf-v5-global--FontSize--3xl) !important;
  }

  .pf-v5-u-font-size-4xl-on-2xl {
    font-size: var(--pf-v5-global--FontSize--4xl) !important;
  }
}

.pf-v5-u-font-weight-normal {
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
}

.pf-v5-u-font-weight-bold {
  font-weight: var(--pf-v5-global--FontWeight--bold) !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-font-weight-normal-on-sm {
    font-weight: var(--pf-v5-global--FontWeight--normal) !important;
  }

  .pf-v5-u-font-weight-bold-on-sm {
    font-weight: var(--pf-v5-global--FontWeight--bold) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-font-weight-normal-on-md {
    font-weight: var(--pf-v5-global--FontWeight--normal) !important;
  }

  .pf-v5-u-font-weight-bold-on-md {
    font-weight: var(--pf-v5-global--FontWeight--bold) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-font-weight-normal-on-lg {
    font-weight: var(--pf-v5-global--FontWeight--normal) !important;
  }

  .pf-v5-u-font-weight-bold-on-lg {
    font-weight: var(--pf-v5-global--FontWeight--bold) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-font-weight-normal-on-xl {
    font-weight: var(--pf-v5-global--FontWeight--normal) !important;
  }

  .pf-v5-u-font-weight-bold-on-xl {
    font-weight: var(--pf-v5-global--FontWeight--bold) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-font-weight-normal-on-2xl {
    font-weight: var(--pf-v5-global--FontWeight--normal) !important;
  }

  .pf-v5-u-font-weight-bold-on-2xl {
    font-weight: var(--pf-v5-global--FontWeight--bold) !important;
  }
}

.pf-v5-u-color-100 {
  color: var(--pf-v5-global--Color--100) !important;
}

.pf-v5-u-color-200 {
  color: var(--pf-v5-global--Color--200) !important;
}

.pf-v5-u-color-300 {
  color: var(--pf-v5-global--Color--300) !important;
}

.pf-v5-u-color-400 {
  color: var(--pf-v5-global--Color--400) !important;
}

.pf-v5-u-active-color-100 {
  color: var(--pf-v5-global--active-color--100) !important;
}

.pf-v5-u-active-color-400 {
  color: var(--pf-v5-global--active-color--400) !important;
}

.pf-v5-u-primary-color-100 {
  color: var(--pf-v5-global--primary-color--100) !important;
}

.pf-v5-u-color-light-100 {
  color: var(--pf-v5-global--Color--light-100) !important;
}

.pf-v5-u-color-light-200 {
  color: var(--pf-v5-global--Color--light-200) !important;
}

.pf-v5-u-link-color {
  color: var(--pf-v5-global--link--Color) !important;
}

.pf-v5-u-link-color-hover {
  color: var(--pf-v5-global--link--Color--hover) !important;
}

.pf-v5-u-link-color-light {
  color: var(--pf-v5-global--link--Color--light) !important;
}

.pf-v5-u-link-color-light-hover {
  color: var(--pf-v5-global--link--Color--light--hover) !important;
}

.pf-v5-u-link-color-dark {
  color: var(--pf-v5-global--link--Color--dark) !important;
}

.pf-v5-u-link-color-dark-hover {
  color: var(--pf-v5-global--link--Color--dark--hover) !important;
}

.pf-v5-u-link-color-visited {
  color: var(--pf-v5-global--link--Color--visited) !important;
}

.pf-v5-u-custom-color-100 {
  color: var(--pf-v5-global--custom-color--100) !important;
}

.pf-v5-u-custom-color-200 {
  color: var(--pf-v5-global--custom-color--200) !important;
}

.pf-v5-u-custom-color-300 {
  color: var(--pf-v5-global--custom-color--300) !important;
}

.pf-v5-u-success-color-100 {
  color: var(--pf-v5-global--success-color--100) !important;
}

.pf-v5-u-success-color-200 {
  color: var(--pf-v5-global--success-color--200) !important;
}

.pf-v5-u-info-color-100 {
  color: var(--pf-v5-global--info-color--100) !important;
}

.pf-v5-u-info-color-200 {
  color: var(--pf-v5-global--info-color--200) !important;
}

.pf-v5-u-warning-color-100 {
  color: var(--pf-v5-global--warning-color--100) !important;
}

.pf-v5-u-warning-color-200 {
  color: var(--pf-v5-global--warning-color--200) !important;
}

.pf-v5-u-danger-color-100 {
  color: var(--pf-v5-global--danger-color--100) !important;
}

.pf-v5-u-danger-color-200 {
  color: var(--pf-v5-global--danger-color--200) !important;
}

.pf-v5-u-danger-color-300 {
  color: var(--pf-v5-global--danger-color--300) !important;
}

.pf-v5-u-disabled-color-100 {
  color: var(--pf-v5-global--disabled-color--100) !important;
}

.pf-v5-u-disabled-color-200 {
  color: var(--pf-v5-global--disabled-color--200) !important;
}

.pf-v5-u-icon-color-light {
  color: var(--pf-v5-global--icon--Color--light) !important;
}

.pf-v5-u-icon-color-dark {
  color: var(--pf-v5-global--icon--Color--dark) !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-color-100-on-sm {
    color: var(--pf-v5-global--Color--100) !important;
  }

  .pf-v5-u-color-200-on-sm {
    color: var(--pf-v5-global--Color--200) !important;
  }

  .pf-v5-u-color-300-on-sm {
    color: var(--pf-v5-global--Color--300) !important;
  }

  .pf-v5-u-color-400-on-sm {
    color: var(--pf-v5-global--Color--400) !important;
  }

  .pf-v5-u-active-color-100-on-sm {
    color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-active-color-400-on-sm {
    color: var(--pf-v5-global--active-color--400) !important;
  }

  .pf-v5-u-primary-color-100-on-sm {
    color: var(--pf-v5-global--primary-color--100) !important;
  }

  .pf-v5-u-color-light-100-on-sm {
    color: var(--pf-v5-global--Color--light-100) !important;
  }

  .pf-v5-u-color-light-200-on-sm {
    color: var(--pf-v5-global--Color--light-200) !important;
  }

  .pf-v5-u-link-color-on-sm {
    color: var(--pf-v5-global--link--Color) !important;
  }

  .pf-v5-u-link-color-hover-on-sm {
    color: var(--pf-v5-global--link--Color--hover) !important;
  }

  .pf-v5-u-link-color-light-on-sm {
    color: var(--pf-v5-global--link--Color--light) !important;
  }

  .pf-v5-u-link-color-light-hover-on-sm {
    color: var(--pf-v5-global--link--Color--light--hover) !important;
  }

  .pf-v5-u-link-color-dark-on-sm {
    color: var(--pf-v5-global--link--Color--dark) !important;
  }

  .pf-v5-u-link-color-dark-hover-on-sm {
    color: var(--pf-v5-global--link--Color--dark--hover) !important;
  }

  .pf-v5-u-link-color-visited-on-sm {
    color: var(--pf-v5-global--link--Color--visited) !important;
  }

  .pf-v5-u-custom-color-100-on-sm {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  .pf-v5-u-custom-color-200-on-sm {
    color: var(--pf-v5-global--custom-color--200) !important;
  }

  .pf-v5-u-custom-color-300-on-sm {
    color: var(--pf-v5-global--custom-color--300) !important;
  }

  .pf-v5-u-success-color-100-on-sm {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  .pf-v5-u-success-color-200-on-sm {
    color: var(--pf-v5-global--success-color--200) !important;
  }

  .pf-v5-u-info-color-100-on-sm {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  .pf-v5-u-info-color-200-on-sm {
    color: var(--pf-v5-global--info-color--200) !important;
  }

  .pf-v5-u-warning-color-100-on-sm {
    color: var(--pf-v5-global--warning-color--100) !important;
  }

  .pf-v5-u-warning-color-200-on-sm {
    color: var(--pf-v5-global--warning-color--200) !important;
  }

  .pf-v5-u-danger-color-100-on-sm {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  .pf-v5-u-danger-color-200-on-sm {
    color: var(--pf-v5-global--danger-color--200) !important;
  }

  .pf-v5-u-danger-color-300-on-sm {
    color: var(--pf-v5-global--danger-color--300) !important;
  }

  .pf-v5-u-disabled-color-100-on-sm {
    color: var(--pf-v5-global--disabled-color--100) !important;
  }

  .pf-v5-u-disabled-color-200-on-sm {
    color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-icon-color-light-on-sm {
    color: var(--pf-v5-global--icon--Color--light) !important;
  }

  .pf-v5-u-icon-color-dark-on-sm {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-color-100-on-md {
    color: var(--pf-v5-global--Color--100) !important;
  }

  .pf-v5-u-color-200-on-md {
    color: var(--pf-v5-global--Color--200) !important;
  }

  .pf-v5-u-color-300-on-md {
    color: var(--pf-v5-global--Color--300) !important;
  }

  .pf-v5-u-color-400-on-md {
    color: var(--pf-v5-global--Color--400) !important;
  }

  .pf-v5-u-active-color-100-on-md {
    color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-active-color-400-on-md {
    color: var(--pf-v5-global--active-color--400) !important;
  }

  .pf-v5-u-primary-color-100-on-md {
    color: var(--pf-v5-global--primary-color--100) !important;
  }

  .pf-v5-u-color-light-100-on-md {
    color: var(--pf-v5-global--Color--light-100) !important;
  }

  .pf-v5-u-color-light-200-on-md {
    color: var(--pf-v5-global--Color--light-200) !important;
  }

  .pf-v5-u-link-color-on-md {
    color: var(--pf-v5-global--link--Color) !important;
  }

  .pf-v5-u-link-color-hover-on-md {
    color: var(--pf-v5-global--link--Color--hover) !important;
  }

  .pf-v5-u-link-color-light-on-md {
    color: var(--pf-v5-global--link--Color--light) !important;
  }

  .pf-v5-u-link-color-light-hover-on-md {
    color: var(--pf-v5-global--link--Color--light--hover) !important;
  }

  .pf-v5-u-link-color-dark-on-md {
    color: var(--pf-v5-global--link--Color--dark) !important;
  }

  .pf-v5-u-link-color-dark-hover-on-md {
    color: var(--pf-v5-global--link--Color--dark--hover) !important;
  }

  .pf-v5-u-link-color-visited-on-md {
    color: var(--pf-v5-global--link--Color--visited) !important;
  }

  .pf-v5-u-custom-color-100-on-md {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  .pf-v5-u-custom-color-200-on-md {
    color: var(--pf-v5-global--custom-color--200) !important;
  }

  .pf-v5-u-custom-color-300-on-md {
    color: var(--pf-v5-global--custom-color--300) !important;
  }

  .pf-v5-u-success-color-100-on-md {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  .pf-v5-u-success-color-200-on-md {
    color: var(--pf-v5-global--success-color--200) !important;
  }

  .pf-v5-u-info-color-100-on-md {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  .pf-v5-u-info-color-200-on-md {
    color: var(--pf-v5-global--info-color--200) !important;
  }

  .pf-v5-u-warning-color-100-on-md {
    color: var(--pf-v5-global--warning-color--100) !important;
  }

  .pf-v5-u-warning-color-200-on-md {
    color: var(--pf-v5-global--warning-color--200) !important;
  }

  .pf-v5-u-danger-color-100-on-md {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  .pf-v5-u-danger-color-200-on-md {
    color: var(--pf-v5-global--danger-color--200) !important;
  }

  .pf-v5-u-danger-color-300-on-md {
    color: var(--pf-v5-global--danger-color--300) !important;
  }

  .pf-v5-u-disabled-color-100-on-md {
    color: var(--pf-v5-global--disabled-color--100) !important;
  }

  .pf-v5-u-disabled-color-200-on-md {
    color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-icon-color-light-on-md {
    color: var(--pf-v5-global--icon--Color--light) !important;
  }

  .pf-v5-u-icon-color-dark-on-md {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-color-100-on-lg {
    color: var(--pf-v5-global--Color--100) !important;
  }

  .pf-v5-u-color-200-on-lg {
    color: var(--pf-v5-global--Color--200) !important;
  }

  .pf-v5-u-color-300-on-lg {
    color: var(--pf-v5-global--Color--300) !important;
  }

  .pf-v5-u-color-400-on-lg {
    color: var(--pf-v5-global--Color--400) !important;
  }

  .pf-v5-u-active-color-100-on-lg {
    color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-active-color-400-on-lg {
    color: var(--pf-v5-global--active-color--400) !important;
  }

  .pf-v5-u-primary-color-100-on-lg {
    color: var(--pf-v5-global--primary-color--100) !important;
  }

  .pf-v5-u-color-light-100-on-lg {
    color: var(--pf-v5-global--Color--light-100) !important;
  }

  .pf-v5-u-color-light-200-on-lg {
    color: var(--pf-v5-global--Color--light-200) !important;
  }

  .pf-v5-u-link-color-on-lg {
    color: var(--pf-v5-global--link--Color) !important;
  }

  .pf-v5-u-link-color-hover-on-lg {
    color: var(--pf-v5-global--link--Color--hover) !important;
  }

  .pf-v5-u-link-color-light-on-lg {
    color: var(--pf-v5-global--link--Color--light) !important;
  }

  .pf-v5-u-link-color-light-hover-on-lg {
    color: var(--pf-v5-global--link--Color--light--hover) !important;
  }

  .pf-v5-u-link-color-dark-on-lg {
    color: var(--pf-v5-global--link--Color--dark) !important;
  }

  .pf-v5-u-link-color-dark-hover-on-lg {
    color: var(--pf-v5-global--link--Color--dark--hover) !important;
  }

  .pf-v5-u-link-color-visited-on-lg {
    color: var(--pf-v5-global--link--Color--visited) !important;
  }

  .pf-v5-u-custom-color-100-on-lg {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  .pf-v5-u-custom-color-200-on-lg {
    color: var(--pf-v5-global--custom-color--200) !important;
  }

  .pf-v5-u-custom-color-300-on-lg {
    color: var(--pf-v5-global--custom-color--300) !important;
  }

  .pf-v5-u-success-color-100-on-lg {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  .pf-v5-u-success-color-200-on-lg {
    color: var(--pf-v5-global--success-color--200) !important;
  }

  .pf-v5-u-info-color-100-on-lg {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  .pf-v5-u-info-color-200-on-lg {
    color: var(--pf-v5-global--info-color--200) !important;
  }

  .pf-v5-u-warning-color-100-on-lg {
    color: var(--pf-v5-global--warning-color--100) !important;
  }

  .pf-v5-u-warning-color-200-on-lg {
    color: var(--pf-v5-global--warning-color--200) !important;
  }

  .pf-v5-u-danger-color-100-on-lg {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  .pf-v5-u-danger-color-200-on-lg {
    color: var(--pf-v5-global--danger-color--200) !important;
  }

  .pf-v5-u-danger-color-300-on-lg {
    color: var(--pf-v5-global--danger-color--300) !important;
  }

  .pf-v5-u-disabled-color-100-on-lg {
    color: var(--pf-v5-global--disabled-color--100) !important;
  }

  .pf-v5-u-disabled-color-200-on-lg {
    color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-icon-color-light-on-lg {
    color: var(--pf-v5-global--icon--Color--light) !important;
  }

  .pf-v5-u-icon-color-dark-on-lg {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-color-100-on-xl {
    color: var(--pf-v5-global--Color--100) !important;
  }

  .pf-v5-u-color-200-on-xl {
    color: var(--pf-v5-global--Color--200) !important;
  }

  .pf-v5-u-color-300-on-xl {
    color: var(--pf-v5-global--Color--300) !important;
  }

  .pf-v5-u-color-400-on-xl {
    color: var(--pf-v5-global--Color--400) !important;
  }

  .pf-v5-u-active-color-100-on-xl {
    color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-active-color-400-on-xl {
    color: var(--pf-v5-global--active-color--400) !important;
  }

  .pf-v5-u-primary-color-100-on-xl {
    color: var(--pf-v5-global--primary-color--100) !important;
  }

  .pf-v5-u-color-light-100-on-xl {
    color: var(--pf-v5-global--Color--light-100) !important;
  }

  .pf-v5-u-color-light-200-on-xl {
    color: var(--pf-v5-global--Color--light-200) !important;
  }

  .pf-v5-u-link-color-on-xl {
    color: var(--pf-v5-global--link--Color) !important;
  }

  .pf-v5-u-link-color-hover-on-xl {
    color: var(--pf-v5-global--link--Color--hover) !important;
  }

  .pf-v5-u-link-color-light-on-xl {
    color: var(--pf-v5-global--link--Color--light) !important;
  }

  .pf-v5-u-link-color-light-hover-on-xl {
    color: var(--pf-v5-global--link--Color--light--hover) !important;
  }

  .pf-v5-u-link-color-dark-on-xl {
    color: var(--pf-v5-global--link--Color--dark) !important;
  }

  .pf-v5-u-link-color-dark-hover-on-xl {
    color: var(--pf-v5-global--link--Color--dark--hover) !important;
  }

  .pf-v5-u-link-color-visited-on-xl {
    color: var(--pf-v5-global--link--Color--visited) !important;
  }

  .pf-v5-u-custom-color-100-on-xl {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  .pf-v5-u-custom-color-200-on-xl {
    color: var(--pf-v5-global--custom-color--200) !important;
  }

  .pf-v5-u-custom-color-300-on-xl {
    color: var(--pf-v5-global--custom-color--300) !important;
  }

  .pf-v5-u-success-color-100-on-xl {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  .pf-v5-u-success-color-200-on-xl {
    color: var(--pf-v5-global--success-color--200) !important;
  }

  .pf-v5-u-info-color-100-on-xl {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  .pf-v5-u-info-color-200-on-xl {
    color: var(--pf-v5-global--info-color--200) !important;
  }

  .pf-v5-u-warning-color-100-on-xl {
    color: var(--pf-v5-global--warning-color--100) !important;
  }

  .pf-v5-u-warning-color-200-on-xl {
    color: var(--pf-v5-global--warning-color--200) !important;
  }

  .pf-v5-u-danger-color-100-on-xl {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  .pf-v5-u-danger-color-200-on-xl {
    color: var(--pf-v5-global--danger-color--200) !important;
  }

  .pf-v5-u-danger-color-300-on-xl {
    color: var(--pf-v5-global--danger-color--300) !important;
  }

  .pf-v5-u-disabled-color-100-on-xl {
    color: var(--pf-v5-global--disabled-color--100) !important;
  }

  .pf-v5-u-disabled-color-200-on-xl {
    color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-icon-color-light-on-xl {
    color: var(--pf-v5-global--icon--Color--light) !important;
  }

  .pf-v5-u-icon-color-dark-on-xl {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-color-100-on-2xl {
    color: var(--pf-v5-global--Color--100) !important;
  }

  .pf-v5-u-color-200-on-2xl {
    color: var(--pf-v5-global--Color--200) !important;
  }

  .pf-v5-u-color-300-on-2xl {
    color: var(--pf-v5-global--Color--300) !important;
  }

  .pf-v5-u-color-400-on-2xl {
    color: var(--pf-v5-global--Color--400) !important;
  }

  .pf-v5-u-active-color-100-on-2xl {
    color: var(--pf-v5-global--active-color--100) !important;
  }

  .pf-v5-u-active-color-400-on-2xl {
    color: var(--pf-v5-global--active-color--400) !important;
  }

  .pf-v5-u-primary-color-100-on-2xl {
    color: var(--pf-v5-global--primary-color--100) !important;
  }

  .pf-v5-u-color-light-100-on-2xl {
    color: var(--pf-v5-global--Color--light-100) !important;
  }

  .pf-v5-u-color-light-200-on-2xl {
    color: var(--pf-v5-global--Color--light-200) !important;
  }

  .pf-v5-u-link-color-on-2xl {
    color: var(--pf-v5-global--link--Color) !important;
  }

  .pf-v5-u-link-color-hover-on-2xl {
    color: var(--pf-v5-global--link--Color--hover) !important;
  }

  .pf-v5-u-link-color-light-on-2xl {
    color: var(--pf-v5-global--link--Color--light) !important;
  }

  .pf-v5-u-link-color-light-hover-on-2xl {
    color: var(--pf-v5-global--link--Color--light--hover) !important;
  }

  .pf-v5-u-link-color-dark-on-2xl {
    color: var(--pf-v5-global--link--Color--dark) !important;
  }

  .pf-v5-u-link-color-dark-hover-on-2xl {
    color: var(--pf-v5-global--link--Color--dark--hover) !important;
  }

  .pf-v5-u-link-color-visited-on-2xl {
    color: var(--pf-v5-global--link--Color--visited) !important;
  }

  .pf-v5-u-custom-color-100-on-2xl {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  .pf-v5-u-custom-color-200-on-2xl {
    color: var(--pf-v5-global--custom-color--200) !important;
  }

  .pf-v5-u-custom-color-300-on-2xl {
    color: var(--pf-v5-global--custom-color--300) !important;
  }

  .pf-v5-u-success-color-100-on-2xl {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  .pf-v5-u-success-color-200-on-2xl {
    color: var(--pf-v5-global--success-color--200) !important;
  }

  .pf-v5-u-info-color-100-on-2xl {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  .pf-v5-u-info-color-200-on-2xl {
    color: var(--pf-v5-global--info-color--200) !important;
  }

  .pf-v5-u-warning-color-100-on-2xl {
    color: var(--pf-v5-global--warning-color--100) !important;
  }

  .pf-v5-u-warning-color-200-on-2xl {
    color: var(--pf-v5-global--warning-color--200) !important;
  }

  .pf-v5-u-danger-color-100-on-2xl {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  .pf-v5-u-danger-color-200-on-2xl {
    color: var(--pf-v5-global--danger-color--200) !important;
  }

  .pf-v5-u-danger-color-300-on-2xl {
    color: var(--pf-v5-global--danger-color--300) !important;
  }

  .pf-v5-u-disabled-color-100-on-2xl {
    color: var(--pf-v5-global--disabled-color--100) !important;
  }

  .pf-v5-u-disabled-color-200-on-2xl {
    color: var(--pf-v5-global--disabled-color--200) !important;
  }

  .pf-v5-u-icon-color-light-on-2xl {
    color: var(--pf-v5-global--icon--Color--light) !important;
  }

  .pf-v5-u-icon-color-dark-on-2xl {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

.pf-v5-u-text-break-word {
  word-break: break-word !important;
}

.pf-v5-u-text-nowrap {
  white-space: nowrap !important;
}

.pf-v5-u-text-wrap {
  white-space: normal !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-text-break-word-on-sm {
    word-break: break-word !important;
  }

  .pf-v5-u-text-nowrap-on-sm {
    white-space: nowrap !important;
  }

  .pf-v5-u-text-wrap-on-sm {
    white-space: normal !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-text-break-word-on-md {
    word-break: break-word !important;
  }

  .pf-v5-u-text-nowrap-on-md {
    white-space: nowrap !important;
  }

  .pf-v5-u-text-wrap-on-md {
    white-space: normal !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-text-break-word-on-lg {
    word-break: break-word !important;
  }

  .pf-v5-u-text-nowrap-on-lg {
    white-space: nowrap !important;
  }

  .pf-v5-u-text-wrap-on-lg {
    white-space: normal !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-text-break-word-on-xl {
    word-break: break-word !important;
  }

  .pf-v5-u-text-nowrap-on-xl {
    white-space: nowrap !important;
  }

  .pf-v5-u-text-wrap-on-xl {
    white-space: normal !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-text-break-word-on-2xl {
    word-break: break-word !important;
  }

  .pf-v5-u-text-nowrap-on-2xl {
    white-space: nowrap !important;
  }

  .pf-v5-u-text-wrap-on-2xl {
    white-space: normal !important;
  }
}

.pf-v5-u-text-truncate {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-color-300 {
  color: var(--pf-v5-global--Color--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100 {
  color: var(--pf-v5-global--Color-100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200 {
  color: var(--pf-v5-global--Color-200) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300 {
  color: var(--pf-v5-global--custom-color--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200 {
  color: var(--pf-v5-global--success-color--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200 {
  color: var(--pf-v5-global--info-color--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300 {
  color: var(--pf-v5-global--danger-color--100) !important;
}

:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark {
  color: var(--pf-v5-global--icon--Color--dark) !important;
}

@media screen and (min-width: 576px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-sm {
    color: var(--pf-v5-global--Color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-sm {
    color: var(--pf-v5-global--Color-100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-sm {
    color: var(--pf-v5-global--Color-200) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-sm {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-sm {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-sm {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-sm {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-sm {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

@media screen and (min-width: 768px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-md {
    color: var(--pf-v5-global--Color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-md {
    color: var(--pf-v5-global--Color-100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-md {
    color: var(--pf-v5-global--Color-200) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-md {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-md {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-md {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-md {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-md {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

@media screen and (min-width: 992px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-lg {
    color: var(--pf-v5-global--Color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-lg {
    color: var(--pf-v5-global--Color-100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-lg {
    color: var(--pf-v5-global--Color-200) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-lg {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-lg {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-lg {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-lg {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-lg {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

@media screen and (min-width: 1200px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-xl {
    color: var(--pf-v5-global--Color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-xl {
    color: var(--pf-v5-global--Color-100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-xl {
    color: var(--pf-v5-global--Color-200) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-xl {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-xl {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-xl {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-xl {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-xl {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

@media screen and (min-width: 1450px) {
  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-2xl {
    color: var(--pf-v5-global--Color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-2xl {
    color: var(--pf-v5-global--Color-100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-2xl {
    color: var(--pf-v5-global--Color-200) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-2xl {
    color: var(--pf-v5-global--custom-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-2xl {
    color: var(--pf-v5-global--success-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-2xl {
    color: var(--pf-v5-global--info-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-2xl {
    color: var(--pf-v5-global--danger-color--100) !important;
  }

  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-2xl {
    color: var(--pf-v5-global--icon--Color--dark) !important;
  }
}

.pf-v5-u-w-8 {
  width: 8.3333333333% !important;
}

.pf-v5-u-w-10 {
  width: 10% !important;
}

.pf-v5-u-w-16 {
  width: 16.6666666667% !important;
}

.pf-v5-u-w-42 {
  width: 41.6666666667% !important;
}

.pf-v5-u-w-58 {
  width: 58.3333333333% !important;
}

.pf-v5-u-w-83 {
  width: 83.3333333333% !important;
}

.pf-v5-u-w-92 {
  width: 91.6666666667% !important;
}

@media screen and (min-width: 576px) {
  .pf-v5-u-w-8-on-sm {
    width: 8.3333333333% !important;
  }

  .pf-v5-u-w-10-on-sm {
    width: 10% !important;
  }

  .pf-v5-u-w-16-on-sm {
    width: 16.6666666667% !important;
  }

  .pf-v5-u-w-42-on-sm {
    width: 41.6666666667% !important;
  }

  .pf-v5-u-w-58-on-sm {
    width: 58.3333333333% !important;
  }

  .pf-v5-u-w-83-on-sm {
    width: 83.3333333333% !important;
  }

  .pf-v5-u-w-92-on-sm {
    width: 91.6666666667% !important;
  }
}

@media screen and (min-width: 768px) {
  .pf-v5-u-w-8-on-md {
    width: 8.3333333333% !important;
  }

  .pf-v5-u-w-10-on-md {
    width: 10% !important;
  }

  .pf-v5-u-w-16-on-md {
    width: 16.6666666667% !important;
  }

  .pf-v5-u-w-42-on-md {
    width: 41.6666666667% !important;
  }

  .pf-v5-u-w-58-on-md {
    width: 58.3333333333% !important;
  }

  .pf-v5-u-w-83-on-md {
    width: 83.3333333333% !important;
  }

  .pf-v5-u-w-92-on-md {
    width: 91.6666666667% !important;
  }
}

@media screen and (min-width: 992px) {
  .pf-v5-u-w-8-on-lg {
    width: 8.3333333333% !important;
  }

  .pf-v5-u-w-10-on-lg {
    width: 10% !important;
  }

  .pf-v5-u-w-16-on-lg {
    width: 16.6666666667% !important;
  }

  .pf-v5-u-w-42-on-lg {
    width: 41.6666666667% !important;
  }

  .pf-v5-u-w-58-on-lg {
    width: 58.3333333333% !important;
  }

  .pf-v5-u-w-83-on-lg {
    width: 83.3333333333% !important;
  }

  .pf-v5-u-w-92-on-lg {
    width: 91.6666666667% !important;
  }
}

@media screen and (min-width: 1200px) {
  .pf-v5-u-w-8-on-xl {
    width: 8.3333333333% !important;
  }

  .pf-v5-u-w-10-on-xl {
    width: 10% !important;
  }

  .pf-v5-u-w-16-on-xl {
    width: 16.6666666667% !important;
  }

  .pf-v5-u-w-42-on-xl {
    width: 41.6666666667% !important;
  }

  .pf-v5-u-w-58-on-xl {
    width: 58.3333333333% !important;
  }

  .pf-v5-u-w-83-on-xl {
    width: 83.3333333333% !important;
  }

  .pf-v5-u-w-92-on-xl {
    width: 91.6666666667% !important;
  }
}

@media screen and (min-width: 1450px) {
  .pf-v5-u-w-8-on-2xl {
    width: 8.3333333333% !important;
  }

  .pf-v5-u-w-10-on-2xl {
    width: 10% !important;
  }

  .pf-v5-u-w-16-on-2xl {
    width: 16.6666666667% !important;
  }

  .pf-v5-u-w-42-on-2xl {
    width: 41.6666666667% !important;
  }

  .pf-v5-u-w-58-on-2xl {
    width: 58.3333333333% !important;
  }

  .pf-v5-u-w-83-on-2xl {
    width: 83.3333333333% !important;
  }

  .pf-v5-u-w-92-on-2xl {
    width: 91.6666666667% !important;
  }
}


.pf-v5-c-form-control {
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
}

:root {
  --pf-v5-global--FontSize--md: 14px;
  --pf-global--FontSize--md: 14px;
  --pf-v5-global--FontSize--sm: 13px;
  --pf-global--FontSize--sm: 13px;
}

dd:where(:not([class*="pf-v5-c-"])) {
  margin-bottom: var(--pf-v5-global--spacer--lg);
}

dd:last-child:where(:not([class*="pf-v5-c-"])) {
  margin-bottom: 0;
}

dl:where(:not([class*="pf-v5-c-"])) {
  margin: 0;
}

dt:where(:not([class*="pf-v5-c-"])) {
  font-weight: var(--pf-v5-global--FontWeight--bold);
}

fieldset:where(:not([class*="pf-v5-c-"])) {
  border: 0;
}

input[type=number]:where(:not([class*="pf-v5-c-"])) {
  -webkit-appearance: textfield;
  appearance: textfield;
  max-width: 100px;
}

input[type=number]:where(:not([class*="pf-v5-c-"]))::-webkit-inner-spin-button,
input[type=number]:where(:not([class*="pf-v5-c-"]))::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=radio]:where(:not([class*="pf-v5-c-"])) {
  margin-right: 7px;
}

:is(ul,ol):where(:not([class*="pf-v5-c-"])) {
  padding-left: 20px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before,
.container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

.form-group {
  margin-bottom: 15px;
}

.has-feedback {
  position: relative;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: var(--pf-v5-global--Color--100);
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: var(--pf-v5-global--BackgroundColor--100);
  border: 1px solid var(--pf-v5-global--BorderColor--100);
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}

.radio+.radio,
.checkbox+.checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  margin-right: 20px;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.small,
small {
  font-size: var(--pf-v5-global--FontSize--sm) !important;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
  padding: var(--pf-v5-global--spacer--sm);
  vertical-align: top;
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: var(--pf-v5-global--BorderWidth--md) solid var(--pf-v5-global--BorderColor--300);
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
  border-top: 0;
}

.text-muted {
  color: var(--pf-v5-global--Color--200);
}

.text-secondary {
  color: var(--pf-v5-global--Color--200);
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

:root {
  --pf-v5-c-code-block--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
  --pf-v5-c-code-block__pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
  --pf-v5-c-code-block__pre--FontSize: var(--pf-v5-global--FontSize--sm);
  --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
}

h1:where(:not([class*="pf-v5-c-"])) {
  font-size: var(--pf-v5-global--FontSize--2xl);
  font-family: var(--pf-v5-global--FontFamily--heading);
  font-weight: var(--pf-v5-global--FontWeight--normal);
  line-height: var(--pf-v5-global--LineHeight--md);
  margin-bottom: var(--pf-v5-global--spacer--sm);
  word-break: break-word;
}

h2:where(:not([class*="pf-v5-c-"])) {
  font-size: var(--pf-v5-global--FontSize--xl);
  font-family: var(--pf-v5-global--FontFamily--heading);
  font-weight: var(--pf-v5-global--FontWeight--normal);
  line-height: var(--pf-v5-global--LineHeight--md);
  margin-bottom: var(--pf-v5-global--spacer--sm);
  word-break: break-word;
}

h3:where(:not([class*="pf-v5-c-"])) {
  font-size: var(--pf-v5-global--FontSize--lg);
  font-family: var(--pf-v5-global--FontFamily--heading);
  font-weight: var(--pf-v5-global--FontWeight--normal);
  line-height: var(--pf-v5-global--LineHeight--md);
  margin-bottom: var(--pf-v5-global--spacer--sm);
  word-break: break-word;
}

h4:where(:not([class*="pf-v5-c-"])) {
  font-size: var(--pf-v5-global--FontSize--md);
  font-family: var(--pf-v5-global--FontFamily--heading);
  font-weight: var(--pf-v5-global--FontWeight--normal);
  line-height: var(--pf-v5-global--LineHeight--md);
  margin-bottom: var(--pf-v5-global--spacer--sm);
  word-break: break-word;
}

h5:where(:not([class*="pf-v5-c-"])) {
  font-size: var(--pf-v5-global--FontSize--md);
  font-family: var(--pf-v5-global--FontFamily--heading);
  font-weight: var(--pf-v5-global--FontWeight--normal);
  line-height: var(--pf-v5-global--LineHeight--md);
  margin-bottom: var(--pf-v5-global--spacer--sm);
  word-break: break-word;
}

h6:where(:not([class*="pf-v5-c-"])) {
  font-size: var(--pf-v5-global--FontSize--md);
  font-family: var(--pf-v5-global--FontFamily--heading);
  font-weight: var(--pf-v5-global--FontWeight--normal);
  line-height: var(--pf-v5-global--LineHeight--md);
  margin-bottom: var(--pf-v5-global--spacer--sm);
  word-break: break-word;
}

:where(:not([class*="pf-v5-c-"])) input,
:where(:not([class*="pf-v5-c-"])) optgroup,
:where(:not([class*="pf-v5-c-"])) select,
:where(:not([class*="pf-v5-c-"])) textarea,
:where(:not([class*="pf-v5-c-"])) .pf-v5-c-badge {
  font-family: var(--pf-v5-global--FontFamily--text);
}

button:where(:not([class*="pf-v5-c-"])) {
  font-family: var(--pf-v5-global--FontFamily--text);
}

.pf-v5-c-form-control {
  --pf-v5-c-form-control--ColumnGap: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-form-control--FontSize: var(--pf-v5-global--FontSize--md);
  --pf-v5-c-form-control--LineHeight: var(--pf-v5-global--LineHeight--md);
  --pf-v5-c-form-control--Resize: none;
  --pf-v5-c-form-control--OutlineOffset: 0;
  --pf-c-form-control--BorderTopColor: var(--pf-global--BorderColor--300);
  --pf-c-form-control--BorderRightColor: var(--pf-global--BorderColor--300);
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--200);
  --pf-c-form-control--BorderLeftColor: var(--pf-global--BorderColor--300);
  --pf-v5-c-form-control--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--before--BorderBottomWidth: 0;
  --pf-v5-c-form-control--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-form-control--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-form-control--before--BorderBottomColor: transparent;
  --pf-v5-c-form-control--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-form-control--Width: 100%;
  --pf-v5-c-form-control--inset--base: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-form-control--PaddingBottom: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-form-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-form-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-global--Color--dark-200);
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
  --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
  --pf-v5-c-form-control--m-disabled--after--BorderColor: transparent;
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--300);
  --pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-form-control--m-readonly--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
  --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
  --pf-v5-c-form-control--m-success--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--m-success--after--BorderBottomColor: var(--pf-v5-global--success-color--100);
  --pf-v5-c-form-control--m-success--PaddingRight: var(--pf-v5-global--spacer--xl);
  --pf-v5-c-form-control--m-warning--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--m-warning--after--BorderBottomColor: var(--pf-v5-global--warning-color--100);
  --pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-v5-global--spacer--xl);
  --pf-v5-c-form-control--m-error--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-form-control--m-error--after--BorderBottomColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-form-control--m-error--PaddingRight: var(--pf-v5-global--spacer--xl);
  --pf-v5-c-form-control--m-error--icon--width: var(--pf-v5-c-form-control--FontSize);
  --pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
  --pf-v5-c-form-control--m-icon--icon--width: var(--pf-v5-c-form-control--FontSize);
  --pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-error--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
  --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-global--spacer--lg);
  --pf-v5-c-form-control__select--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
  --pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
  --pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
  --pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
  --pf-v5-c-form-control--textarea--Height: auto;
  --pf-v5-c-form-control__icon--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-form-control__icon--Color: var(--pf-v5-global--icon--Color--light);
  --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-global--icon--Color--light);
  --pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-v5-global--success-color--100);
  --pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-v5-global--warning-color--100);
  --pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-form-control__utilities--Gap: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control__utilities--PaddingRight: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control__toggle-icon--PaddingTop: var(--pf-v5-global--spacer--form-element);
  --pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control__toggle-icon--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
  --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
  color: var(--pf-v5-c-form-control--Color);
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--pf-v5-c-form-control--ColumnGap);
  align-items: start;
  width: var(--pf-v5-c-form-control--Width);
  font-size: var(--pf-v5-c-form-control--FontSize);
  line-height: var(--pf-v5-c-form-control--LineHeight);
  resize: var(--pf-v5-c-form-control--Resize);
  background-color: var(--pf-v5-c-form-control--BackgroundColor);
}

.pf-v5-c-form-control:is(input,select,textarea) {
  grid-row: 1/2;
  grid-column: 1/-1;
  padding-block-start: var(--pf-v5-c-form-control--PaddingTop);
  padding-block-end: var(--pf-v5-c-form-control--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-form-control--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-form-control--PaddingRight);
  color: var(--pf-v5-c-form-control--Color);
  border: var(--pf-global--BorderWidth--sm) solid;
  border-color: var(--pf-c-form-control--BorderTopColor) var(--pf-c-form-control--BorderRightColor) var(--pf-c-form-control--BorderBottomColor) var(--pf-c-form-control--BorderLeftColor);
  -moz-appearance: none;
  -webkit-appearance: none;
}

.pf-v5-c-form-control:is(input,select,textarea):focus {
  outline-offset: var(--pf-v5-c-form-control--OutlineOffset);
}

.pf-v5-c-form-control::placeholder {
  color: var(--pf-v5-c-form-control--m-placeholder--Color);
}

.pf-v5-c-form-control:is(input,select) {
  text-overflow: ellipsis;
}

.pf-v5-c-form-control.pf-m-readonly {
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
}

.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success,.pf-m-warning,.pf-m-error) {
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor);
  --pf-v5-c-form-control--focus--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomWidth);
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor);
}

.pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
  --pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--m-readonly--m-plain--inset--base);
  --pf-v5-c-form-control--before--BorderStyle: none;
  --pf-v5-c-form-control--after--BorderStyle: none;
  --pf-v5-c-form-control--OutlineOffset: var(--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset);
}

.pf-v5-c-form-control:hover {
  border-bottom-color: var(--pf-v5-c-form-control--hover--after--BorderBottomColor);
}

.pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--focus--after--BorderBottomColor);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--focus--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-expanded {
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--m-expanded--after--BorderBottomColor);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-expanded--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-disabled,
.pf-v5-c-form-control:disabled {
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-c-form-control--m-disabled--Color);
  --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
  --pf-v5-c-form-control--before--BorderStyle: none;
  --pf-v5-c-form-control--after--BorderStyle: none;
  border-color: transparent;
  cursor: not-allowed;
}

.pf-v5-c-form-control.pf-m-error {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--m-error--after--BorderBottomColor);
  --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
  --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-error--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-error.pf-m-icon {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
}

.pf-v5-c-form-control.pf-m-success {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--m-success--after--BorderBottomColor);
  --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
  --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-success--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-success.pf-m-icon {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
}

.pf-v5-c-form-control.pf-m-warning {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--m-warning--after--BorderBottomColor);
  --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
  --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight);
  --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--m-warning--after--BorderBottomWidth);
}

.pf-v5-c-form-control.pf-m-warning.pf-m-icon {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
}

.pf-v5-c-form-control.pf-m-icon {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--PaddingRight);
}

select.pf-v5-c-form-control {
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
}

@-moz-document url-prefix()  {
  select.pf-v5-c-form-control {
    --pf-v5-c-form-control--PaddingRight: calc(var(--pf-v5-c-form-control__select--PaddingRight) - 1px);
    --pf-v5-c-form-control--PaddingLeft: calc(var(--pf-v5-c-form-control__select--PaddingLeft) - 4px);
  }
}

.pf-v5-c-form-control.pf-m-placeholder>select {
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
}

.pf-v5-c-form-control.pf-m-placeholder>select * {
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
}

.pf-v5-c-form-control.pf-m-placeholder>select *:disabled {
  color: revert;
}

.pf-v5-c-form-control>textarea {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  resize: none;
}

.pf-v5-c-form-control.pf-m-resize-vertical {
  --pf-v5-c-form-control--Resize: vertical;
  overflow: auto;
}

.pf-v5-c-form-control.pf-m-resize-horizontal {
  --pf-v5-c-form-control--Resize: horizontal;
  overflow: auto;
}

.pf-v5-c-form-control.pf-m-resize-both {
  --pf-v5-c-form-control--Resize: both;
  overflow: auto;
}

.pf-v5-c-form-control__icon {
  padding-block-start: var(--pf-v5-c-form-control__icon--PaddingTop);
  color: var(--pf-v5-c-form-control__icon--Color);
}

.pf-v5-c-form-control__icon.pf-m-status {
  --pf-v5-c-form-control__icon--Color: var(--pf-v5-c-form-control__icon--m-status--Color);
}

.pf-v5-c-form-control__toggle-icon {
  grid-row: 1/2;
  grid-column: 3;
  padding-block-start: var(--pf-v5-c-form-control__toggle-icon--PaddingTop);
  padding-inline-start: var(--pf-v5-c-form-control__toggle-icon--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-form-control__toggle-icon--PaddingRight);
  color: var(--pf-v5-c-form-control__toggle-icon--Color);
  pointer-events: none;
}

.pf-v5-c-form-control__utilities {
  display: flex;
  flex-wrap: nowrap;
  grid-row: 1/2;
  grid-column: 2;
  gap: var(--pf-v5-c-form-control__utilities--Gap);
  padding-inline-end: var(--pf-v5-c-form-control__utilities--PaddingRight);
  pointer-events: none;
}

:where(.pf-theme-dark) .pf-v5-c-form-control {
  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
  --pf-c-form-control--BorderTopColor: transparent;
  --pf-c-form-control--BorderRightColor: transparent;
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
  --pf-c-form-control--BorderLeftColor: transparent;
  --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
  --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
  --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
  --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
  color: var(--pf-global--Color--100);
}

:where(.pf-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

:where(.pf-theme-dark) .pf-v5-c-form-control[readonly] {
  border-bottom-color: var(--pf-global--palette--black-700);
}

:where(.pf-theme-dark) .pf-v5-c-form-control:disabled {
  color: var(--pf-global--palette--black-100);
}

form.pf-v5-c-form {
  --pf-v5-c-form__helper-text--Color: var(--pf-v5-global--Color--200);
}

.catalog-tile-pf-title {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.co-catalog-tile .catalog-tile-pf-icon {
  font-size: unset !important;
}

.co-catalog-tile .co-catalog--logo {
  height: 100%;
  max-width: 80px;
  min-width: auto;
  object-fit: contain;
  width: 100%;
}

.co-catalog-tile .catalog-tile-pf-icon {
  padding: var(--pf-v5-global--spacer--sm);
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  background: var(--pf-v5-global--palette--white);
  display: block;
  height: 50px;
  margin-bottom: calc(-1*var(--pf-v5-global--spacer--sm));
  margin-left: calc(-1*var(--pf-v5-global--spacer--sm));
  margin-top: calc(-1*var(--pf-v5-global--spacer--sm));
  max-width: 100%;
  min-width: 50px;
  width: fit-content;
}

:where(.pf-v5-theme-dark) .co-catalog-tile .catalog-tile-pf-icon {
  margin-left: 0;
  margin-top: 0;
}

.co-catalog-tile .pf-v5-c-card__actions {
  gap: 0;
}

.co-catalog-tile .pf-v5-c-card__actions label {
  margin-bottom: 0;
}

.co-catalog-tile .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:hover {
  --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
}

.catalog-item-header-pf-icon {
  padding: var(--pf-v5-global--spacer--sm);
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  background: var(--pf-v5-global--palette--white);
}

.co-catalog-page__overlay-header .catalog-item-header-pf-icon {
  max-width: 80px;
  width: auto;
}

.co-create-operand__form--toggle-no-border .pf-v5-c-accordion__toggle.pf-m-expanded {
  --pf-v5-c-accordion__toggle--before--BackgroundColor: transparent;
}

.co-installed-operators .pf-v5-c-table tbody>tr>* {
  vertical-align: top;
}

.co-toolbar-no-padding .pf-v5-c-toolbar__content {
  margin-left: -1rem;
  margin-right: -1rem;
  --pf-v5-c-toolbar--PaddingTop: 0;
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-global--spacer--md);
}

.monaco-aria-container {
  top: -999em;
}

.pf-v5-c-about-modal-box {
  --pf-v5-c-about-modal-box__brand-image--Height: auto !important;
}

.pf-v5-c-about-modal-box__brand {
  align-items: flex-start;
  min-width: 220px;
}

@media only screen and (min-width: 576px) {
  .pf-v5-c-about-modal-box {
    background-image: url(./assets/public/imgs/pfbg_992.jpg) !important;
    background-position: 400px !important;
    background-size: cover !important;
  }
}

.pf-v5-c-about-modal-box__brand {
  background-color: var(--pf-v5-global--palette--black-1000);
}

.pf-v5-c-about-modal-box__brand-image,
.pf-v5-c-brand {
  max-width: 100%;
}

.pf-v5-c-about-modal-box__content {
  background-color: var(--pf-v5-global--palette--black-1000);
  padding: var(--pf-v5-global--spacer--2xl) var(--pf-v5-global--spacer--3xl);
  --pf-v5-c-about-modal-box__content--MarginBottom: 0;
  --pf-v5-c-about-modal-box__content--MarginLeft: 0;
  --pf-v5-c-about-modal-box__content--MarginRight: 0;
  --pf-v5-c-about-modal-box__content--MarginTop: 0;
}

.pf-v5-c-alert--top-margin {
  margin-top: var(--pf-v5-global--spacer--lg);
}

.pf-v5-c-app-launcher__group-title {
  font-family: var(--pf-v5-global--FontFamily--text);
}

.pf-v5-c-button--align-right {
  margin-left: auto !important;
}

.pf-v5-c-button:hover .pf-v5-c-button-icon--plain,
.pf-v5-c-button:focus .pf-v5-c-button-icon--plain {
  color: var(--pf-v5-c-button--m-plain--hover--Color);
}

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

.pf-v5-c-button.pf-v5-c-button--no-default-values {
  --pf-v5-c-button--PaddingTop: 0;
  --pf-v5-c-button--PaddingRight: 0;
  --pf-v5-c-button--PaddingBottom: 0;
  --pf-v5-c-button--PaddingLeft: 0;
  border: 0;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  text-align: unset;
  white-space: normal;
}

.pf-v5-c-button.pf-m-inline {
  text-align: left;
}

.pf-v5-c-button.pf-m-link--align-left {
  --pf-v5-c-button--PaddingLeft: 0;
}

.pf-v5-c-button.pf-m-link--align-right {
  --pf-v5-c-button--PaddingRight: 0;
}

.pf-v5-c-check__label {
  margin-bottom: 0;
}

@media print {
  .pf-v5-c-data-list__cell {
    padding: 1px !important;
  }
}

.pf-v5-c-data-list__item--transparent-bg {
  --pf-v5-c-data-list__item--BackgroundColor: transparent;
}

.pf-v5-c-modal-box,
.pf-v5-c-switch {
  --pf-v5-global--FontSize--md: 1rem;
}

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

.pf-v5-c-page__main.default-overflow {
  z-index: calc(var(--pf-v5-c-page__header--ZIndex) + 50);
}

.pf-v5-c-page .co-page-backdrop {
  background-color: var(--pf-global--BackgroundColor--100) !important;
}

.pf-v5-c-page .pf-v5-c-brand {
  max-height: var(--pf-c-page__header-brand-link--c-brand--MaxHeight);
}

.pf-v5-c-page .pf-v5-page__main-section--flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pf-v5-c-page .pf-v5-c-app-launcher,
.pf-v5-c-page .pf-v5-c-button,
.pf-v5-c-page .pf-c-button,
.pf-v5-c-page .pf-v5-c-dropdown,
.pf-v5-c-page .pf-c-dropdown,
.pf-v5-c-page .pf-v5-c-dropdown__menu-item,
.pf-v5-c-page .pf-c-dropdown__menu-item,
.pf-v5-c-page .pf-v5-c-dropdown__toggle,
.pf-v5-c-page .pf-c-dropdown__toggle,
.pf-v5-c-page .pf-v5-c-form-control,
.pf-v5-c-page .pf-c-form-control,
.modal-dialog .pf-v5-c-app-launcher,
.modal-dialog .pf-v5-c-button,
.modal-dialog .pf-c-button,
.modal-dialog .pf-v5-c-dropdown,
.modal-dialog .pf-c-dropdown,
.modal-dialog .pf-v5-c-dropdown__menu-item,
.modal-dialog .pf-c-dropdown__menu-item,
.modal-dialog .pf-v5-c-dropdown__toggle,
.modal-dialog .pf-c-dropdown__toggle,
.modal-dialog .pf-v5-c-form-control,
.modal-dialog .pf-c-form-control {
  font-size: 14px;
  height: auto;
}

.pf-v5-c-page .pf-v5-l-stack,
.modal-dialog .pf-v5-l-stack {
  font-size: 14px;
}

.pf-v5-c-page .pf-v5-c-form-control.pf-m-success,
.pf-v5-c-page .pf-v5-c-form-control[aria-invalid=true],
.modal-dialog .pf-v5-c-form-control.pf-m-success,
.modal-dialog .pf-v5-c-form-control[aria-invalid=true] {
  --pf-v5-global--FontSize--md: 14px;
}

.pf-v5-c-masthead__content .pf-v5-c-app-launcher__toggle,
.pf-v5-c-masthead__content .pf-v5-c-dropdown__toggle,
.pf-v5-c-masthead__content .pf-v5-c-menu-toggle,
.pf-v5-c-masthead__content .pf-v5-c-notification-badge {
  font-size: 16px !important;
}

.pf-v5-c-masthead__toggle .pf-v5-c-button {
  font-size: var(--pf-v5-c-masthead__toggle--c-button--FontSize);
}

:where(:root:not(.pf-v5-theme-dark)) .pf-v5-c-page {
  --pf-v5-c-page__sidebar--BoxShadow: none;
}

@media print {
  .pf-v5-c-page__sidebar {
    display: none !important;
  }
}

.pf-v5-c-page__sidebar.pf-m-dark .pf-v5-c-dropdown {
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav {
  --pf-v5-c-nav__list-link--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-nav__list-link--PaddinLeft: var(--pf-v5-global--spacer--md);
  --pf-v5-c-nav__list-link--after--Left: var(--pf-v5-global--spacer--md);
  --pf-v5-c-nav__link--FontSize: 16px;
  --pf-v5-c-nav__subnav__link--FontSize: 14px;
}

@media screen and (min-width: 1200px) {
  .pf-v5-c-page__sidebar .pf-v5-c-nav {
    --pf-v5-c-nav__list-link--PaddingRight: var(--pf-v5-global--spacer--md);
    --pf-v5-c-nav__list-link--PaddinLeft: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-nav__list-link--after--Left: var(--pf-v5-global--spacer--lg);
    --pf-v5-c-nav__simple-list--nested__separator--MarginLeft: var(--pf-v5-global--spacer--xl);
    --pf-v5-c-nav__simple-list-link--nested--PaddingLeft: var(--pf-v5-global--spacer--xl);
  }
}

.pf-v5-c-page__sidebar .pf-v5-c-nav .pf-v5-c-nav__link {
  font-size: 16px;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav .pf-v5-c-nav__subnav .pf-v5-c-nav__link {
  font-size: 14px;
}

.pf-v5-c-table tr>* {
  --pf-v5-c-table--cell--FontSize: $font-size-base;
}

.pf-v5-theme-dark .pf-v5-c-card {
  --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
}

.table {
  margin-bottom: 0;
}

.table--layout-fixed {
  table-layout: fixed;
}

.table td {
  vertical-align: middle !important;
}

.table th {
  font-weight: var(--pf-v5-global--FontWeight--bold);
  padding-top: 0 !important;
}

.table thead>tr>th {
  border-bottom: 0;
}

.table tr:last-child {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
}

.xterm .xterm-screen canvas {
  border-right: 1px solid transparent;
}

button.pf-v5-c-dropdown__menu-item.pf-m-disabled {
  pointer-events: auto;
}

#modal-container .pf-v5-c-backdrop {
  position: absolute !important;
}

.form-group--doubled-bottom-margin {
  margin-bottom: 30px;
}

ul {
  list-style: disc;
}

:is(ul,ol):where([class^="pf-"]:not(.pf-v5-c-list, .pf-c-list)) {
  list-style: none !important;
}

.pfext-quick-start-content {
  font-size: 14px !important;
}

.odc-topology .pf-topology-content {
  background-color: var(--pf-v5-global--BackgroundColor--200);
}

.pfext-quick-start-footer {
  background-color: var(--pf-v5-global--BackgroundColor--100);
}

.pf-v5-c-skip-to-content {
  position: absolute !important;
}

.properties-side-panel-pf-property-value .pf-v5-c-alert__title,
.properties-side-panel-pf-property-value .pf-v5-c-select__toggle {
  font-size: 14px;
}

:where(.pf-theme-dark) .pfext-quick-start-task__content .pfext-markdown-view pre code {
  color: var(--pf-global--Color--100);
  background-color: var(--pf-global--palette--black-600);
}

.pf-v5-c-popover {
  min-width: var(--pf-v5-c-popover--MinWidth) !important;
}

.pf-v5-c-truncate--no-min-width {
  --pf-v5-c-truncate--MinWidth: 0 !important;
}

.co-breadcrumb {
  padding-bottom: var(--pf-v5-global--spacer--sm);
}

.co-divider {
  margin-bottom: var(--pf-v5-global--spacer--lg);
  margin-top: var(--pf-v5-global--spacer--lg);
}

dl.co-inline dd {
  margin-bottom: 1em;
}

dl.co-inline dt {
  float: left;
  margin-right: .4em;
}

.co-m-pane__body {
  margin: 1.5rem 0 0;
  padding: 0 1rem 1.5rem;
}

@media (min-width: 1200px) {
  .co-m-pane__body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.co-m-pane__body--full-height {
  height: 100%;
}

.co-m-pane__body--no-top-margin {
  margin-top: 0;
}

.co-m-pane__body--section-heading {
  padding-bottom: 0;
}

.co-m-pane__body+.co-m-pane__body {
  border-top: 1px solid var(--pf-v5-global--BorderColor--100);
  margin-top: 0;
  padding-top: 1.5rem;
}

.co-m-pane__createLink--no-title {
  margin-bottom: 1.5rem;
}

.co-m-pane__filter-bar,
.co-m-pane__help-text {
  margin: 20px 1rem;
}

@media (min-width: 768px) {
  .co-m-pane__filter-bar,
  .co-m-pane__help-text {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
  }
}

.co-button-help-icon {
  padding: 0 5px;
}

.co-m-pane__filter-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.co-m-pane__filter-bar .co-m-primary-action,
.co-m-pane__filter-bar .pf-v5-c-form-control {
  margin-bottom: 10px;
}

.co-m-pane__filter-bar-group {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  min-width: 0;
}

@media (min-width: 480px) {
  .co-m-pane__filter-bar-group--filter {
    flex: 1 0 auto;
    justify-content: flex-end;
  }
}

.co-m-pane__filter-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.co-m-pane__filter-row-action {
  padding-top: 1rem;
}

@media (min-width: 480px) {
  .co-m-pane__filter-row-action {
    padding-top: 0;
  }
}

.co-m-pane__heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem !important;
}

.co-m-pane__heading--baseline {
  align-items: baseline;
}

.co-m-pane__heading--center {
  justify-content: center;
}

.co-m-pane__heading--logo {
  align-items: center;
}

.co-m-pane__heading--with-help-text {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .co-m-pane__heading-badge {
    margin-left: var(--pf-v5-global--spacer--sm);
  }
}

.co-m-pane__heading-help-text {
  margin-bottom: 1.5rem !important;
}

.co-m-pane__heading-owner {
  display: block;
  font-size: 14px;
  line-height: var(--pf-v5-global--LineHeight--md);
  padding-top: var(--pf-v5-global--spacer--sm);
}

.co-m-pane__heading-owner span {
  display: inline;
}

.co-m-pane__heading-link {
  font-size: 14px;
}

.co-no-bold {
  font-weight: var(--pf-v5-global--FontWeight--normal);
}

.cos-error-title {
  color: #c9190b;
}

.co-section-heading {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px 0;
}

.co-section-heading-secondary {
  font-size: 16px;
  margin: 30px 0;
}

.co-section-heading-tertiary {
  font-size: 16px;
  margin: 15px 0;
}

.co-switch-label {
  margin-bottom: 0;
}

.co-switch-label .pf-v5-c-switch__label {
  font-size: 14px;
  font-weight: var(--pf-v5-global--FontWeight--normal);
}

.co-table-container {
  overflow: auto;
  margin-bottom: 30px;
}

.co-m-pane__details {
  line-height: 1.66;
  min-width: 0;
  white-space: normal;
}

.co-detail-table__row .co-m-pane__details {
  margin-bottom: 0;
}

.co-m-pane__details dd {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.co-m-pane__dropdown {
  margin-bottom: 20px;
}

.co-m-pane__explanation {
  color: #6a6e73;
  margin-bottom: 30px;
}

.co-m-pane__explanation--alt {
  margin-bottom: 20px;
}

.co-help-text {
  color: var(--pf-v5-global--Color--200);
}

.co-m-pane__explanation code {
  background-color: var(--pf-v5-global--BackgroundColor--200);
  color: #6a6e73;
}

.co-pre-line {
  white-space: pre-line;
}

.co-pre-wrap {
  white-space: pre-wrap;
}

@supports (-webkit-overflow-scrolling: touch) {
@media (max-width: 575px) {
    input,
    select,
    .tag-item,
    textarea {
      font-size: 16px !important;
    }
}
}

.co-error {
  color: #c9190b;
  white-space: nowrap;
}

.error-message {
  color: var(--pf-v5-global--palette--white);
  padding: 2px 12px;
  background-color: #d64456;
}

.co-break-word {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.co-break-all {
  word-break: break-all;
}

.co-external-link::after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-size: 75%;
  height: 16px;
  margin-left: 3px;
  margin-right: -15px;
  position: relative;
  top: 0;
  width: 12px;
}

.pf-v5-c-dropdown__menu-item .co-external-link::after {
  color: #6a6e73;
  margin-left: 5px;
}

.pf-v5-c-nav__link .co-external-link::after {
  color: #8a8d90;
  margin-left: 4px;
}

.co-external-link {
  display: inline-block;
  padding-right: 15px;
}

.co-external-link--block {
  display: block;
}

.co-external-link-with-copy__icon {
  color: var(--pf-v5-global--link--Color);
  cursor: pointer;
}

.co-external-link-with-copy__icon:hover {
  color: var(--pf-v5-global--Color--300);
}

.co-external-link-with-copy__externallinkicon {
  padding-left: var(--pf-v5-global--spacer--xs);
}

.co-external-link-with-copy__copyicon {
  margin-left: var(--pf-v5-global--spacer--md);
}

.co-icon-nowrap {
  display: inline;
  white-space: nowrap;
}

.co-goto-arrow::after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-size: 75%;
  height: 16px;
  margin-left: 3px;
  margin-right: -15px;
  position: relative;
  top: 0;
  width: 12px;
}

.co-icon-flex-child {
  flex: 0 0 auto;
  position: relative;
  top: .125em;
}

.co-line-clamp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.co-sidebar-dismiss {
  padding: 0 5px;
}

.co-text-list-plain {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.co-toolbar {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5px;
}

.co-toolbar__item {
  max-width: 100%;
  padding: 5px 0;
}

.co-toolbar__item .co-toolbar__item-dropdown {
  max-width: 100%;
}

.co-toolbar__group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 0;
}

@media (max-width: 767px) {
  .co-toolbar__group {
    flex-direction: column;
    justify-content: flex-end;
  }
}

.co-toolbar__group--left {
  justify-content: flex-start;
}

.co-toolbar__group--left .co-toolbar__item {
  padding-right: 15px;
}

@media (max-width: 767px) {
  .co-toolbar__group--left {
    align-items: flex-start;
  }
}

.co-toolbar__group--alongside-kebab {
  flex: 1 1 0;
  flex-direction: row;
}

.co-toolbar__group--kebab {
  justify-content: flex-start;
}

.co-toolbar__group--right {
  justify-content: flex-end;
}

@media (min-width: 480px) {
  .co-toolbar__group--right .co-toolbar__item {
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .co-toolbar__group--right {
    align-items: flex-end;
  }
}

.co-legend {
  border-bottom: 0;
  font-weight: var(--pf-v5-global--FontWeight--bold);
  font-size: 14px;
  margin-bottom: 5px;
}

.co-legend--nested {
  margin-top: 10px;
}

.co-legend+.radio {
  margin-top: 0;
}

.help-block {
  margin-bottom: 0;
}

.co-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}

.co-select-to-copy {
  cursor: copy;
  user-select: all;
  -moz-user-select: all;
  -webkit-user-select: all;
}

.co-nowrap {
  white-space: nowrap;
}

.co-an-fade-in-out {
  transition-duration: compact(0.2s, false, false, false, false, false, false, false, false, false);
  transition-property: compact(opacity, false, false, false, false, false, false, false, false, false);
  transition-timing-function: compact(linear, false, false, false, false, false, false, false, false, false);
}

.co-m-radio-desc {
  margin-left: 20px;
}

.co-m-form-row {
  margin-bottom: 20px;
}

.co-m-form-row:last-child {
  margin-bottom: 0;
}

.co-m-form-col {
  max-width: 600px;
}

.co-modal-btn-link {
  outline: none;
  padding: 0 20px 0 0;
  white-space: normal;
  word-break: break-all;
  word-break: break-word;
}

.co-modal-btn-link::after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #6a6e73;
  content: "";
  line-height: 1;
  margin-left: 5px;
  margin-right: -20px;
  pointer-events: none;
  position: relative;
  right: 0;
  width: 15px;
}

.co-modal-btn-link:hover::after {
  color: #4f5255;
}

.co-modal-btn-link--inline {
  margin: 0 8px;
}

.co-modal-btn-link--left {
  text-align: left;
}

.co-m-pane__body-group {
  padding: 0 0 30px 0;
}

.co-m-table-grid__body {
  min-height: 50px;
  position: relative;
  width: 100%;
}

.co-m-table-grid__body .row {
  padding: 10px 20px 10px 0;
}

.co-m-table-grid__head {
  font-weight: var(--pf-v5-global--FontWeight--bold);
  padding: 0 20px 10px 0;
}

.co-m-table-grid__head a {
  cursor: pointer;
}

.co-m-table-grid--bordered .co-m-table-grid__body .row,
.co-m-table-grid--bordered .co-m-table-grid__head {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
}

.co-m-table-grid .co-m-table-grid {
  padding-left: 20px;
}

.co-m-table-grid .row {
  line-height: normal;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

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

.co-m-loader-dot__one,
.co-m-loader-dot__two,
.co-m-loader-dot__three {
  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;
}

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

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

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

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

.no-margin {
  margin: 0 !important;
}

.co-overview-card--gradient {
  position: relative;
}

.co-overview-card--gradient:after {
  background: linear-gradient(rgba(255, 255, 255, 0), var(--pf-v5-global--BackgroundColor--100));
  bottom: 0;
  content: "";
  left: 0;
  min-height: 2rem;
  pointer-events: none;
  position: absolute;
  width: calc(100% - var(--pf-v5-global--spacer--lg));
}

.co-overview-card__actions {
  align-self: center !important;
}

.co-icon-space-l {
  margin-left: .35em;
}

.co-icon-space-r {
  margin-right: .25em;
}

html,
body,
#app,
.pf-v5-c-drawer {
  height: 100%;
}

#app,
#content {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  height: 100%;
}

#content-scrollable {
  overflow: auto;
  height: 100%;
}

.co-m-page__body {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.co-m-app__content {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  height: 100%;
}

.co-m-app__content>.pf-v5-c-page {
  height: 0;
  flex: 1;
}

.co-p-has-sidebar {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
}

.co-p-has-sidebar__body {
  flex: 2;
}

.co-p-has-sidebar__close-button {
  font-size: 21px !important;
  line-height: 1 !important;
  padding: 0 !important;
}

.co-p-has-sidebar__sidebar {
  position: relative;
}

@media (min-width: 992px) {
  .co-p-has-sidebar__sidebar {
    flex: 1 0 auto;
    overflow-y: auto;
  }
}

@media (max-width: 991px) {
  .co-p-has-sidebar__sidebar--bordered {
    border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  }
}

@media (min-width: 992px) {
  .co-p-has-sidebar__sidebar--bordered {
    border-left: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  }
}

.co-p-has-sidebar__sidebar-body {
  position: absolute;
  width: 100%;
}

.co-p-has-sidebar__sidebar-body:focus {
  outline: 0;
}

.co-p-has-sidebar__sidebar-heading {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 20px;
  margin-top: 0;
}

.pf-v5-c-label {
  --pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-label--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-label--MaxWidth: 100%;
  --pf-v5-c-label--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--palette--black-150);
  --pf-v5-c-label--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-label--FontSize: var(--pf-v5-global--FontSize--sm);
  --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-label--m-outline__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-50);
  --pf-v5-c-label--m-blue__icon--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--info-color--200);
  --pf-v5-c-label--m-blue__content--before--BorderColor: var(--pf-v5-global--palette--blue-100);
  --pf-v5-c-label--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-label--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-label--m-outline--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--palette--green-50);
  --pf-v5-c-label--m-green__icon--Color: var(--pf-v5-global--success-color--100);
  --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--200);
  --pf-v5-c-label--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
  --pf-v5-c-label--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--success-color--100);
  --pf-v5-c-label--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--success-color--100);
  --pf-v5-c-label--m-outline--m-green__content--Color: var(--pf-v5-global--success-color--100);
  --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--palette--orange-50);
  --pf-v5-c-label--m-orange__icon--Color: var(--pf-v5-global--palette--orange-300);
  --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-700);
  --pf-v5-c-label--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--orange-100);
  --pf-v5-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--orange-300);
  --pf-v5-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--orange-300);
  --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-500);
  --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--palette--red-50);
  --pf-v5-c-label--m-red__icon--Color: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--palette--red-300);
  --pf-v5-c-label--m-red__content--before--BorderColor: var(--pf-v5-global--palette--red-100);
  --pf-v5-c-label--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-label--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-label--m-outline--m-red__content--Color: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--palette--purple-50);
  --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-500);
  --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-700);
  --pf-v5-c-label--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
  --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-500);
  --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-500);
  --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-500);
  --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
  --pf-v5-c-label--m-cyan__icon--Color: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--300);
  --pf-v5-c-label--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
  --pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--palette--cyan-400);
  --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-50);
  --pf-v5-c-label--m-gold__icon--Color: var(--pf-v5-global--palette--gold-400);
  --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-700);
  --pf-v5-c-label--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
  --pf-v5-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-300);
  --pf-v5-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-300);
  --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-600);
  --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-overflow__content--Color: var(--pf-v5-global--link--Color);
  --pf-v5-c-label--m-overflow__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  --pf-v5-c-label--m-overflow__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label--m-overflow__content--before--BorderColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
  --pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--300);
  --pf-v5-c-label--m-compact--PaddingTop: 0;
  --pf-v5-c-label--m-compact--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-label--m-compact--PaddingBottom: 0;
  --pf-v5-c-label--m-compact--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-label--m-compact--FontSize: var(--pf-v5-global--FontSize--xs);
  --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
  --pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-label__content--BackgroundColor: transparent;
  --pf-v5-c-label__content--MaxWidth: 100%;
  --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
  --pf-v5-c-label__text--MaxWidth: 100%;
  --pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
  --pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
  --pf-v5-c-label__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
  --pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
  --pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
  --pf-v5-c-label--m-editable--Cursor: pointer;
  --pf-v5-c-label--m-editable--TextDecoration: underline;
  --pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
  --pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
  --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
  --pf-v5-c-label--m-editable--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
  --pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
  --pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
  --pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
  --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
  position: relative;
  max-width: var(--pf-v5-c-label--MaxWidth);
  padding-block-start: var(--pf-v5-c-label--PaddingTop);
  padding-block-end: var(--pf-v5-c-label--PaddingBottom);
  padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
  padding-inline-end: var(--pf-v5-c-label--PaddingRight);
  font-size: var(--pf-v5-c-label--FontSize);
  color: var(--pf-v5-c-label--Color);
  white-space: nowrap;
  background-color: var(--pf-v5-c-label--BackgroundColor);
  border: 0;
  border-radius: var(--pf-v5-c-label--BorderRadius);
}

.pf-v5-c-label.pf-m-compact {
  --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
  --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
  --pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
  --pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
  --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
  --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
}

.pf-v5-c-label.pf-m-blue,
.pf-v5-c-label.co-label.co-m-silence,
.pf-v5-c-label.co-label.co-m-replicationcontroller,
.pf-v5-c-label.co-label.co-m-replicaset,
.pf-v5-c-label.co-label.co-m-metricstarget,
.pf-v5-c-label.co-label.co-m-job,
.pf-v5-c-label.co-label.co-m-deploymentconfig,
.pf-v5-c-label.co-label.co-m-deployment,
.pf-v5-c-label.co-label.co-m-daemonset,
.pf-v5-c-label.co-label.co-m-clusterserviceversion,
.pf-v5-c-label.co-label.co-m-alert {
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-blue__content--Color);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-blue__content--Color);
  --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
}

.pf-v5-c-label.pf-m-green,
.pf-v5-c-label.co-label.co-m-servicemonitor,
.pf-v5-c-label.co-label.co-m-service,
.pf-v5-c-label.co-label.co-m-project,
.pf-v5-c-label.co-label.co-m-namespace {
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-green__content--Color);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-green__content--Color);
  --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
}

.pf-v5-c-label.pf-m-orange,
.pf-v5-c-label.co-label.co-m-secret,
.pf-v5-c-label.co-label.co-m-alertmanager {
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-orange__content--Color);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-orange__content--Color);
  --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
}

.pf-v5-c-label.pf-m-red {
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-red__content--Color);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-red__content--Color);
  --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
}

.pf-v5-c-label.pf-m-purple,
.pf-v5-c-label.co-label.co-m-serviceaccount,
.pf-v5-c-label.co-label.co-m-node,
.pf-v5-c-label.co-label.co-m-machineset,
.pf-v5-c-label.co-label.co-m-machinedeployment,
.pf-v5-c-label.co-label.co-m-machineconfigpool,
.pf-v5-c-label.co-label.co-m-machineconfig,
.pf-v5-c-label.co-label.co-m-machineautoscaler,
.pf-v5-c-label.co-label.co-m-machine,
.pf-v5-c-label.co-label.co-m-ingress,
.pf-v5-c-label.co-label.co-m-configmap,
.pf-v5-c-label.co-label.co-m-alertrule {
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-purple__content--Color);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-purple__content--Color);
  --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
}

.pf-v5-c-label.pf-m-cyan,
.pf-v5-c-label.co-label.co-m-pod {
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-cyan--BackgroundColor);
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-cyan__icon--Color);
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-cyan__content--Color);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-cyan__content--Color);
  --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
}

.pf-v5-c-label.pf-m-gold {
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-gold__content--Color);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-gold__content--Color);
  --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
}

.pf-v5-c-label.pf-m-outline {
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-outline__content--Color);
  --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--before--BorderWidth);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
  --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
  --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
}

.pf-v5-c-label.pf-m-overflow:hover,
.pf-v5-c-label.pf-m-add:hover,
.pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover,
.pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover {
  --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor);
}

.pf-v5-c-label.pf-m-overflow:focus,
.pf-v5-c-label.pf-m-add:focus,
.pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus,
.pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus {
  --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor);
}

.pf-v5-c-label.pf-m-editable {
  --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
  --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-editable__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor);
  --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
  --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
  text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
  text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
  text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
  text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
  text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
  cursor: var(--pf-v5-c-label--m-editable--Cursor);
}

.pf-v5-c-label.pf-m-editable:hover {
  --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--hover--TextDecorationColor);
}

.pf-v5-c-label.pf-m-editable:focus {
  --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--focus--TextDecorationColor);
}

.pf-v5-c-label.pf-m-editable-active {
  --pf-v5-c-label--m-editable--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active--Cursor);
  --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
}

.pf-v5-c-label.pf-m-overflow,
.pf-v5-c-label.pf-m-add {
  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-overflow__content--Color);
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow__content--BackgroundColor);
  --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--before--BorderWidth);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--before--BorderColor);
  --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth);
  --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor);
  --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
}

.pf-v5-c-label,
.pf-v5-c-label__content {
  display: inline-flex;
  align-items: center;
}

.pf-v5-c-label__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--pf-v5-c-label__text--MaxWidth);
}

.pf-v5-c-label__content {
  max-width: var(--pf-v5-c-label__content--MaxWidth);
  overflow: hidden;
  color: var(--pf-v5-c-label__content--Color);
  background-color: var(--pf-v5-c-label__content--BackgroundColor);
  border-width: 0;
}

.pf-v5-c-label__content::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-v5-c-label__content--before--BorderWidth) solid var(--pf-v5-c-label__content--before--BorderColor);
  border-radius: var(--pf-v5-c-label--BorderRadius);
}

input.pf-v5-c-label__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.pf-v5-c-label__content,
button.pf-v5-c-label__content {
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

a.pf-v5-c-label__content,
a.pf-v5-c-label__content:hover,
a.pf-v5-c-label__content:focus,
button.pf-v5-c-label__content,
button.pf-v5-c-label__content:hover,
button.pf-v5-c-label__content:focus {
  text-decoration: none;
}

a.pf-v5-c-label__content:hover,
button.pf-v5-c-label__content:hover {
  --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
}

a.pf-v5-c-label__content:focus,
button.pf-v5-c-label__content:focus {
  --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
  --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
}

.pf-v5-c-label__icon {
  margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
  color: var(--pf-v5-c-label__icon--Color);
}

.pf-v5-c-label__actions {
  margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
  font-size: var(--pf-v5-c-label__actions--FontSize);
}

.pf-v5-c-label__actions .pf-v5-c-button {
  --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
  margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
  margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
}

:where(.pf-v5-theme-dark) .pf-v5-c-label {
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
  --pf-v5-c-label__content--before--BorderWidth: 0;
  --pf-v5-c-label__content--before--BorderColor: transparent;
  --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
  --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--active-color--200);
  --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--active-color--200);
  --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--active-color--200);
  --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--100);
  --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
  --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
  --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
  --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
  --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
  --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
  --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
  --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
  --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
  --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
  --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
  --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
  --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
  --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
  --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
  --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
  --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
  --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
  --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
  --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
  --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
  --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
  --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
  --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
  --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
  --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
}

.co-text-alert:where(:not([class*="co-m-"])) {
  color: #2b9af3;
}

.co-text-alert:where(:not([class*="co-m-"])):link,
.co-text-alert:where(:not([class*="co-m-"])):visited,
.co-text-alert:where(:not([class*="co-m-"])):hover,
.co-text-alert:where(:not([class*="co-m-"])):active {
  color: #2b9af3;
  text-decoration: none;
}

.co-text-alertmanager:where(:not([class*="co-m-"])) {
  color: #773d00;
}

.co-text-alertmanager:where(:not([class*="co-m-"])):link,
.co-text-alertmanager:where(:not([class*="co-m-"])):visited,
.co-text-alertmanager:where(:not([class*="co-m-"])):hover,
.co-text-alertmanager:where(:not([class*="co-m-"])):active {
  color: #773d00;
  text-decoration: none;
}

.co-text-alertrule:where(:not([class*="co-m-"])) {
  color: #40199a;
}

.co-text-alertrule:where(:not([class*="co-m-"])):link,
.co-text-alertrule:where(:not([class*="co-m-"])):visited,
.co-text-alertrule:where(:not([class*="co-m-"])):hover,
.co-text-alertrule:where(:not([class*="co-m-"])):active {
  color: #40199a;
  text-decoration: none;
}

.co-text-configmap:where(:not([class*="co-m-"])) {
  color: #40199a;
}

.co-text-configmap:where(:not([class*="co-m-"])):link,
.co-text-configmap:where(:not([class*="co-m-"])):visited,
.co-text-configmap:where(:not([class*="co-m-"])):hover,
.co-text-configmap:where(:not([class*="co-m-"])):active {
  color: #40199a;
  text-decoration: none;
}

.co-text-daemonset:where(:not([class*="co-m-"])) {
  color: #004080;
}

.co-text-daemonset:where(:not([class*="co-m-"])):link,
.co-text-daemonset:where(:not([class*="co-m-"])):visited,
.co-text-daemonset:where(:not([class*="co-m-"])):hover,
.co-text-daemonset:where(:not([class*="co-m-"])):active {
  color: #004080;
  text-decoration: none;
}

.co-text-deployment:where(:not([class*="co-m-"])) {
  color: #004080;
}

.co-text-deployment:where(:not([class*="co-m-"])):link,
.co-text-deployment:where(:not([class*="co-m-"])):visited,
.co-text-deployment:where(:not([class*="co-m-"])):hover,
.co-text-deployment:where(:not([class*="co-m-"])):active {
  color: #004080;
  text-decoration: none;
}

.co-text-deploymentconfig:where(:not([class*="co-m-"])) {
  color: #004080;
}

.co-text-deploymentconfig:where(:not([class*="co-m-"])):link,
.co-text-deploymentconfig:where(:not([class*="co-m-"])):visited,
.co-text-deploymentconfig:where(:not([class*="co-m-"])):hover,
.co-text-deploymentconfig:where(:not([class*="co-m-"])):active {
  color: #004080;
  text-decoration: none;
}

.co-text-ingress:where(:not([class*="co-m-"])) {
  color: #40199a;
}

.co-text-ingress:where(:not([class*="co-m-"])):link,
.co-text-ingress:where(:not([class*="co-m-"])):visited,
.co-text-ingress:where(:not([class*="co-m-"])):hover,
.co-text-ingress:where(:not([class*="co-m-"])):active {
  color: #40199a;
  text-decoration: none;
}

.co-text-job:where(:not([class*="co-m-"])) {
  color: #004080;
}

.co-text-job:where(:not([class*="co-m-"])):link,
.co-text-job:where(:not([class*="co-m-"])):visited,
.co-text-job:where(:not([class*="co-m-"])):hover,
.co-text-job:where(:not([class*="co-m-"])):active {
  color: #004080;
  text-decoration: none;
}

.co-text-machine:where(:not([class*="co-m-"])) {
  color: #8476d1;
}

.co-text-machine:where(:not([class*="co-m-"])):link,
.co-text-machine:where(:not([class*="co-m-"])):visited,
.co-text-machine:where(:not([class*="co-m-"])):hover,
.co-text-machine:where(:not([class*="co-m-"])):active {
  color: #8476d1;
  text-decoration: none;
}

.co-text-machineautoscaler:where(:not([class*="co-m-"])) {
  color: #8476d1;
}

.co-text-machineautoscaler:where(:not([class*="co-m-"])):link,
.co-text-machineautoscaler:where(:not([class*="co-m-"])):visited,
.co-text-machineautoscaler:where(:not([class*="co-m-"])):hover,
.co-text-machineautoscaler:where(:not([class*="co-m-"])):active {
  color: #8476d1;
  text-decoration: none;
}

.co-text-machineconfig:where(:not([class*="co-m-"])) {
  color: #8476d1;
}

.co-text-machineconfig:where(:not([class*="co-m-"])):link,
.co-text-machineconfig:where(:not([class*="co-m-"])):visited,
.co-text-machineconfig:where(:not([class*="co-m-"])):hover,
.co-text-machineconfig:where(:not([class*="co-m-"])):active {
  color: #8476d1;
  text-decoration: none;
}

.co-text-machineconfigpool:where(:not([class*="co-m-"])) {
  color: #8476d1;
}

.co-text-machineconfigpool:where(:not([class*="co-m-"])):link,
.co-text-machineconfigpool:where(:not([class*="co-m-"])):visited,
.co-text-machineconfigpool:where(:not([class*="co-m-"])):hover,
.co-text-machineconfigpool:where(:not([class*="co-m-"])):active {
  color: #8476d1;
  text-decoration: none;
}

.co-text-machinedeployment:where(:not([class*="co-m-"])) {
  color: #8476d1;
}

.co-text-machinedeployment:where(:not([class*="co-m-"])):link,
.co-text-machinedeployment:where(:not([class*="co-m-"])):visited,
.co-text-machinedeployment:where(:not([class*="co-m-"])):hover,
.co-text-machinedeployment:where(:not([class*="co-m-"])):active {
  color: #8476d1;
  text-decoration: none;
}

.co-text-machineset:where(:not([class*="co-m-"])) {
  color: #8476d1;
}

.co-text-machineset:where(:not([class*="co-m-"])):link,
.co-text-machineset:where(:not([class*="co-m-"])):visited,
.co-text-machineset:where(:not([class*="co-m-"])):hover,
.co-text-machineset:where(:not([class*="co-m-"])):active {
  color: #8476d1;
  text-decoration: none;
}

.co-text-metricstarget:where(:not([class*="co-m-"])) {
  color: #2b9af3;
}

.co-text-metricstarget:where(:not([class*="co-m-"])):link,
.co-text-metricstarget:where(:not([class*="co-m-"])):visited,
.co-text-metricstarget:where(:not([class*="co-m-"])):hover,
.co-text-metricstarget:where(:not([class*="co-m-"])):active {
  color: #2b9af3;
  text-decoration: none;
}

.co-text-namespace:where(:not([class*="co-m-"])) {
  color: #1e4f18;
}

.co-text-namespace:where(:not([class*="co-m-"])):link,
.co-text-namespace:where(:not([class*="co-m-"])):visited,
.co-text-namespace:where(:not([class*="co-m-"])):hover,
.co-text-namespace:where(:not([class*="co-m-"])):active {
  color: #1e4f18;
  text-decoration: none;
}

.co-text-node:where(:not([class*="co-m-"])) {
  color: #8476d1;
}

.co-text-node:where(:not([class*="co-m-"])):link,
.co-text-node:where(:not([class*="co-m-"])):visited,
.co-text-node:where(:not([class*="co-m-"])):hover,
.co-text-node:where(:not([class*="co-m-"])):active {
  color: #8476d1;
  text-decoration: none;
}

.co-text-pod:where(:not([class*="co-m-"])) {
  color: #009596;
}

.co-text-pod:where(:not([class*="co-m-"])):link,
.co-text-pod:where(:not([class*="co-m-"])):visited,
.co-text-pod:where(:not([class*="co-m-"])):hover,
.co-text-pod:where(:not([class*="co-m-"])):active {
  color: #009596;
  text-decoration: none;
}

.co-text-project:where(:not([class*="co-m-"])) {
  color: #1e4f18;
}

.co-text-project:where(:not([class*="co-m-"])):link,
.co-text-project:where(:not([class*="co-m-"])):visited,
.co-text-project:where(:not([class*="co-m-"])):hover,
.co-text-project:where(:not([class*="co-m-"])):active {
  color: #1e4f18;
  text-decoration: none;
}

.co-text-replicaset:where(:not([class*="co-m-"])) {
  color: #004080;
}

.co-text-replicaset:where(:not([class*="co-m-"])):link,
.co-text-replicaset:where(:not([class*="co-m-"])):visited,
.co-text-replicaset:where(:not([class*="co-m-"])):hover,
.co-text-replicaset:where(:not([class*="co-m-"])):active {
  color: #004080;
  text-decoration: none;
}

.co-text-replicationcontroller:where(:not([class*="co-m-"])) {
  color: #004080;
}

.co-text-replicationcontroller:where(:not([class*="co-m-"])):link,
.co-text-replicationcontroller:where(:not([class*="co-m-"])):visited,
.co-text-replicationcontroller:where(:not([class*="co-m-"])):hover,
.co-text-replicationcontroller:where(:not([class*="co-m-"])):active {
  color: #004080;
  text-decoration: none;
}

.co-text-secret:where(:not([class*="co-m-"])) {
  color: #c46100;
}

.co-text-secret:where(:not([class*="co-m-"])):link,
.co-text-secret:where(:not([class*="co-m-"])):visited,
.co-text-secret:where(:not([class*="co-m-"])):hover,
.co-text-secret:where(:not([class*="co-m-"])):active {
  color: #c46100;
  text-decoration: none;
}

.co-text-service:where(:not([class*="co-m-"])) {
  color: #6ca100;
}

.co-text-service:where(:not([class*="co-m-"])):link,
.co-text-service:where(:not([class*="co-m-"])):visited,
.co-text-service:where(:not([class*="co-m-"])):hover,
.co-text-service:where(:not([class*="co-m-"])):active {
  color: #6ca100;
  text-decoration: none;
}

.co-text-serviceaccount:where(:not([class*="co-m-"])) {
  color: #40199a;
}

.co-text-serviceaccount:where(:not([class*="co-m-"])):link,
.co-text-serviceaccount:where(:not([class*="co-m-"])):visited,
.co-text-serviceaccount:where(:not([class*="co-m-"])):hover,
.co-text-serviceaccount:where(:not([class*="co-m-"])):active {
  color: #40199a;
  text-decoration: none;
}

.co-text-servicemonitor:where(:not([class*="co-m-"])) {
  color: #6ca100;
}

.co-text-servicemonitor:where(:not([class*="co-m-"])):link,
.co-text-servicemonitor:where(:not([class*="co-m-"])):visited,
.co-text-servicemonitor:where(:not([class*="co-m-"])):hover,
.co-text-servicemonitor:where(:not([class*="co-m-"])):active {
  color: #6ca100;
  text-decoration: none;
}

.co-text-silence:where(:not([class*="co-m-"])) {
  color: #2b9af3;
}

.co-text-silence:where(:not([class*="co-m-"])):link,
.co-text-silence:where(:not([class*="co-m-"])):visited,
.co-text-silence:where(:not([class*="co-m-"])):hover,
.co-text-silence:where(:not([class*="co-m-"])):active {
  color: #2b9af3;
  text-decoration: none;
}

.co-add-remove-form__entry {
  position: relative;
}

.co-add-remove-form__entry+.co-add-remove-form__entry {
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding-top: 10px;
}

.co-add-remove-form__link--remove-entry {
  display: flex;
  flex-flow: row-reverse;
}

.co-required>* {
  display: inline-block;
}

.co-required:after {
  color: var(--pf-v5-global--danger-color--100);
  content: "*";
  font-size: 14px;
  padding-left: 3px;
  vertical-align: top;
}

.co-form-section__label {
  font-size: 14px;
  margin-bottom: 1rem;
}

.co-form-section__separator {
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
  margin: 30px 0;
}

.co-form-subsection {
  margin-left: 20px;
}

.co-kbd {
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  border-radius: 3px;
  color: var(--pf-v5-global--Color--200);
  font-size: var(--pf-v5-global--FontSize--sm);
  padding: 1px 3px;
}

.co-kbd__filter-input {
  border-color: var(--pf-v5-global--BorderColor--300);
}

.co-label--plain {
  font-weight: var(--pf-v5-global--FontWeight--normal);
  margin-bottom: 0px;
  display: inline;
}

@media (min-width: 769px) {
  .co-m-pane__form {
    max-width: 650px;
  }
}

@media (min-width: 992px) {
  .co-m-pane__form {
    min-width: 650px;
  }
}

@media (min-width: 1200px) {
  .co-m-pane__form {
    max-width: 50%;
  }
}

.co-text-filter:focus+.co-text-filter-feedback {
  display: none;
}

.co-text-filter-feedback {
  display: block;
  height: 29px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 5px;
  width: 29px;
  z-index: 2;
}

.has-feedback .pf-v5-c-form-control {
  --pf-v5-c-form-control--PaddingRight: 25px;
}

.pf-v5-c-form__actions--right {
  justify-content: flex-end;
}

.pf-v5-c-form__checkbox-row {
  display: grid;
  row-gap: 1rem;
}

.pf-v5-c-form__group--no-top-margin {
  margin-top: 0 !important;
}

@media print {
  * {
    overflow: visible !important;
  }

  .co-m-resource-icon {
    border: 1px solid gray;
  }

  .odc-topology-list-view__item-row {
    padding: 8px 0 2px;
  }

  .odc-namespaced-page,
  .odc-namespaced-page__content {
    height: 100%;
  }

  .odc-topology-list-view__kind-row {
    border-width: 1px !important;
  }
}

.co-alert {
  margin-bottom: var(--pf-v5-global--spacer--lg);
  text-align: left;
}

.co-alert h4 {
  font-family: var(--pf-v5-global--FontFamily--text);
  line-height: var(--pf-v5-global--LineHeight--md);
}

.co-alert--margin-bottom-sm {
  margin-bottom: var(--pf-v5-global--spacer--sm);
}

.co-alert--margin-top {
  margin-bottom: 0;
  margin-top: 1rem;
}

.co-alert--scrollable .pf-v5-c-alert__description {
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

@media (min-height: 768px) {
  .co-alert--scrollable .pf-v5-c-alert__description {
    max-height: 200px;
  }
}

.co-code,
.co-iframe :not(pre)>code {
  --co-code--BackgroundColor: var(--pf-v5-global--palette--blue-50);
  --co-code--Color: var(--pf-v5-global--palette--light-blue-600);
  background-color: var(--co-code--BackgroundColor);
  color: var(--co-code--Color);
  padding: 3px var(--pf-v5-global--spacer--xs);
}

:where(.pf-v5-theme-dark) .co-code,
:where(.pf-v5-theme-dark) .co-iframe :not(pre)>code,
.co-iframe :where(.pf-v5-theme-dark) :not(pre)>code {
  --co-code--BackgroundColor: var(--pf-v5-global--palette--blue-700);
  --co-code--Color: var(--pf-v5-global--palette--light-blue-100);
}

.co-pre,
.co-iframe pre {
  background-color: var(--pf-v5-c-code-block--BackgroundColor);
  padding: var(--pf-v5-global--spacer--md);
  white-space: pre-wrap;
}

.co-copy-to-clipboard {
  position: relative;
}

.co-copy-to-clipboard__stacktrace-width-height {
  display: flex;
}

.co-copy-to-clipboard__stacktrace-width-height .co-copy-to-clipboard {
  width: 100%;
}

.co-copy-to-clipboard__stacktrace-width-height .co-copy-to-clipboard__text {
  max-height: 25vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.co-disabled {
  color: var(--pf-v5-global--disabled-color--100);
  height: 100%;
  overflow: hidden;
  position: relative;
}

.co-disabled::before {
  bottom: 0;
  content: "";
  cursor: not-allowed;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  user-select: none;
  z-index: 10;
}

.co-btn-file {
  overflow: hidden;
  position: relative;
}

.co-btn-file input[type=file] {
  background: #fff;
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  font-size: 100px;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  z-index: 2;
}

.co-file-dropzone {
  position: relative;
}

.co-file-dropzone__flex {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.co-file-dropzone .co-file-dropzone-container {
  border: var(--pf-v5-global--BorderWidth--lg) solid var(--pf-v5-global--BorderColor--100);
  background: rgba(0,0,0,.3);
  bottom: 0;
  color: #fff;
  left: 0;
  margin: -3px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1001;
}

.co-file-dropzone .co-file-dropzone-container.co-file-dropzone--drop-over {
  border-color: #1fa7f8;
  color: #1fa7f8;
}

.co-file-dropzone__textarea {
  font-family: var(--pf-v5-global--FontFamily--monospace);
  min-height: 300px;
  width: 100%;
}

.co-file-dropzone__drop-text {
  font-size: 20px;
  font-weight: var(--pf-v5-global--FontWeight--bold);
  left: 50%;
  margin-right: -50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.oc-kebab__popper-items {
  position: initial !important;
}

.oc-kebab__sub.pf-v5-c-dropdown__menu-item {
  --pf-v5-c-dropdown__menu-item--PaddingRight: var(--pf-v5-global--spacer--lg);
  position: relative;
}

.oc-kebab__arrow {
  position: absolute;
  right: var(--pf-v5-global--spacer--xs);
  top: 50%;
  transform: translateY(-50%);
}

.oc-kebab__icon {
  margin-right: calc(2*var(--pf-c-dropdown__toggle-icon--MarginRight));
}

.co-label.pf-v5-c-label {
  --pf-v5-c-label__text--MaxWidth: 100%;
}

.co-label,
.co-label-group>*,
.co-label-group li,
.co-label-group ul {
  min-width: 0;
}

.co-label-group {
  max-width: 100%;
}

.co-label__key,
.co-label__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

tags-input {
  min-width: 100%;
  padding: var(--pf-v5-global--spacer--sm);
}

tags-input .tags {
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--pf-v5-global--spacer--xs);
  min-height: 120px;
}

tags-input .tags>span {
  display: contents;
}

tags-input .tags .input {
  background: transparent;
  border: 1px solid transparent;
  flex-grow: 1;
  outline: none;
}

tags-input .tags .input.invalid-tag {
  color: var(--pf-v5-global--danger-color--100);
}

.co-m-number-spinner__button {
  padding: 0 !important;
}

.co-m-number-spinner__input {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  display: inline-block;
}

.co-m-number-spinner__down-icon {
  margin-right: 10px;
}

.co-m-number-spinner__up-icon {
  margin-left: 10px;
}

.co-m-number-spinner__down-icon,
.co-m-number-spinner__up-icon {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.request-size-input__unit {
  padding-left: 20px;
}

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

.cos-status-box__title {
  color: var(--pf-v5-global--Color--100);
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}

.cos-status-box__title .cos-error-title {
  color: var(--pf-v5-global--danger-color--100);
}

.cos-status-box__detail {
  color: var(--pf-v5-global--Color--200);
  font-size: 14px;
  max-width: 500px;
  margin: 0 auto;
}

.cos-status-box__access-denied-icon {
  margin: 10px;
}

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

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

.co-m-loader--inline {
  display: inline-block;
  margin: 0;
  position: static;
}

.co-m-timeout-error {
  margin-bottom: 30px;
  margin-top: 20px;
  text-align: center;
}

.loading-box {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.co-m-requirement__icon {
  margin-right: 4px;
}

.co-m-requirement__label {
  min-width: 0;
}

.co-m-requirement__link {
  align-items: baseline;
  display: flex;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.skeleton-chart {
  height: inherit;
  position: relative;
  width: 100%;
}

.skeleton-chart::after {
  background-image: url(./assets/packages/console-shared/src/images/skeleton-chart.svg);
  background-position: 0px bottom;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.pf-v5-theme-dark .skeleton-chart::after {
  opacity: .2;
}

.skeleton-text {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  background: var(--co-skeleton--Color);
  height: 24px;
  opacity: 0;
}

.skeleton-text::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

@keyframes loading-skeleton {
  0% {
    opacity: .15;
  }

  25% {
    opacity: .65;
  }

  100% {
    opacity: 1;
  }
}

.loading-skeleton--catalog {
  background: var(--pf-v5-global--BackgroundColor--100);
  border: 1px solid var(--pf-v5-global--BorderColor--300);
  display: flex;
  flex: 1;
  height: 100%;
  margin: 0 1rem;
  position: relative;
}

.skeleton-catalog--grid {
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin: 117px 6px 6px 0;
  padding: 30px 0 0 45px;
}

.skeleton-catalog--grid::before {
  content: "";
  background: var(--co-skeleton--Color);
  display: block;
  height: 40px;
  position: absolute;
  top: 52px;
  width: 150px;
}

.skeleton-catalog--list {
  flex: 0 0 235px;
}

.skeleton-catalog--list::after {
  background-image: linear-gradient(var(--co-skeleton--Color) 45%, transparent 0);
  background-size: 100% 40px;
  content: "";
  display: block;
  height: 400px;
  left: 15px;
  position: absolute;
  top: 20px;
  width: 205px;
}

.skeleton-catalog--tile {
  height: 240px;
  margin: 0 24px 24px 0;
  width: 260px;
}

.skeleton-catalog--tile:empty::after {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  content: "";
  display: block;
  height: 100%;
  opacity: 0;
  width: 100%;
  background-image: linear-gradient(var(--co-skeleton--Color) 32px, transparent 0),linear-gradient(var(--co-skeleton--Color) 14px, transparent 0),linear-gradient(var(--co-skeleton--Color) 14px, transparent 0),linear-gradient(var(--co-skeleton--Color) 14px, transparent 0),linear-gradient(var(--co-skeleton--Color) 14px, transparent 0),radial-gradient(circle 20px at center, var(--co-skeleton--Color) 100%, transparent 0),linear-gradient(var(--co-skeleton--Color--300) 240px, transparent 0);
  background-position: 24px 75px,24px 132px,24px 152px,24px 172px,24px 192px,24px 24px,0 0;
  background-repeat: no-repeat;
  background-size: 142px 32px,168px 14px,174px 14px,185px 14px,125px 14px,46px 46px,100% 100%;
}

.skeleton-detail-view {
  padding: 1.5rem;
  height: 100%;
  width: 100%;
}

.skeleton-detail-view--column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 10px 0;
  min-width: 311px;
  width: 50%;
}

.skeleton-detail-view--grid {
  display: flex;
  flex-wrap: wrap;
}

.skeleton-detail-view--head::after {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  background: var(--co-skeleton--Color);
  content: "";
  display: block;
  height: 30px;
  opacity: 0;
  width: 230px;
}

.skeleton-detail-view--tile {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  height: 75px;
  opacity: 0;
  width: 95%;
}

.skeleton-detail-view--tile::after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.skeleton-detail-view--tile.skeleton-detail-view--tile-labels {
  height: 100px;
}

.skeleton-detail-view--tile.skeleton-detail-view--tile-plain::after {
  background-image: linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),linear-gradient(var(--co-skeleton--Color) 24px, transparent 0);
  background-size: 80px 15px,200px 24px;
  background-position: 0 15px,0 35px;
}

.skeleton-detail-view--tile.skeleton-detail-view--tile-resource::after {
  background-image: linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),radial-gradient(circle 12px at center, var(--co-skeleton--Color) 100%, transparent 0);
  background-position: 0 15px,30px 35px,0 35px;
  background-size: 80px 15px,75%,24px 24px;
}

.skeleton-detail-view--tile.skeleton-detail-view--tile-labels::after {
  background-image: linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),linear-gradient(var(--co-skeleton--Color) 48px, transparent 0);
  background-position: 0 15px,0 35px;
  background-size: 80px 15px,90% 75px;
}

.skeleton-overview {
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  position: relative;
}

.skeleton-overview--head {
  margin: 4px 0 10px;
  width: 100%;
}

.skeleton-overview--head::after {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  background: var(--co-skeleton--Color);
  content: "";
  display: block;
  height: 24px;
  opacity: 0;
  top: -30px;
  width: 150px;
}

.skeleton-overview--tile {
  height: 71px;
  margin: 0 0 10px 0;
  width: 100%;
}

.skeleton-overview--tile::after {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  content: "";
  display: block;
  height: 100%;
  opacity: 0;
  width: 100%;
  background-image: linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),linear-gradient(var(--co-skeleton--Color) 24px, transparent 0),radial-gradient(circle 12px at center, var(--co-skeleton--Color) 100%, transparent 0),linear-gradient(var(--co-skeleton--Color) 71px, transparent 0);
  background-position: 50px 24px,96% 24px,15px 24px,0 0;
  background-repeat: no-repeat;
  background-size: 38% 24px,75px 24px,24px 24px,100% 100%;
}

.loading-skeleton--table::after,
.loading-skeleton--table::before {
  animation: loading-skeleton 1s ease-out .15s infinite alternate;
  content: "";
  display: block;
  opacity: 0;
}

.loading-skeleton--table::after {
  background-image: linear-gradient(var(--pf-v5-global--BorderColor--300) 1px, transparent 0px),linear-gradient(var(--co-skeleton--Color) 26px, transparent 26px);
  background-size: 100% 46px,50% 46px;
  background-position: 50px 0%,0px 10px;
  min-height: 320px;
}

.loading-skeleton--table::before {
  background-image: linear-gradient(to right, var(--co-skeleton--Color), var(--co-skeleton--Color) 75%, transparent 75%, transparent 25%);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 57% 40px;
  height: 53px;
}

@media (min-width: 768px) {
  .loading-skeleton--table::before {
    background-size: 21% 40px;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .loading-skeleton--table::before {
    background-size: 37% 40px;
  }
}

.pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
  background-color: var(--pf-v5-global--palette--black-1000);
}

.log-window__header {
  color: var(--pf-v5-global--Color--light-100);
  background-color: var(--pf-v5-global--BackgroundColor--dark-300);
  padding: 8px 10px 5px 10px;
}

.log-window-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.log-window__footer--hidden {
  visibility: hidden;
}

.resource-log {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: max-content auto;
}

.resource-log--fullscreen .co-toolbar {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  padding-left: 10px;
  padding-right: 10px;
}

.resource-log--fullscreen .resource-log__log-viewer-wrapper {
  overflow: auto;
}

.resource-log__alert-wrapper {
  display: grid;
  grid-template-rows: max-content;
}

.co-list-input__help-block {
  margin-bottom: 10px;
}

.co-list-input__row {
  display: flex;
  margin-bottom: 5px;
}

.co-list-input__value {
  flex-grow: 1;
}

.co-hint-block {
  background-color: var(--pf-v5-global--palette--blue-50);
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--blue-100);
  color: var(--pf-v5-global--Color--100);
  padding: var(--pf-v5-global--spacer--lg);
}

:where(.pf-v5-theme-dark) .co-hint-block {
  background-color: var(--pf-v5-global--BackgroundColor--400);
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
}

.co-field-level-help {
  margin-left: 5px;
}

.co-field-level-help:hover .co-field-level-help__icon {
  color: var(--pf-v5-global--Color--dark-100);
}

.co-field-level-help .co-field-level-help__icon {
  color: var(--pf-v5-global--Color--dark-200);
  font-size: 12px;
}

.co-example-docker-command__popover {
  width: 600px;
}

.co-images-stream-tag-timeline {
  font-size: 15px;
  margin: 20px 1.5rem;
  padding-left: 0;
  width: auto;
}

@media (max-width: 767px) {
  .co-images-stream-tag-timeline {
    margin: 20px 10px;
  }
}

.co-images-stream-tag-timeline li {
  height: auto;
  list-style: none;
  position: relative;
}

.co-images-stream-tag-timeline__circle-icon,
.co-images-stream-tag-timeline__square-icon {
  color: var(--pf-v5-global--BorderColor--100);
  left: 8px;
  position: relative;
}

.co-images-stream-tag-timeline__info {
  background-color: var(--pf-v5-global--BackgroundColor--200);
  border-radius: 3px;
  line-height: 30px;
  margin: 8px 0 24px 40px;
  padding: 20px;
  width: 100%;
}

.co-images-stream-tag-timeline__info>div:first-of-type {
  font-size: var(--pf-v5-global--FontSize--sm);
  padding-bottom: 16px;
}

.co-images-stream-tag-timeline__item-row {
  display: flex;
  margin: 2px 0;
}

.co-images-stream-tag-timeline__line {
  border: var(--pf-v5-global--BorderWidth--md) solid var(--pf-v5-global--BorderColor--100);
  left: 14px;
  position: relative;
}

.co-images-stream-tag-timeline__timestamp {
  margin-left: 35px;
}

.pf-v5-c-about-modal-box dt {
  color: var(--pf-v5-global--color--100);
  font-size: var(--pf-v5-c-content--FontSize);
  margin-bottom: var(--pf-v5-global--spacer--md);
  text-transform: none;
}

.pf-v5-c-about-modal-box dd {
  margin-bottom: var(--pf-v5-global--spacer--md);
}

.pf-v5-c-about-modal-box p {
  color: var(--pf-v5-global--color--100);
  margin-bottom: var(--pf-v5-global--spacer--xl);
}

.co-about-modal__alert {
  margin-bottom: var(--pf-v5-global--spacer--xl);
}

@keyframes build-progress-line {
  to {
    width: 100%;
  }
}

@keyframes build-progress-rail {
  to {
    transform: translateX(400%);
  }
}

@keyframes build-progress {
  to {
    transform: rotate(180deg);
  }
}

@keyframes pipeline-stage-fadeIcon {
  to {
    opacity: 1;
  }
}

@keyframes pipeline-stage-fadeOut {
  to {
    background-color: transparent;
  }
}

.build-pipeline {
  border: 1px solid #868789;
  font-size: 13px;
  margin-bottom: 30px;
}

.build-pipeline:first-child {
  border-top-width: 1px;
}

@media (min-width: 600px) {
  .build-pipeline {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
  }
}

.build-pipeline__container {
  flex: 1 1 auto;
  overflow: hidden;
}

.build-pipeline__stages {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 0 5px;
}

.build-pipeline__stage {
  flex: 0 0 auto;
  min-height: 96px;
  padding: 15px 10px 30px 10px;
  position: relative;
  width: 100%;
}

.build-pipeline__stage:before {
  bottom: 0;
  color: #797a7c;
  content: "↓";
  font-size: 22px;
  left: 0;
  line-height: 1;
  position: absolute;
  right: 0;
  text-align: center;
}

.build-pipeline__stage:last-child:before {
  display: none;
}

@media (min-width: 480px) {
  .build-pipeline__stage {
    padding-right: 52px;
    padding-bottom: 15px;
    width: 33.3333333333%;
  }

  .build-pipeline__stage:before {
    bottom: auto;
    content: "→";
    left: auto;
    right: 14px;
    top: 40%;
  }
}

@media (min-width: 992px) {
  .build-pipeline__stage {
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .build-pipeline__stage {
    width: 20%;
  }
}

@media (min-width: 1400px) {
  .build-pipeline__stage {
    width: 16.6666666667%;
  }
}

@media (min-width: 1600px) {
  .build-pipeline__stage {
    width: 14.2857142857%;
  }
}

.build-pipeline__stage--none {
  align-items: center;
  display: flex;
  padding: 0 10px;
}

@media (max-width: 767px) {
  .build-pipeline__stage--none {
    justify-content: center;
  }
}

.build-pipeline__stage-name,
.build-pipeline__stage-time,
.build-pipeline__stage-actions {
  font-size: 13px;
  text-align: center;
}

.build-pipeline__stage-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 13px;
}

.build-pipeline__stage-time,
.build-pipeline__stage-actions {
  margin-top: 12px;
}

.build-pipeline__stage-time--in-progress,
.build-pipeline__stage-actions--in-progress {
  color: #777;
}

.build-pipeline__status-icon--cancelled {
  color: #868789;
}

.build-pipeline__summary {
  border-bottom: 1px solid #868789;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 5px;
  position: relative;
  text-align: center;
}

@media (min-width: 600px) {
  .build-pipeline__summary {
    border-bottom-width: 0;
    border-right: 1px solid #868789;
    flex: 0 0 125px;
    flex-direction: column;
    justify-content: center;
  }
}

.build-pipeline__status-bar .build-pipeline__animation-line:before,
.build-pipeline__status-bar .build-pipeline__circle-clip1:before,
.build-pipeline__status-bar .build-pipeline__circle-clip2:before {
  background-color: #868789;
}

.build-pipeline__status-bar .build-pipeline__circle-inner-fill {
  background-color: #fff;
  opacity: 0;
}

.build-pipeline__status-bar--success .build-pipeline__animation-line:before,
.build-pipeline__status-bar--success .build-pipeline__circle-clip1:before,
.build-pipeline__status-bar--success .build-pipeline__circle-clip2:before,
.build-pipeline__status-bar--success .build-pipeline__circle-inner-fill {
  background-color: var(--pf-v5-chart-color-green-400);
}

.build-pipeline__status-bar--success .build-pipeline__animation-circle {
  animation: pipeline-stage-fadeInSuccess 0s .7s linear forwards;
}

.build-pipeline__status-bar--success .build-pipeline__animation-circle:after {
  content: "";
}

.build-pipeline__status-bar--failed .build-pipeline__animation-line:before,
.build-pipeline__status-bar--failed .build-pipeline__circle-clip1:before,
.build-pipeline__status-bar--failed .build-pipeline__circle-clip2:before,
.build-pipeline__status-bar--failed .build-pipeline__circle-inner-fill {
  background-color: #c9190b;
}

.build-pipeline__status-bar--failed .build-pipeline__animation-circle {
  animation: pipeline-stage-fadeInFailed 0s .7s linear forwards;
}

.build-pipeline__status-bar--failed .build-pipeline__animation-circle:after {
  content: "";
}

.build-pipeline__status-bar--not-executed .build-pipeline__animation-line:before,
.build-pipeline__status-bar--not-executed .build-pipeline__circle-clip1:before,
.build-pipeline__status-bar--not-executed .build-pipeline__circle-clip2:before,
.build-pipeline__status-bar--not-executed .build-pipeline__circle-inner-fill {
  background-color: #868789;
}

.build-pipeline__status-bar--not-executed .build-pipeline__animation-circle {
  animation: pipeline-stage-fadeInNotExecuted 0s .7s linear forwards;
}

.build-pipeline__status-bar--not-executed .build-pipeline__animation-circle:after {
  content: "";
}

.build-pipeline__status-bar--paused-pending-input .build-pipeline__animation-line:before,
.build-pipeline__status-bar--paused-pending-input .build-pipeline__circle-clip1:before,
.build-pipeline__status-bar--paused-pending-input .build-pipeline__circle-clip2:before,
.build-pipeline__status-bar--paused-pending-input .build-pipeline__circle-inner-fill {
  background-color: #f0ab00;
}

.build-pipeline__status-bar--paused-pending-input .build-pipeline__animation-circle:after {
  content: "";
  font-size: 11px;
}

.build-pipeline__status-bar--aborted .build-pipeline__animation-line:before,
.build-pipeline__status-bar--aborted .build-pipeline__circle-clip1:before,
.build-pipeline__status-bar--aborted .build-pipeline__circle-clip2:before,
.build-pipeline__status-bar--aborted .build-pipeline__circle-inner-fill {
  background-color: #868789;
}

.build-pipeline__status-bar--aborted .build-pipeline__animation-circle {
  animation: pipeline-stage-fadeInAborted 0s .7s linear forwards;
}

.build-pipeline__status-bar--aborted .build-pipeline__animation-circle:after {
  content: "";
}

.build-pipeline__status-bar--in-progress .build-pipeline__animation-line:before,
.build-pipeline__status-bar--in-progress .build-pipeline__circle-clip1:before,
.build-pipeline__status-bar--in-progress .build-pipeline__circle-clip2:before,
.build-pipeline__status-bar--in-progress .build-pipeline__circle-inner-fill {
  background-color: #06c;
}

.build-pipeline__status-bar--in-progress .build-pipeline__animation-circle {
  animation: pipeline-stage-fadeInInProgress 0s .7s linear forwards;
}

.build-pipeline__status-bar--in-progress .build-pipeline__animation-circle:after {
  content: "";
}

.build-pipeline__status-bar--in-progress .build-pipeline__animation-line {
  overflow: hidden;
}

.build-pipeline__status-bar--in-progress .build-pipeline__animation-line:before {
  animation: build-progress-rail 5s .5s linear infinite;
  background-color: #06c;
  transform: translateX(-100%);
  width: 25%;
}

.build-pipeline__status-bar--in-progress .build-pipeline__circle-clip1:before,
.build-pipeline__status-bar--in-progress .build-pipeline__circle-clip2:before,
.build-pipeline__status-bar--in-progress .build-pipeline__circle-inner-fill {
  background-color: #06c;
}

.build-pipeline__status-bar--in-progress .build-pipeline__animation-circle {
  animation: pipeline-stage-fadeInProgress 0s .7s linear forwards;
}

.build-pipeline__status-bar--in-progress .build-pipeline__animation-circle:after {
  content: "";
}

.build-pipeline__status-bar {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: -9px;
}

.build-pipeline__log-link,
.build-pipeline__timestamp {
  font-size: 12px;
}

.build-pipeline__animation-line {
  background: #868789;
  height: 4px;
  position: relative;
  width: 100%;
}

.build-pipeline__animation-line:before {
  animation: build-progress-line .35s ease-in forwards;
  content: "";
  height: 100%;
  position: absolute;
  width: 0;
}

.build-pipeline__animation-circle {
  background: #868789;
  border-radius: 9px;
  height: 18px;
  margin-top: -11px;
  position: relative;
  transform: rotate(-90deg);
  width: 18px;
}

.build-pipeline__animation-circle:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  animation: pipeline-stage-fadeIcon .1s .875s linear forwards;
  color: #fff;
  font-size: 10px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

.build-pipeline__circle-clip2,
.build-pipeline__circle-clip1 {
  position: absolute;
  z-index: -9;
}

.build-pipeline__circle-clip2:before,
.build-pipeline__circle-clip1:before {
  border-radius: 9px;
  content: "";
  height: 18px;
  position: absolute;
  transform: rotate(0);
  width: 18px;
}

.build-pipeline__circle-clip1 {
  clip: rect(0, 18px, 18px, 9px);
}

.build-pipeline__circle-clip1:before {
  animation: build-progress .175s .35s linear forwards;
  clip: rect(0, 9px, 18px, 0);
}

.build-pipeline__circle-clip2 {
  clip: rect(0, 9px, 18px, 0);
}

.build-pipeline__circle-clip2:before {
  animation: build-progress .175s .525s linear forwards;
  clip: rect(0, 18px, 18px, 9px);
}

.build-pipeline__circle-inner {
  animation: pipeline-stage-fadeOut .1s .7s linear forwards;
  background-color: #fff;
  border-radius: 9px;
  height: 10px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 10px;
}

.build-pipeline__circle-inner-fill {
  border-radius: 50%;
  box-sizing: border-box;
  height: 100%;
  opacity: 0;
  width: 100%;
}

.co-p-configure-ports__port-number {
  max-width: 100% !important;
}

.co-detail-table {
  text-align: center;
  border-width: 1px;
  max-width: 800px;
  white-space: nowrap;
}

.co-detail-table--lg {
  max-width: 900px;
}

.co-detail-table__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

.co-detail-table,
.co-detail-table__section {
  border-color: var(--pf-v5-global--BorderColor--300);
  border-style: solid;
}

.co-detail-table__section {
  align-items: center;
  border-width: 1px 1px 0 0;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  padding: 20px 10px;
  margin-right: -1px;
  margin-top: -1px;
}

.co-detail-table__section--last {
  border-right-width: 0;
}

.co-detail-table__section-header {
  margin-top: 4px;
  margin-bottom: 4px;
}

.co-detail-table__bracket {
  width: 12px;
  height: 48px;
  background: url(./assets/public/imgs/bracket.svg) center center no-repeat;
  background-size: 12px 48px;
  padding: 0 20px;
}

.co-detail-table__breakdown {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 47px;
  text-align: left;
}

.dropdown--full-width,
.dropdown--full-width .pf-v5-c-dropdown__toggle {
  justify-content: space-between;
  width: 100%;
}

.dropdown-button--icon-only {
  height: 34.5px !important;
  margin-left: -1px;
  min-width: auto !important;
}

.dropdown-button--icon-only .pf-v5-c-dropdown {
  --pf-c-dropdown__toggle-icon--MarginRight: 0 !important;
  --pf-c-dropdown__toggle-icon--MarginLeft: 0 !important;
}

.dropdown__disabled {
  color: var(--pf-v5-global--disabled-color--100);
  cursor: not-allowed;
}

.dropdown-menu__divider {
  background-color: var(--pf-v5-global--BackgroundColor--200);
  height: 1px;
  flex-grow: 1;
  margin: 9px 0;
  overflow: hidden;
}

.dropdown-menu__header {
  color: var(--pf-global--Color--100);
  flex-grow: 1;
  font-size: 13px;
  padding: 3px 10px;
  text-transform: uppercase;
}

.dropdown-menu--text-wrap {
  max-width: 100%;
}

.dropdown-menu--text-wrap li a,
.dropdown-menu--text-wrap li button {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}

.favorite {
  color: gold;
}

.co-namespace-bar {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding: 0 1rem;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .co-namespace-bar {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.co-namespace-bar__items {
  align-items: center;
  display: flex;
}

.co-namespace-bar__items .pf-m-plain {
  color: inherit;
}

.co-namespace-bar__items .pf-m-plain:hover,
.co-namespace-bar__items .pf-m-plain:focus {
  text-decoration: none;
}

.co-namespace-bar--no-project {
  padding-left: var(--pf-v5-global--spacer--sm);
}

@media screen and (max-width: 1200px) {
  .co-namespace-bar--no-project {
    margin-left: -0.5rem;
  }
}

.co-namespace-selector {
  margin-right: 20px;
  max-width: 60%;
}

.co-namespace-selector .pf-v5-c-dropdown__toggle.pf-m-plain {
  font-size: 15px;
  --pf-v5-c-dropdown__toggle--PaddingBottom: 7px;
  --pf-v5-c-dropdown__toggle--PaddingLeft: 0;
  --pf-v5-c-dropdown__toggle--PaddingRight: 0;
}

@media (min-width: 768px) {
  .co-namespace-selector .pf-v5-c-dropdown__toggle.pf-m-plain {
    font-size: 16px;
    --pf-v5-c-dropdown__toggle--PaddingBottom: 9px;
  }
}

.co-namespace-selector .pf-v5-c-dropdown__toggle.pf-m-plain:not(:disabled) {
  color: inherit;
}

.co-namespace-selector .pf-v5-c-dropdown__toggle.pf-m-plain__titlePrefix {
  margin-right: 6px;
}

.pf-v5-c-dropdown .co-m-resource-icon {
  margin-left: 2px;
}

.pf-v5-c-dropdown__content-wrap {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  min-width: 0;
}

.pf-v5-c-dropdown__menu {
  list-style: none;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) {
  .pf-v5-c-dropdown__menu.pf-m-align-right-on-md {
    right: 0;
  }
}

.pf-v5-c-dropdown__toggle {
  max-width: 100%;
}

.pf-v5-c-dropdown__toggle .pf-c-dropdown__toggle-icon {
  flex: 0 0 auto;
}

.pf-v5-c-dropdown__toggle-text {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}

.pf-v5-c-dropdown__toggle-text .co-resource-item__resource-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.pf-v5-c-dropdown__toggle-text .co-resource-item__resource-namespace {
  display: none !important;
}

.co-global-notification {
  background-color: #06c;
  color: #fff;
  padding: 4px 1rem;
  text-align: center;
}

@media (min-width: 768px) {
  .co-global-notification {
    padding: 6px 1.5rem;
  }
}

.co-global-notification+.co-global-notification {
  margin-top: 1px;
}

.co-global-notification a {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}

.co-global-notification button {
  color: #fff !important;
}

.co-global-notification__text {
  margin: 0;
}

.co-global-notification__impersonate-name {
  font-weight: var(--pf-v5-global--FontWeight--bold);
}

.co-global-notification__impersonate-kind {
  font-weight: var(--pf-v5-global--FontWeight--bold);
  padding-right: 20px;
}

.co-global-telemetry-notification {
  background-color: #06c;
  color: #fff;
  padding: 4px 1rem;
  text-align: center;
}

.co-global-telemetry-notification__content {
  display: inline-flex;
  align-items: center;
}

.co-global-telemetry-notification__button {
  margin-left: var(--pf-v5-global--spacer--md);
}

.co-import-yaml-results-page {
  height: 100%;
}

.co-import-yaml-results-page__footer {
  padding-top: 25px;
  text-align: center;
}

.co-import-yaml-results-page__main {
  margin: 0 1rem;
}

@media (min-width: 768px) {
  .co-import-yaml-results-page__main {
    margin: 1.5rem;
    max-width: 600px;
    min-width: 375px;
    width: 100%;
  }
}

.co-import-yaml-status {
  margin-bottom: 20px;
}

.co-resource-list__item {
  height: 100%;
  position: relative;
  transition: all .25s;
}

.co-resource-list__item .dropdown-kebab-pf {
  position: absolute;
  right: 15px;
  top: 7px;
}

.co-resource-list__item--expanded {
  display: inline-block;
  margin-top: 10px;
}

.compaction-btn {
  margin-right: 0 !important;
}

.pf-v5-theme-dark .query-browser__tooltip-line,
.pf-v5-theme-dark .query-browser__tooltip-arrow,
.pf-v5-theme-dark .query-browser__tooltip {
  --pf-v5-global--BackgroundColor--dark-100: var(--pf-v5-global--palette--black-1000);
}

.co-alert-manager {
  margin-bottom: var(--pf-v5-global--spacer--md);
}

.co-alert-manager-config__edit-alert-routing-btn {
  margin-bottom: 10px;
}

.co-alert-manager-config__save-as-default-label {
  padding-left: 4px;
  padding-right: 4px;
}

.co-resource-item.co-resource-item--monitoring-alert {
  margin: 0 5px;
}

.co-routing-label-editor__error-message {
  margin-top: -15px;
}

.pf-v5-c-modal-box .custom-time-range-modal {
  overflow: visible;
  padding: var(--pf-v5-c-modal-box__body--PaddingTop) var(--pf-v5-c-modal-box__body--PaddingLeft);
}

.pf-v5-c-modal-box .custom-time-range-modal-footer {
  padding-top: var(--pf-v5-c-modal-box__body--PaddingTop);
}

.graph-empty-state {
  min-height: 310px;
}

.graph-empty-state__loaded {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.graph-wrapper__horizontal-bar {
  padding-right: 10px;
}

.graph-wrapper.graph-wrapper--query-browser {
  padding: 5px 15px 15px 60px;
}

.graph-wrapper.graph-wrapper--query-browser--with-legend {
  min-height: 305px;
}

.horizontal-scroll {
  overflow-x: auto;
  padding-left: var(--pf-v5-global--spacer--md);
  padding-right: var(--pf-v5-global--spacer--md);
}

.horizontal-scroll:before,
.horizontal-scroll:after {
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  width: var(--pf-v5-global--spacer--md);
  z-index: 1;
}

.horizontal-scroll:before {
  background: linear-gradient(to right, var(--pf-v5-global--BackgroundColor--100), rgba(255, 255, 255, 0));
  left: 0;
}

.horizontal-scroll:after {
  background: linear-gradient(to left, var(--pf-v5-global--BackgroundColor--100), rgba(255, 255, 255, 0));
  right: 0;
}

.monitoring-breadcrumbs {
  padding-bottom: var(--pf-v5-global--spacer--sm);
}

.monitoring-dashboards__card {
  height: calc(100% - 20px);
  margin: 0 0 20px 0;
}

.monitoring-dashboards__card .co-dashboard-card__body--dashboard {
  padding: 10px 15px 10px 10px;
}

.monitoring-dashboards__card.co-dashboard-card--gradient .pf-v5-c-card__body {
  max-height: 350px;
  overflow: scroll;
}

.monitoring-dashboards__card.co-dashboard-card--gradient:after {
  width: calc(100% - 10px);
}

.monitoring-dashboards__card .query-browser__wrapper {
  border: 0;
  margin: 0;
  min-height: 240px;
  padding: 0;
}

.monitoring-dashboards__card-body-content {
  height: 100%;
}

.monitoring-dashboards__card-header {
  flex: 0 0 auto;
}

.monitoring-dashboards__dropdown-button {
  max-width: 280px !important;
  min-width: 100px;
}

@media (min-width: 768px) {
  .monitoring-dashboards__dropdown-button {
    max-width: 100% !important;
  }
}

.monitoring-dashboards__dropdown-title {
  text-transform: capitalize;
}

.monitoring-dashboards__dropdown-wrap {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}

.monitoring-dashboards__dropdown-wrap .monitoring-dashboards__dashboard_dropdown_item {
  display: flex;
  justify-content: space-between;
}

.monitoring-dashboards__dropdown-wrap .monitoring-dashboards__dashboard_dropdown_tag {
  font-weight: var(--pf-v5-global--FontWeight--bold);
  line-height: 13px;
  margin-left: 20px;
}

.monitoring-dashboards__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.monitoring-dashboards__label-column-header {
  min-width: 175px;
}

@media (min-width: 1200px) {
  .monitoring-dashboards__label-column-header {
    min-width: 225px;
  }
}

.monitoring-dashboards__legend-wrap {
  height: 75px;
  padding-top: 1px;
}

.monitoring-dashboards__legend-wrap svg {
  max-height: 65px;
}

.monitoring-dashboards__dropdowns {
  display: flex;
}

.monitoring-dashboards__options {
  display: flex;
  margin-right: -20px;
}

.monitoring-dashboards__panel {
  padding: 0 10px;
}

.monitoring-dashboards__panel--max-1 {
  width: 100%;
}

@media (max-width: 567px) {
  .monitoring-dashboards__panel--max-2,
  .monitoring-dashboards__panel--max-3,
  .monitoring-dashboards__panel--max-4 {
    min-width: 100%;
  }
}

@media (min-width: 567px)and (max-width: 1199px) {
  .monitoring-dashboards__panel--max-2 {
    width: 100%;
  }

  .monitoring-dashboards__panel--max-3,
  .monitoring-dashboards__panel--max-4 {
    flex: 1 0 50%;
    min-width: 50%;
  }
}

@media (min-width: 1200px) {
  .monitoring-dashboards__panel--max-2 {
    flex: 1 0 50%;
    min-width: 50%;
  }

  .monitoring-dashboards__panel--max-3 {
    flex: 1 0 33%;
    min-width: 33%;
  }

  .monitoring-dashboards__panel--max-4 {
    flex: 0 0 25%;
    min-width: 25%;
  }
}

.monitoring-dashboards__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.monitoring-dashboards__single-stat {
  font-size: var(--pf-v5-global--FontSize--3xl);
}

.monitoring-dashboards__table {
  table-layout: auto;
  width: auto;
}

.monitoring-dashboards__table-container {
  overflow-x: auto;
}

.monitoring-dashboards__variable-dropdown .pf-v5-c-dropdown__menu,
.monitoring-dashboards__variable-dropdown .pf-v5-c-select__menu {
  max-height: 60vh;
  overflow-y: auto;
}

.monitoring-dashboards__variable-dropdown .pf-m-search {
  min-width: 140px;
}

.monitoring-dashboards__variables {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.monitoring-description,
.monitoring-label-list,
.monitoring-timestamp {
  line-height: 18px;
  margin-top: 4px;
}

.monitoring-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.monitoring-grid-head {
  padding-bottom: 5px;
}

.monitoring-header-link {
  font-size: 14px;
  margin-left: 14px;
}

.monitoring-heading {
  display: flex;
  justify-content: space-between;
}

.monitoring-icon-wrap {
  margin-right: 10px;
}

.monitoring-alert-detail-toolbar.pf-v5-c-toolbar {
  padding-top: 0;
}

.monitoring-alert-detail-toolbar.pf-v5-c-toolbar .pf-v5-c-toolbar__content {
  padding: 0;
}

.monitoring-alert-detail-toolbar.pf-v5-c-toolbar .co-section-heading {
  margin: 0;
}

.monitoring-silence-alert {
  max-width: 950px;
}

.monitoring-silence-alert__label-options {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .monitoring-silence-alert__label-options {
    padding-top: 26px;
  }
}

.monitoring-silence-alert__paragraph {
  margin-bottom: var(--pf-v5-c-content--MarginBottom);
}

.monitoring-state-icon--pending {
  color: #26292d;
}

.monitoring-timestamp {
  display: flex;
  flex-flow: row wrap;
  font-size: 13px;
}

.prometheus-template-tag {
  margin: 0 2px;
}

.query-browser__autocomplete-match {
  font-weight: var(--pf-v5-global--FontWeight--bold);
}

.query-browser__clear-icon {
  font-size: 18px !important;
  padding: 4px !important;
  position: absolute !important;
  right: 0;
  top: 0;
  width: 30px;
}

.query-browser__controls {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  margin-bottom: 15px;
  width: 100%;
}

.query-browser__controls .pf-v5-c-check {
  --pf-v5-c-check__input--MarginTop: 0;
}

.query-browser__controls--left {
  display: flex;
}

.query-browser__reduced-resolution.pf-v5-c-alert {
  align-content: center;
}

.query-browser__controls--right {
  display: flex;
  margin-left: auto;
}

.query-browser__dropdown--subtitle {
  padding: 1px 10px;
}

.query-browser__expand-button {
  border: none;
  height: 30px;
  padding: 0 14px !important;
}

.query-browser__expand-icon {
  font-size: 30px;
  vertical-align: middle;
}

.query-browser__inline-control {
  margin-left: 10px;
  margin-right: 10px;
}

.query-browser__loading {
  margin: auto 0;
  min-width: 20px;
}

.query-browser__metrics-dropdown-menu {
  max-height: 25vh;
  overflow: auto;
  width: 100%;
}

.query-browser__query {
  line-height: 1;
  margin: 0 15px 0 0;
  width: 100%;
}

.query-browser__query .pf-v5-c-form__helper-text {
  margin-top: var(--pf-v5-global--spacer--xs);
}

.query-browser__query-controls {
  align-items: center;
  border: solid var(--pf-v5-global--BorderColor--100);
  border-width: 1px 0;
  display: flex;
  padding: 10px 0;
}

.query-browser__query>.query-browser__query-input {
  padding-right: 28px !important;
  resize: vertical;
  font-family: var(--pf-v5-c-code-block__pre--FontFamily),monospace;
  font-size: var(--pf-v5-c-code-block__pre--FontSize);
}

.query-browser__query>.query-browser__query-input:focus-within {
  --pf-v5-c-form-control--BorderBottomColor: var( --pf-v5-c-form-control--focus--BorderBottomColor );
  padding-bottom: var(--pf-v5-c-form-control--focus--PaddingBottom);
  border-bottom-width: var(--pf-v5-c-form-control--focus--BorderBottomWidth);
}

.query-browser__series-btn {
  border: var(--pf-v5-global--BorderWidth--sm) solid transparent;
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  height: 20px;
  padding: 0 !important;
  width: 20px;
}

.query-browser__series-btn--disabled {
  border: var(--pf-v5-global--BorderWidth--sm) solid #888 !important;
}

.query-browser__series-btn-wrap {
  border: var(--pf-v5-global--BorderWidth--sm) solid transparent;
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  display: flex;
  height: 26px;
  padding: 2px;
  width: 26px;
}

.query-browser__series-btn-wrap:hover {
  background-color: var(--pf-v5-global--active-color--200);
  border-color: var(--pf-v5-global--active-color--100);
}

.query-browser__span {
  max-width: 130px;
}

.query-browser__span .query-browser__span-dropdown-item {
  width: 129px;
}

.query-browser__table {
  border-left: 3px solid transparent;
  margin-bottom: 25px;
}

.query-browser__table--expanded {
  border-left-color: var(--pf-v5-global--active-color--100);
}

.query-browser__table tr>:first-child {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  vertical-align: middle;
}

.query-browser__table-wrapper {
  position: relative;
  width: 100%;
}

.query-browser__table-wrapper table {
  table-layout: auto;
}

.query-browser__table-wrapper .query-browser__series-select-all-btn {
  margin-top: var(--pf-v5-global--spacer--md);
}

.query-browser__table-message {
  border-bottom: solid 1px var(--pf-v5-global--BorderColor--100);
  padding: 10px 20px;
}

.query-browser__toggle-graph-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--pf-v5-global--spacer--xs);
}

.query-browser__tooltip {
  background-color: var(--pf-v5-global--BackgroundColor--dark-100);
  color: #eee;
  font-size: 12px;
  overflow-x: hidden;
  padding: 10px;
}

.query-browser__tooltip-arrow {
  border-bottom: 12px solid transparent;
  border-right: 12px solid var(--pf-v5-global--BackgroundColor--dark-100);
  border-top: 12px solid transparent;
  height: 0;
  width: 0;
}

.query-browser__tooltip-line {
  stroke: var(--pf-v5-global--BackgroundColor--dark-100);
}

.query-browser__tooltip-series {
  display: flex;
}

.query-browser__tooltip-series .query-browser__series-btn {
  flex: 0 0 12px;
  height: 12px;
  margin-top: 4px;
  margin-right: 3px;
}

.query-browser__tooltip-time {
  font-weight: var(--pf-v5-global--FontWeight--bold);
}

.query-browser__tooltip-value {
  font-weight: var(--pf-v5-global--FontWeight--bold);
  margin-left: auto;
  padding-left: 10px;
  white-space: nowrap;
}

.query-browser__tooltip-wrap {
  align-items: center;
  display: flex;
  height: 100%;
}

.query-browser__tooltip-wrap--left {
  flex-direction: row-reverse;
}

.query-browser__tooltip-wrap--left .query-browser__tooltip-arrow {
  border-left: 12px solid var(--pf-v5-global--BackgroundColor--dark-100);
  border-right: none;
}

.query-browser__wrapper {
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  margin: 0 0 20px 0;
  overflow: visible;
  padding: 10px;
  width: 100%;
}

.query-browser__wrapper--hidden {
  border-bottom: none;
  border-top: none;
  height: 0;
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.query-browser__zoom {
  cursor: ew-resize;
  position: relative;
  height: 200px;
}

.query-browser__zoom:focus {
  outline: none;
}

.query-browser__zoom-overlay {
  background-color: rgba(0,0,0,.2);
  bottom: 0;
  position: absolute;
  top: 0;
  z-index: 1050;
}

.co-actions {
  align-items: flex-end;
  display: flex;
  font-family: var(--pf-v5-global--FontFamily--text);
}

@media (max-width: 480px) {
  .co-actions {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .co-action-buttons__btn {
    margin-bottom: 10px;
  }
}

.co-action-buttons__btn,
.co-actions-menu {
  margin-left: 10px;
}

.co-m-nav-title {
  margin-top: 1.5rem;
  padding: 0 1rem 0;
}

@media (min-width: 1200px) {
  .co-m-nav-title {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  .co-m-nav-title--row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

.co-m-nav-title--detail {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  flex-shrink: 0;
}

.co-m-nav-title--breadcrumbs {
  margin-top: 0;
}

.rbac-rule-resource {
  align-items: baseline;
  display: inline-flex;
  margin-right: 20px;
  min-width: 0;
}

.rbac-rule-resource__label {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 0;
}

.rbac-rule-resource .co-m-resource-icon {
  flex-shrink: 0;
}

.rbac-rule-resources {
  display: flex;
  flex-wrap: wrap;
}

.rbac-rule-row:not(:last-of-type) {
  padding-bottom: 5px;
}

.resource-separator {
  margin: var(--pf-v5-global--spacer--sm) 0;
}

.edit-rule .rule-row {
  margin-top: 30px;
}

.edit-rule .help-text {
  color: #6a6e73;
  position: relative;
  top: -3px;
  left: 20px;
}

.edit-rule .checkbox-label {
  margin-bottom: 5px;
}

.edit-rule .rbac-minor {
  margin-bottom: var(--pf-v5-global--spacer--md);
  margin-top: var(--pf-v5-global--spacer--sm);
}

.edit-rule .newspaper-columns {
  columns: 3 auto;
  margin-top: 20px;
}

.edit-rule .text-input {
  max-width: 500px;
  margin-top: 20px;
}

.co-create-secret-warning {
  color: #ec7a08;
  margin-bottom: 10px;
}

.co-create-secret__form-entry-wrapper {
  position: relative;
}

.co-create-secret-form__link--remove-entry {
  display: flex;
  flex-flow: row-reverse;
}

.co-create-image-secret__form {
  margin-bottom: 25px;
}

.co-create-secret__form-entry-wrapper+.co-create-secret__form-entry-wrapper {
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding-top: 10px;
}

.co-create-generic-secret__form .co-file-dropzone__textarea {
  min-height: 80px;
}

.co-m-resource-icon {
  background-color: #2b9af3;
  border-radius: 20px;
  color: var(--pf-v5-global--palette--white);
  display: inline-block;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 16px;
  margin-right: 4px;
  min-width: 18px;
  padding: 1px 4px;
  text-align: center;
  white-space: nowrap;
}

.co-m-resource-icon--lg {
  font-size: 17px;
  line-height: 20px;
  margin-right: 7px;
  min-width: 24px;
  padding: 0 7px;
}

.co-resource-icon--fixed-width {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 50px;
}

.co-m-resource-application {
  background-color: #3e8635;
}

.co-m-resource-clusterrole,
.co-m-resource-role {
  background-color: #795600;
}

.co-m-resource-clusterrolebinding,
.co-m-resource-rolebinding {
  background-color: #008bad;
}

.co-m-resource-daemonset,
.co-m-resource-deployment,
.co-m-resource-deploymentconfig,
.co-m-resource-job,
.co-m-resource-petset,
.co-m-resource-replicaset,
.co-m-resource-replicationcontroller {
  background-color: #004080;
}

.co-m-resource-machine,
.co-m-resource-machineautoscaler,
.co-m-resource-machineclass,
.co-m-resource-machineconfig,
.co-m-resource-machineconfigpool,
.co-m-resource-machinedeployment,
.co-m-resource-machinehealthcheck,
.co-m-resource-machineset,
.co-m-resource-node,
.co-m-resource-policy {
  background-color: #8476d1;
}

.co-m-resource-alertrule,
.co-m-resource-configmap {
  background-color: #40199a;
}

.co-m-resource-alert,
.co-m-resource-container {
  background-color: #2b9af3;
}

.co-m-resource-pod {
  background-color: #009596;
}

.co-m-resource-namespace,
.co-m-resource-project {
  background-color: #1e4f18;
}

.co-m-resource-secret {
  background-color: #c46100;
}

.co-m-resource-alertmanager {
  background-color: #773d00;
}

.co-m-resource-service {
  background-color: #6ca100;
}

.co-m-resource-serviceaccount {
  background-color: #40199a;
}

.co-m-resource-ingress {
  background-color: #40199a;
}

@keyframes co-resource-icon__deleting {
  to {
    color: #36373a;
  }
}

.co-resource-item {
  align-items: baseline;
  display: flex;
  min-width: 0;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.co-resource-item--inline {
  display: inline-flex;
  margin: 0 20px 0 0;
}

.co-resource-item--truncate {
  white-space: nowrap;
}

.co-resource-item--truncate .co-resource-item__resource-name {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.co-resource-item__deleting {
  animation: co-resource-icon__deleting 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) alternate infinite;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: var(--pf-v5-global--FontWeight--bold);
  margin: 0 0 0 15px;
  overflow: hidden;
  padding: 0 0 2px;
  position: relative;
  white-space: nowrap;
}

.co-resource-item__help-text {
  margin-left: 3px;
  white-space: nowrap;
}

.co-resource-item__resource-name {
  min-width: 0;
}

.co-namespace-summary__description {
  max-height: 15rem;
  overflow-y: auto;
  padding-right: var(--pf-v5-global--spacer--sm);
}

.co-search {
  padding-bottom: 30px;
}

@media (max-width: 575px) {
  .co-search .pf-v5-c-input-group {
    display: block;
  }

  .co-search .pf-v5-c-input-group .pf-v5-c-dropdown__toggle {
    margin-bottom: 2px;
    width: 100%;
  }
}

.co-search-group {
  display: flex;
  flex-direction: column;
}

@media (min-width: 480px) {
  .co-search-group {
    flex-direction: row;
  }
}

.co-search-group__filter {
  flex: 1 0 auto;
}

.co-search-group__accordion-label {
  display: flex;
  align-items: center;
  flex: 1;
}

.co-search-group__accordion-label .small {
  font-weight: normal !important;
}

.co-search-group__accordion-label .text-muted {
  margin-left: 10px;
}

.co-search__accordion-toggle .pf-v5-c-accordion__toggle-text {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 480px) {
  .co-search__accordion-toggle .pf-v5-c-accordion__toggle-text {
    flex-direction: row;
  }
}

.co-search__accordion-toggle .co-search-group__pin-toggle {
  padding-left: var(--pf-v5-global--spacer--xs);
  padding-right: var(--pf-v5-global--spacer--xs);
  margin-right: var(--pf-v5-global--spacer--sm);
  text-align: left;
}

.co-search__accordion-toggle .co-search-group__pin-toggle__icon {
  margin-right: var(--pf-v5-global--spacer--xs);
}

.co-search-group__resource {
  margin: 0 15px 15px 0;
  width: auto !important;
}

.co-type-selector .pf-v5-c-select__menu {
  min-width: 290px;
}

@media (min-width: 480px) {
  .co-type-selector .pf-v5-c-select__menu {
    min-width: 420px;
  }
}

.co-type-selector .pf-v5-c-select__menu .co-resource-item__tech-dev-preview {
  color: red;
  margin-left: 10px;
}

.span--icon__right-margin {
  margin-right: 6px;
}

.co-select-group-close-button {
  margin-left: 360px;
  top: 2px;
  z-index: 1;
}

.co-select-group-dismissible {
  top: -32px;
  position: relative;
}

.co-select-group-divider {
  margin-top: -22px !important;
}

.co-toggle-reveal-value {
  display: flex;
  flex-direction: column;
}

.co-toggle-reveal-value__btn {
  align-self: flex-end;
}

.pf-v5-c-form-control {
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
}

.co-row-filter {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  margin-bottom: 2rem;
  position: relative;
}

@media screen and (min-width: 768px) {
  .co-row-filter::before {
    border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
    border-bottom-right-radius: var(--pf-v5-global--BorderRadius--sm);
    border-top-right-radius: var(--pf-v5-global--BorderRadius--sm);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.co-row-filter .pf-v5-c-toggle-group {
  overflow: auto;
}

@media screen and (min-width: 768px) {
  .co-row-filter .pf-v5-c-toggle-group__item:last-child .pf-v5-c-toggle-group__button,
  .co-row-filter .pf-v5-c-toggle-group__item:last-child .pf-v5-c-toggle-group__button::before {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}

.co-row-filter__items {
  font-weight: var(--pf-v5-global--FontWeight--bold);
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .co-row-filter__items {
    padding: 0 var(--pf-v5-global--spacer--md);
  }
}

.co-row-filter__number-bubble {
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  display: inline-block;
  line-height: var(--pf-v5-global--LineHeight--sm);
  margin-right: var(--pf-v5-global--spacer--sm);
  padding: 2px 5px 0;
  text-align: center;
}

.co-row-filter__number-bubble.co-row-filter__number-bubble--active {
  border-color: var(--pf-v5-global--primary-color--100);
}

.co-m-route-tls-reveal__title {
  display: flex;
  justify-content: space-between;
}

.co-m-route-ingress-status+.co-m-route-ingress-status {
  margin-top: 40px;
}

.service-ips .co-ip-header {
  padding: 10px 0 5px 20px;
}

.service-ips .co-ip-row {
  margin-top: -1px;
  padding: 20px 0 5px 20px;
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
}

.service-ips .co-ip-row .ip-name {
  margin-bottom: 5px;
}

.port-list {
  padding-left: 0;
  list-style: none;
}

.co-sysevent-icon {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  border: var(--pf-v5-global--BorderWidth--lg) solid var(--pf-v5-global--BorderColor--300);
  border-radius: var(--pf-v5-global--BorderRadius--lg);
  color: var(--pf-v5-global--Color--100);
  position: relative;
  z-index: 10;
  height: 18px;
  width: 18px;
}

.co-sysevent--warning .co-sysevent-icon,
.co-sysevent--warning .co-sysevent__box {
  border-color: var(--pf-v5-global--warning-color--100);
}

.co-sysevent--warning .co-sysevent__icon-line {
  background-color: var(--pf-v5-global--warning-color--100);
}

.co-sysevent-stream {
  padding: 60px 0 50px 0;
  position: relative;
}

.slide-entering {
  left: 100%;
  opacity: 0;
}

.slide-entered {
  left: 0;
  opacity: 1;
  transition: all .5s;
}

.co-sysevent-stream__connection-error {
  color: var(--pf-v5-global--danger-color--100);
}

.co-sysevent-stream__timeline {
  bottom: 30px;
  position: absolute;
  top: 35px;
}

.co-sysevent-stream__status {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 9px;
  left: 40px;
  right: 4px;
}

@media (min-width: 768px) {
  .co-sysevent-stream__status {
    padding-left: 25px;
    left: 45px;
    right: 0;
  }
}

.co-sysevent-stream__status-box-empty {
  border-style: solid;
  border-color: var(--pf-v5-global--BorderColor--300);
  border-width: var(--pf-v5-global--BorderWidth--sm) 0;
}

.co-sysevent-stream__timeline__end-message {
  bottom: 0;
  position: absolute;
  transform: translateY(50%);
  white-space: nowrap;
  z-index: 1;
}

.co-sysevent-stream__timeline--empty .co-sysevent-stream__timeline__end-message {
  display: none;
}

.co-sysevent-stream__timeline__btn {
  margin: 0;
  transform: translate(0%, -100%);
  margin-left: 2px;
}

.co-sysevent {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.co-sysevent--transition {
  padding-bottom: 15px;
}

.co-sysevent__box {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
  flex: none;
  padding: 10px;
  width: 100%;
}

.co-sysevent__count-and-actions {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

.co-sysevent__details {
  column-gap: 8px;
  display: flex;
  justify-content: space-between;
}

.co-sysevent__resourcelink {
  display: block;
  flex: 2 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.co-sysevent__subheader {
  display: flex;
  justify-content: space-between;
  white-space: pre;
}

.co-sysevent__subheader>*:not(:first-child) {
  margin-left: 8px;
}

.co-sysevent__source {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.co-sysevent__timestamp {
  flex: 1 0 0;
  justify-content: flex-end;
}

.co-sysevent__message {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-right: -11px;
  margin-top: 10px;
  max-height: 150px;
  overflow-y: auto;
  padding-right: 11px;
  position: relative;
}

.co-sysevent__icon-box {
  flex: 0 0 100px;
  display: none;
  position: relative;
}

.co-sysevent__icon-box .co-sysevent-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(50% - 17px), calc(-50% + 1px));
}

.co-sysevent__icon-line {
  background-color: var(--pf-v5-global--BorderColor--300);
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
}

@media (min-width: 1200px) {
  .co-sysevent {
    flex-wrap: nowrap;
    margin-left: -40px;
  }

  .co-sysevent__box {
    flex: 1 2 auto;
    border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
    min-width: 0%;
  }

  .co-sysevent__icon-box {
    display: block;
  }

  .co-sysevent-stream {
    padding-top: 50px;
    padding-left: 5px;
  }

  .co-sysevent-stream__timeline {
    border-bottom: var(--pf-v5-global--BorderWidth--lg) solid var(--pf-v5-global--BorderColor--300);
    border-left: var(--pf-v5-global--BorderWidth--lg) solid var(--pf-v5-global--BorderColor--300);
    margin-left: 10px;
  }

  .co-sysevent-stream__timeline--empty {
    border: 0;
  }

  .co-sysevent-stream__timeline__btn {
    transform: translate(-50%, -100%);
    margin-left: -2px;
  }

  .co-sysevent-stream__timeline__end-message {
    left: 57px;
  }
}

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

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

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

.co-icon-and-text--lg {
  display: block;
}

.co-icon-and-text--lg .co-icon-and-text__icon {
  font-size: 1.2rem;
  margin-right: 1rem;
}

.co-dashboard-icon {
  font-size: 1.2rem;
}

.co-toggle-play.pf-v5-c-button {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  border: var(--pf-v5-global--BorderWidth--lg) solid var(--pf-v5-global--BorderColor--100);
  border-radius: 50%;
  height: 32px;
  margin-right: 15px;
  padding: 0;
  width: 32px;
}

.co-toggle-play.pf-v5-c-button.co-toggle-play--inactive:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "";
}

.co-toggle-play.pf-v5-c-button.co-toggle-play--active:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "";
}

.co-toggle-play.pf-v5-c-button.co-toggle-play--active {
  border-color: var(--pf-v5-global--palette--green-300);
}

.co-m-horizontal-nav__menu {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  display: flex;
  flex-shrink: 0;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .co-m-horizontal-nav__menu {
    padding-left: .5rem;
  }
}

.co-m-horizontal-nav__menu--within-sidebar {
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  margin-bottom: 1.5rem !important;
  margin-left: -1rem;
  margin-right: -1rem;
  overflow: visible;
}

@media (min-width: 1200px) {
  .co-m-horizontal-nav__menu--within-sidebar {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

.co-m-horizontal-nav__menu--within-sidebar .co-m-horizontal-nav__menu-item {
  font-size: 16px;
  line-height: normal;
}

.co-m-horizontal-nav__menu--within-overview-sidebar {
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
}

.co-m-horizontal-nav__menu-item {
  font-size: 18px;
}

.co-m-horizontal-nav__menu-item a,
.co-m-horizontal-nav__menu-item button {
  background: transparent;
  border: 0;
  color: var(--pf-v5-global--Color--200);
  display: block;
  padding: 6px 1rem 8px;
  position: relative;
  text-decoration: none;
}

.co-m-horizontal-nav__menu-item a:hover,
.co-m-horizontal-nav__menu-item a:focus,
.co-m-horizontal-nav__menu-item button:hover,
.co-m-horizontal-nav__menu-item button:focus {
  color: var(--pf-v5-global--Color--100);
  text-decoration: none;
}

.co-m-horizontal-nav__menu-item a:hover::after,
.co-m-horizontal-nav__menu-item a:focus::after,
.co-m-horizontal-nav__menu-item button:hover::after,
.co-m-horizontal-nav__menu-item button:focus::after {
  background: var(--pf-v5-global--palette--black-400);
}

.co-m-horizontal-nav__menu-item a::after,
.co-m-horizontal-nav__menu-item button::after {
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 1rem;
  position: absolute;
  right: 1rem;
}

.co-m-horizontal-nav__menu-item.co-m-horizontal-nav-item--active a,
.co-m-horizontal-nav__menu-item.co-m-horizontal-nav-item--active button {
  color: var(--pf-v5-global--link--Color);
}

.co-m-horizontal-nav__menu-item.co-m-horizontal-nav-item--active a::after,
.co-m-horizontal-nav__menu-item.co-m-horizontal-nav-item--active button::after {
  background: var(--pf-v5-global--link--Color);
}

@media (min-width: 768px) {
  .co-m-horizontal-nav__menu-item:last-child a,
  .co-m-horizontal-nav__menu-item:last-child button {
    margin-right: 1rem;
  }
}

.yaml-editor {
  position: relative;
  display: flex;
  height: 100%;
  flex: 1;
  flex-direction: column;
}

@media (min-width: 768px) {
  .yaml-editor {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .yaml-editor {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

.yaml-editor__buttons {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding: 20px 1rem;
  margin-top: auto;
  z-index: 10;
}

@media (min-width: 768px) {
  .yaml-editor__buttons {
    padding-left: 0;
    padding-right: 0;
  }
}

.yaml-editor__header {
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding: 20px 1rem;
}

@media (min-width: 1200px) {
  .yaml-editor__header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.yaml-editor__header-text {
  margin: 0;
}

.yaml-editor__link {
  display: inline-block;
}

.yaml-editor__links {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1;
}

@media (max-width: 991px) {
  .yaml-editor__links {
    display: none;
  }
}

.yaml-editor .monaco-editor .margin .current-line {
  background-color: var(--pf-v5-global--BackgroundColor--dark-200);
}

.co-resource-sidebar-item {
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding: 10px 0 20px;
}

.co-resource-sidebar-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.co-resource-sidebar-item__img {
  margin: 20px 0;
}

.graph-bar__chart {
  height: auto;
}

.graph-bar__label {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.graph-donut-subtitle {
  bottom: 20px;
  color: var(--pf-v5-global--palette--black-400);
  line-height: 1.1;
  margin: 0 0 10px;
  position: relative;
  text-align: center;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.graph-wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  margin-top: 0;
  overflow: visible;
  padding-top: 15px;
  width: 100%;
}

.graph-wrapper .cos-status-box {
  height: 100%;
  position: relative;
}

.graph-wrapper svg {
  overflow: visible !important;
}

.graph-title {
  color: var(--pf-v5-global--Color--100);
  line-height: 1.4;
  margin: 0 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.graph-wrapper--title-center .graph-title {
  text-align: center;
}

.graph-wrapper--gauge {
  max-width: 170px;
  min-width: 135px;
  width: 100%;
}

.graph-wrapper--status {
  margin-bottom: 30px;
}

.graph-status {
  color: var(--pf-v5-chart-color-black-200);
  text-align: center;
}

.graph-status__link {
  text-decoration: none !important;
}

.graph-status__long {
  font-size: 14px;
  line-height: 1.3;
}

.graph-status__short {
  font-size: 26px;
  margin-bottom: 2px;
}

.graph-status__short.graph-status__short--error {
  color: var(--pf-v5-chart-global--danger--Color--100);
}

.graph-status__short.graph-status__short--ok {
  color: var(--pf-v5-chart-color-green-300);
}

.graph-status__short.graph-status__short--warn {
  color: var(--pf-v5-chart-global--warning--Color--200);
}

.co-app-launcher ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.co-app-launcher .pf-v5-c-app-launcher__menu-item-external-icon {
  --pf-v5-c-app-launcher__menu-item-external-icon--Color: var(--pf-v5-c-menu__item-action--Color);
  opacity: 1;
}

.co-cluster-menu {
  max-width: 80vw;
}

@media (min-width: 768px) {
  .co-cluster-menu {
    max-width: 90vw;
  }
}

.co-cluster-selector {
  display: inline-grid !important;
  grid-template-columns: 1fr auto;
  max-width: 140px !important;
}

@media (min-width: 360px) {
  .co-cluster-selector {
    max-width: 180px !important;
  }
}

@media (min-width: 480px) {
  .co-cluster-selector {
    max-width: 300px !important;
  }
}

@media (min-width: 1200px) {
  .co-cluster-selector {
    max-width: 400px !important;
  }
}

.co-cluster-selector::before {
  border: 1px solid var(--pf-v5-global--palette--black-800) !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.pf-v5-theme-dark .co-cluster-selector::before {
  border-color: var(--pf-v5-global--palette--black-700) !important;
}

.co-masthead-icon {
  font-size: 16px;
}

.co-username {
  max-width: 140px !important;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 855px) {
  .co-username {
    max-width: 225px !important;
  }
}

@media (min-width: 992px) {
  .co-username {
    max-width: 275px !important;
  }
}

@media (min-width: 1200px) {
  .co-username {
    max-width: 300px !important;
  }
}

.pf-v5-c-masthead__content .pf-v5-c-notification-badge {
  --pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor: transparent;
}

.co-overlay {
  background: rgba(0,0,0,.5);
  bottom: 0;
  cursor: default;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1050;
}

.modal-dialog {
  --os-modal-dialog--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
  background: var(--os-modal-dialog--BackgroundColor);
}

:where(.pf-v5-theme-dark) .modal-dialog {
  --os-modal-dialog--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
}

.modal-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  padding: 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.modal-body-border {
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
}

.modal-body-content {
  height: 100%;
  padding: 0 var(--pf-v5-global--spacer--xl) var(--pf-v5-global--spacer--xl);
}

.modal-body-content p {
  margin-bottom: var(--pf-v5-c-content--MarginBottom);
}

.modal-content {
  background-clip: padding-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  outline: 0;
  position: relative;
}

.modal-dialog {
  margin: var(--pf-v5-global--spacer--md);
  max-width: calc(100% - var(--pf-v5-global--spacer--xl));
  outline: 0;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .modal-dialog {
    margin: 30px auto;
  }

  .modal-dialog:not(.modal-lg) {
    max-width: 600px;
  }
}

@media (min-width: 1200px) {
  .modal-dialog.modal-lg {
    max-width: 70rem;
  }
}

.modal-footer {
  margin-top: 0;
  padding: var(--pf-v5-global--spacer--md) var(--pf-v5-global--spacer--xl) var(--pf-v5-global--spacer--xl) var(--pf-v5-global--spacer--xl);
}

.modal-header {
  padding: var(--pf-v5-global--spacer--xl) var(--pf-v5-global--spacer--xl) var(--pf-v5-global--spacer--lg);
}

.modal__inline-resource-link {
  margin: 0;
}

.toleration-modal__field,
.taint-modal__field {
  padding-right: 0;
}

.toleration-modal__field,
.taint-modal__input {
  margin-bottom: 5px;
}

@media (max-width: 991px) {
  .toleration-modal__field,
  .taint-modal__input {
    margin-bottom: 10px;
  }
}

.toleration-modal__heading,
.taint-modal__heading {
  margin-bottom: 5px;
}

.toleration-modal__row,
.taint-modal__row {
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  .toleration-modal__row,
  .taint-modal__row {
    margin-bottom: 24px;
  }
}

.modal-paragraph {
  margin-bottom: var(--pf-v5-c-content--MarginBottom);
}

.environment-buttons {
  border-top: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
  padding-top: 20px;
}

.co-empty__header {
  padding: 0;
  width: 28px;
}

.pairs-list__action {
  padding: 0;
  width: 28px;
}

.pairs-list__action-icon {
  background: transparent;
  border: 0;
  display: flex;
  padding-left: 1rem !important;
}

.pairs-list__action-icon--reorder {
  cursor: move;
}

.pairs-list__heading {
  margin-bottom: 5px;
}

.pairs-list__row {
  align-items: center;
  display: flex;
  padding-bottom: 15px;
}

.pairs-list__row-dragging {
  background-color: var(--pf-v5-global--BorderColor--300);
  border: 1px dashed #868789;
  border-radius: 4px;
  height: 28px;
  margin-left: 28px;
  margin-bottom: 15px;
  overflow: hidden;
  padding-right: 100px;
  width: calc(83.34% + 11px);
}

.pairs-list__row-dragging div {
  opacity: 0;
}

.pairs-list__value-field,
.pairs-list__name-field {
  padding-right: 0;
}

.pairs-list__value-pair-field {
  padding-right: 0;
  display: flex;
  flex-direction: column;
}

.pairs-list__value-ro-field {
  flex-grow: 1;
  padding-top: 5px;
}

.pairs-list__side-btn {
  cursor: pointer;
}

.pairs-list__span-btns {
  border: 0;
  display: flex;
}

.value-from {
  width: 100%;
}

.value-from .value-from-pair {
  width: 100%;
}

@media (min-width: 992px) {
  .value-from .value-from-pair {
    width: 50%;
  }
}

.value-from .pf-v5-c-dropdown,
.value-from .pf-v5-c-dropdown__toggle {
  width: 100%;
}

.value-from .pf-v5-c-dropdown__menu {
  min-width: 250px;
  width: 100%;
}

@media (max-width: 767px) {
  .value-from__menu {
    left: auto;
    right: 0;
  }
}

.value-from--key {
  padding-top: 5px;
}

.co-terminal>.terminal {
  color: #fff;
  padding: 10px;
  background-color: #030303;
}

.co-terminal>.terminal.fullscreen {
  z-index: 1050;
}

.co-terminal {
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #030303;
  position: relative;
}

.co-terminal>.terminal {
  height: 100%;
}

.co-terminal-collapse-link.pf-v5-c-button {
  background: rgba(0,0,0,.75) !important;
  color: #1fa7f8;
  position: fixed;
  right: 18px;
  top: 4px;
  z-index: 1070;
}

.default-overflow {
  overflow: visible !important;
}

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

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

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

.co-catalog-item-info {
  margin-bottom: 20px;
}

.co-catalog-tile {
  color: var(--pf-v5-global--Color--100);
}

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

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

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

.co-catalog-item-details {
  align-items: flex-start;
  display: flex;
  margin: 0 0 10px;
}

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

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

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

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

.co-catalog-item-details__tag {
  color: var(--pf-v5-global--Color--200);
  font-size: 13px;
  margin-right: 5px;
  text-transform: uppercase;
}

.co-catalog-item-icon {
  padding: var(--pf-v5-global--spacer--xs);
  border-radius: var(--pf-v5-global--BorderRadius--sm);
  background: var(--pf-v5-global--palette--white);
  margin-right: 15px;
}

.co-catalog-item-icon__bg {
  align-items: center;
  display: flex;
  min-height: 40px;
  min-width: 40px;
}

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

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

.co-catalog-item-icon__img {
  max-height: 24px;
  max-width: 24px;
  width: 100%;
}

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

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

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

.co-catalog-page {
  background: var(--pf-v5-global--BackgroundColor--100);
  border: 1px solid var(--pf-v5-global--BorderColor--300);
  display: flex;
  flex: 1;
  padding-top: 1rem;
}

.co-catalog-page--with-sidebar {
  margin: 0 1rem;
  padding-bottom: 1rem;
}

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

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

.co-catalog-page__description {
  margin-top: -10px;
  padding: 0 1rem 1rem;
}

@media (min-width: 1200px) {
  .co-catalog-page__description {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

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

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

.co-catalog-page__grid {
  background-color: var(--pf-v5-global--BackgroundColor--200);
}

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

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

.co-catalog-page__header {
  margin: 0 1.5rem 0 0;
}

.co-catalog-page__heading {
  font-size: 16px;
  margin: 0 1rem 1rem;
}

@media (min-width: 1200px) {
  .co-catalog-page__heading {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

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

.co-catalog-page__input {
  margin: 0 1rem 1.5rem;
}

@media (max-width: 768px) {
  .co-catalog-page__input {
    max-width: 165px;
  }
}

@media (min-width: 1200px) {
  .co-catalog-page__input {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

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

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

.co-catalog-page__info-icon {
  vertical-align: middle;
  color: var(--pf-v5-global--icon--Color--light);
}

.co-catalog-page__info-icon:hover {
  color: var(--pf-v5-global--icon--Color--dark);
}

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

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

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

.co-catalog-page__overlay--right .pf-v5-c-modal-box__body {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  --pf-v5-c-modal-box__body--PaddingTop: 0 !important;
  --pf-v5-c-modal-box__body--PaddingRight: 0 !important;
  --pf-v5-c-modal-box__body--PaddingLeft: 0 !important;
  --pf-v5-c-modal-box__body--last-child--PaddingBottom: 0 !important;
}

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

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

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

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

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

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

.co-catalog-page__overlay-body {
  margin: 0;
  padding-top: var(--pf-v5-global--spacer--md);
}

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

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

.co-catalog-page__overlay-description h1,
.co-catalog-page__overlay-description h2,
.co-catalog-page__overlay-description h3 {
  color: var(--pf-v5-global--Color--100);
}

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

.co-catalog-page__overlay-description p,
.co-catalog-page__overlay-description li,
.co-catalog-page__overlay-description ol {
  color: var(--pf-v5-global--Color--100);
  font-size: 14px !important;
}

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

.co-catalog-page__tabs {
  flex: 0 0 220px;
  margin: 0 1rem 0 0;
}

.co-catalog-page__searchfilter {
  display: inline-flex;
}

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

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

.co-catalog-tab__empty {
  color: #36373a;
}

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

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

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

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

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

.build-overview__item {
  display: flex;
  flex-direction: column;
}

.build-overview__item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.build-overview__item-time {
  display: inline-block;
}

.build-overview__status {
  flex-wrap: wrap;
}

.job-overview__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.overview {
  overflow: hidden;
  position: relative;
}

.overview .overview__main-column {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.overview .overview__sidebar {
  background: #fff;
  bottom: 0;
  box-shadow: var(--pf-v5-global--BoxShadow--md);
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 15px);
  z-index: 5;
}

@media (min-width: 768px) {
  .overview .overview__sidebar {
    max-width: 550px;
  }
}

.overview .overview__sidebar-appear {
  opacity: 0;
  transform: translateX(10%);
}

.overview .overview__sidebar-appear-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 175ms ease-out,transform 225ms ease-out;
}

.overview.overview--sidebar-shown .overview__sidebar {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .overview.overview--sidebar-shown .overview__main-column {
    margin-right: 550px;
  }
}

.overview__sidebar-pane-body {
  padding: 0 20px;
  min-height: 200px;
}

.overview__sidebar-pane-head {
  padding-top: 5px;
}

.overview__sidebar-pane-head .co-m-pane__heading {
  font-size: var(--pf-v5-global--FontSize--xl);
  margin: 0 20px var(--pf-v5-global--spacer--md);
}

.overview__sidebar-pane-head .co-actions-menu {
  margin-top: -3px;
}

.overview__pod-donut-sm {
  width: var(--pf-v5-global--icon--FontSize--lg);
}

.resource-overview {
  height: 100%;
  min-height: 0;
  padding-bottom: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.resource-overview__body {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pf-v5-global--spacer--lg);
}

.resource-overview__details,
.resource-overview__summary {
  flex: 1;
  min-width: 200px;
}

.resource-overview__pod-counts {
  width: 100%;
}

.sidebar__section-heading {
  font-size: 18px;
  margin: 30px 0 10px;
}

.sidebar__section-view-all {
  font-size: 14px;
  margin-left: var(--pf-v5-global--spacer--sm);
}

.sidebar__section-owner-operator-heading {
  display: flex;
}

.sidebar__section-owner-reference-operator {
  padding-left: var(--pf-v5-global--spacer--sm);
}

.co-deploy-image__name {
  margin-top: 15px;
}

.co-deploy-image__namespace .pf-v5-c-dropdown {
  width: 100%;
}

.co-image-name-results {
  border-bottom: 1px solid var(--pf-v5-global--BorderColor--300);
  border-top: 1px solid var(--pf-v5-global--BorderColor--300);
  margin: 30px 0;
  padding: 30px 0;
}

.co-image-name-results__heading .co-timestamp {
  display: inline-flex;
}

.co-image-name-results__heading small {
  margin-left: 7px;
}

.co-image-name-results__loading {
  text-align: center;
}

.co-image-name-results__loading-error {
  margin-bottom: 0;
  margin-top: 10px;
}

.co-image-name-results__loading-heading {
  margin: 0;
}

.co-instantiate-template-form .pf-v5-c-dropdown {
  width: 100%;
}

.co-instantiate-template-form__button-bar {
  margin-top: 10px;
}

.co-create-route__alert {
  margin-bottom: 0;
}

.co-create-route__add-service-btn {
  margin-bottom: 15px;
}

.co-create-route__weight-label {
  display: block;
}

.create-storage-class-form__checkbox {
  width: inherit;
}

.co-resource-quota-chart-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.co-resource-quota-icon {
  padding-left: 34px;
}

.co-resource-quota-scope__description {
  font-size: 12px;
}

.cluster-channel-modal__dropdown .pf-v5-c-dropdown {
  width: 100%;
}

.co-channel {
  align-items: center;
  display: flex;
  font-size: 11px;
}

.co-channel-line {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  position: relative;
  min-width: 50px;
  width: 100%;
}

.co-channel-line:before {
  background-color: var(--pf-v5-global--disabled-color--100);
  content: "";
  height: 4px;
  position: absolute;
  width: 100%;
}

.co-channel-path--current .co-channel-line:before {
  background-color: var(--pf-v5-global--primary-color--100);
}

.co-channel-line:last-child::after {
  background: transparent;
  border: 8px solid transparent;
  border-left-color: var(--pf-v5-global--disabled-color--100);
  border-width: 8px 12px;
  content: "";
  position: absolute;
  right: -15px;
}

.co-channel-path--current .co-channel-line:last-child::after {
  border-left-color: var(--pf-v5-global--primary-color--100);
}

.co-channel--end-of-life .co-channel-line:last-child::after {
  background-color: var(--pf-v5-global--primary-color--100);
  border: 0;
  height: 16px;
  right: 0px;
  width: 3px;
}

.co-channel-more-versions {
  background: var(--pf-v5-c-drawer__content--BackgroundColor) !important;
  border: 1px solid !important;
  border-radius: 15px !important;
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: bold !important;
  justify-content: center;
  padding: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm) !important;
  position: absolute !important;
}

.co-channel-more-versions::after {
  display: none;
}

.co-channel-more-versions:hover,
.co-channel-more-versions:focus {
  background: var(--pf-v5-global--primary-color--100) !important;
  border-color: var(--pf-v5-global--primary-color--100) !important;
  color: var(--pf-v5-c-drawer__content--BackgroundColor) !important;
}

.co-channel-more-versions:focus {
  outline: 0 !important;
}

.co-channel-name {
  color: var(--pf-v5-global--disabled-color--100);
  padding: 0 10px 0 20px;
  min-width: 150px;
  white-space: nowrap;
}

.co-channel-name--current {
  color: inherit;
  padding-top: 20px;
}

.co-channel-path {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.co-channel-path--current {
  margin-top: 20px;
}

.co-channel-start::before {
  position: absolute;
  right: 0;
  width: 25%;
}

.co-channel-switch {
  position: absolute;
  top: -28px;
  width: 100%;
  height: 60px;
  z-index: 1;
}

.co-channel-switch::after,
.co-channel-switch::before {
  background: linear-gradient(to left bottom, transparent 50%, var(--pf-v5-global--disabled-color--100) 50%);
  content: "";
  display: block;
  height: 60px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 50%;
}

.co-channel-switch::after {
  background: linear-gradient(to left bottom, transparent 50%, var(--pf-v5-c-drawer__content--BackgroundColor) 50%);
  right: 3px;
  top: 0;
}

.co-channel-version {
  color: initial;
  display: flex;
  flex-direction: column;
  height: 35px;
  justify-content: flex-end;
  line-height: 1;
  padding: 0 5px;
  position: absolute;
  text-align: center;
  top: -20px;
  word-break: break-word;
}

.co-channel-version--current {
  font-weight: var(--pf-v5-global--FontWeight--bold);
}

.co-channel-version--update-blocked {
  align-items: flex-end;
  flex-direction: row;
}

.co-channel-version__warning-icon {
  flex-shrink: 0;
}

.co-channel-version-dot {
  background: var(--pf-v5-global--primary-color--100) !important;
  border-radius: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  position: absolute;
  width: 16px !important;
  z-index: 2;
}

.co-channel-version-dot::after {
  background: var(--pf-v5-c-drawer__content--BackgroundColor) !important;
  border: 2px solid var(--pf-v5-c-drawer__content--BackgroundColor) !important;
  border-radius: 12px !important;
  bottom: 2px !important;
  content: "";
  left: 2px !important;
  position: absolute;
  right: 2px !important;
  top: 2px !important;
}

.co-channel-version-dot--current::after {
  background: transparent !important;
}

.co-channel-version-dot:focus {
  outline: 0 !important;
}

.co-channel-version-dot--update-blocked {
  background: var(--pf-v5-global--warning-color--100) !important;
}

.co-cluster-settings {
  border-width: 1px;
  max-width: 800px;
}

.co-cluster-settings,
.co-cluster-settings__section {
  border-color: var(--pf-v5-global--BorderColor--300);
  border-style: solid;
}

.co-cluster-settings__details {
  padding-right: var(--pf-v5-global--spacer--lg);
}

@media (min-width: 480px) {
  .co-cluster-settings__details--status {
    max-width: 50%;
  }
}

.co-cluster-settings__row {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .co-cluster-settings__row {
    flex-wrap: wrap;
  }
}

.co-cluster-settings__section {
  align-items: center;
  border-width: 1px 0 0 1px;
  flex: 1 1 auto;
  padding: var(--pf-v5-global--spacer--lg) 0 var(--pf-v5-global--spacer--lg) var(--pf-v5-global--spacer--lg);
  margin-left: -1px;
  margin-top: -1px;
}

.co-cluster-settings__section--current {
  flex-grow: 0;
}

.co-cluster-settings__updates-graph {
  padding: 0 var(--pf-v5-global--spacer--lg) 0 0;
}

@media (max-width: 400px) {
  .co-cluster-settings__updates-graph {
    display: none;
  }
}

.co-cluster-settings__updates-group {
  margin: 0 0 var(--pf-v5-global--spacer--lg) 0;
}

.co-cluster-settings__updates-group--divided {
  border-top: 1px solid var(--pf-v5-global--BorderColor--300);
  padding-top: var(--pf-v5-global--spacer--lg);
}

.co-cluster-settings__updates-group--divided~.co-cluster-settings__updates-group--divided {
  border-top: 0;
  padding-top: 0;
}

.co-cluster-settings__updates-progress:not(:empty) {
  padding: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--lg) 0 0;
}

.co-cluster-settings__updates-type {
  margin: 0 0 var(--pf-v5-global--spacer--xs) 0;
}

.co-update-status {
  padding-bottom: 5px;
}

.co-cluster-paragraph {
  margin-bottom: var(--pf-v5-c-content--MarginBottom);
}

.co-search__accordion {
  margin-bottom: var(--pf-v5-global--spacer--lg);
}

@media (min-width: 768px) {
  .co-search__accordion .co-search__accordion-toggle {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.co-search__accordion .co-m-pane__filter-bar {
  margin-top: 1rem;
}

.co-search__accordion h3 {
  line-height: normal;
  margin-bottom: 0;
}

.co-search__accordion .pf-v5-c-accordion__expanded-content-body {
  --pf-v5-c-accordion__expanded-content-body--PaddingRight: 0 !important;
  --pf-v5-c-accordion__expanded-content-body--PaddingLeft: 0 !important;
}

.co-search__accordion .pf-v5-c-accordion__expanded-content-body:before,
.co-search__accordion .pf-v5-c-accordion__toggle:before {
  display: none;
}

.co-search__filter-input {
  width: 100%;
}

.co-notification-drawer {
  overflow-y: hidden !important;
  z-index: 310 !important;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.pf-v5-c-drawer__content {
  --pf-v5-c-drawer__content--ZIndex: auto;
}

.co-radio-group--inline {
  display: flex;
  align-items: flex-start;
}

.co-radio-group .co-radio-group__label {
  margin-right: 15px;
}

.co-filter-dropdown__item {
  display: inline-flex;
  pointer-events: none;
}

.co-filter-dropdown__list-item {
  list-style: none;
}

.co-filter-dropdown-group>ul {
  margin-left: 0;
  padding-left: 0;
}

.co-filter-dropdown-item {
  display: inline-flex;
  margin: var(--pf-v5-global--spacer--xs) 0;
}

.co-filter-dropdown-item__name {
  padding: 0 var(--pf-v5-global--spacer--xs);
}

@media (min-width: 768px) {
  .co-filter-group {
    width: 350px !important;
  }
}

.co-filter-search--full-width {
  flex-grow: 1;
}

.co-filter-search--full-width .has-feedback {
  width: 100%;
}

.co-suggestion-box {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  z-index: 5;
  width: 100%;
}

@media (max-width: 480px) {
  .co-suggestion-box {
    max-width: calc(100% - 95px);
  }
}

@media (min-width: 480px)and (max-width: 768px) {
  .co-suggestion-box {
    max-width: 200px;
  }
}

.co-suggestion-box__suggestions {
  background-color: var(--pf-v5-global--BackgroundColor--100);
  margin-bottom: -19em;
  display: flex;
  flex-direction: column;
}

@media (min-width: 480px)and (max-width: 768px) {
  .co-suggestion-box__suggestions {
    max-width: 200px;
  }
}

.co-suggestion-box__suggestions--shadowed {
  box-shadow: var(--pf-v5-global--BoxShadow--md);
  padding: var(--pf-v5-global--spacer--sm);
}

.co-suggestion-line {
  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
  background-color: var(--pf-v5-global--palette--black-150);
  border-radius: 12px;
  overflow: hidden;
  display: inline;
  align-self: flex-start;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - var(--pf-v5-global--spacer--sm));
  margin: .15rem 0;
}

.co-conditions__message {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}

.co-pvc-donut {
  max-width: 130px;
  max-height: 130px;
  margin-bottom: 20px;
}

.co-virtualized-table .pf-v5-c-table {
  table-layout: fixed;
}

.co-virtualized-table .pf-v5-c-table tbody>tr:first-child::before {
  content: none;
  width: 0 !important;
}

.co-virtualized-table .pf-v5-c-table tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.co-virtualized-table .pf-v5-c-table tr>* {
  height: auto;
}

.co-virtualized-table .pf-v5-c-table .pf-v5-c-table__check {
  width: 8.333% !important;
}

@media screen and (max-width: 768px) {
  .co-virtualized-table .pf-v5-c-table .pf-v5-c-table__check {
    width: 16.66% !important;
  }
}

.co-virtualized-table .pf-v5-c-table .pf-v5-c-table__action {
  padding-left: 0px !important;
  width: 5% !important;
}

@media screen and (max-width: 992px) {
  .co-virtualized-table .pf-v5-c-table .pf-v5-c-table__action {
    width: 10% !important;
  }
}

.pf-v5-c-window-scroller.ReactVirtualized__VirtualGrid,
.pf-v5-c-window-scroller .ReactVirtualized__VirtualGrid,
.pf-v5-c-window-scroller .ReactVirtualized__VirtualGrid__innerScrollContainer {
  overflow: visible !important;
}

.details-item {
  display: inline-block;
  margin-bottom: var(--pf-v5-global--spacer--lg);
}

.details-item__label {
  font-weight: bold;
}

.details-item__popover-button {
  color: inherit !important;
  font-weight: inherit !important;
  margin-bottom: 3px;
  background-image: linear-gradient(to right, var(--pf-v5-c-button--m-plain--Color) 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
  padding: 0 !important;
}

.details-item__popover-button:focus,
.details-item__popover-button:hover {
  background-image: linear-gradient(to right, var(--pf-v5-c-button--m-tertiary--Color) 33%, rgba(255, 255, 255, 0) 0%);
}

.details-item__value--group {
  border: 1px solid var(--pf-v5-global--BorderColor--300);
  margin-top: var(--pf-v5-global--spacer--xs);
  padding: var(--pf-v5-global--spacer--md);
}

.details-item__value--group dd:last-child {
  margin-bottom: 0 !important;
}

.details-item__value--labels {
  padding: var(--pf-v5-global--spacer--xs);
}

.resource-metrics-dashboard__card-body {
  align-items: stretch;
  display: flex;
  height: 300px;
  justify-content: center;
}

.resource-metrics-dashboard__card-body .query-browser__wrapper {
  border: none;
  margin: auto;
  padding: 0;
}

.resource-metrics-dashboard__card-body>.graph-wrapper {
  margin: auto;
  padding: 0;
}

.resource-metrics-dashboard__card-body .graph-empty-state {
  min-height: unset;
}

.configmap-form .co-file-dropzone__textarea {
  min-height: 80px;
}

.co-overview-dashboard__activity-body {
  max-height: 48rem;
}

.co-overview-status__health.pf-v5-l-gallery {
  width: 100%;
  --pf-v5-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(150px, auto));
}

.co-project-dashboard__activity-body {
  max-height: 46rem;
}

.co-project-dashboard-details-card__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

:root {
  --co-global--palette--blue-400: var(--pf-v5-global--palette--blue-400);
  --co-global--palette--purple-600: var(--pf-v5-global--palette--purple-600);
  --co-global--palette--orange-400: var(--pf-v5-global--palette--orange-400);
  --co-global--palette--purple-700: var(--pf-v5-global--palette--purple-700);
  --co-global--dark--palette--blue-400: var(--pf-v5-global--palette--blue-200);
  --co-global--dark--palette--purple-600: var(--pf-v5-global--palette--purple-200);
  --co-global--dark--palette--orange-400: var(--pf-v5-global--palette--orange-200);
  --co-global--dark--palette--purple-700: var(--pf-v5-global--palette--purple-200);
  --co-skeleton--Color: var(--pf-v5-global--palette--black-150);
  --co-skeleton--Color--300: var(--pf-v5-global--palette--black-300);
  --co-skeleton--dark--Color: var(--pf-v5-global--palette--black-600);
  --co-skeleton--dark--Color--300: var(--pf-v5-global--palette--black-700);
}

:root:where(.pf-v5-theme-dark) {
  --co-global--palette--blue-400: var(--co-global--dark--palette--blue-400);
  --co-global--palette--purple-600: var(--co-global--dark--palette--purple-600);
  --co-global--palette--orange-400: var(--co-global--dark--palette--orange-400);
  --co-global--palette--purple-700: var(--co-global--dark--palette--purple-600);
  --co-skeleton--Color: var(--co-skeleton--dark--Color);
  --co-skeleton--Color--300: var(--co-skeleton--dark--Color--300);
}



/*# sourceMappingURL=app-bundle.main.2701dd421a5cb2f26533.css.map*/