.pf-u-text-align-left {
  text-align: left !important;
}
.pf-u-text-align-center {
  text-align: center !important;
}
.pf-u-text-align-right {
  text-align: right !important;
}
.pf-u-text-align-justify {
  text-align: justify !important;
}
@media screen and (min-width: 576px) {
  .pf-u-text-align-left-on-sm {
    text-align: left !important;
  }
  .pf-u-text-align-center-on-sm {
    text-align: center !important;
  }
  .pf-u-text-align-right-on-sm {
    text-align: right !important;
  }
  .pf-u-text-align-justify-on-sm {
    text-align: justify !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-text-align-left-on-md {
    text-align: left !important;
  }
  .pf-u-text-align-center-on-md {
    text-align: center !important;
  }
  .pf-u-text-align-right-on-md {
    text-align: right !important;
  }
  .pf-u-text-align-justify-on-md {
    text-align: justify !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-text-align-left-on-lg {
    text-align: left !important;
  }
  .pf-u-text-align-center-on-lg {
    text-align: center !important;
  }
  .pf-u-text-align-right-on-lg {
    text-align: right !important;
  }
  .pf-u-text-align-justify-on-lg {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-text-align-left-on-xl {
    text-align: left !important;
  }
  .pf-u-text-align-center-on-xl {
    text-align: center !important;
  }
  .pf-u-text-align-right-on-xl {
    text-align: right !important;
  }
  .pf-u-text-align-justify-on-xl {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-text-align-left-on-2xl {
    text-align: left !important;
  }
  .pf-u-text-align-center-on-2xl {
    text-align: center !important;
  }
  .pf-u-text-align-right-on-2xl {
    text-align: right !important;
  }
  .pf-u-text-align-justify-on-2xl {
    text-align: justify !important;
  }
}
.pf-u-background-color-100 {
  background-color: var(--pf-global--BackgroundColor--100) !important;
}
.pf-u-background-color-200 {
  background-color: var(--pf-global--BackgroundColor--200) !important;
}
.pf-u-background-color-active-color-100 {
  background-color: var(--pf-global--active-color--100) !important;
}
.pf-u-background-color-active-color-300 {
  background-color: var(--pf-global--active-color--300) !important;
}
.pf-u-background-color-primary-color-200 {
  background-color: var(--pf-global--primary-color--200) !important;
}
.pf-u-background-color-dark-100 {
  background-color: var(--pf-global--BackgroundColor--dark-100) !important;
}
.pf-u-background-color-dark-200 {
  background-color: var(--pf-global--BackgroundColor--dark-200) !important;
}
.pf-u-background-color-dark-300 {
  background-color: var(--pf-global--BackgroundColor--dark-300) !important;
}
.pf-u-background-color-dark-400 {
  background-color: var(--pf-global--BackgroundColor--dark-400) !important;
}
.pf-u-background-color-disabled-color-200 {
  background-color: var(--pf-global--disabled-color--200) !important;
}
.pf-u-background-color-disabled-color-300 {
  background-color: var(--pf-global--disabled-color--300) !important;
}
.pf-u-background-color-default {
  background-color: var(--pf-global--palette--cyan-50) !important;
}
.pf-u-background-color-success {
  background-color: var(--pf-global--palette--green-50) !important;
}
.pf-u-background-color-info {
  background-color: var(--pf-global--palette--blue-50) !important;
}
.pf-u-background-color-warning {
  background-color: var(--pf-global--palette--gold-50) !important;
}
.pf-u-background-color-danger {
  background-color: var(--pf-global--palette--red-50) !important;
}
@media screen and (min-width: 576px) {
  .pf-u-background-color-100-on-sm {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  .pf-u-background-color-200-on-sm {
    background-color: var(--pf-global--BackgroundColor--200) !important;
  }
  .pf-u-background-color-active-color-100-on-sm {
    background-color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-background-color-active-color-300-on-sm {
    background-color: var(--pf-global--active-color--300) !important;
  }
  .pf-u-background-color-primary-color-200-on-sm {
    background-color: var(--pf-global--primary-color--200) !important;
  }
  .pf-u-background-color-dark-100-on-sm {
    background-color: var(--pf-global--BackgroundColor--dark-100) !important;
  }
  .pf-u-background-color-dark-200-on-sm {
    background-color: var(--pf-global--BackgroundColor--dark-200) !important;
  }
  .pf-u-background-color-dark-300-on-sm {
    background-color: var(--pf-global--BackgroundColor--dark-300) !important;
  }
  .pf-u-background-color-dark-400-on-sm {
    background-color: var(--pf-global--BackgroundColor--dark-400) !important;
  }
  .pf-u-background-color-disabled-color-200-on-sm {
    background-color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-background-color-disabled-color-300-on-sm {
    background-color: var(--pf-global--disabled-color--300) !important;
  }
  .pf-u-background-color-default-on-sm {
    background-color: var(--pf-global--palette--cyan-50) !important;
  }
  .pf-u-background-color-success-on-sm {
    background-color: var(--pf-global--palette--green-50) !important;
  }
  .pf-u-background-color-info-on-sm {
    background-color: var(--pf-global--palette--blue-50) !important;
  }
  .pf-u-background-color-warning-on-sm {
    background-color: var(--pf-global--palette--gold-50) !important;
  }
  .pf-u-background-color-danger-on-sm {
    background-color: var(--pf-global--palette--red-50) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-background-color-100-on-md {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  .pf-u-background-color-200-on-md {
    background-color: var(--pf-global--BackgroundColor--200) !important;
  }
  .pf-u-background-color-active-color-100-on-md {
    background-color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-background-color-active-color-300-on-md {
    background-color: var(--pf-global--active-color--300) !important;
  }
  .pf-u-background-color-primary-color-200-on-md {
    background-color: var(--pf-global--primary-color--200) !important;
  }
  .pf-u-background-color-dark-100-on-md {
    background-color: var(--pf-global--BackgroundColor--dark-100) !important;
  }
  .pf-u-background-color-dark-200-on-md {
    background-color: var(--pf-global--BackgroundColor--dark-200) !important;
  }
  .pf-u-background-color-dark-300-on-md {
    background-color: var(--pf-global--BackgroundColor--dark-300) !important;
  }
  .pf-u-background-color-dark-400-on-md {
    background-color: var(--pf-global--BackgroundColor--dark-400) !important;
  }
  .pf-u-background-color-disabled-color-200-on-md {
    background-color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-background-color-disabled-color-300-on-md {
    background-color: var(--pf-global--disabled-color--300) !important;
  }
  .pf-u-background-color-default-on-md {
    background-color: var(--pf-global--palette--cyan-50) !important;
  }
  .pf-u-background-color-success-on-md {
    background-color: var(--pf-global--palette--green-50) !important;
  }
  .pf-u-background-color-info-on-md {
    background-color: var(--pf-global--palette--blue-50) !important;
  }
  .pf-u-background-color-warning-on-md {
    background-color: var(--pf-global--palette--gold-50) !important;
  }
  .pf-u-background-color-danger-on-md {
    background-color: var(--pf-global--palette--red-50) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-background-color-100-on-lg {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  .pf-u-background-color-200-on-lg {
    background-color: var(--pf-global--BackgroundColor--200) !important;
  }
  .pf-u-background-color-active-color-100-on-lg {
    background-color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-background-color-active-color-300-on-lg {
    background-color: var(--pf-global--active-color--300) !important;
  }
  .pf-u-background-color-primary-color-200-on-lg {
    background-color: var(--pf-global--primary-color--200) !important;
  }
  .pf-u-background-color-dark-100-on-lg {
    background-color: var(--pf-global--BackgroundColor--dark-100) !important;
  }
  .pf-u-background-color-dark-200-on-lg {
    background-color: var(--pf-global--BackgroundColor--dark-200) !important;
  }
  .pf-u-background-color-dark-300-on-lg {
    background-color: var(--pf-global--BackgroundColor--dark-300) !important;
  }
  .pf-u-background-color-dark-400-on-lg {
    background-color: var(--pf-global--BackgroundColor--dark-400) !important;
  }
  .pf-u-background-color-disabled-color-200-on-lg {
    background-color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-background-color-disabled-color-300-on-lg {
    background-color: var(--pf-global--disabled-color--300) !important;
  }
  .pf-u-background-color-default-on-lg {
    background-color: var(--pf-global--palette--cyan-50) !important;
  }
  .pf-u-background-color-success-on-lg {
    background-color: var(--pf-global--palette--green-50) !important;
  }
  .pf-u-background-color-info-on-lg {
    background-color: var(--pf-global--palette--blue-50) !important;
  }
  .pf-u-background-color-warning-on-lg {
    background-color: var(--pf-global--palette--gold-50) !important;
  }
  .pf-u-background-color-danger-on-lg {
    background-color: var(--pf-global--palette--red-50) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-background-color-100-on-xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  .pf-u-background-color-200-on-xl {
    background-color: var(--pf-global--BackgroundColor--200) !important;
  }
  .pf-u-background-color-active-color-100-on-xl {
    background-color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-background-color-active-color-300-on-xl {
    background-color: var(--pf-global--active-color--300) !important;
  }
  .pf-u-background-color-primary-color-200-on-xl {
    background-color: var(--pf-global--primary-color--200) !important;
  }
  .pf-u-background-color-dark-100-on-xl {
    background-color: var(--pf-global--BackgroundColor--dark-100) !important;
  }
  .pf-u-background-color-dark-200-on-xl {
    background-color: var(--pf-global--BackgroundColor--dark-200) !important;
  }
  .pf-u-background-color-dark-300-on-xl {
    background-color: var(--pf-global--BackgroundColor--dark-300) !important;
  }
  .pf-u-background-color-dark-400-on-xl {
    background-color: var(--pf-global--BackgroundColor--dark-400) !important;
  }
  .pf-u-background-color-disabled-color-200-on-xl {
    background-color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-background-color-disabled-color-300-on-xl {
    background-color: var(--pf-global--disabled-color--300) !important;
  }
  .pf-u-background-color-default-on-xl {
    background-color: var(--pf-global--palette--cyan-50) !important;
  }
  .pf-u-background-color-success-on-xl {
    background-color: var(--pf-global--palette--green-50) !important;
  }
  .pf-u-background-color-info-on-xl {
    background-color: var(--pf-global--palette--blue-50) !important;
  }
  .pf-u-background-color-warning-on-xl {
    background-color: var(--pf-global--palette--gold-50) !important;
  }
  .pf-u-background-color-danger-on-xl {
    background-color: var(--pf-global--palette--red-50) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-background-color-100-on-2xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  .pf-u-background-color-200-on-2xl {
    background-color: var(--pf-global--BackgroundColor--200) !important;
  }
  .pf-u-background-color-active-color-100-on-2xl {
    background-color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-background-color-active-color-300-on-2xl {
    background-color: var(--pf-global--active-color--300) !important;
  }
  .pf-u-background-color-primary-color-200-on-2xl {
    background-color: var(--pf-global--primary-color--200) !important;
  }
  .pf-u-background-color-dark-100-on-2xl {
    background-color: var(--pf-global--BackgroundColor--dark-100) !important;
  }
  .pf-u-background-color-dark-200-on-2xl {
    background-color: var(--pf-global--BackgroundColor--dark-200) !important;
  }
  .pf-u-background-color-dark-300-on-2xl {
    background-color: var(--pf-global--BackgroundColor--dark-300) !important;
  }
  .pf-u-background-color-dark-400-on-2xl {
    background-color: var(--pf-global--BackgroundColor--dark-400) !important;
  }
  .pf-u-background-color-disabled-color-200-on-2xl {
    background-color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-background-color-disabled-color-300-on-2xl {
    background-color: var(--pf-global--disabled-color--300) !important;
  }
  .pf-u-background-color-default-on-2xl {
    background-color: var(--pf-global--palette--cyan-50) !important;
  }
  .pf-u-background-color-success-on-2xl {
    background-color: var(--pf-global--palette--green-50) !important;
  }
  .pf-u-background-color-info-on-2xl {
    background-color: var(--pf-global--palette--blue-50) !important;
  }
  .pf-u-background-color-warning-on-2xl {
    background-color: var(--pf-global--palette--gold-50) !important;
  }
  .pf-u-background-color-danger-on-2xl {
    background-color: var(--pf-global--palette--red-50) !important;
  }
}
:where(.pf-theme-dark) .pf-u-background-color-default {
  background-color: var(--pf-global--BackgroundColor--100) !important;
}
:where(.pf-theme-dark) .pf-u-background-color-success {
  background-color: var(--pf-global--BackgroundColor--100) !important;
}
:where(.pf-theme-dark) .pf-u-background-color-info {
  background-color: var(--pf-global--BackgroundColor--100) !important;
}
:where(.pf-theme-dark) .pf-u-background-color-warning {
  background-color: var(--pf-global--BackgroundColor--100) !important;
}
:where(.pf-theme-dark) .pf-u-background-color-danger {
  background-color: var(--pf-global--BackgroundColor--100) !important;
}
@media screen and (min-width: 576px) {
  :where(.pf-theme-dark) .pf-u-background-color-default-on-sm {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-success-on-sm {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-info-on-sm {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-warning-on-sm {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-danger-on-sm {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
}
@media screen and (min-width: 768px) {
  :where(.pf-theme-dark) .pf-u-background-color-default-on-md {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-success-on-md {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-info-on-md {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-warning-on-md {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-danger-on-md {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
}
@media screen and (min-width: 992px) {
  :where(.pf-theme-dark) .pf-u-background-color-default-on-lg {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-success-on-lg {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-info-on-lg {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-warning-on-lg {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-danger-on-lg {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
}
@media screen and (min-width: 1200px) {
  :where(.pf-theme-dark) .pf-u-background-color-default-on-xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-success-on-xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-info-on-xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-warning-on-xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-danger-on-xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
}
@media screen and (min-width: 1450px) {
  :where(.pf-theme-dark) .pf-u-background-color-default-on-2xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-success-on-2xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-info-on-2xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-warning-on-2xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-background-color-danger-on-2xl {
    background-color: var(--pf-global--BackgroundColor--100) !important;
  }
}
.pf-u-box-shadow-sm {
  box-shadow: var(--pf-global--BoxShadow--sm) !important;
}
.pf-u-box-shadow-sm-top {
  box-shadow: var(--pf-global--BoxShadow--sm-top) !important;
}
.pf-u-box-shadow-sm-right {
  box-shadow: var(--pf-global--BoxShadow--sm-right) !important;
}
.pf-u-box-shadow-sm-bottom {
  box-shadow: var(--pf-global--BoxShadow--sm-bottom) !important;
}
.pf-u-box-shadow-sm-left {
  box-shadow: var(--pf-global--BoxShadow--sm-left) !important;
}
.pf-u-box-shadow-md {
  box-shadow: var(--pf-global--BoxShadow--md) !important;
}
.pf-u-box-shadow-md-top {
  box-shadow: var(--pf-global--BoxShadow--md-top) !important;
}
.pf-u-box-shadow-md-right {
  box-shadow: var(--pf-global--BoxShadow--md-right) !important;
}
.pf-u-box-shadow-md-bottom {
  box-shadow: var(--pf-global--BoxShadow--md-bottom) !important;
}
.pf-u-box-shadow-md-left {
  box-shadow: var(--pf-global--BoxShadow--md-left) !important;
}
.pf-u-box-shadow-lg {
  box-shadow: var(--pf-global--BoxShadow--lg) !important;
}
.pf-u-box-shadow-lg-top {
  box-shadow: var(--pf-global--BoxShadow--lg-top) !important;
}
.pf-u-box-shadow-lg-right {
  box-shadow: var(--pf-global--BoxShadow--lg-right) !important;
}
.pf-u-box-shadow-lg-bottom {
  box-shadow: var(--pf-global--BoxShadow--lg-bottom) !important;
}
.pf-u-box-shadow-lg-left {
  box-shadow: var(--pf-global--BoxShadow--lg-left) !important;
}
.pf-u-box-shadow-xl {
  box-shadow: var(--pf-global--BoxShadow--xl) !important;
}
.pf-u-box-shadow-xl-top {
  box-shadow: var(--pf-global--BoxShadow--xl-top) !important;
}
.pf-u-box-shadow-xl-right {
  box-shadow: var(--pf-global--BoxShadow--xl-right) !important;
}
.pf-u-box-shadow-xl-bottom {
  box-shadow: var(--pf-global--BoxShadow--xl-bottom) !important;
}
.pf-u-box-shadow-xl-left {
  box-shadow: var(--pf-global--BoxShadow--xl-left) !important;
}
.pf-u-box-shadow-inset {
  box-shadow: var(--pf-global--BoxShadow--inset) !important;
}
.pf-u-display-none {
  display: none !important;
}
.pf-u-display-inline-block {
  display: inline-block !important;
}
.pf-u-display-block {
  display: block !important;
}
.pf-u-display-inline {
  display: inline !important;
}
.pf-u-display-table {
  display: table !important;
}
.pf-u-display-table-cell {
  display: table-cell !important;
}
.pf-u-display-table-row {
  display: table-row !important;
}
.pf-u-display-flex {
  display: flex !important;
}
.pf-u-display-inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .pf-u-display-none-on-sm {
    display: none !important;
  }
  .pf-u-display-inline-block-on-sm {
    display: inline-block !important;
  }
  .pf-u-display-block-on-sm {
    display: block !important;
  }
  .pf-u-display-inline-on-sm {
    display: inline !important;
  }
  .pf-u-display-table-on-sm {
    display: table !important;
  }
  .pf-u-display-table-cell-on-sm {
    display: table-cell !important;
  }
  .pf-u-display-table-row-on-sm {
    display: table-row !important;
  }
  .pf-u-display-flex-on-sm {
    display: flex !important;
  }
  .pf-u-display-inline-flex-on-sm {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-display-none-on-md {
    display: none !important;
  }
  .pf-u-display-inline-block-on-md {
    display: inline-block !important;
  }
  .pf-u-display-block-on-md {
    display: block !important;
  }
  .pf-u-display-inline-on-md {
    display: inline !important;
  }
  .pf-u-display-table-on-md {
    display: table !important;
  }
  .pf-u-display-table-cell-on-md {
    display: table-cell !important;
  }
  .pf-u-display-table-row-on-md {
    display: table-row !important;
  }
  .pf-u-display-flex-on-md {
    display: flex !important;
  }
  .pf-u-display-inline-flex-on-md {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-display-none-on-lg {
    display: none !important;
  }
  .pf-u-display-inline-block-on-lg {
    display: inline-block !important;
  }
  .pf-u-display-block-on-lg {
    display: block !important;
  }
  .pf-u-display-inline-on-lg {
    display: inline !important;
  }
  .pf-u-display-table-on-lg {
    display: table !important;
  }
  .pf-u-display-table-cell-on-lg {
    display: table-cell !important;
  }
  .pf-u-display-table-row-on-lg {
    display: table-row !important;
  }
  .pf-u-display-flex-on-lg {
    display: flex !important;
  }
  .pf-u-display-inline-flex-on-lg {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-display-none-on-xl {
    display: none !important;
  }
  .pf-u-display-inline-block-on-xl {
    display: inline-block !important;
  }
  .pf-u-display-block-on-xl {
    display: block !important;
  }
  .pf-u-display-inline-on-xl {
    display: inline !important;
  }
  .pf-u-display-table-on-xl {
    display: table !important;
  }
  .pf-u-display-table-cell-on-xl {
    display: table-cell !important;
  }
  .pf-u-display-table-row-on-xl {
    display: table-row !important;
  }
  .pf-u-display-flex-on-xl {
    display: flex !important;
  }
  .pf-u-display-inline-flex-on-xl {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-display-none-on-2xl {
    display: none !important;
  }
  .pf-u-display-inline-block-on-2xl {
    display: inline-block !important;
  }
  .pf-u-display-block-on-2xl {
    display: block !important;
  }
  .pf-u-display-inline-on-2xl {
    display: inline !important;
  }
  .pf-u-display-table-on-2xl {
    display: table !important;
  }
  .pf-u-display-table-cell-on-2xl {
    display: table-cell !important;
  }
  .pf-u-display-table-row-on-2xl {
    display: table-row !important;
  }
  .pf-u-display-flex-on-2xl {
    display: flex !important;
  }
  .pf-u-display-inline-flex-on-2xl {
    display: inline-flex !important;
  }
}
.pf-u-flex-direction-column {
  flex-direction: column !important;
}
.pf-u-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.pf-u-flex-direction-row {
  flex-direction: row !important;
}
.pf-u-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}
@media screen and (min-width: 576px) {
  .pf-u-flex-direction-column-on-sm {
    flex-direction: column !important;
  }
  .pf-u-flex-direction-column-reverse-on-sm {
    flex-direction: column-reverse !important;
  }
  .pf-u-flex-direction-row-on-sm {
    flex-direction: row !important;
  }
  .pf-u-flex-direction-row-reverse-on-sm {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-flex-direction-column-on-md {
    flex-direction: column !important;
  }
  .pf-u-flex-direction-column-reverse-on-md {
    flex-direction: column-reverse !important;
  }
  .pf-u-flex-direction-row-on-md {
    flex-direction: row !important;
  }
  .pf-u-flex-direction-row-reverse-on-md {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-flex-direction-column-on-lg {
    flex-direction: column !important;
  }
  .pf-u-flex-direction-column-reverse-on-lg {
    flex-direction: column-reverse !important;
  }
  .pf-u-flex-direction-row-on-lg {
    flex-direction: row !important;
  }
  .pf-u-flex-direction-row-reverse-on-lg {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-flex-direction-column-on-xl {
    flex-direction: column !important;
  }
  .pf-u-flex-direction-column-reverse-on-xl {
    flex-direction: column-reverse !important;
  }
  .pf-u-flex-direction-row-on-xl {
    flex-direction: row !important;
  }
  .pf-u-flex-direction-row-reverse-on-xl {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-flex-direction-column-on-2xl {
    flex-direction: column !important;
  }
  .pf-u-flex-direction-column-reverse-on-2xl {
    flex-direction: column-reverse !important;
  }
  .pf-u-flex-direction-row-on-2xl {
    flex-direction: row !important;
  }
  .pf-u-flex-direction-row-reverse-on-2xl {
    flex-direction: row-reverse !important;
  }
}
.pf-u-flex-wrap {
  flex-wrap: wrap !important;
}
.pf-u-flex-nowrap {
  flex-wrap: nowrap !important;
}
.pf-u-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media screen and (min-width: 576px) {
  .pf-u-flex-wrap-on-sm {
    flex-wrap: wrap !important;
  }
  .pf-u-flex-nowrap-on-sm {
    flex-wrap: nowrap !important;
  }
  .pf-u-flex-wrap-reverse-on-sm {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-flex-wrap-on-md {
    flex-wrap: wrap !important;
  }
  .pf-u-flex-nowrap-on-md {
    flex-wrap: nowrap !important;
  }
  .pf-u-flex-wrap-reverse-on-md {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-flex-wrap-on-lg {
    flex-wrap: wrap !important;
  }
  .pf-u-flex-nowrap-on-lg {
    flex-wrap: nowrap !important;
  }
  .pf-u-flex-wrap-reverse-on-lg {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-flex-wrap-on-xl {
    flex-wrap: wrap !important;
  }
  .pf-u-flex-nowrap-on-xl {
    flex-wrap: nowrap !important;
  }
  .pf-u-flex-wrap-reverse-on-xl {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-flex-wrap-on-2xl {
    flex-wrap: wrap !important;
  }
  .pf-u-flex-nowrap-on-2xl {
    flex-wrap: nowrap !important;
  }
  .pf-u-flex-wrap-reverse-on-2xl {
    flex-wrap: wrap-reverse !important;
  }
}
.pf-u-align-items-flex-start {
  align-items: flex-start !important;
}
.pf-u-align-items-flex-end {
  align-items: flex-end !important;
}
.pf-u-align-items-center {
  align-items: center !important;
}
.pf-u-align-items-baseline {
  align-items: baseline !important;
}
.pf-u-align-items-stretch {
  align-items: stretch !important;
}
@media screen and (min-width: 576px) {
  .pf-u-align-items-flex-start-on-sm {
    align-items: flex-start !important;
  }
  .pf-u-align-items-flex-end-on-sm {
    align-items: flex-end !important;
  }
  .pf-u-align-items-center-on-sm {
    align-items: center !important;
  }
  .pf-u-align-items-baseline-on-sm {
    align-items: baseline !important;
  }
  .pf-u-align-items-stretch-on-sm {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-align-items-flex-start-on-md {
    align-items: flex-start !important;
  }
  .pf-u-align-items-flex-end-on-md {
    align-items: flex-end !important;
  }
  .pf-u-align-items-center-on-md {
    align-items: center !important;
  }
  .pf-u-align-items-baseline-on-md {
    align-items: baseline !important;
  }
  .pf-u-align-items-stretch-on-md {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-align-items-flex-start-on-lg {
    align-items: flex-start !important;
  }
  .pf-u-align-items-flex-end-on-lg {
    align-items: flex-end !important;
  }
  .pf-u-align-items-center-on-lg {
    align-items: center !important;
  }
  .pf-u-align-items-baseline-on-lg {
    align-items: baseline !important;
  }
  .pf-u-align-items-stretch-on-lg {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-align-items-flex-start-on-xl {
    align-items: flex-start !important;
  }
  .pf-u-align-items-flex-end-on-xl {
    align-items: flex-end !important;
  }
  .pf-u-align-items-center-on-xl {
    align-items: center !important;
  }
  .pf-u-align-items-baseline-on-xl {
    align-items: baseline !important;
  }
  .pf-u-align-items-stretch-on-xl {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-align-items-flex-start-on-2xl {
    align-items: flex-start !important;
  }
  .pf-u-align-items-flex-end-on-2xl {
    align-items: flex-end !important;
  }
  .pf-u-align-items-center-on-2xl {
    align-items: center !important;
  }
  .pf-u-align-items-baseline-on-2xl {
    align-items: baseline !important;
  }
  .pf-u-align-items-stretch-on-2xl {
    align-items: stretch !important;
  }
}
.pf-u-align-self-flex-start {
  align-self: flex-start !important;
}
.pf-u-align-self-flex-end {
  align-self: flex-end !important;
}
.pf-u-align-self-center {
  align-self: center !important;
}
.pf-u-align-self-baseline {
  align-self: baseline !important;
}
.pf-u-align-self-stretch {
  align-self: stretch !important;
}
@media screen and (min-width: 576px) {
  .pf-u-align-self-flex-start-on-sm {
    align-self: flex-start !important;
  }
  .pf-u-align-self-flex-end-on-sm {
    align-self: flex-end !important;
  }
  .pf-u-align-self-center-on-sm {
    align-self: center !important;
  }
  .pf-u-align-self-baseline-on-sm {
    align-self: baseline !important;
  }
  .pf-u-align-self-stretch-on-sm {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-align-self-flex-start-on-md {
    align-self: flex-start !important;
  }
  .pf-u-align-self-flex-end-on-md {
    align-self: flex-end !important;
  }
  .pf-u-align-self-center-on-md {
    align-self: center !important;
  }
  .pf-u-align-self-baseline-on-md {
    align-self: baseline !important;
  }
  .pf-u-align-self-stretch-on-md {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-align-self-flex-start-on-lg {
    align-self: flex-start !important;
  }
  .pf-u-align-self-flex-end-on-lg {
    align-self: flex-end !important;
  }
  .pf-u-align-self-center-on-lg {
    align-self: center !important;
  }
  .pf-u-align-self-baseline-on-lg {
    align-self: baseline !important;
  }
  .pf-u-align-self-stretch-on-lg {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-align-self-flex-start-on-xl {
    align-self: flex-start !important;
  }
  .pf-u-align-self-flex-end-on-xl {
    align-self: flex-end !important;
  }
  .pf-u-align-self-center-on-xl {
    align-self: center !important;
  }
  .pf-u-align-self-baseline-on-xl {
    align-self: baseline !important;
  }
  .pf-u-align-self-stretch-on-xl {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-align-self-flex-start-on-2xl {
    align-self: flex-start !important;
  }
  .pf-u-align-self-flex-end-on-2xl {
    align-self: flex-end !important;
  }
  .pf-u-align-self-center-on-2xl {
    align-self: center !important;
  }
  .pf-u-align-self-baseline-on-2xl {
    align-self: baseline !important;
  }
  .pf-u-align-self-stretch-on-2xl {
    align-self: stretch !important;
  }
}
.pf-u-align-content-flex-start {
  align-content: flex-start !important;
}
.pf-u-align-content-flex-end {
  align-content: flex-end !important;
}
.pf-u-align-content-center {
  align-content: center !important;
}
.pf-u-align-content-space-between {
  align-content: space-between !important;
}
.pf-u-align-content-space-around {
  align-content: space-around !important;
}
.pf-u-align-content-stretch {
  align-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .pf-u-align-content-flex-start-on-sm {
    align-content: flex-start !important;
  }
  .pf-u-align-content-flex-end-on-sm {
    align-content: flex-end !important;
  }
  .pf-u-align-content-center-on-sm {
    align-content: center !important;
  }
  .pf-u-align-content-space-between-on-sm {
    align-content: space-between !important;
  }
  .pf-u-align-content-space-around-on-sm {
    align-content: space-around !important;
  }
  .pf-u-align-content-stretch-on-sm {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-align-content-flex-start-on-md {
    align-content: flex-start !important;
  }
  .pf-u-align-content-flex-end-on-md {
    align-content: flex-end !important;
  }
  .pf-u-align-content-center-on-md {
    align-content: center !important;
  }
  .pf-u-align-content-space-between-on-md {
    align-content: space-between !important;
  }
  .pf-u-align-content-space-around-on-md {
    align-content: space-around !important;
  }
  .pf-u-align-content-stretch-on-md {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-align-content-flex-start-on-lg {
    align-content: flex-start !important;
  }
  .pf-u-align-content-flex-end-on-lg {
    align-content: flex-end !important;
  }
  .pf-u-align-content-center-on-lg {
    align-content: center !important;
  }
  .pf-u-align-content-space-between-on-lg {
    align-content: space-between !important;
  }
  .pf-u-align-content-space-around-on-lg {
    align-content: space-around !important;
  }
  .pf-u-align-content-stretch-on-lg {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-align-content-flex-start-on-xl {
    align-content: flex-start !important;
  }
  .pf-u-align-content-flex-end-on-xl {
    align-content: flex-end !important;
  }
  .pf-u-align-content-center-on-xl {
    align-content: center !important;
  }
  .pf-u-align-content-space-between-on-xl {
    align-content: space-between !important;
  }
  .pf-u-align-content-space-around-on-xl {
    align-content: space-around !important;
  }
  .pf-u-align-content-stretch-on-xl {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-align-content-flex-start-on-2xl {
    align-content: flex-start !important;
  }
  .pf-u-align-content-flex-end-on-2xl {
    align-content: flex-end !important;
  }
  .pf-u-align-content-center-on-2xl {
    align-content: center !important;
  }
  .pf-u-align-content-space-between-on-2xl {
    align-content: space-between !important;
  }
  .pf-u-align-content-space-around-on-2xl {
    align-content: space-around !important;
  }
  .pf-u-align-content-stretch-on-2xl {
    align-content: stretch !important;
  }
}
.pf-u-justify-content-flex-start {
  justify-content: flex-start !important;
}
.pf-u-justify-content-flex-end {
  justify-content: flex-end !important;
}
.pf-u-justify-content-center {
  justify-content: center !important;
}
.pf-u-justify-content-space-between {
  justify-content: space-between !important;
}
.pf-u-justify-content-space-around {
  justify-content: space-around !important;
}
.pf-u-justify-content-stretch {
  justify-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .pf-u-justify-content-flex-start-on-sm {
    justify-content: flex-start !important;
  }
  .pf-u-justify-content-flex-end-on-sm {
    justify-content: flex-end !important;
  }
  .pf-u-justify-content-center-on-sm {
    justify-content: center !important;
  }
  .pf-u-justify-content-space-between-on-sm {
    justify-content: space-between !important;
  }
  .pf-u-justify-content-space-around-on-sm {
    justify-content: space-around !important;
  }
  .pf-u-justify-content-stretch-on-sm {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-justify-content-flex-start-on-md {
    justify-content: flex-start !important;
  }
  .pf-u-justify-content-flex-end-on-md {
    justify-content: flex-end !important;
  }
  .pf-u-justify-content-center-on-md {
    justify-content: center !important;
  }
  .pf-u-justify-content-space-between-on-md {
    justify-content: space-between !important;
  }
  .pf-u-justify-content-space-around-on-md {
    justify-content: space-around !important;
  }
  .pf-u-justify-content-stretch-on-md {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-justify-content-flex-start-on-lg {
    justify-content: flex-start !important;
  }
  .pf-u-justify-content-flex-end-on-lg {
    justify-content: flex-end !important;
  }
  .pf-u-justify-content-center-on-lg {
    justify-content: center !important;
  }
  .pf-u-justify-content-space-between-on-lg {
    justify-content: space-between !important;
  }
  .pf-u-justify-content-space-around-on-lg {
    justify-content: space-around !important;
  }
  .pf-u-justify-content-stretch-on-lg {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-justify-content-flex-start-on-xl {
    justify-content: flex-start !important;
  }
  .pf-u-justify-content-flex-end-on-xl {
    justify-content: flex-end !important;
  }
  .pf-u-justify-content-center-on-xl {
    justify-content: center !important;
  }
  .pf-u-justify-content-space-between-on-xl {
    justify-content: space-between !important;
  }
  .pf-u-justify-content-space-around-on-xl {
    justify-content: space-around !important;
  }
  .pf-u-justify-content-stretch-on-xl {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-justify-content-flex-start-on-2xl {
    justify-content: flex-start !important;
  }
  .pf-u-justify-content-flex-end-on-2xl {
    justify-content: flex-end !important;
  }
  .pf-u-justify-content-center-on-2xl {
    justify-content: center !important;
  }
  .pf-u-justify-content-space-between-on-2xl {
    justify-content: space-between !important;
  }
  .pf-u-justify-content-space-around-on-2xl {
    justify-content: space-around !important;
  }
  .pf-u-justify-content-stretch-on-2xl {
    justify-content: stretch !important;
  }
}
.pf-u-flex-shrink-1 {
  flex-shrink: 1 !important;
}
.pf-u-flex-grow-1 {
  flex-grow: 1 !important;
}
.pf-u-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.pf-u-flex-grow-0 {
  flex-grow: 0 !important;
}
@media screen and (min-width: 576px) {
  .pf-u-flex-shrink-1-on-sm {
    flex-shrink: 1 !important;
  }
  .pf-u-flex-grow-1-on-sm {
    flex-grow: 1 !important;
  }
  .pf-u-flex-shrink-0-on-sm {
    flex-shrink: 0 !important;
  }
  .pf-u-flex-grow-0-on-sm {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-flex-shrink-1-on-md {
    flex-shrink: 1 !important;
  }
  .pf-u-flex-grow-1-on-md {
    flex-grow: 1 !important;
  }
  .pf-u-flex-shrink-0-on-md {
    flex-shrink: 0 !important;
  }
  .pf-u-flex-grow-0-on-md {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-flex-shrink-1-on-lg {
    flex-shrink: 1 !important;
  }
  .pf-u-flex-grow-1-on-lg {
    flex-grow: 1 !important;
  }
  .pf-u-flex-shrink-0-on-lg {
    flex-shrink: 0 !important;
  }
  .pf-u-flex-grow-0-on-lg {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-flex-shrink-1-on-xl {
    flex-shrink: 1 !important;
  }
  .pf-u-flex-grow-1-on-xl {
    flex-grow: 1 !important;
  }
  .pf-u-flex-shrink-0-on-xl {
    flex-shrink: 0 !important;
  }
  .pf-u-flex-grow-0-on-xl {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-flex-shrink-1-on-2xl {
    flex-shrink: 1 !important;
  }
  .pf-u-flex-grow-1-on-2xl {
    flex-grow: 1 !important;
  }
  .pf-u-flex-shrink-0-on-2xl {
    flex-shrink: 0 !important;
  }
  .pf-u-flex-grow-0-on-2xl {
    flex-grow: 0 !important;
  }
}
.pf-u-flex-basis-0 {
  flex-basis: 0 !important;
}
.pf-u-flex-basis-auto {
  flex-basis: auto !important;
}
@media screen and (min-width: 576px) {
  .pf-u-flex-basis-0-on-sm {
    flex-basis: 0 !important;
  }
  .pf-u-flex-basis-auto-on-sm {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-flex-basis-0-on-md {
    flex-basis: 0 !important;
  }
  .pf-u-flex-basis-auto-on-md {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-flex-basis-0-on-lg {
    flex-basis: 0 !important;
  }
  .pf-u-flex-basis-auto-on-lg {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-flex-basis-0-on-xl {
    flex-basis: 0 !important;
  }
  .pf-u-flex-basis-auto-on-xl {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-flex-basis-0-on-2xl {
    flex-basis: 0 !important;
  }
  .pf-u-flex-basis-auto-on-2xl {
    flex-basis: auto !important;
  }
}
.pf-u-flex-none {
  flex: none !important;
}
.pf-u-flex-1 {
  flex: 1 !important;
}
@media screen and (min-width: 576px) {
  .pf-u-flex-none-on-sm {
    flex: none !important;
  }
  .pf-u-flex-1-on-sm {
    flex: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-flex-none-on-md {
    flex: none !important;
  }
  .pf-u-flex-1-on-md {
    flex: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-flex-none-on-lg {
    flex: none !important;
  }
  .pf-u-flex-1-on-lg {
    flex: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-flex-none-on-xl {
    flex: none !important;
  }
  .pf-u-flex-1-on-xl {
    flex: 1 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-flex-none-on-2xl {
    flex: none !important;
  }
  .pf-u-flex-1-on-2xl {
    flex: 1 !important;
  }
}
.pf-u-flex-fill {
  flex: 1 1 auto !important;
}
@media screen and (min-width: 576px) {
  .pf-u-flex-fill-on-sm {
    flex: 1 1 auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-flex-fill-on-md {
    flex: 1 1 auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-flex-fill-on-lg {
    flex: 1 1 auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-flex-fill-on-xl {
    flex: 1 1 auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-flex-fill-on-2xl {
    flex: 1 1 auto !important;
  }
}
.pf-u-float-left {
  float: left !important;
}
.pf-u-float-right {
  float: right !important;
}
@media screen and (min-width: 576px) {
  .pf-u-float-left-on-sm {
    float: left !important;
  }
  .pf-u-float-right-on-sm {
    float: right !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-float-left-on-md {
    float: left !important;
  }
  .pf-u-float-right-on-md {
    float: right !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-float-left-on-lg {
    float: left !important;
  }
  .pf-u-float-right-on-lg {
    float: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-float-left-on-xl {
    float: left !important;
  }
  .pf-u-float-right-on-xl {
    float: right !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-float-left-on-2xl {
    float: left !important;
  }
  .pf-u-float-right-on-2xl {
    float: right !important;
  }
}
.pf-u-w-auto {
  width: auto !important;
}
.pf-u-w-initial {
  width: initial !important;
}
.pf-u-w-inherit {
  width: inherit !important;
}
.pf-u-w-0 {
  width: 0% !important;
}
.pf-u-w-25 {
  width: 25% !important;
}
.pf-u-w-33 {
  width: 33.3333333333% !important;
}
.pf-u-w-50 {
  width: 50% !important;
}
.pf-u-w-66 {
  width: 66.6666666667% !important;
}
.pf-u-w-75 {
  width: 75% !important;
}
.pf-u-w-100 {
  width: 100% !important;
}
.pf-u-w-25vw {
  width: 25vw !important;
}
.pf-u-w-33vw {
  width: 33.3333333333vw !important;
}
.pf-u-w-50vw {
  width: 50vw !important;
}
.pf-u-w-66vw {
  width: 66.6666666667vw !important;
}
.pf-u-w-75vw {
  width: 75vw !important;
}
.pf-u-w-100vw {
  width: 100vw !important;
}
@media screen and (min-width: 576px) {
  .pf-u-w-auto-on-sm {
    width: auto !important;
  }
  .pf-u-w-initial-on-sm {
    width: initial !important;
  }
  .pf-u-w-inherit-on-sm {
    width: inherit !important;
  }
  .pf-u-w-0-on-sm {
    width: 0% !important;
  }
  .pf-u-w-25-on-sm {
    width: 25% !important;
  }
  .pf-u-w-33-on-sm {
    width: 33.3333333333% !important;
  }
  .pf-u-w-50-on-sm {
    width: 50% !important;
  }
  .pf-u-w-66-on-sm {
    width: 66.6666666667% !important;
  }
  .pf-u-w-75-on-sm {
    width: 75% !important;
  }
  .pf-u-w-100-on-sm {
    width: 100% !important;
  }
  .pf-u-w-25vw-on-sm {
    width: 25vw !important;
  }
  .pf-u-w-33vw-on-sm {
    width: 33.3333333333vw !important;
  }
  .pf-u-w-50vw-on-sm {
    width: 50vw !important;
  }
  .pf-u-w-66vw-on-sm {
    width: 66.6666666667vw !important;
  }
  .pf-u-w-75vw-on-sm {
    width: 75vw !important;
  }
  .pf-u-w-100vw-on-sm {
    width: 100vw !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-w-auto-on-md {
    width: auto !important;
  }
  .pf-u-w-initial-on-md {
    width: initial !important;
  }
  .pf-u-w-inherit-on-md {
    width: inherit !important;
  }
  .pf-u-w-0-on-md {
    width: 0% !important;
  }
  .pf-u-w-25-on-md {
    width: 25% !important;
  }
  .pf-u-w-33-on-md {
    width: 33.3333333333% !important;
  }
  .pf-u-w-50-on-md {
    width: 50% !important;
  }
  .pf-u-w-66-on-md {
    width: 66.6666666667% !important;
  }
  .pf-u-w-75-on-md {
    width: 75% !important;
  }
  .pf-u-w-100-on-md {
    width: 100% !important;
  }
  .pf-u-w-25vw-on-md {
    width: 25vw !important;
  }
  .pf-u-w-33vw-on-md {
    width: 33.3333333333vw !important;
  }
  .pf-u-w-50vw-on-md {
    width: 50vw !important;
  }
  .pf-u-w-66vw-on-md {
    width: 66.6666666667vw !important;
  }
  .pf-u-w-75vw-on-md {
    width: 75vw !important;
  }
  .pf-u-w-100vw-on-md {
    width: 100vw !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-w-auto-on-lg {
    width: auto !important;
  }
  .pf-u-w-initial-on-lg {
    width: initial !important;
  }
  .pf-u-w-inherit-on-lg {
    width: inherit !important;
  }
  .pf-u-w-0-on-lg {
    width: 0% !important;
  }
  .pf-u-w-25-on-lg {
    width: 25% !important;
  }
  .pf-u-w-33-on-lg {
    width: 33.3333333333% !important;
  }
  .pf-u-w-50-on-lg {
    width: 50% !important;
  }
  .pf-u-w-66-on-lg {
    width: 66.6666666667% !important;
  }
  .pf-u-w-75-on-lg {
    width: 75% !important;
  }
  .pf-u-w-100-on-lg {
    width: 100% !important;
  }
  .pf-u-w-25vw-on-lg {
    width: 25vw !important;
  }
  .pf-u-w-33vw-on-lg {
    width: 33.3333333333vw !important;
  }
  .pf-u-w-50vw-on-lg {
    width: 50vw !important;
  }
  .pf-u-w-66vw-on-lg {
    width: 66.6666666667vw !important;
  }
  .pf-u-w-75vw-on-lg {
    width: 75vw !important;
  }
  .pf-u-w-100vw-on-lg {
    width: 100vw !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-w-auto-on-xl {
    width: auto !important;
  }
  .pf-u-w-initial-on-xl {
    width: initial !important;
  }
  .pf-u-w-inherit-on-xl {
    width: inherit !important;
  }
  .pf-u-w-0-on-xl {
    width: 0% !important;
  }
  .pf-u-w-25-on-xl {
    width: 25% !important;
  }
  .pf-u-w-33-on-xl {
    width: 33.3333333333% !important;
  }
  .pf-u-w-50-on-xl {
    width: 50% !important;
  }
  .pf-u-w-66-on-xl {
    width: 66.6666666667% !important;
  }
  .pf-u-w-75-on-xl {
    width: 75% !important;
  }
  .pf-u-w-100-on-xl {
    width: 100% !important;
  }
  .pf-u-w-25vw-on-xl {
    width: 25vw !important;
  }
  .pf-u-w-33vw-on-xl {
    width: 33.3333333333vw !important;
  }
  .pf-u-w-50vw-on-xl {
    width: 50vw !important;
  }
  .pf-u-w-66vw-on-xl {
    width: 66.6666666667vw !important;
  }
  .pf-u-w-75vw-on-xl {
    width: 75vw !important;
  }
  .pf-u-w-100vw-on-xl {
    width: 100vw !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-w-auto-on-2xl {
    width: auto !important;
  }
  .pf-u-w-initial-on-2xl {
    width: initial !important;
  }
  .pf-u-w-inherit-on-2xl {
    width: inherit !important;
  }
  .pf-u-w-0-on-2xl {
    width: 0% !important;
  }
  .pf-u-w-25-on-2xl {
    width: 25% !important;
  }
  .pf-u-w-33-on-2xl {
    width: 33.3333333333% !important;
  }
  .pf-u-w-50-on-2xl {
    width: 50% !important;
  }
  .pf-u-w-66-on-2xl {
    width: 66.6666666667% !important;
  }
  .pf-u-w-75-on-2xl {
    width: 75% !important;
  }
  .pf-u-w-100-on-2xl {
    width: 100% !important;
  }
  .pf-u-w-25vw-on-2xl {
    width: 25vw !important;
  }
  .pf-u-w-33vw-on-2xl {
    width: 33.3333333333vw !important;
  }
  .pf-u-w-50vw-on-2xl {
    width: 50vw !important;
  }
  .pf-u-w-66vw-on-2xl {
    width: 66.6666666667vw !important;
  }
  .pf-u-w-75vw-on-2xl {
    width: 75vw !important;
  }
  .pf-u-w-100vw-on-2xl {
    width: 100vw !important;
  }
}
.pf-u-h-auto {
  height: auto !important;
}
.pf-u-h-initial {
  height: initial !important;
}
.pf-u-h-inherit {
  height: inherit !important;
}
.pf-u-h-0 {
  height: 0% !important;
}
.pf-u-h-25 {
  height: 25% !important;
}
.pf-u-h-33 {
  height: 33.3333333333% !important;
}
.pf-u-h-50 {
  height: 50% !important;
}
.pf-u-h-66 {
  height: 66.6666666667% !important;
}
.pf-u-h-75 {
  height: 75% !important;
}
.pf-u-h-100 {
  height: 100% !important;
}
.pf-u-h-25vh {
  height: 25vh !important;
}
.pf-u-h-33vh {
  height: 33.3333333333vh !important;
}
.pf-u-h-50vh {
  height: 50vh !important;
}
.pf-u-h-66vh {
  height: 66.6666666667vh !important;
}
.pf-u-h-75vh {
  height: 75vh !important;
}
.pf-u-h-100vh {
  height: 100vh !important;
}
@media screen and (min-width: 576px) {
  .pf-u-h-auto-on-sm {
    height: auto !important;
  }
  .pf-u-h-initial-on-sm {
    height: initial !important;
  }
  .pf-u-h-inherit-on-sm {
    height: inherit !important;
  }
  .pf-u-h-0-on-sm {
    height: 0% !important;
  }
  .pf-u-h-25-on-sm {
    height: 25% !important;
  }
  .pf-u-h-33-on-sm {
    height: 33.3333333333% !important;
  }
  .pf-u-h-50-on-sm {
    height: 50% !important;
  }
  .pf-u-h-66-on-sm {
    height: 66.6666666667% !important;
  }
  .pf-u-h-75-on-sm {
    height: 75% !important;
  }
  .pf-u-h-100-on-sm {
    height: 100% !important;
  }
  .pf-u-h-25vh-on-sm {
    height: 25vh !important;
  }
  .pf-u-h-33vh-on-sm {
    height: 33.3333333333vh !important;
  }
  .pf-u-h-50vh-on-sm {
    height: 50vh !important;
  }
  .pf-u-h-66vh-on-sm {
    height: 66.6666666667vh !important;
  }
  .pf-u-h-75vh-on-sm {
    height: 75vh !important;
  }
  .pf-u-h-100vh-on-sm {
    height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-h-auto-on-md {
    height: auto !important;
  }
  .pf-u-h-initial-on-md {
    height: initial !important;
  }
  .pf-u-h-inherit-on-md {
    height: inherit !important;
  }
  .pf-u-h-0-on-md {
    height: 0% !important;
  }
  .pf-u-h-25-on-md {
    height: 25% !important;
  }
  .pf-u-h-33-on-md {
    height: 33.3333333333% !important;
  }
  .pf-u-h-50-on-md {
    height: 50% !important;
  }
  .pf-u-h-66-on-md {
    height: 66.6666666667% !important;
  }
  .pf-u-h-75-on-md {
    height: 75% !important;
  }
  .pf-u-h-100-on-md {
    height: 100% !important;
  }
  .pf-u-h-25vh-on-md {
    height: 25vh !important;
  }
  .pf-u-h-33vh-on-md {
    height: 33.3333333333vh !important;
  }
  .pf-u-h-50vh-on-md {
    height: 50vh !important;
  }
  .pf-u-h-66vh-on-md {
    height: 66.6666666667vh !important;
  }
  .pf-u-h-75vh-on-md {
    height: 75vh !important;
  }
  .pf-u-h-100vh-on-md {
    height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-h-auto-on-lg {
    height: auto !important;
  }
  .pf-u-h-initial-on-lg {
    height: initial !important;
  }
  .pf-u-h-inherit-on-lg {
    height: inherit !important;
  }
  .pf-u-h-0-on-lg {
    height: 0% !important;
  }
  .pf-u-h-25-on-lg {
    height: 25% !important;
  }
  .pf-u-h-33-on-lg {
    height: 33.3333333333% !important;
  }
  .pf-u-h-50-on-lg {
    height: 50% !important;
  }
  .pf-u-h-66-on-lg {
    height: 66.6666666667% !important;
  }
  .pf-u-h-75-on-lg {
    height: 75% !important;
  }
  .pf-u-h-100-on-lg {
    height: 100% !important;
  }
  .pf-u-h-25vh-on-lg {
    height: 25vh !important;
  }
  .pf-u-h-33vh-on-lg {
    height: 33.3333333333vh !important;
  }
  .pf-u-h-50vh-on-lg {
    height: 50vh !important;
  }
  .pf-u-h-66vh-on-lg {
    height: 66.6666666667vh !important;
  }
  .pf-u-h-75vh-on-lg {
    height: 75vh !important;
  }
  .pf-u-h-100vh-on-lg {
    height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-h-auto-on-xl {
    height: auto !important;
  }
  .pf-u-h-initial-on-xl {
    height: initial !important;
  }
  .pf-u-h-inherit-on-xl {
    height: inherit !important;
  }
  .pf-u-h-0-on-xl {
    height: 0% !important;
  }
  .pf-u-h-25-on-xl {
    height: 25% !important;
  }
  .pf-u-h-33-on-xl {
    height: 33.3333333333% !important;
  }
  .pf-u-h-50-on-xl {
    height: 50% !important;
  }
  .pf-u-h-66-on-xl {
    height: 66.6666666667% !important;
  }
  .pf-u-h-75-on-xl {
    height: 75% !important;
  }
  .pf-u-h-100-on-xl {
    height: 100% !important;
  }
  .pf-u-h-25vh-on-xl {
    height: 25vh !important;
  }
  .pf-u-h-33vh-on-xl {
    height: 33.3333333333vh !important;
  }
  .pf-u-h-50vh-on-xl {
    height: 50vh !important;
  }
  .pf-u-h-66vh-on-xl {
    height: 66.6666666667vh !important;
  }
  .pf-u-h-75vh-on-xl {
    height: 75vh !important;
  }
  .pf-u-h-100vh-on-xl {
    height: 100vh !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-h-auto-on-2xl {
    height: auto !important;
  }
  .pf-u-h-initial-on-2xl {
    height: initial !important;
  }
  .pf-u-h-inherit-on-2xl {
    height: inherit !important;
  }
  .pf-u-h-0-on-2xl {
    height: 0% !important;
  }
  .pf-u-h-25-on-2xl {
    height: 25% !important;
  }
  .pf-u-h-33-on-2xl {
    height: 33.3333333333% !important;
  }
  .pf-u-h-50-on-2xl {
    height: 50% !important;
  }
  .pf-u-h-66-on-2xl {
    height: 66.6666666667% !important;
  }
  .pf-u-h-75-on-2xl {
    height: 75% !important;
  }
  .pf-u-h-100-on-2xl {
    height: 100% !important;
  }
  .pf-u-h-25vh-on-2xl {
    height: 25vh !important;
  }
  .pf-u-h-33vh-on-2xl {
    height: 33.3333333333vh !important;
  }
  .pf-u-h-50vh-on-2xl {
    height: 50vh !important;
  }
  .pf-u-h-66vh-on-2xl {
    height: 66.6666666667vh !important;
  }
  .pf-u-h-75vh-on-2xl {
    height: 75vh !important;
  }
  .pf-u-h-100vh-on-2xl {
    height: 100vh !important;
  }
}
.pf-u-min-width {
  --pf-u-min-width--MinWidth: 0;
  min-width: var(--pf-u-min-width--MinWidth) !important;
}
@media (min-width: 576px) {
  .pf-u-min-width {
    min-width: var(
      --pf-u-min-width--MinWidth-on-sm,
      var(--pf-u-min-width--MinWidth)
    ) !important;
  }
}
@media (min-width: 768px) {
  .pf-u-min-width {
    min-width: var(
      --pf-u-min-width--MinWidth-on-md,
      var(--pf-u-min-width--MinWidth-on-sm, var(--pf-u-min-width--MinWidth))
    ) !important;
  }
}
@media (min-width: 992px) {
  .pf-u-min-width {
    min-width: var(
      --pf-u-min-width--MinWidth-on-lg,
      var(
        --pf-u-min-width--MinWidth-on-md,
        var(--pf-u-min-width--MinWidth-on-sm, var(--pf-u-min-width--MinWidth))
      )
    ) !important;
  }
}
@media (min-width: 1200px) {
  .pf-u-min-width {
    min-width: var(
      --pf-u-min-width--MinWidth-on-xl,
      var(
        --pf-u-min-width--MinWidth-on-lg,
        var(
          --pf-u-min-width--MinWidth-on-md,
          var(--pf-u-min-width--MinWidth-on-sm, var(--pf-u-min-width--MinWidth))
        )
      )
    ) !important;
  }
}
@media (min-width: 1450px) {
  .pf-u-min-width {
    min-width: var(
      --pf-u-min-width--MinWidth-on-2xl,
      var(
        --pf-u-min-width--MinWidth-on-xl,
        var(
          --pf-u-min-width--MinWidth-on-lg,
          var(
            --pf-u-min-width--MinWidth-on-md,
            var(
              --pf-u-min-width--MinWidth-on-sm,
              var(--pf-u-min-width--MinWidth)
            )
          )
        )
      )
    ) !important;
  }
}
.pf-u-max-width {
  --pf-u-max-width--MaxWidth: auto;
  max-width: var(--pf-u-max-width--MaxWidth) !important;
}
@media (min-width: 576px) {
  .pf-u-max-width {
    max-width: var(
      --pf-u-max-width--MaxWidth-on-sm,
      var(--pf-u-max-width--MaxWidth)
    ) !important;
  }
}
@media (min-width: 768px) {
  .pf-u-max-width {
    max-width: var(
      --pf-u-max-width--MaxWidth-on-md,
      var(--pf-u-max-width--MaxWidth-on-sm, var(--pf-u-max-width--MaxWidth))
    ) !important;
  }
}
@media (min-width: 992px) {
  .pf-u-max-width {
    max-width: var(
      --pf-u-max-width--MaxWidth-on-lg,
      var(
        --pf-u-max-width--MaxWidth-on-md,
        var(--pf-u-max-width--MaxWidth-on-sm, var(--pf-u-max-width--MaxWidth))
      )
    ) !important;
  }
}
@media (min-width: 1200px) {
  .pf-u-max-width {
    max-width: var(
      --pf-u-max-width--MaxWidth-on-xl,
      var(
        --pf-u-max-width--MaxWidth-on-lg,
        var(
          --pf-u-max-width--MaxWidth-on-md,
          var(--pf-u-max-width--MaxWidth-on-sm, var(--pf-u-max-width--MaxWidth))
        )
      )
    ) !important;
  }
}
@media (min-width: 1450px) {
  .pf-u-max-width {
    max-width: var(
      --pf-u-max-width--MaxWidth-on-2xl,
      var(
        --pf-u-max-width--MaxWidth-on-xl,
        var(
          --pf-u-max-width--MaxWidth-on-lg,
          var(
            --pf-u-max-width--MaxWidth-on-md,
            var(
              --pf-u-max-width--MaxWidth-on-sm,
              var(--pf-u-max-width--MaxWidth)
            )
          )
        )
      )
    ) !important;
  }
}
.pf-u-min-height {
  --pf-u-min-height--MinHeight: 0;
  min-height: var(--pf-u-min-height--MinHeight) !important;
}
@media (min-width: 576px) {
  .pf-u-min-height {
    min-height: var(
      --pf-u-min-height--MinHeight-on-sm,
      var(--pf-u-min-height--MinHeight)
    ) !important;
  }
}
@media (min-width: 768px) {
  .pf-u-min-height {
    min-height: var(
      --pf-u-min-height--MinHeight-on-md,
      var(--pf-u-min-height--MinHeight-on-sm, var(--pf-u-min-height--MinHeight))
    ) !important;
  }
}
@media (min-width: 992px) {
  .pf-u-min-height {
    min-height: var(
      --pf-u-min-height--MinHeight-on-lg,
      var(
        --pf-u-min-height--MinHeight-on-md,
        var(
          --pf-u-min-height--MinHeight-on-sm,
          var(--pf-u-min-height--MinHeight)
        )
      )
    ) !important;
  }
}
@media (min-width: 1200px) {
  .pf-u-min-height {
    min-height: var(
      --pf-u-min-height--MinHeight-on-xl,
      var(
        --pf-u-min-height--MinHeight-on-lg,
        var(
          --pf-u-min-height--MinHeight-on-md,
          var(
            --pf-u-min-height--MinHeight-on-sm,
            var(--pf-u-min-height--MinHeight)
          )
        )
      )
    ) !important;
  }
}
@media (min-width: 1450px) {
  .pf-u-min-height {
    min-height: var(
      --pf-u-min-height--MinHeight-on-2xl,
      var(
        --pf-u-min-height--MinHeight-on-xl,
        var(
          --pf-u-min-height--MinHeight-on-lg,
          var(
            --pf-u-min-height--MinHeight-on-md,
            var(
              --pf-u-min-height--MinHeight-on-sm,
              var(--pf-u-min-height--MinHeight)
            )
          )
        )
      )
    ) !important;
  }
}
.pf-u-max-height {
  --pf-u-max-height--MaxHeight: auto;
  max-height: var(--pf-u-max-height--MaxHeight) !important;
}
@media (min-width: 576px) {
  .pf-u-max-height {
    max-height: var(
      --pf-u-max-height--MaxHeight-on-sm,
      var(--pf-u-max-height--MaxHeight)
    ) !important;
  }
}
@media (min-width: 768px) {
  .pf-u-max-height {
    max-height: var(
      --pf-u-max-height--MaxHeight-on-md,
      var(--pf-u-max-height--MaxHeight-on-sm, var(--pf-u-max-height--MaxHeight))
    ) !important;
  }
}
@media (min-width: 992px) {
  .pf-u-max-height {
    max-height: var(
      --pf-u-max-height--MaxHeight-on-lg,
      var(
        --pf-u-max-height--MaxHeight-on-md,
        var(
          --pf-u-max-height--MaxHeight-on-sm,
          var(--pf-u-max-height--MaxHeight)
        )
      )
    ) !important;
  }
}
@media (min-width: 1200px) {
  .pf-u-max-height {
    max-height: var(
      --pf-u-max-height--MaxHeight-on-xl,
      var(
        --pf-u-max-height--MaxHeight-on-lg,
        var(
          --pf-u-max-height--MaxHeight-on-md,
          var(
            --pf-u-max-height--MaxHeight-on-sm,
            var(--pf-u-max-height--MaxHeight)
          )
        )
      )
    ) !important;
  }
}
@media (min-width: 1450px) {
  .pf-u-max-height {
    max-height: var(
      --pf-u-max-height--MaxHeight-on-2xl,
      var(
        --pf-u-max-height--MaxHeight-on-xl,
        var(
          --pf-u-max-height--MaxHeight-on-lg,
          var(
            --pf-u-max-height--MaxHeight-on-md,
            var(
              --pf-u-max-height--MaxHeight-on-sm,
              var(--pf-u-max-height--MaxHeight)
            )
          )
        )
      )
    ) !important;
  }
}
.pf-u-m-auto {
  margin: auto !important;
}
.pf-u-m-0 {
  margin: 0 !important;
}
.pf-u-m-xs {
  margin: var(--pf-global--spacer--xs) !important;
}
.pf-u-m-sm {
  margin: var(--pf-global--spacer--sm) !important;
}
.pf-u-m-md {
  margin: var(--pf-global--spacer--md) !important;
}
.pf-u-m-lg {
  margin: var(--pf-global--spacer--lg) !important;
}
.pf-u-m-xl {
  margin: var(--pf-global--spacer--xl) !important;
}
.pf-u-m-2xl {
  margin: var(--pf-global--spacer--2xl) !important;
}
.pf-u-m-3xl {
  margin: var(--pf-global--spacer--3xl) !important;
}
.pf-u-m-4xl {
  margin: var(--pf-global--spacer--4xl) !important;
}
.pf-u-mt-auto {
  margin-top: auto !important;
}
.pf-u-mt-0 {
  margin-top: 0 !important;
}
.pf-u-mt-xs {
  margin-top: var(--pf-global--spacer--xs) !important;
}
.pf-u-mt-sm {
  margin-top: var(--pf-global--spacer--sm) !important;
}
.pf-u-mt-md {
  margin-top: var(--pf-global--spacer--md) !important;
}
.pf-u-mt-lg {
  margin-top: var(--pf-global--spacer--lg) !important;
}
.pf-u-mt-xl {
  margin-top: var(--pf-global--spacer--xl) !important;
}
.pf-u-mt-2xl {
  margin-top: var(--pf-global--spacer--2xl) !important;
}
.pf-u-mt-3xl {
  margin-top: var(--pf-global--spacer--3xl) !important;
}
.pf-u-mt-4xl {
  margin-top: var(--pf-global--spacer--4xl) !important;
}
.pf-u-mr-auto {
  margin-right: auto !important;
}
.pf-u-mr-0 {
  margin-right: 0 !important;
}
.pf-u-mr-xs {
  margin-right: var(--pf-global--spacer--xs) !important;
}
.pf-u-mr-sm {
  margin-right: var(--pf-global--spacer--sm) !important;
}
.pf-u-mr-md {
  margin-right: var(--pf-global--spacer--md) !important;
}
.pf-u-mr-lg {
  margin-right: var(--pf-global--spacer--lg) !important;
}
.pf-u-mr-xl {
  margin-right: var(--pf-global--spacer--xl) !important;
}
.pf-u-mr-2xl {
  margin-right: var(--pf-global--spacer--2xl) !important;
}
.pf-u-mr-3xl {
  margin-right: var(--pf-global--spacer--3xl) !important;
}
.pf-u-mr-4xl {
  margin-right: var(--pf-global--spacer--4xl) !important;
}
.pf-u-mb-auto {
  margin-bottom: auto !important;
}
.pf-u-mb-0 {
  margin-bottom: 0 !important;
}
.pf-u-mb-xs {
  margin-bottom: var(--pf-global--spacer--xs) !important;
}
.pf-u-mb-sm {
  margin-bottom: var(--pf-global--spacer--sm) !important;
}
.pf-u-mb-md {
  margin-bottom: var(--pf-global--spacer--md) !important;
}
.pf-u-mb-lg {
  margin-bottom: var(--pf-global--spacer--lg) !important;
}
.pf-u-mb-xl {
  margin-bottom: var(--pf-global--spacer--xl) !important;
}
.pf-u-mb-2xl {
  margin-bottom: var(--pf-global--spacer--2xl) !important;
}
.pf-u-mb-3xl {
  margin-bottom: var(--pf-global--spacer--3xl) !important;
}
.pf-u-mb-4xl {
  margin-bottom: var(--pf-global--spacer--4xl) !important;
}
.pf-u-ml-auto {
  margin-left: auto !important;
}
.pf-u-ml-0 {
  margin-left: 0 !important;
}
.pf-u-ml-xs {
  margin-left: var(--pf-global--spacer--xs) !important;
}
.pf-u-ml-sm {
  margin-left: var(--pf-global--spacer--sm) !important;
}
.pf-u-ml-md {
  margin-left: var(--pf-global--spacer--md) !important;
}
.pf-u-ml-lg {
  margin-left: var(--pf-global--spacer--lg) !important;
}
.pf-u-ml-xl {
  margin-left: var(--pf-global--spacer--xl) !important;
}
.pf-u-ml-2xl {
  margin-left: var(--pf-global--spacer--2xl) !important;
}
.pf-u-ml-3xl {
  margin-left: var(--pf-global--spacer--3xl) !important;
}
.pf-u-ml-4xl {
  margin-left: var(--pf-global--spacer--4xl) !important;
}
.pf-u-mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.pf-u-mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.pf-u-mx-xs {
  margin-right: var(--pf-global--spacer--xs) !important;
  margin-left: var(--pf-global--spacer--xs) !important;
}
.pf-u-mx-sm {
  margin-right: var(--pf-global--spacer--sm) !important;
  margin-left: var(--pf-global--spacer--sm) !important;
}
.pf-u-mx-md {
  margin-right: var(--pf-global--spacer--md) !important;
  margin-left: var(--pf-global--spacer--md) !important;
}
.pf-u-mx-lg {
  margin-right: var(--pf-global--spacer--lg) !important;
  margin-left: var(--pf-global--spacer--lg) !important;
}
.pf-u-mx-xl {
  margin-right: var(--pf-global--spacer--xl) !important;
  margin-left: var(--pf-global--spacer--xl) !important;
}
.pf-u-mx-2xl {
  margin-right: var(--pf-global--spacer--2xl) !important;
  margin-left: var(--pf-global--spacer--2xl) !important;
}
.pf-u-mx-3xl {
  margin-right: var(--pf-global--spacer--3xl) !important;
  margin-left: var(--pf-global--spacer--3xl) !important;
}
.pf-u-mx-4xl {
  margin-right: var(--pf-global--spacer--4xl) !important;
  margin-left: var(--pf-global--spacer--4xl) !important;
}
.pf-u-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.pf-u-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.pf-u-my-xs {
  margin-top: var(--pf-global--spacer--xs) !important;
  margin-bottom: var(--pf-global--spacer--xs) !important;
}
.pf-u-my-sm {
  margin-top: var(--pf-global--spacer--sm) !important;
  margin-bottom: var(--pf-global--spacer--sm) !important;
}
.pf-u-my-md {
  margin-top: var(--pf-global--spacer--md) !important;
  margin-bottom: var(--pf-global--spacer--md) !important;
}
.pf-u-my-lg {
  margin-top: var(--pf-global--spacer--lg) !important;
  margin-bottom: var(--pf-global--spacer--lg) !important;
}
.pf-u-my-xl {
  margin-top: var(--pf-global--spacer--xl) !important;
  margin-bottom: var(--pf-global--spacer--xl) !important;
}
.pf-u-my-2xl {
  margin-top: var(--pf-global--spacer--2xl) !important;
  margin-bottom: var(--pf-global--spacer--2xl) !important;
}
.pf-u-my-3xl {
  margin-top: var(--pf-global--spacer--3xl) !important;
  margin-bottom: var(--pf-global--spacer--3xl) !important;
}
.pf-u-my-4xl {
  margin-top: var(--pf-global--spacer--4xl) !important;
  margin-bottom: var(--pf-global--spacer--4xl) !important;
}
.pf-u-p-auto {
  padding: auto !important;
}
.pf-u-p-0 {
  padding: 0 !important;
}
.pf-u-p-xs {
  padding: var(--pf-global--spacer--xs) !important;
}
.pf-u-p-sm {
  padding: var(--pf-global--spacer--sm) !important;
}
.pf-u-p-md {
  padding: var(--pf-global--spacer--md) !important;
}
.pf-u-p-lg {
  padding: var(--pf-global--spacer--lg) !important;
}
.pf-u-p-xl {
  padding: var(--pf-global--spacer--xl) !important;
}
.pf-u-p-2xl {
  padding: var(--pf-global--spacer--2xl) !important;
}
.pf-u-p-3xl {
  padding: var(--pf-global--spacer--3xl) !important;
}
.pf-u-p-4xl {
  padding: var(--pf-global--spacer--4xl) !important;
}
.pf-u-pt-auto {
  padding-top: auto !important;
}
.pf-u-pt-0 {
  padding-top: 0 !important;
}
.pf-u-pt-xs {
  padding-top: var(--pf-global--spacer--xs) !important;
}
.pf-u-pt-sm {
  padding-top: var(--pf-global--spacer--sm) !important;
}
.pf-u-pt-md {
  padding-top: var(--pf-global--spacer--md) !important;
}
.pf-u-pt-lg {
  padding-top: var(--pf-global--spacer--lg) !important;
}
.pf-u-pt-xl {
  padding-top: var(--pf-global--spacer--xl) !important;
}
.pf-u-pt-2xl {
  padding-top: var(--pf-global--spacer--2xl) !important;
}
.pf-u-pt-3xl {
  padding-top: var(--pf-global--spacer--3xl) !important;
}
.pf-u-pt-4xl {
  padding-top: var(--pf-global--spacer--4xl) !important;
}
.pf-u-pr-auto {
  padding-right: auto !important;
}
.pf-u-pr-0 {
  padding-right: 0 !important;
}
.pf-u-pr-xs {
  padding-right: var(--pf-global--spacer--xs) !important;
}
.pf-u-pr-sm {
  padding-right: var(--pf-global--spacer--sm) !important;
}
.pf-u-pr-md {
  padding-right: var(--pf-global--spacer--md) !important;
}
.pf-u-pr-lg {
  padding-right: var(--pf-global--spacer--lg) !important;
}
.pf-u-pr-xl {
  padding-right: var(--pf-global--spacer--xl) !important;
}
.pf-u-pr-2xl {
  padding-right: var(--pf-global--spacer--2xl) !important;
}
.pf-u-pr-3xl {
  padding-right: var(--pf-global--spacer--3xl) !important;
}
.pf-u-pr-4xl {
  padding-right: var(--pf-global--spacer--4xl) !important;
}
.pf-u-pb-auto {
  padding-bottom: auto !important;
}
.pf-u-pb-0 {
  padding-bottom: 0 !important;
}
.pf-u-pb-xs {
  padding-bottom: var(--pf-global--spacer--xs) !important;
}
.pf-u-pb-sm {
  padding-bottom: var(--pf-global--spacer--sm) !important;
}
.pf-u-pb-md {
  padding-bottom: var(--pf-global--spacer--md) !important;
}
.pf-u-pb-lg {
  padding-bottom: var(--pf-global--spacer--lg) !important;
}
.pf-u-pb-xl {
  padding-bottom: var(--pf-global--spacer--xl) !important;
}
.pf-u-pb-2xl {
  padding-bottom: var(--pf-global--spacer--2xl) !important;
}
.pf-u-pb-3xl {
  padding-bottom: var(--pf-global--spacer--3xl) !important;
}
.pf-u-pb-4xl {
  padding-bottom: var(--pf-global--spacer--4xl) !important;
}
.pf-u-pl-auto {
  padding-left: auto !important;
}
.pf-u-pl-0 {
  padding-left: 0 !important;
}
.pf-u-pl-xs {
  padding-left: var(--pf-global--spacer--xs) !important;
}
.pf-u-pl-sm {
  padding-left: var(--pf-global--spacer--sm) !important;
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-u-pl-md {
  padding-left: var(--pf-global--spacer--md) !important;
}
.pf-u-pl-lg {
  padding-left: var(--pf-global--spacer--lg) !important;
}
.pf-u-pl-xl {
  padding-left: var(--pf-global--spacer--xl) !important;
}
.pf-u-pl-2xl {
  padding-left: var(--pf-global--spacer--2xl) !important;
}
.pf-u-pl-3xl {
  padding-left: var(--pf-global--spacer--3xl) !important;
}
.pf-u-pl-4xl {
  padding-left: var(--pf-global--spacer--4xl) !important;
}
.pf-u-px-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.pf-u-px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.pf-u-px-xs {
  padding-right: var(--pf-global--spacer--xs) !important;
  padding-left: var(--pf-global--spacer--xs) !important;
}
.pf-u-px-sm {
  padding-right: var(--pf-global--spacer--sm) !important;
  padding-left: var(--pf-global--spacer--sm) !important;
}
.pf-u-px-md {
  padding-right: var(--pf-global--spacer--md) !important;
  padding-left: var(--pf-global--spacer--md) !important;
}
.pf-u-px-lg {
  padding-right: var(--pf-global--spacer--lg) !important;
  padding-left: var(--pf-global--spacer--lg) !important;
}
.pf-u-px-xl {
  padding-right: var(--pf-global--spacer--xl) !important;
  padding-left: var(--pf-global--spacer--xl) !important;
}
.pf-u-px-2xl {
  padding-right: var(--pf-global--spacer--2xl) !important;
  padding-left: var(--pf-global--spacer--2xl) !important;
}
.pf-u-px-3xl {
  padding-right: var(--pf-global--spacer--3xl) !important;
  padding-left: var(--pf-global--spacer--3xl) !important;
}
.pf-u-px-4xl {
  padding-right: var(--pf-global--spacer--4xl) !important;
  padding-left: var(--pf-global--spacer--4xl) !important;
}
.pf-u-py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.pf-u-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pf-u-py-xs {
  padding-top: var(--pf-global--spacer--xs) !important;
  padding-bottom: var(--pf-global--spacer--xs) !important;
}
.pf-u-py-sm {
  padding-top: var(--pf-global--spacer--sm) !important;
  padding-bottom: var(--pf-global--spacer--sm) !important;
}
.pf-u-py-md {
  padding-top: var(--pf-global--spacer--md) !important;
  padding-bottom: var(--pf-global--spacer--md) !important;
}
.pf-u-py-lg {
  padding-top: var(--pf-global--spacer--lg) !important;
  padding-bottom: var(--pf-global--spacer--lg) !important;
}
.pf-u-py-xl {
  padding-top: var(--pf-global--spacer--xl) !important;
  padding-bottom: var(--pf-global--spacer--xl) !important;
}
.pf-u-py-2xl {
  padding-top: var(--pf-global--spacer--2xl) !important;
  padding-bottom: var(--pf-global--spacer--2xl) !important;
}
.pf-u-py-3xl {
  padding-top: var(--pf-global--spacer--3xl) !important;
  padding-bottom: var(--pf-global--spacer--3xl) !important;
}
.pf-u-py-4xl {
  padding-top: var(--pf-global--spacer--4xl) !important;
  padding-bottom: var(--pf-global--spacer--4xl) !important;
}
@media screen and (min-width: 576px) {
  .pf-u-m-auto-on-sm {
    margin: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-0-on-sm {
    margin: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-xs-on-sm {
    margin: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-sm-on-sm {
    margin: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-md-on-sm {
    margin: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-lg-on-sm {
    margin: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-xl-on-sm {
    margin: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-2xl-on-sm {
    margin: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-3xl-on-sm {
    margin: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-m-4xl-on-sm {
    margin: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-auto-on-sm {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-0-on-sm {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-xs-on-sm {
    margin-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-sm-on-sm {
    margin-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-md-on-sm {
    margin-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-lg-on-sm {
    margin-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-xl-on-sm {
    margin-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-2xl-on-sm {
    margin-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-3xl-on-sm {
    margin-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mt-4xl-on-sm {
    margin-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-auto-on-sm {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-0-on-sm {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-xs-on-sm {
    margin-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-sm-on-sm {
    margin-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-md-on-sm {
    margin-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-lg-on-sm {
    margin-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-xl-on-sm {
    margin-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-2xl-on-sm {
    margin-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-3xl-on-sm {
    margin-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mr-4xl-on-sm {
    margin-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-auto-on-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-0-on-sm {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-xs-on-sm {
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-sm-on-sm {
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-md-on-sm {
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-lg-on-sm {
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-xl-on-sm {
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-2xl-on-sm {
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-3xl-on-sm {
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mb-4xl-on-sm {
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-auto-on-sm {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-0-on-sm {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-xs-on-sm {
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-sm-on-sm {
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-md-on-sm {
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-lg-on-sm {
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-xl-on-sm {
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-2xl-on-sm {
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-3xl-on-sm {
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-ml-4xl-on-sm {
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-auto-on-sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-0-on-sm {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-xs-on-sm {
    margin-right: var(--pf-global--spacer--xs) !important;
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-sm-on-sm {
    margin-right: var(--pf-global--spacer--sm) !important;
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-md-on-sm {
    margin-right: var(--pf-global--spacer--md) !important;
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-lg-on-sm {
    margin-right: var(--pf-global--spacer--lg) !important;
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-xl-on-sm {
    margin-right: var(--pf-global--spacer--xl) !important;
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-2xl-on-sm {
    margin-right: var(--pf-global--spacer--2xl) !important;
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-3xl-on-sm {
    margin-right: var(--pf-global--spacer--3xl) !important;
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-mx-4xl-on-sm {
    margin-right: var(--pf-global--spacer--4xl) !important;
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-auto-on-sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-0-on-sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-xs-on-sm {
    margin-top: var(--pf-global--spacer--xs) !important;
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-sm-on-sm {
    margin-top: var(--pf-global--spacer--sm) !important;
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-md-on-sm {
    margin-top: var(--pf-global--spacer--md) !important;
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-lg-on-sm {
    margin-top: var(--pf-global--spacer--lg) !important;
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-xl-on-sm {
    margin-top: var(--pf-global--spacer--xl) !important;
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-2xl-on-sm {
    margin-top: var(--pf-global--spacer--2xl) !important;
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-3xl-on-sm {
    margin-top: var(--pf-global--spacer--3xl) !important;
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-my-4xl-on-sm {
    margin-top: var(--pf-global--spacer--4xl) !important;
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-auto-on-sm {
    padding: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-0-on-sm {
    padding: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-xs-on-sm {
    padding: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-sm-on-sm {
    padding: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-md-on-sm {
    padding: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-lg-on-sm {
    padding: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-xl-on-sm {
    padding: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-2xl-on-sm {
    padding: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-3xl-on-sm {
    padding: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-p-4xl-on-sm {
    padding: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-auto-on-sm {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-0-on-sm {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-xs-on-sm {
    padding-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-sm-on-sm {
    padding-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-md-on-sm {
    padding-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-lg-on-sm {
    padding-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-xl-on-sm {
    padding-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-2xl-on-sm {
    padding-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-3xl-on-sm {
    padding-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pt-4xl-on-sm {
    padding-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-auto-on-sm {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-0-on-sm {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-xs-on-sm {
    padding-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-sm-on-sm {
    padding-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-md-on-sm {
    padding-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-lg-on-sm {
    padding-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-xl-on-sm {
    padding-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-2xl-on-sm {
    padding-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-3xl-on-sm {
    padding-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pr-4xl-on-sm {
    padding-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-auto-on-sm {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-0-on-sm {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-xs-on-sm {
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-sm-on-sm {
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-md-on-sm {
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-lg-on-sm {
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-xl-on-sm {
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-2xl-on-sm {
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-3xl-on-sm {
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pb-4xl-on-sm {
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-auto-on-sm {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-0-on-sm {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-xs-on-sm {
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-sm-on-sm {
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-md-on-sm {
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-lg-on-sm {
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-xl-on-sm {
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-2xl-on-sm {
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-3xl-on-sm {
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-pl-4xl-on-sm {
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-auto-on-sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-0-on-sm {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-xs-on-sm {
    padding-right: var(--pf-global--spacer--xs) !important;
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-sm-on-sm {
    padding-right: var(--pf-global--spacer--sm) !important;
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-md-on-sm {
    padding-right: var(--pf-global--spacer--md) !important;
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-lg-on-sm {
    padding-right: var(--pf-global--spacer--lg) !important;
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-xl-on-sm {
    padding-right: var(--pf-global--spacer--xl) !important;
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-2xl-on-sm {
    padding-right: var(--pf-global--spacer--2xl) !important;
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-3xl-on-sm {
    padding-right: var(--pf-global--spacer--3xl) !important;
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-px-4xl-on-sm {
    padding-right: var(--pf-global--spacer--4xl) !important;
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-auto-on-sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-0-on-sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-xs-on-sm {
    padding-top: var(--pf-global--spacer--xs) !important;
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-sm-on-sm {
    padding-top: var(--pf-global--spacer--sm) !important;
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-md-on-sm {
    padding-top: var(--pf-global--spacer--md) !important;
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-lg-on-sm {
    padding-top: var(--pf-global--spacer--lg) !important;
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-xl-on-sm {
    padding-top: var(--pf-global--spacer--xl) !important;
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-2xl-on-sm {
    padding-top: var(--pf-global--spacer--2xl) !important;
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-3xl-on-sm {
    padding-top: var(--pf-global--spacer--3xl) !important;
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-py-4xl-on-sm {
    padding-top: var(--pf-global--spacer--4xl) !important;
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-auto-on-md {
    margin: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-0-on-md {
    margin: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-xs-on-md {
    margin: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-sm-on-md {
    margin: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-md-on-md {
    margin: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-lg-on-md {
    margin: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-xl-on-md {
    margin: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-2xl-on-md {
    margin: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-3xl-on-md {
    margin: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-m-4xl-on-md {
    margin: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-auto-on-md {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-0-on-md {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-xs-on-md {
    margin-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-sm-on-md {
    margin-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-md-on-md {
    margin-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-lg-on-md {
    margin-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-xl-on-md {
    margin-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-2xl-on-md {
    margin-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-3xl-on-md {
    margin-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mt-4xl-on-md {
    margin-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-auto-on-md {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-0-on-md {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-xs-on-md {
    margin-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-sm-on-md {
    margin-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-md-on-md {
    margin-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-lg-on-md {
    margin-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-xl-on-md {
    margin-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-2xl-on-md {
    margin-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-3xl-on-md {
    margin-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mr-4xl-on-md {
    margin-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-auto-on-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-0-on-md {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-xs-on-md {
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-sm-on-md {
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-md-on-md {
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-lg-on-md {
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-xl-on-md {
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-2xl-on-md {
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-3xl-on-md {
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mb-4xl-on-md {
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-auto-on-md {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-0-on-md {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-xs-on-md {
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-sm-on-md {
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-md-on-md {
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-lg-on-md {
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-xl-on-md {
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-2xl-on-md {
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-3xl-on-md {
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-ml-4xl-on-md {
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-auto-on-md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-0-on-md {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-xs-on-md {
    margin-right: var(--pf-global--spacer--xs) !important;
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-sm-on-md {
    margin-right: var(--pf-global--spacer--sm) !important;
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-md-on-md {
    margin-right: var(--pf-global--spacer--md) !important;
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-lg-on-md {
    margin-right: var(--pf-global--spacer--lg) !important;
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-xl-on-md {
    margin-right: var(--pf-global--spacer--xl) !important;
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-2xl-on-md {
    margin-right: var(--pf-global--spacer--2xl) !important;
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-3xl-on-md {
    margin-right: var(--pf-global--spacer--3xl) !important;
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-mx-4xl-on-md {
    margin-right: var(--pf-global--spacer--4xl) !important;
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-auto-on-md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-0-on-md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-xs-on-md {
    margin-top: var(--pf-global--spacer--xs) !important;
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-sm-on-md {
    margin-top: var(--pf-global--spacer--sm) !important;
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-md-on-md {
    margin-top: var(--pf-global--spacer--md) !important;
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-lg-on-md {
    margin-top: var(--pf-global--spacer--lg) !important;
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-xl-on-md {
    margin-top: var(--pf-global--spacer--xl) !important;
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-2xl-on-md {
    margin-top: var(--pf-global--spacer--2xl) !important;
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-3xl-on-md {
    margin-top: var(--pf-global--spacer--3xl) !important;
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-my-4xl-on-md {
    margin-top: var(--pf-global--spacer--4xl) !important;
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-auto-on-md {
    padding: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-0-on-md {
    padding: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-xs-on-md {
    padding: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-sm-on-md {
    padding: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-md-on-md {
    padding: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-lg-on-md {
    padding: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-xl-on-md {
    padding: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-2xl-on-md {
    padding: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-3xl-on-md {
    padding: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-p-4xl-on-md {
    padding: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-auto-on-md {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-0-on-md {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-xs-on-md {
    padding-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-sm-on-md {
    padding-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-md-on-md {
    padding-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-lg-on-md {
    padding-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-xl-on-md {
    padding-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-2xl-on-md {
    padding-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-3xl-on-md {
    padding-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pt-4xl-on-md {
    padding-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-auto-on-md {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-0-on-md {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-xs-on-md {
    padding-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-sm-on-md {
    padding-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-md-on-md {
    padding-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-lg-on-md {
    padding-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-xl-on-md {
    padding-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-2xl-on-md {
    padding-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-3xl-on-md {
    padding-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pr-4xl-on-md {
    padding-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-auto-on-md {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-0-on-md {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-xs-on-md {
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-sm-on-md {
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-md-on-md {
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-lg-on-md {
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-xl-on-md {
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-2xl-on-md {
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-3xl-on-md {
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pb-4xl-on-md {
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-auto-on-md {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-0-on-md {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-xs-on-md {
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-sm-on-md {
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-md-on-md {
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-lg-on-md {
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-xl-on-md {
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-2xl-on-md {
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-3xl-on-md {
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-pl-4xl-on-md {
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-auto-on-md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-0-on-md {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-xs-on-md {
    padding-right: var(--pf-global--spacer--xs) !important;
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-sm-on-md {
    padding-right: var(--pf-global--spacer--sm) !important;
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-md-on-md {
    padding-right: var(--pf-global--spacer--md) !important;
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-lg-on-md {
    padding-right: var(--pf-global--spacer--lg) !important;
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-xl-on-md {
    padding-right: var(--pf-global--spacer--xl) !important;
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-2xl-on-md {
    padding-right: var(--pf-global--spacer--2xl) !important;
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-3xl-on-md {
    padding-right: var(--pf-global--spacer--3xl) !important;
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-px-4xl-on-md {
    padding-right: var(--pf-global--spacer--4xl) !important;
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-auto-on-md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-0-on-md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-xs-on-md {
    padding-top: var(--pf-global--spacer--xs) !important;
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-sm-on-md {
    padding-top: var(--pf-global--spacer--sm) !important;
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-md-on-md {
    padding-top: var(--pf-global--spacer--md) !important;
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-lg-on-md {
    padding-top: var(--pf-global--spacer--lg) !important;
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-xl-on-md {
    padding-top: var(--pf-global--spacer--xl) !important;
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-2xl-on-md {
    padding-top: var(--pf-global--spacer--2xl) !important;
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-3xl-on-md {
    padding-top: var(--pf-global--spacer--3xl) !important;
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-py-4xl-on-md {
    padding-top: var(--pf-global--spacer--4xl) !important;
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-auto-on-lg {
    margin: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-0-on-lg {
    margin: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-xs-on-lg {
    margin: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-sm-on-lg {
    margin: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-md-on-lg {
    margin: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-lg-on-lg {
    margin: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-xl-on-lg {
    margin: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-2xl-on-lg {
    margin: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-3xl-on-lg {
    margin: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-m-4xl-on-lg {
    margin: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-auto-on-lg {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-0-on-lg {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-xs-on-lg {
    margin-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-sm-on-lg {
    margin-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-md-on-lg {
    margin-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-lg-on-lg {
    margin-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-xl-on-lg {
    margin-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-2xl-on-lg {
    margin-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-3xl-on-lg {
    margin-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mt-4xl-on-lg {
    margin-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-auto-on-lg {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-0-on-lg {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-xs-on-lg {
    margin-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-sm-on-lg {
    margin-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-md-on-lg {
    margin-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-lg-on-lg {
    margin-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-xl-on-lg {
    margin-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-2xl-on-lg {
    margin-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-3xl-on-lg {
    margin-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mr-4xl-on-lg {
    margin-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-auto-on-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-0-on-lg {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-xs-on-lg {
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-sm-on-lg {
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-md-on-lg {
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-lg-on-lg {
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-xl-on-lg {
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-2xl-on-lg {
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-3xl-on-lg {
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mb-4xl-on-lg {
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-auto-on-lg {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-0-on-lg {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-xs-on-lg {
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-sm-on-lg {
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-md-on-lg {
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-lg-on-lg {
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-xl-on-lg {
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-2xl-on-lg {
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-3xl-on-lg {
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-ml-4xl-on-lg {
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-auto-on-lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-0-on-lg {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-xs-on-lg {
    margin-right: var(--pf-global--spacer--xs) !important;
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-sm-on-lg {
    margin-right: var(--pf-global--spacer--sm) !important;
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-md-on-lg {
    margin-right: var(--pf-global--spacer--md) !important;
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-lg-on-lg {
    margin-right: var(--pf-global--spacer--lg) !important;
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-xl-on-lg {
    margin-right: var(--pf-global--spacer--xl) !important;
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-2xl-on-lg {
    margin-right: var(--pf-global--spacer--2xl) !important;
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-3xl-on-lg {
    margin-right: var(--pf-global--spacer--3xl) !important;
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-mx-4xl-on-lg {
    margin-right: var(--pf-global--spacer--4xl) !important;
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-auto-on-lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-0-on-lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-xs-on-lg {
    margin-top: var(--pf-global--spacer--xs) !important;
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-sm-on-lg {
    margin-top: var(--pf-global--spacer--sm) !important;
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-md-on-lg {
    margin-top: var(--pf-global--spacer--md) !important;
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-lg-on-lg {
    margin-top: var(--pf-global--spacer--lg) !important;
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-xl-on-lg {
    margin-top: var(--pf-global--spacer--xl) !important;
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-2xl-on-lg {
    margin-top: var(--pf-global--spacer--2xl) !important;
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-3xl-on-lg {
    margin-top: var(--pf-global--spacer--3xl) !important;
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-my-4xl-on-lg {
    margin-top: var(--pf-global--spacer--4xl) !important;
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-auto-on-lg {
    padding: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-0-on-lg {
    padding: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-xs-on-lg {
    padding: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-sm-on-lg {
    padding: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-md-on-lg {
    padding: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-lg-on-lg {
    padding: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-xl-on-lg {
    padding: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-2xl-on-lg {
    padding: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-3xl-on-lg {
    padding: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-p-4xl-on-lg {
    padding: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-auto-on-lg {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-0-on-lg {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-xs-on-lg {
    padding-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-sm-on-lg {
    padding-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-md-on-lg {
    padding-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-lg-on-lg {
    padding-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-xl-on-lg {
    padding-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-2xl-on-lg {
    padding-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-3xl-on-lg {
    padding-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pt-4xl-on-lg {
    padding-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-auto-on-lg {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-0-on-lg {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-xs-on-lg {
    padding-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-sm-on-lg {
    padding-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-md-on-lg {
    padding-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-lg-on-lg {
    padding-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-xl-on-lg {
    padding-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-2xl-on-lg {
    padding-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-3xl-on-lg {
    padding-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pr-4xl-on-lg {
    padding-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-auto-on-lg {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-0-on-lg {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-xs-on-lg {
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-sm-on-lg {
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-md-on-lg {
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-lg-on-lg {
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-xl-on-lg {
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-2xl-on-lg {
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-3xl-on-lg {
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pb-4xl-on-lg {
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-auto-on-lg {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-0-on-lg {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-xs-on-lg {
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-sm-on-lg {
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-md-on-lg {
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-lg-on-lg {
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-xl-on-lg {
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-2xl-on-lg {
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-3xl-on-lg {
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-pl-4xl-on-lg {
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-auto-on-lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-0-on-lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-xs-on-lg {
    padding-right: var(--pf-global--spacer--xs) !important;
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-sm-on-lg {
    padding-right: var(--pf-global--spacer--sm) !important;
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-md-on-lg {
    padding-right: var(--pf-global--spacer--md) !important;
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-lg-on-lg {
    padding-right: var(--pf-global--spacer--lg) !important;
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-xl-on-lg {
    padding-right: var(--pf-global--spacer--xl) !important;
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-2xl-on-lg {
    padding-right: var(--pf-global--spacer--2xl) !important;
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-3xl-on-lg {
    padding-right: var(--pf-global--spacer--3xl) !important;
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-px-4xl-on-lg {
    padding-right: var(--pf-global--spacer--4xl) !important;
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-auto-on-lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-0-on-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-xs-on-lg {
    padding-top: var(--pf-global--spacer--xs) !important;
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-sm-on-lg {
    padding-top: var(--pf-global--spacer--sm) !important;
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-md-on-lg {
    padding-top: var(--pf-global--spacer--md) !important;
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-lg-on-lg {
    padding-top: var(--pf-global--spacer--lg) !important;
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-xl-on-lg {
    padding-top: var(--pf-global--spacer--xl) !important;
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-2xl-on-lg {
    padding-top: var(--pf-global--spacer--2xl) !important;
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-3xl-on-lg {
    padding-top: var(--pf-global--spacer--3xl) !important;
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-py-4xl-on-lg {
    padding-top: var(--pf-global--spacer--4xl) !important;
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-auto-on-xl {
    margin: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-0-on-xl {
    margin: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-xs-on-xl {
    margin: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-sm-on-xl {
    margin: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-md-on-xl {
    margin: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-lg-on-xl {
    margin: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-xl-on-xl {
    margin: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-2xl-on-xl {
    margin: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-3xl-on-xl {
    margin: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-m-4xl-on-xl {
    margin: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-auto-on-xl {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-0-on-xl {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-xs-on-xl {
    margin-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-sm-on-xl {
    margin-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-md-on-xl {
    margin-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-lg-on-xl {
    margin-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-xl-on-xl {
    margin-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-2xl-on-xl {
    margin-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-3xl-on-xl {
    margin-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mt-4xl-on-xl {
    margin-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-auto-on-xl {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-0-on-xl {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-xs-on-xl {
    margin-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-sm-on-xl {
    margin-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-md-on-xl {
    margin-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-lg-on-xl {
    margin-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-xl-on-xl {
    margin-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-2xl-on-xl {
    margin-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-3xl-on-xl {
    margin-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mr-4xl-on-xl {
    margin-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-auto-on-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-0-on-xl {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-xs-on-xl {
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-sm-on-xl {
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-md-on-xl {
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-lg-on-xl {
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-xl-on-xl {
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-2xl-on-xl {
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-3xl-on-xl {
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mb-4xl-on-xl {
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-auto-on-xl {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-0-on-xl {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-xs-on-xl {
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-sm-on-xl {
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-md-on-xl {
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-lg-on-xl {
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-xl-on-xl {
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-2xl-on-xl {
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-3xl-on-xl {
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-ml-4xl-on-xl {
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-auto-on-xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-0-on-xl {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-xs-on-xl {
    margin-right: var(--pf-global--spacer--xs) !important;
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-sm-on-xl {
    margin-right: var(--pf-global--spacer--sm) !important;
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-md-on-xl {
    margin-right: var(--pf-global--spacer--md) !important;
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-lg-on-xl {
    margin-right: var(--pf-global--spacer--lg) !important;
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-xl-on-xl {
    margin-right: var(--pf-global--spacer--xl) !important;
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-2xl-on-xl {
    margin-right: var(--pf-global--spacer--2xl) !important;
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-3xl-on-xl {
    margin-right: var(--pf-global--spacer--3xl) !important;
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-mx-4xl-on-xl {
    margin-right: var(--pf-global--spacer--4xl) !important;
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-auto-on-xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-0-on-xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-xs-on-xl {
    margin-top: var(--pf-global--spacer--xs) !important;
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-sm-on-xl {
    margin-top: var(--pf-global--spacer--sm) !important;
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-md-on-xl {
    margin-top: var(--pf-global--spacer--md) !important;
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-lg-on-xl {
    margin-top: var(--pf-global--spacer--lg) !important;
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-xl-on-xl {
    margin-top: var(--pf-global--spacer--xl) !important;
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-2xl-on-xl {
    margin-top: var(--pf-global--spacer--2xl) !important;
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-3xl-on-xl {
    margin-top: var(--pf-global--spacer--3xl) !important;
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-my-4xl-on-xl {
    margin-top: var(--pf-global--spacer--4xl) !important;
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-auto-on-xl {
    padding: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-0-on-xl {
    padding: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-xs-on-xl {
    padding: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-sm-on-xl {
    padding: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-md-on-xl {
    padding: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-lg-on-xl {
    padding: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-xl-on-xl {
    padding: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-2xl-on-xl {
    padding: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-3xl-on-xl {
    padding: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-p-4xl-on-xl {
    padding: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-auto-on-xl {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-0-on-xl {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-xs-on-xl {
    padding-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-sm-on-xl {
    padding-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-md-on-xl {
    padding-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-lg-on-xl {
    padding-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-xl-on-xl {
    padding-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-2xl-on-xl {
    padding-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-3xl-on-xl {
    padding-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pt-4xl-on-xl {
    padding-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-auto-on-xl {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-0-on-xl {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-xs-on-xl {
    padding-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-sm-on-xl {
    padding-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-md-on-xl {
    padding-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-lg-on-xl {
    padding-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-xl-on-xl {
    padding-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-2xl-on-xl {
    padding-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-3xl-on-xl {
    padding-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pr-4xl-on-xl {
    padding-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-auto-on-xl {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-0-on-xl {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-xs-on-xl {
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-sm-on-xl {
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-md-on-xl {
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-lg-on-xl {
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-xl-on-xl {
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-2xl-on-xl {
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-3xl-on-xl {
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pb-4xl-on-xl {
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-auto-on-xl {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-0-on-xl {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-xs-on-xl {
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-sm-on-xl {
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-md-on-xl {
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-lg-on-xl {
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-xl-on-xl {
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-2xl-on-xl {
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-3xl-on-xl {
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-pl-4xl-on-xl {
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-auto-on-xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-0-on-xl {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-xs-on-xl {
    padding-right: var(--pf-global--spacer--xs) !important;
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-sm-on-xl {
    padding-right: var(--pf-global--spacer--sm) !important;
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-md-on-xl {
    padding-right: var(--pf-global--spacer--md) !important;
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-lg-on-xl {
    padding-right: var(--pf-global--spacer--lg) !important;
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-xl-on-xl {
    padding-right: var(--pf-global--spacer--xl) !important;
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-2xl-on-xl {
    padding-right: var(--pf-global--spacer--2xl) !important;
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-3xl-on-xl {
    padding-right: var(--pf-global--spacer--3xl) !important;
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-px-4xl-on-xl {
    padding-right: var(--pf-global--spacer--4xl) !important;
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-auto-on-xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-0-on-xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-xs-on-xl {
    padding-top: var(--pf-global--spacer--xs) !important;
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-sm-on-xl {
    padding-top: var(--pf-global--spacer--sm) !important;
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-md-on-xl {
    padding-top: var(--pf-global--spacer--md) !important;
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-lg-on-xl {
    padding-top: var(--pf-global--spacer--lg) !important;
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-xl-on-xl {
    padding-top: var(--pf-global--spacer--xl) !important;
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-2xl-on-xl {
    padding-top: var(--pf-global--spacer--2xl) !important;
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-3xl-on-xl {
    padding-top: var(--pf-global--spacer--3xl) !important;
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-py-4xl-on-xl {
    padding-top: var(--pf-global--spacer--4xl) !important;
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-auto-on-2xl {
    margin: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-0-on-2xl {
    margin: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-xs-on-2xl {
    margin: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-sm-on-2xl {
    margin: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-md-on-2xl {
    margin: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-lg-on-2xl {
    margin: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-xl-on-2xl {
    margin: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-2xl-on-2xl {
    margin: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-3xl-on-2xl {
    margin: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-m-4xl-on-2xl {
    margin: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-auto-on-2xl {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-0-on-2xl {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-xs-on-2xl {
    margin-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-sm-on-2xl {
    margin-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-md-on-2xl {
    margin-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-lg-on-2xl {
    margin-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-xl-on-2xl {
    margin-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-2xl-on-2xl {
    margin-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-3xl-on-2xl {
    margin-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mt-4xl-on-2xl {
    margin-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-auto-on-2xl {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-0-on-2xl {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-xs-on-2xl {
    margin-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-sm-on-2xl {
    margin-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-md-on-2xl {
    margin-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-lg-on-2xl {
    margin-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-xl-on-2xl {
    margin-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-2xl-on-2xl {
    margin-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-3xl-on-2xl {
    margin-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mr-4xl-on-2xl {
    margin-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-auto-on-2xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-0-on-2xl {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-xs-on-2xl {
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-sm-on-2xl {
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-md-on-2xl {
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-lg-on-2xl {
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-xl-on-2xl {
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-2xl-on-2xl {
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-3xl-on-2xl {
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mb-4xl-on-2xl {
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-auto-on-2xl {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-0-on-2xl {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-xs-on-2xl {
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-sm-on-2xl {
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-md-on-2xl {
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-lg-on-2xl {
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-xl-on-2xl {
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-2xl-on-2xl {
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-3xl-on-2xl {
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-ml-4xl-on-2xl {
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-auto-on-2xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-0-on-2xl {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-xs-on-2xl {
    margin-right: var(--pf-global--spacer--xs) !important;
    margin-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-sm-on-2xl {
    margin-right: var(--pf-global--spacer--sm) !important;
    margin-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-md-on-2xl {
    margin-right: var(--pf-global--spacer--md) !important;
    margin-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-lg-on-2xl {
    margin-right: var(--pf-global--spacer--lg) !important;
    margin-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-xl-on-2xl {
    margin-right: var(--pf-global--spacer--xl) !important;
    margin-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-2xl-on-2xl {
    margin-right: var(--pf-global--spacer--2xl) !important;
    margin-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-3xl-on-2xl {
    margin-right: var(--pf-global--spacer--3xl) !important;
    margin-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-mx-4xl-on-2xl {
    margin-right: var(--pf-global--spacer--4xl) !important;
    margin-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-auto-on-2xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-0-on-2xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-xs-on-2xl {
    margin-top: var(--pf-global--spacer--xs) !important;
    margin-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-sm-on-2xl {
    margin-top: var(--pf-global--spacer--sm) !important;
    margin-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-md-on-2xl {
    margin-top: var(--pf-global--spacer--md) !important;
    margin-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-lg-on-2xl {
    margin-top: var(--pf-global--spacer--lg) !important;
    margin-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-xl-on-2xl {
    margin-top: var(--pf-global--spacer--xl) !important;
    margin-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-2xl-on-2xl {
    margin-top: var(--pf-global--spacer--2xl) !important;
    margin-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-3xl-on-2xl {
    margin-top: var(--pf-global--spacer--3xl) !important;
    margin-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-my-4xl-on-2xl {
    margin-top: var(--pf-global--spacer--4xl) !important;
    margin-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-auto-on-2xl {
    padding: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-0-on-2xl {
    padding: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-xs-on-2xl {
    padding: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-sm-on-2xl {
    padding: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-md-on-2xl {
    padding: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-lg-on-2xl {
    padding: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-xl-on-2xl {
    padding: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-2xl-on-2xl {
    padding: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-3xl-on-2xl {
    padding: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-p-4xl-on-2xl {
    padding: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-auto-on-2xl {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-0-on-2xl {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-xs-on-2xl {
    padding-top: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-sm-on-2xl {
    padding-top: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-md-on-2xl {
    padding-top: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-lg-on-2xl {
    padding-top: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-xl-on-2xl {
    padding-top: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-2xl-on-2xl {
    padding-top: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-3xl-on-2xl {
    padding-top: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pt-4xl-on-2xl {
    padding-top: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-auto-on-2xl {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-0-on-2xl {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-xs-on-2xl {
    padding-right: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-sm-on-2xl {
    padding-right: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-md-on-2xl {
    padding-right: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-lg-on-2xl {
    padding-right: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-xl-on-2xl {
    padding-right: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-2xl-on-2xl {
    padding-right: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-3xl-on-2xl {
    padding-right: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pr-4xl-on-2xl {
    padding-right: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-auto-on-2xl {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-0-on-2xl {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-xs-on-2xl {
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-sm-on-2xl {
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-md-on-2xl {
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-lg-on-2xl {
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-xl-on-2xl {
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-2xl-on-2xl {
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-3xl-on-2xl {
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pb-4xl-on-2xl {
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-auto-on-2xl {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-0-on-2xl {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-xs-on-2xl {
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-sm-on-2xl {
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-md-on-2xl {
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-lg-on-2xl {
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-xl-on-2xl {
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-2xl-on-2xl {
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-3xl-on-2xl {
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-pl-4xl-on-2xl {
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-auto-on-2xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-0-on-2xl {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-xs-on-2xl {
    padding-right: var(--pf-global--spacer--xs) !important;
    padding-left: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-sm-on-2xl {
    padding-right: var(--pf-global--spacer--sm) !important;
    padding-left: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-md-on-2xl {
    padding-right: var(--pf-global--spacer--md) !important;
    padding-left: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-lg-on-2xl {
    padding-right: var(--pf-global--spacer--lg) !important;
    padding-left: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-xl-on-2xl {
    padding-right: var(--pf-global--spacer--xl) !important;
    padding-left: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-2xl-on-2xl {
    padding-right: var(--pf-global--spacer--2xl) !important;
    padding-left: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-3xl-on-2xl {
    padding-right: var(--pf-global--spacer--3xl) !important;
    padding-left: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-px-4xl-on-2xl {
    padding-right: var(--pf-global--spacer--4xl) !important;
    padding-left: var(--pf-global--spacer--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-auto-on-2xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-0-on-2xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-xs-on-2xl {
    padding-top: var(--pf-global--spacer--xs) !important;
    padding-bottom: var(--pf-global--spacer--xs) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-sm-on-2xl {
    padding-top: var(--pf-global--spacer--sm) !important;
    padding-bottom: var(--pf-global--spacer--sm) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-md-on-2xl {
    padding-top: var(--pf-global--spacer--md) !important;
    padding-bottom: var(--pf-global--spacer--md) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-lg-on-2xl {
    padding-top: var(--pf-global--spacer--lg) !important;
    padding-bottom: var(--pf-global--spacer--lg) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-xl-on-2xl {
    padding-top: var(--pf-global--spacer--xl) !important;
    padding-bottom: var(--pf-global--spacer--xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-2xl-on-2xl {
    padding-top: var(--pf-global--spacer--2xl) !important;
    padding-bottom: var(--pf-global--spacer--2xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-3xl-on-2xl {
    padding-top: var(--pf-global--spacer--3xl) !important;
    padding-bottom: var(--pf-global--spacer--3xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-py-4xl-on-2xl {
    padding-top: var(--pf-global--spacer--4xl) !important;
    padding-bottom: var(--pf-global--spacer--4xl) !important;
  }
}
.pf-u-font-family-sans-serif {
  font-family: var(--pf-global--FontFamily--sans-serif) !important;
}
.pf-u-font-family-heading-sans-serif {
  font-family: var(--pf-global--FontFamily--heading--sans-serif) !important;
}
.pf-u-font-family-monospace {
  font-family: var(--pf-global--FontFamily--monospace) !important;
}
.pf-u-font-family-redhatVF-sans-serif {
  font-family: var(--pf-global--FontFamily--redhatVF--sans-serif) !important;
}
.pf-u-font-family-redhatVF-heading-sans-serif {
  font-family: var(
    --pf-global--FontFamily--redhatVF--heading--sans-serif
  ) !important;
}
.pf-u-font-family-redhatVF-monospace {
  font-family: var(--pf-global--FontFamily--redhatVF--monospace) !important;
}
.pf-u-font-size-xs {
  font-size: var(--pf-global--FontSize--xs) !important;
}
.pf-u-font-size-sm {
  font-size: var(--pf-global--FontSize--sm) !important;
}
.pf-u-font-size-md {
  font-size: var(--pf-global--FontSize--md) !important;
}
.pf-u-font-size-lg {
  font-size: var(--pf-global--FontSize--lg) !important;
}
.pf-u-font-size-xl {
  font-size: var(--pf-global--FontSize--xl) !important;
}
.pf-u-font-size-2xl {
  font-size: var(--pf-global--FontSize--2xl) !important;
}
.pf-u-font-size-3xl {
  font-size: var(--pf-global--FontSize--3xl) !important;
}
.pf-u-font-size-4xl {
  font-size: var(--pf-global--FontSize--4xl) !important;
}
@media screen and (min-width: 576px) {
  .pf-u-font-size-xs-on-sm {
    font-size: var(--pf-global--FontSize--xs) !important;
  }
  .pf-u-font-size-sm-on-sm {
    font-size: var(--pf-global--FontSize--sm) !important;
  }
  .pf-u-font-size-md-on-sm {
    font-size: var(--pf-global--FontSize--md) !important;
  }
  .pf-u-font-size-lg-on-sm {
    font-size: var(--pf-global--FontSize--lg) !important;
  }
  .pf-u-font-size-xl-on-sm {
    font-size: var(--pf-global--FontSize--xl) !important;
  }
  .pf-u-font-size-2xl-on-sm {
    font-size: var(--pf-global--FontSize--2xl) !important;
  }
  .pf-u-font-size-3xl-on-sm {
    font-size: var(--pf-global--FontSize--3xl) !important;
  }
  .pf-u-font-size-4xl-on-sm {
    font-size: var(--pf-global--FontSize--4xl) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-font-size-xs-on-md {
    font-size: var(--pf-global--FontSize--xs) !important;
  }
  .pf-u-font-size-sm-on-md {
    font-size: var(--pf-global--FontSize--sm) !important;
  }
  .pf-u-font-size-md-on-md {
    font-size: var(--pf-global--FontSize--md) !important;
  }
  .pf-u-font-size-lg-on-md {
    font-size: var(--pf-global--FontSize--lg) !important;
  }
  .pf-u-font-size-xl-on-md {
    font-size: var(--pf-global--FontSize--xl) !important;
  }
  .pf-u-font-size-2xl-on-md {
    font-size: var(--pf-global--FontSize--2xl) !important;
  }
  .pf-u-font-size-3xl-on-md {
    font-size: var(--pf-global--FontSize--3xl) !important;
  }
  .pf-u-font-size-4xl-on-md {
    font-size: var(--pf-global--FontSize--4xl) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-font-size-xs-on-lg {
    font-size: var(--pf-global--FontSize--xs) !important;
  }
  .pf-u-font-size-sm-on-lg {
    font-size: var(--pf-global--FontSize--sm) !important;
  }
  .pf-u-font-size-md-on-lg {
    font-size: var(--pf-global--FontSize--md) !important;
  }
  .pf-u-font-size-lg-on-lg {
    font-size: var(--pf-global--FontSize--lg) !important;
  }
  .pf-u-font-size-xl-on-lg {
    font-size: var(--pf-global--FontSize--xl) !important;
  }
  .pf-u-font-size-2xl-on-lg {
    font-size: var(--pf-global--FontSize--2xl) !important;
  }
  .pf-u-font-size-3xl-on-lg {
    font-size: var(--pf-global--FontSize--3xl) !important;
  }
  .pf-u-font-size-4xl-on-lg {
    font-size: var(--pf-global--FontSize--4xl) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-font-size-xs-on-xl {
    font-size: var(--pf-global--FontSize--xs) !important;
  }
  .pf-u-font-size-sm-on-xl {
    font-size: var(--pf-global--FontSize--sm) !important;
  }
  .pf-u-font-size-md-on-xl {
    font-size: var(--pf-global--FontSize--md) !important;
  }
  .pf-u-font-size-lg-on-xl {
    font-size: var(--pf-global--FontSize--lg) !important;
  }
  .pf-u-font-size-xl-on-xl {
    font-size: var(--pf-global--FontSize--xl) !important;
  }
  .pf-u-font-size-2xl-on-xl {
    font-size: var(--pf-global--FontSize--2xl) !important;
  }
  .pf-u-font-size-3xl-on-xl {
    font-size: var(--pf-global--FontSize--3xl) !important;
  }
  .pf-u-font-size-4xl-on-xl {
    font-size: var(--pf-global--FontSize--4xl) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-font-size-xs-on-2xl {
    font-size: var(--pf-global--FontSize--xs) !important;
  }
  .pf-u-font-size-sm-on-2xl {
    font-size: var(--pf-global--FontSize--sm) !important;
  }
  .pf-u-font-size-md-on-2xl {
    font-size: var(--pf-global--FontSize--md) !important;
  }
  .pf-u-font-size-lg-on-2xl {
    font-size: var(--pf-global--FontSize--lg) !important;
  }
  .pf-u-font-size-xl-on-2xl {
    font-size: var(--pf-global--FontSize--xl) !important;
  }
  .pf-u-font-size-2xl-on-2xl {
    font-size: var(--pf-global--FontSize--2xl) !important;
  }
  .pf-u-font-size-3xl-on-2xl {
    font-size: var(--pf-global--FontSize--3xl) !important;
  }
  .pf-u-font-size-4xl-on-2xl {
    font-size: var(--pf-global--FontSize--4xl) !important;
  }
}
.pf-u-font-weight-light {
  font-weight: var(--pf-global--FontWeight--light) !important;
}
.pf-u-font-weight-normal {
  font-weight: var(--pf-global--FontWeight--normal) !important;
}
.pf-u-font-weight-bold {
  font-weight: var(--pf-global--FontWeight--bold) !important;
}
@media screen and (min-width: 576px) {
  .pf-u-font-weight-light-on-sm {
    font-weight: var(--pf-global--FontWeight--light) !important;
  }
  .pf-u-font-weight-normal-on-sm {
    font-weight: var(--pf-global--FontWeight--normal) !important;
  }
  .pf-u-font-weight-bold-on-sm {
    font-weight: var(--pf-global--FontWeight--bold) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-font-weight-light-on-md {
    font-weight: var(--pf-global--FontWeight--light) !important;
  }
  .pf-u-font-weight-normal-on-md {
    font-weight: var(--pf-global--FontWeight--normal) !important;
  }
  .pf-u-font-weight-bold-on-md {
    font-weight: var(--pf-global--FontWeight--bold) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-font-weight-light-on-lg {
    font-weight: var(--pf-global--FontWeight--light) !important;
  }
  .pf-u-font-weight-normal-on-lg {
    font-weight: var(--pf-global--FontWeight--normal) !important;
  }
  .pf-u-font-weight-bold-on-lg {
    font-weight: var(--pf-global--FontWeight--bold) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-font-weight-light-on-xl {
    font-weight: var(--pf-global--FontWeight--light) !important;
  }
  .pf-u-font-weight-normal-on-xl {
    font-weight: var(--pf-global--FontWeight--normal) !important;
  }
  .pf-u-font-weight-bold-on-xl {
    font-weight: var(--pf-global--FontWeight--bold) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-font-weight-light-on-2xl {
    font-weight: var(--pf-global--FontWeight--light) !important;
  }
  .pf-u-font-weight-normal-on-2xl {
    font-weight: var(--pf-global--FontWeight--normal) !important;
  }
  .pf-u-font-weight-bold-on-2xl {
    font-weight: var(--pf-global--FontWeight--bold) !important;
  }
}
.pf-u-color-100 {
  color: var(--pf-global--Color--100) !important;
}
.pf-u-color-200 {
  color: var(--pf-global--Color--200) !important;
}
.pf-u-color-300 {
  color: var(--pf-global--Color--300) !important;
}
.pf-u-color-400 {
  color: var(--pf-global--Color--400) !important;
}
.pf-u-active-color-100 {
  color: var(--pf-global--active-color--100) !important;
}
.pf-u-active-color-400 {
  color: var(--pf-global--active-color--400) !important;
}
.pf-u-primary-color-100 {
  color: var(--pf-global--primary-color--100) !important;
}
.pf-u-color-light-100 {
  color: var(--pf-global--Color--light-100) !important;
}
.pf-u-color-light-200 {
  color: var(--pf-global--Color--light-200) !important;
}
.pf-u-link-color {
  color: var(--pf-global--link--Color) !important;
}
.pf-u-link-color-hover {
  color: var(--pf-global--link--Color--hover) !important;
}
.pf-u-link-color-light {
  color: var(--pf-global--link--Color--light) !important;
}
.pf-u-link-color-light-hover {
  color: var(--pf-global--link--Color--light--hover) !important;
}
.pf-u-link-color-dark {
  color: var(--pf-global--link--Color--dark) !important;
}
.pf-u-link-color-dark-hover {
  color: var(--pf-global--link--Color--dark--hover) !important;
}
.pf-u-link-color-visited {
  color: var(--pf-global--link--Color--visited) !important;
}
.pf-u-default-color-100 {
  color: var(--pf-global--default-color--100) !important;
}
.pf-u-default-color-200 {
  color: var(--pf-global--default-color--200) !important;
}
.pf-u-default-color-300 {
  color: var(--pf-global--default-color--300) !important;
}
.pf-u-success-color-100 {
  color: var(--pf-global--success-color--100) !important;
}
.pf-u-success-color-200 {
  color: var(--pf-global--success-color--200) !important;
}
.pf-u-info-color-100 {
  color: var(--pf-global--info-color--100) !important;
}
.pf-u-info-color-200 {
  color: var(--pf-global--info-color--200) !important;
}
.pf-u-warning-color-100 {
  color: var(--pf-global--warning-color--100) !important;
}
.pf-u-warning-color-200 {
  color: var(--pf-global--warning-color--200) !important;
}
.pf-u-danger-color-100 {
  color: var(--pf-global--danger-color--100) !important;
}
.pf-u-danger-color-200 {
  color: var(--pf-global--danger-color--200) !important;
}
.pf-u-danger-color-300 {
  color: var(--pf-global--danger-color--300) !important;
}
.pf-u-disabled-color-100 {
  color: var(--pf-global--disabled-color--100) !important;
}
.pf-u-disabled-color-200 {
  color: var(--pf-global--disabled-color--200) !important;
}
.pf-u-icon-color-light {
  color: var(--pf-global--icon--Color--light) !important;
}
.pf-u-icon-color-dark {
  color: var(--pf-global--icon--Color--dark) !important;
}
@media screen and (min-width: 576px) {
  .pf-u-color-100-on-sm {
    color: var(--pf-global--Color--100) !important;
  }
  .pf-u-color-200-on-sm {
    color: var(--pf-global--Color--200) !important;
  }
  .pf-u-color-300-on-sm {
    color: var(--pf-global--Color--300) !important;
  }
  .pf-u-color-400-on-sm {
    color: var(--pf-global--Color--400) !important;
  }
  .pf-u-active-color-100-on-sm {
    color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-active-color-400-on-sm {
    color: var(--pf-global--active-color--400) !important;
  }
  .pf-u-primary-color-100-on-sm {
    color: var(--pf-global--primary-color--100) !important;
  }
  .pf-u-color-light-100-on-sm {
    color: var(--pf-global--Color--light-100) !important;
  }
  .pf-u-color-light-200-on-sm {
    color: var(--pf-global--Color--light-200) !important;
  }
  .pf-u-link-color-on-sm {
    color: var(--pf-global--link--Color) !important;
  }
  .pf-u-link-color-hover-on-sm {
    color: var(--pf-global--link--Color--hover) !important;
  }
  .pf-u-link-color-light-on-sm {
    color: var(--pf-global--link--Color--light) !important;
  }
  .pf-u-link-color-light-hover-on-sm {
    color: var(--pf-global--link--Color--light--hover) !important;
  }
  .pf-u-link-color-dark-on-sm {
    color: var(--pf-global--link--Color--dark) !important;
  }
  .pf-u-link-color-dark-hover-on-sm {
    color: var(--pf-global--link--Color--dark--hover) !important;
  }
  .pf-u-link-color-visited-on-sm {
    color: var(--pf-global--link--Color--visited) !important;
  }
  .pf-u-default-color-100-on-sm {
    color: var(--pf-global--default-color--100) !important;
  }
  .pf-u-default-color-200-on-sm {
    color: var(--pf-global--default-color--200) !important;
  }
  .pf-u-default-color-300-on-sm {
    color: var(--pf-global--default-color--300) !important;
  }
  .pf-u-success-color-100-on-sm {
    color: var(--pf-global--success-color--100) !important;
  }
  .pf-u-success-color-200-on-sm {
    color: var(--pf-global--success-color--200) !important;
  }
  .pf-u-info-color-100-on-sm {
    color: var(--pf-global--info-color--100) !important;
  }
  .pf-u-info-color-200-on-sm {
    color: var(--pf-global--info-color--200) !important;
  }
  .pf-u-warning-color-100-on-sm {
    color: var(--pf-global--warning-color--100) !important;
  }
  .pf-u-warning-color-200-on-sm {
    color: var(--pf-global--warning-color--200) !important;
  }
  .pf-u-danger-color-100-on-sm {
    color: var(--pf-global--danger-color--100) !important;
  }
  .pf-u-danger-color-200-on-sm {
    color: var(--pf-global--danger-color--200) !important;
  }
  .pf-u-danger-color-300-on-sm {
    color: var(--pf-global--danger-color--300) !important;
  }
  .pf-u-disabled-color-100-on-sm {
    color: var(--pf-global--disabled-color--100) !important;
  }
  .pf-u-disabled-color-200-on-sm {
    color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-icon-color-light-on-sm {
    color: var(--pf-global--icon--Color--light) !important;
  }
  .pf-u-icon-color-dark-on-sm {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-color-100-on-md {
    color: var(--pf-global--Color--100) !important;
  }
  .pf-u-color-200-on-md {
    color: var(--pf-global--Color--200) !important;
  }
  .pf-u-color-300-on-md {
    color: var(--pf-global--Color--300) !important;
  }
  .pf-u-color-400-on-md {
    color: var(--pf-global--Color--400) !important;
  }
  .pf-u-active-color-100-on-md {
    color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-active-color-400-on-md {
    color: var(--pf-global--active-color--400) !important;
  }
  .pf-u-primary-color-100-on-md {
    color: var(--pf-global--primary-color--100) !important;
  }
  .pf-u-color-light-100-on-md {
    color: var(--pf-global--Color--light-100) !important;
  }
  .pf-u-color-light-200-on-md {
    color: var(--pf-global--Color--light-200) !important;
  }
  .pf-u-link-color-on-md {
    color: var(--pf-global--link--Color) !important;
  }
  .pf-u-link-color-hover-on-md {
    color: var(--pf-global--link--Color--hover) !important;
  }
  .pf-u-link-color-light-on-md {
    color: var(--pf-global--link--Color--light) !important;
  }
  .pf-u-link-color-light-hover-on-md {
    color: var(--pf-global--link--Color--light--hover) !important;
  }
  .pf-u-link-color-dark-on-md {
    color: var(--pf-global--link--Color--dark) !important;
  }
  .pf-u-link-color-dark-hover-on-md {
    color: var(--pf-global--link--Color--dark--hover) !important;
  }
  .pf-u-link-color-visited-on-md {
    color: var(--pf-global--link--Color--visited) !important;
  }
  .pf-u-default-color-100-on-md {
    color: var(--pf-global--default-color--100) !important;
  }
  .pf-u-default-color-200-on-md {
    color: var(--pf-global--default-color--200) !important;
  }
  .pf-u-default-color-300-on-md {
    color: var(--pf-global--default-color--300) !important;
  }
  .pf-u-success-color-100-on-md {
    color: var(--pf-global--success-color--100) !important;
  }
  .pf-u-success-color-200-on-md {
    color: var(--pf-global--success-color--200) !important;
  }
  .pf-u-info-color-100-on-md {
    color: var(--pf-global--info-color--100) !important;
  }
  .pf-u-info-color-200-on-md {
    color: var(--pf-global--info-color--200) !important;
  }
  .pf-u-warning-color-100-on-md {
    color: var(--pf-global--warning-color--100) !important;
  }
  .pf-u-warning-color-200-on-md {
    color: var(--pf-global--warning-color--200) !important;
  }
  .pf-u-danger-color-100-on-md {
    color: var(--pf-global--danger-color--100) !important;
  }
  .pf-u-danger-color-200-on-md {
    color: var(--pf-global--danger-color--200) !important;
  }
  .pf-u-danger-color-300-on-md {
    color: var(--pf-global--danger-color--300) !important;
  }
  .pf-u-disabled-color-100-on-md {
    color: var(--pf-global--disabled-color--100) !important;
  }
  .pf-u-disabled-color-200-on-md {
    color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-icon-color-light-on-md {
    color: var(--pf-global--icon--Color--light) !important;
  }
  .pf-u-icon-color-dark-on-md {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-color-100-on-lg {
    color: var(--pf-global--Color--100) !important;
  }
  .pf-u-color-200-on-lg {
    color: var(--pf-global--Color--200) !important;
  }
  .pf-u-color-300-on-lg {
    color: var(--pf-global--Color--300) !important;
  }
  .pf-u-color-400-on-lg {
    color: var(--pf-global--Color--400) !important;
  }
  .pf-u-active-color-100-on-lg {
    color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-active-color-400-on-lg {
    color: var(--pf-global--active-color--400) !important;
  }
  .pf-u-primary-color-100-on-lg {
    color: var(--pf-global--primary-color--100) !important;
  }
  .pf-u-color-light-100-on-lg {
    color: var(--pf-global--Color--light-100) !important;
  }
  .pf-u-color-light-200-on-lg {
    color: var(--pf-global--Color--light-200) !important;
  }
  .pf-u-link-color-on-lg {
    color: var(--pf-global--link--Color) !important;
  }
  .pf-u-link-color-hover-on-lg {
    color: var(--pf-global--link--Color--hover) !important;
  }
  .pf-u-link-color-light-on-lg {
    color: var(--pf-global--link--Color--light) !important;
  }
  .pf-u-link-color-light-hover-on-lg {
    color: var(--pf-global--link--Color--light--hover) !important;
  }
  .pf-u-link-color-dark-on-lg {
    color: var(--pf-global--link--Color--dark) !important;
  }
  .pf-u-link-color-dark-hover-on-lg {
    color: var(--pf-global--link--Color--dark--hover) !important;
  }
  .pf-u-link-color-visited-on-lg {
    color: var(--pf-global--link--Color--visited) !important;
  }
  .pf-u-default-color-100-on-lg {
    color: var(--pf-global--default-color--100) !important;
  }
  .pf-u-default-color-200-on-lg {
    color: var(--pf-global--default-color--200) !important;
  }
  .pf-u-default-color-300-on-lg {
    color: var(--pf-global--default-color--300) !important;
  }
  .pf-u-success-color-100-on-lg {
    color: var(--pf-global--success-color--100) !important;
  }
  .pf-u-success-color-200-on-lg {
    color: var(--pf-global--success-color--200) !important;
  }
  .pf-u-info-color-100-on-lg {
    color: var(--pf-global--info-color--100) !important;
  }
  .pf-u-info-color-200-on-lg {
    color: var(--pf-global--info-color--200) !important;
  }
  .pf-u-warning-color-100-on-lg {
    color: var(--pf-global--warning-color--100) !important;
  }
  .pf-u-warning-color-200-on-lg {
    color: var(--pf-global--warning-color--200) !important;
  }
  .pf-u-danger-color-100-on-lg {
    color: var(--pf-global--danger-color--100) !important;
  }
  .pf-u-danger-color-200-on-lg {
    color: var(--pf-global--danger-color--200) !important;
  }
  .pf-u-danger-color-300-on-lg {
    color: var(--pf-global--danger-color--300) !important;
  }
  .pf-u-disabled-color-100-on-lg {
    color: var(--pf-global--disabled-color--100) !important;
  }
  .pf-u-disabled-color-200-on-lg {
    color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-icon-color-light-on-lg {
    color: var(--pf-global--icon--Color--light) !important;
  }
  .pf-u-icon-color-dark-on-lg {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-color-100-on-xl {
    color: var(--pf-global--Color--100) !important;
  }
  .pf-u-color-200-on-xl {
    color: var(--pf-global--Color--200) !important;
  }
  .pf-u-color-300-on-xl {
    color: var(--pf-global--Color--300) !important;
  }
  .pf-u-color-400-on-xl {
    color: var(--pf-global--Color--400) !important;
  }
  .pf-u-active-color-100-on-xl {
    color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-active-color-400-on-xl {
    color: var(--pf-global--active-color--400) !important;
  }
  .pf-u-primary-color-100-on-xl {
    color: var(--pf-global--primary-color--100) !important;
  }
  .pf-u-color-light-100-on-xl {
    color: var(--pf-global--Color--light-100) !important;
  }
  .pf-u-color-light-200-on-xl {
    color: var(--pf-global--Color--light-200) !important;
  }
  .pf-u-link-color-on-xl {
    color: var(--pf-global--link--Color) !important;
  }
  .pf-u-link-color-hover-on-xl {
    color: var(--pf-global--link--Color--hover) !important;
  }
  .pf-u-link-color-light-on-xl {
    color: var(--pf-global--link--Color--light) !important;
  }
  .pf-u-link-color-light-hover-on-xl {
    color: var(--pf-global--link--Color--light--hover) !important;
  }
  .pf-u-link-color-dark-on-xl {
    color: var(--pf-global--link--Color--dark) !important;
  }
  .pf-u-link-color-dark-hover-on-xl {
    color: var(--pf-global--link--Color--dark--hover) !important;
  }
  .pf-u-link-color-visited-on-xl {
    color: var(--pf-global--link--Color--visited) !important;
  }
  .pf-u-default-color-100-on-xl {
    color: var(--pf-global--default-color--100) !important;
  }
  .pf-u-default-color-200-on-xl {
    color: var(--pf-global--default-color--200) !important;
  }
  .pf-u-default-color-300-on-xl {
    color: var(--pf-global--default-color--300) !important;
  }
  .pf-u-success-color-100-on-xl {
    color: var(--pf-global--success-color--100) !important;
  }
  .pf-u-success-color-200-on-xl {
    color: var(--pf-global--success-color--200) !important;
  }
  .pf-u-info-color-100-on-xl {
    color: var(--pf-global--info-color--100) !important;
  }
  .pf-u-info-color-200-on-xl {
    color: var(--pf-global--info-color--200) !important;
  }
  .pf-u-warning-color-100-on-xl {
    color: var(--pf-global--warning-color--100) !important;
  }
  .pf-u-warning-color-200-on-xl {
    color: var(--pf-global--warning-color--200) !important;
  }
  .pf-u-danger-color-100-on-xl {
    color: var(--pf-global--danger-color--100) !important;
  }
  .pf-u-danger-color-200-on-xl {
    color: var(--pf-global--danger-color--200) !important;
  }
  .pf-u-danger-color-300-on-xl {
    color: var(--pf-global--danger-color--300) !important;
  }
  .pf-u-disabled-color-100-on-xl {
    color: var(--pf-global--disabled-color--100) !important;
  }
  .pf-u-disabled-color-200-on-xl {
    color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-icon-color-light-on-xl {
    color: var(--pf-global--icon--Color--light) !important;
  }
  .pf-u-icon-color-dark-on-xl {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-color-100-on-2xl {
    color: var(--pf-global--Color--100) !important;
  }
  .pf-u-color-200-on-2xl {
    color: var(--pf-global--Color--200) !important;
  }
  .pf-u-color-300-on-2xl {
    color: var(--pf-global--Color--300) !important;
  }
  .pf-u-color-400-on-2xl {
    color: var(--pf-global--Color--400) !important;
  }
  .pf-u-active-color-100-on-2xl {
    color: var(--pf-global--active-color--100) !important;
  }
  .pf-u-active-color-400-on-2xl {
    color: var(--pf-global--active-color--400) !important;
  }
  .pf-u-primary-color-100-on-2xl {
    color: var(--pf-global--primary-color--100) !important;
  }
  .pf-u-color-light-100-on-2xl {
    color: var(--pf-global--Color--light-100) !important;
  }
  .pf-u-color-light-200-on-2xl {
    color: var(--pf-global--Color--light-200) !important;
  }
  .pf-u-link-color-on-2xl {
    color: var(--pf-global--link--Color) !important;
  }
  .pf-u-link-color-hover-on-2xl {
    color: var(--pf-global--link--Color--hover) !important;
  }
  .pf-u-link-color-light-on-2xl {
    color: var(--pf-global--link--Color--light) !important;
  }
  .pf-u-link-color-light-hover-on-2xl {
    color: var(--pf-global--link--Color--light--hover) !important;
  }
  .pf-u-link-color-dark-on-2xl {
    color: var(--pf-global--link--Color--dark) !important;
  }
  .pf-u-link-color-dark-hover-on-2xl {
    color: var(--pf-global--link--Color--dark--hover) !important;
  }
  .pf-u-link-color-visited-on-2xl {
    color: var(--pf-global--link--Color--visited) !important;
  }
  .pf-u-default-color-100-on-2xl {
    color: var(--pf-global--default-color--100) !important;
  }
  .pf-u-default-color-200-on-2xl {
    color: var(--pf-global--default-color--200) !important;
  }
  .pf-u-default-color-300-on-2xl {
    color: var(--pf-global--default-color--300) !important;
  }
  .pf-u-success-color-100-on-2xl {
    color: var(--pf-global--success-color--100) !important;
  }
  .pf-u-success-color-200-on-2xl {
    color: var(--pf-global--success-color--200) !important;
  }
  .pf-u-info-color-100-on-2xl {
    color: var(--pf-global--info-color--100) !important;
  }
  .pf-u-info-color-200-on-2xl {
    color: var(--pf-global--info-color--200) !important;
  }
  .pf-u-warning-color-100-on-2xl {
    color: var(--pf-global--warning-color--100) !important;
  }
  .pf-u-warning-color-200-on-2xl {
    color: var(--pf-global--warning-color--200) !important;
  }
  .pf-u-danger-color-100-on-2xl {
    color: var(--pf-global--danger-color--100) !important;
  }
  .pf-u-danger-color-200-on-2xl {
    color: var(--pf-global--danger-color--200) !important;
  }
  .pf-u-danger-color-300-on-2xl {
    color: var(--pf-global--danger-color--300) !important;
  }
  .pf-u-disabled-color-100-on-2xl {
    color: var(--pf-global--disabled-color--100) !important;
  }
  .pf-u-disabled-color-200-on-2xl {
    color: var(--pf-global--disabled-color--200) !important;
  }
  .pf-u-icon-color-light-on-2xl {
    color: var(--pf-global--icon--Color--light) !important;
  }
  .pf-u-icon-color-dark-on-2xl {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
.pf-u-text-break-word {
  word-break: break-word !important;
}
.pf-u-text-nowrap {
  white-space: nowrap !important;
}
.pf-u-text-wrap {
  white-space: normal !important;
}
@media screen and (min-width: 576px) {
  .pf-u-text-break-word-on-sm {
    word-break: break-word !important;
  }
  .pf-u-text-nowrap-on-sm {
    white-space: nowrap !important;
  }
  .pf-u-text-wrap-on-sm {
    white-space: normal !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-text-break-word-on-md {
    word-break: break-word !important;
  }
  .pf-u-text-nowrap-on-md {
    white-space: nowrap !important;
  }
  .pf-u-text-wrap-on-md {
    white-space: normal !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-text-break-word-on-lg {
    word-break: break-word !important;
  }
  .pf-u-text-nowrap-on-lg {
    white-space: nowrap !important;
  }
  .pf-u-text-wrap-on-lg {
    white-space: normal !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-text-break-word-on-xl {
    word-break: break-word !important;
  }
  .pf-u-text-nowrap-on-xl {
    white-space: nowrap !important;
  }
  .pf-u-text-wrap-on-xl {
    white-space: normal !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-text-break-word-on-2xl {
    word-break: break-word !important;
  }
  .pf-u-text-nowrap-on-2xl {
    white-space: nowrap !important;
  }
  .pf-u-text-wrap-on-2xl {
    white-space: normal !important;
  }
}
.pf-u-text-truncate {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
:where(.pf-theme-dark) .pf-u-color-300 {
  color: var(--pf-global--Color--100) !important;
}
:where(.pf-theme-dark) .pf-u-color-light-100 {
  color: var(--pf-global--Color-100) !important;
}
:where(.pf-theme-dark) .pf-u-color-light-200 {
  color: var(--pf-global--Color-200) !important;
}
:where(.pf-theme-dark) .pf-u-default-color-300 {
  color: var(--pf-global--default-color--100) !important;
}
:where(.pf-theme-dark) .pf-u-success-color-200 {
  color: var(--pf-global--success-color--100) !important;
}
:where(.pf-theme-dark) .pf-u-info-color-200 {
  color: var(--pf-global--info-color--100) !important;
}
:where(.pf-theme-dark) .pf-u-danger-color-300 {
  color: var(--pf-global--danger-color--100) !important;
}
:where(.pf-theme-dark) .pf-u-icon-color-dark {
  color: var(--pf-global--icon--Color--dark) !important;
}
@media screen and (min-width: 576px) {
  :where(.pf-theme-dark) .pf-u-color-300-on-sm {
    color: var(--pf-global--Color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-100-on-sm {
    color: var(--pf-global--Color-100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-200-on-sm {
    color: var(--pf-global--Color-200) !important;
  }
  :where(.pf-theme-dark) .pf-u-default-color-300-on-sm {
    color: var(--pf-global--default-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-success-color-200-on-sm {
    color: var(--pf-global--success-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-info-color-200-on-sm {
    color: var(--pf-global--info-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-danger-color-300-on-sm {
    color: var(--pf-global--danger-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-sm {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
@media screen and (min-width: 768px) {
  :where(.pf-theme-dark) .pf-u-color-300-on-md {
    color: var(--pf-global--Color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-100-on-md {
    color: var(--pf-global--Color-100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-200-on-md {
    color: var(--pf-global--Color-200) !important;
  }
  :where(.pf-theme-dark) .pf-u-default-color-300-on-md {
    color: var(--pf-global--default-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-success-color-200-on-md {
    color: var(--pf-global--success-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-info-color-200-on-md {
    color: var(--pf-global--info-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-danger-color-300-on-md {
    color: var(--pf-global--danger-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-md {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
@media screen and (min-width: 992px) {
  :where(.pf-theme-dark) .pf-u-color-300-on-lg {
    color: var(--pf-global--Color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-100-on-lg {
    color: var(--pf-global--Color-100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-200-on-lg {
    color: var(--pf-global--Color-200) !important;
  }
  :where(.pf-theme-dark) .pf-u-default-color-300-on-lg {
    color: var(--pf-global--default-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-success-color-200-on-lg {
    color: var(--pf-global--success-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-info-color-200-on-lg {
    color: var(--pf-global--info-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-danger-color-300-on-lg {
    color: var(--pf-global--danger-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-lg {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
@media screen and (min-width: 1200px) {
  :where(.pf-theme-dark) .pf-u-color-300-on-xl {
    color: var(--pf-global--Color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-100-on-xl {
    color: var(--pf-global--Color-100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-200-on-xl {
    color: var(--pf-global--Color-200) !important;
  }
  :where(.pf-theme-dark) .pf-u-default-color-300-on-xl {
    color: var(--pf-global--default-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-success-color-200-on-xl {
    color: var(--pf-global--success-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-info-color-200-on-xl {
    color: var(--pf-global--info-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-danger-color-300-on-xl {
    color: var(--pf-global--danger-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-xl {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
@media screen and (min-width: 1450px) {
  :where(.pf-theme-dark) .pf-u-color-300-on-2xl {
    color: var(--pf-global--Color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-100-on-2xl {
    color: var(--pf-global--Color-100) !important;
  }
  :where(.pf-theme-dark) .pf-u-color-light-200-on-2xl {
    color: var(--pf-global--Color-200) !important;
  }
  :where(.pf-theme-dark) .pf-u-default-color-300-on-2xl {
    color: var(--pf-global--default-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-success-color-200-on-2xl {
    color: var(--pf-global--success-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-info-color-200-on-2xl {
    color: var(--pf-global--info-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-danger-color-300-on-2xl {
    color: var(--pf-global--danger-color--100) !important;
  }
  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-2xl {
    color: var(--pf-global--icon--Color--dark) !important;
  }
}
.pf-t-light {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-t-dark {
  --pf-global--Color--100: var(--pf-global--Color--light-100);
  --pf-global--Color--200: var(--pf-global--Color--light-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
  --pf-global--link--Color: var(--pf-global--link--Color--light);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--dark-100
  );
}
.pf-t-dark .pf-c-card {
  --pf-c-card--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-transparent-200
  );
}
.pf-t-dark .pf-c-button {
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
  --pf-c-button--m-primary--hover--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--focus--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--active--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-button--m-primary--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-primary--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-primary--active--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--hover--BorderColor: var(
    --pf-global--Color--light-100
  );
  --pf-c-button--m-secondary--focus--BorderColor: var(
    --pf-global--Color--light-100
  );
  --pf-c-button--m-secondary--active--BorderColor: var(
    --pf-global--Color--light-100
  );
}
:root {
  --pf-global--palette--black-100: #fafafa;
  --pf-global--palette--black-150: #f5f5f5;
  --pf-global--palette--black-200: #f0f0f0;
  --pf-global--palette--black-300: #d2d2d2;
  --pf-global--palette--black-400: #b8bbbe;
  --pf-global--palette--black-500: #8a8d90;
  --pf-global--palette--black-600: #6a6e73;
  --pf-global--palette--black-700: #4f5255;
  --pf-global--palette--black-800: #3c3f42;
  --pf-global--palette--black-850: #212427;
  --pf-global--palette--black-900: #151515;
  --pf-global--palette--black-1000: #030303;
  --pf-global--palette--blue-50: #e7f1fa;
  --pf-global--palette--blue-100: #bee1f4;
  --pf-global--palette--blue-200: #73bcf7;
  --pf-global--palette--blue-300: #2b9af3;
  --pf-global--palette--blue-400: #06c;
  --pf-global--palette--blue-500: #004080;
  --pf-global--palette--blue-600: #002952;
  --pf-global--palette--blue-700: #001223;
  --pf-global--palette--cyan-50: #f2f9f9;
  --pf-global--palette--cyan-100: #a2d9d9;
  --pf-global--palette--cyan-200: #73c5c5;
  --pf-global--palette--cyan-300: #009596;
  --pf-global--palette--cyan-400: #005f60;
  --pf-global--palette--cyan-500: #003737;
  --pf-global--palette--cyan-600: #002323;
  --pf-global--palette--cyan-700: #000f0f;
  --pf-global--palette--gold-50: #fdf7e7;
  --pf-global--palette--gold-100: #f9e0a2;
  --pf-global--palette--gold-200: #f6d173;
  --pf-global--palette--gold-300: #f4c145;
  --pf-global--palette--gold-400: #f0ab00;
  --pf-global--palette--gold-500: #c58c00;
  --pf-global--palette--gold-600: #795600;
  --pf-global--palette--gold-700: #3d2c00;
  --pf-global--palette--green-50: #f3faf2;
  --pf-global--palette--green-100: #bde5b8;
  --pf-global--palette--green-200: #95d58e;
  --pf-global--palette--green-300: #6ec664;
  --pf-global--palette--green-400: #5ba352;
  --pf-global--palette--green-500: #3e8635;
  --pf-global--palette--green-600: #1e4f18;
  --pf-global--palette--green-700: #0f280d;
  --pf-global--palette--light-blue-100: #beedf9;
  --pf-global--palette--light-blue-200: #7cdbf3;
  --pf-global--palette--light-blue-300: #35caed;
  --pf-global--palette--light-blue-400: #00b9e4;
  --pf-global--palette--light-blue-500: #008bad;
  --pf-global--palette--light-blue-600: #005c73;
  --pf-global--palette--light-blue-700: #002d39;
  --pf-global--palette--light-green-100: #e4f5bc;
  --pf-global--palette--light-green-200: #c8eb79;
  --pf-global--palette--light-green-300: #ace12e;
  --pf-global--palette--light-green-400: #92d400;
  --pf-global--palette--light-green-500: #6ca100;
  --pf-global--palette--light-green-600: #486b00;
  --pf-global--palette--light-green-700: #253600;
  --pf-global--palette--orange-50: #fff6ec;
  --pf-global--palette--orange-100: #f4b678;
  --pf-global--palette--orange-200: #ef9234;
  --pf-global--palette--orange-300: #ec7a08;
  --pf-global--palette--orange-400: #c46100;
  --pf-global--palette--orange-500: #8f4700;
  --pf-global--palette--orange-600: #773d00;
  --pf-global--palette--orange-700: #3b1f00;
  --pf-global--palette--purple-50: #f2f0fc;
  --pf-global--palette--purple-100: #cbc1ff;
  --pf-global--palette--purple-200: #b2a3ff;
  --pf-global--palette--purple-300: #a18fff;
  --pf-global--palette--purple-400: #8476d1;
  --pf-global--palette--purple-500: #6753ac;
  --pf-global--palette--purple-600: #40199a;
  --pf-global--palette--purple-700: #1f0066;
  --pf-global--palette--red-50: #faeae8;
  --pf-global--palette--red-100: #c9190b;
  --pf-global--palette--red-200: #a30000;
  --pf-global--palette--red-300: #7d1007;
  --pf-global--palette--red-400: #470000;
  --pf-global--palette--red-500: #2c0000;
  --pf-global--palette--white: #fff;
  --pf-global--BackgroundColor--100: #fff;
  --pf-global--BackgroundColor--150: #fafafa;
  --pf-global--BackgroundColor--200: #f0f0f0;
  --pf-global--BackgroundColor--light-100: #fff;
  --pf-global--BackgroundColor--light-200: #fafafa;
  --pf-global--BackgroundColor--light-300: #f0f0f0;
  --pf-global--BackgroundColor--dark-100: #151515;
  --pf-global--BackgroundColor--dark-200: #3c3f42;
  --pf-global--BackgroundColor--dark-300: #212427;
  --pf-global--BackgroundColor--dark-400: #4f5255;
  --pf-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, 0.62);
  --pf-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, 0.32);
  --pf-global--Color--100: #151515;
  --pf-global--Color--200: #6a6e73;
  --pf-global--Color--300: #3c3f42;
  --pf-global--Color--400: #8a8d90;
  --pf-global--Color--light-100: #fff;
  --pf-global--Color--light-200: #f0f0f0;
  --pf-global--Color--light-300: #d2d2d2;
  --pf-global--Color--dark-100: #151515;
  --pf-global--Color--dark-200: #6a6e73;
  --pf-global--active-color--100: #06c;
  --pf-global--active-color--200: #bee1f4;
  --pf-global--active-color--300: #2b9af3;
  --pf-global--active-color--400: #73bcf7;
  --pf-global--disabled-color--100: #6a6e73;
  --pf-global--disabled-color--200: #d2d2d2;
  --pf-global--disabled-color--300: #f0f0f0;
  --pf-global--primary-color--100: #06c;
  --pf-global--primary-color--200: #004080;
  --pf-global--primary-color--light-100: #73bcf7;
  --pf-global--primary-color--dark-100: #06c;
  --pf-global--secondary-color--100: #6a6e73;
  --pf-global--default-color--100: #73c5c5;
  --pf-global--default-color--200: #009596;
  --pf-global--default-color--300: #003737;
  --pf-global--success-color--100: #3e8635;
  --pf-global--success-color--200: #1e4f18;
  --pf-global--info-color--100: #2b9af3;
  --pf-global--info-color--200: #002952;
  --pf-global--warning-color--100: #f0ab00;
  --pf-global--warning-color--200: #795600;
  --pf-global--danger-color--100: #c9190b;
  --pf-global--danger-color--200: #a30000;
  --pf-global--danger-color--300: #470000;
  --pf-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-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem
    rgba(3, 3, 3, 0.16);
  --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
  --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
  --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
  --pf-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-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
  --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
  --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
  --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
  --pf-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-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
  --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
  --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
  --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
  --pf-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-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
  --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
  --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
  --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
  --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, 0.25);
  --pf-global--font-path: "./assets/fonts";
  --pf-global--fonticon-path: "./assets/pficon";
  --pf-global--spacer--xs: 0.25rem;
  --pf-global--spacer--sm: 0.5rem;
  --pf-global--spacer--md: 1rem;
  --pf-global--spacer--lg: 1.5rem;
  --pf-global--spacer--xl: 2rem;
  --pf-global--spacer--2xl: 3rem;
  --pf-global--spacer--3xl: 4rem;
  --pf-global--spacer--4xl: 5rem;
  --pf-global--spacer--form-element: 0.375rem;
  --pf-global--gutter: 1rem;
  --pf-global--gutter--md: 1.5rem;
  --pf-global--ZIndex--xs: 100;
  --pf-global--ZIndex--sm: 200;
  --pf-global--ZIndex--md: 300;
  --pf-global--ZIndex--lg: 400;
  --pf-global--ZIndex--xl: 500;
  --pf-global--ZIndex--2xl: 600;
  --pf-global--breakpoint--xs: 0;
  --pf-global--breakpoint--sm: 576px;
  --pf-global--breakpoint--md: 768px;
  --pf-global--breakpoint--lg: 992px;
  --pf-global--breakpoint--xl: 1200px;
  --pf-global--breakpoint--2xl: 1450px;
  --pf-global--height-breakpoint--sm: 0;
  --pf-global--height-breakpoint--md: 40rem;
  --pf-global--height-breakpoint--lg: 48rem;
  --pf-global--height-breakpoint--xl: 60rem;
  --pf-global--height-breakpoint--2xl: 80rem;
  --pf-global--link--Color: #06c;
  --pf-global--link--Color--hover: #004080;
  --pf-global--link--Color--light: #2b9af3;
  --pf-global--link--Color--light--hover: #73bcf7;
  --pf-global--link--Color--dark: #06c;
  --pf-global--link--Color--dark--hover: #004080;
  --pf-global--link--Color--visited: #40199a;
  --pf-global--link--TextDecoration: none;
  --pf-global--link--TextDecoration--hover: underline;
  --pf-global--BorderWidth--sm: 1px;
  --pf-global--BorderWidth--md: 2px;
  --pf-global--BorderWidth--lg: 3px;
  --pf-global--BorderWidth--xl: 4px;
  --pf-global--BorderColor--100: #d2d2d2;
  --pf-global--BorderColor--200: #8a8d90;
  --pf-global--BorderColor--300: #f0f0f0;
  --pf-global--BorderColor--dark-100: #d2d2d2;
  --pf-global--BorderColor--light-100: #b8bbbe;
  --pf-global--BorderRadius--sm: 3px;
  --pf-global--BorderRadius--lg: 30em;
  --pf-global--icon--Color--light: #6a6e73;
  --pf-global--icon--Color--dark: #151515;
  --pf-global--icon--FontSize--sm: 0.625rem;
  --pf-global--icon--FontSize--md: 1.125rem;
  --pf-global--icon--FontSize--lg: 1.5rem;
  --pf-global--icon--FontSize--xl: 3.375rem;
  --pf-global--FontFamily--sans-serif: "RedHatText", "Overpass", overpass,
    helvetica, arial, sans-serif;
  --pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", "Overpass",
    overpass, helvetica, arial, sans-serif;
  --pf-global--FontFamily--monospace: "Liberation Mono", consolas,
    "SFMono-Regular", menlo, monaco, "Courier New", monospace;
  --pf-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated",
    "Overpass", overpass, helvetica, arial, sans-serif;
  --pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated",
    "Overpass", overpass, helvetica, arial, sans-serif;
  --pf-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono",
    consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
  --pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText",
    "Overpass", overpass, helvetica, arial, sans-serif;
  --pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF",
    "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
  --pf-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono",
    "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New",
    monospace;
  --pf-global--FontFamily--overpass--sans-serif: "overpass", overpass,
    "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto,
    "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --pf-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono,
    "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New",
    monospace;
  --pf-global--FontSize--4xl: 2.25rem;
  --pf-global--FontSize--3xl: 1.75rem;
  --pf-global--FontSize--2xl: 1.5rem;
  --pf-global--FontSize--xl: 1.25rem;
  --pf-global--FontSize--lg: 1.125rem;
  --pf-global--FontSize--md: 1rem;
  --pf-global--FontSize--sm: 0.875rem;
  --pf-global--FontSize--xs: 0.75rem;
  --pf-global--FontWeight--light: 300;
  --pf-global--FontWeight--normal: 400;
  --pf-global--FontWeight--semi-bold: 700;
  --pf-global--FontWeight--overpass--semi-bold: 500;
  --pf-global--FontWeight--bold: 700;
  --pf-global--FontWeight--overpass--bold: 600;
  --pf-global--LineHeight--sm: 1.3;
  --pf-global--LineHeight--md: 1.5;
  --pf-global--ListStyle: disc outside;
  --pf-global--Transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);
  --pf-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
  --pf-global--TransitionDuration: 0.25s;
  --pf-global--arrow--width: 0.9375rem;
  --pf-global--arrow--width-lg: 1.5625rem;
  --pf-global--target-size--MinWidth: 44px;
  --pf-global--target-size--MinHeight: 44px;
}
.pf-m-overpass-font {
  --pf-global--FontFamily--sans-serif: var(
    --pf-global--FontFamily--overpass--sans-serif
  );
  --pf-global--FontFamily--heading--sans-serif: var(
    --pf-global--FontFamily--sans-serif
  );
  --pf-global--FontFamily--monospace: var(
    --pf-global--FontFamily--overpass--monospace
  );
  --pf-global--FontWeight--semi-bold: var(
    --pf-global--FontWeight--overpass--semi-bold
  );
  --pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold);
}
.pf-m-redhat-updated-font {
  --pf-global--FontFamily--sans-serif: var(
    --pf-global--FontFamily--redhat-updated--sans-serif
  );
  --pf-global--FontFamily--heading--sans-serif: var(
    --pf-global--FontFamily--redhat-updated--heading--sans-serif
  );
}
.pf-m-redhatmono-font {
  --pf-global--FontFamily--monospace: var(
    --pf-global--FontFamily--redhat--monospace
  );
}
.pf-m-redhatVF-font {
  --pf-global--FontFamily--sans-serif: var(
    --pf-global--FontFamily--redhatVF--sans-serif
  );
  --pf-global--FontFamily--heading--sans-serif: var(
    --pf-global--FontFamily--redhatVF--heading--sans-serif
  );
  --pf-global--FontFamily--monospace: var(
    --pf-global--FontFamily--redhatVF--monospace
  );
}
:root:where(.pf-theme-dark) {
  --pf-global--palette--black-50: #e0e0e0;
  --pf-global--palette--black-100: #c6c7c8;
  --pf-global--palette--black-200: #aaabac;
  --pf-global--palette--black-300: #868789;
  --pf-global--palette--black-400: #57585a;
  --pf-global--palette--black-500: #444548;
  --pf-global--palette--black-600: #36373a;
  --pf-global--palette--black-700: #26292d;
  --pf-global--palette--black-800: #1b1d21;
  --pf-global--palette--black-900: #0f1214;
  --pf-global--palette--red-9999: #fe5142;
  --pf-global--palette--red-8888: #ff7468;
  --pf-global--palette--blue-300: #1fa7f8;
  --pf-global--BackgroundColor--100: #1b1d21;
  --pf-global--BackgroundColor--150: #212427;
  --pf-global--BackgroundColor--200: #0f1214;
  --pf-global--BackgroundColor--300: #26292d;
  --pf-global--BackgroundColor--400: #36373a;
  --pf-global--BorderColor--100: #444548;
  --pf-global--BorderColor--200: #444548;
  --pf-global--BorderColor--300: #57585a;
  --pf-global--BorderColor--400: #aaabac;
  --pf-global--Color--100: #e0e0e0;
  --pf-global--Color--200: #aaabac;
  --pf-global--active-color--100: #1fa7f8;
  --pf-global--primary-color--100: #1fa7f8;
  --pf-global--primary-color--300: #06c;
  --pf-global--success-color--100: #5ba352;
  --pf-global--warning-color--100: #f0ab00;
  --pf-global--warning-color--200: #f4c145;
  --pf-global--danger-color--100: #fe5142;
  --pf-global--danger-color--200: #ff7468;
  --pf-global--link--Color: #1fa7f8;
  --pf-global--link--Color--hover: #73bcf7;
  --pf-global--link--Color--visited: #a18fff;
  --pf-global--disabled-color--100: #57585a;
  --pf-global--disabled-color--200: #444548;
  --pf-global--disabled-color--300: #aaabac;
  --pf-global--icon--Color--light: #aaabac;
  --pf-global--icon--Color--dark: #aaabac;
  --pf-global--Color--dark-100: #e0e0e0;
  --pf-global--Color--dark-200: #aaabac;
  --pf-global--Color--light-100: #e0e0e0;
  --pf-global--Color--light-200: #aaabac;
  --pf-global--Color--light-300: #3c3f42;
  --pf-global--BorderColor--dark-100: #444548;
  --pf-global--BorderColor--light-100: #444548;
  --pf-global--primary-color--light-100: #1fa7f8;
  --pf-global--primary-color--dark-100: #1fa7f8;
  --pf-global--link--Color--light: #1fa7f8;
  --pf-global--link--Color--light--hover: #73bcf7;
  --pf-global--link--Color--dark: #1fa7f8;
  --pf-global--link--Color--dark--hover: #73bcf7;
  --pf-global--BackgroundColor--light-100: #1b1d21;
  --pf-global--BackgroundColor--light-200: #0f1214;
  --pf-global--BackgroundColor--light-300: #26292d;
  --pf-global--BackgroundColor--dark-100: #1b1d21;
  --pf-global--BackgroundColor--dark-200: #0f1214;
  --pf-global--BackgroundColor--dark-300: #26292d;
  --pf-global--BackgroundColor--dark-400: #36373a;
  --pf-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-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem
    rgba(3, 3, 3, 0.64);
  --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
  --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
  --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
  --pf-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-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
  --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
  --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
  --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
  --pf-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-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
  --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
  --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
  --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
  --pf-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-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
  --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
  --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
  --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
  --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
}
@font-face {
  font-family: RedHatDisplay;
  src: url(./RedHatDisplay-Regular-e6fb83d9.woff2) format("woff2"),
    url(./RedHatDisplay-Regular-1b99a560.woff) format("woff");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatDisplay;
  src: url(./RedHatDisplay-Medium-6d3ccc0f.woff2) format("woff2"),
    url(./RedHatDisplay-Medium-6ccf2158.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatDisplay;
  src: url(./RedHatDisplay-Bold-ca18645c.woff2) format("woff2"),
    url(./RedHatDisplay-Bold-44214a55.woff) format("woff");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatText;
  src: url(./RedHatText-Regular-542423d0.woff2) format("woff2"),
    url(./RedHatText-Regular-df36d7d0.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatText;
  src: url(./RedHatText-Medium-eb14b046.woff2) format("woff2"),
    url(./RedHatText-Medium-702e86ff.woff) format("woff");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatDisplayUpdated;
  src: url(./RedHatDisplay-updated-Regular-d0b90ff3.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatDisplayUpdated;
  src: url(./RedHatDisplay-updated-Medium-da0621a9.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatDisplayUpdated;
  src: url(./RedHatDisplay-updated-Bold-66d1fc26.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatTextUpdated;
  src: url(./RedHatText-updated-Regular-2e08dbe8.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatTextUpdated;
  src: url(./RedHatText-updated-Medium-721ddd64.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: RedHatMono;
  src: url(./RedHatMono-updated-Regular-1686cd5c.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
}
@font-face {
  font-family: RedHatDisplayVF;
  src: url(./RedHatDisplayVFModified-updated-3a6592a3.woff2)
    format("woff2-variations");
  font-style: normal;
  font-weight: 300 900;
  font-display: fallback;
}
@font-face {
  font-family: RedHatDisplayVF;
  src: url(./RedHatDisplayVF-updated-ItalicModified-8483eece.woff2)
    format("woff2-variations");
  font-style: italic;
  font-weight: 300 900;
  font-display: fallback;
}
@font-face {
  font-family: RedHatTextVF;
  src: url(./RedHatTextVFModified-updated-942d38f7.woff2)
    format("woff2-variations");
  font-style: normal;
  font-weight: 400 500;
  font-display: fallback;
}
@font-face {
  font-family: RedHatTextVF;
  src: url(./RedHatTextVF-updated-ItalicModified-9e1c1004.woff2)
    format("woff2-variations");
  font-style: italic;
  font-weight: 400 500;
  font-display: fallback;
}
@font-face {
  font-family: RedHatMonoVF;
  src: url(./RedHatMonoVF-updated-4cca9c27.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 300 700;
  font-display: fallback;
}
@font-face {
  font-family: RedHatMonoVF;
  src: url(./RedHatMonoVF-updated-Italic-ca135ebd.woff2)
    format("woff2-variations");
  font-style: italic;
  font-weight: 300 700;
  font-display: fallback;
}
@font-face {
  font-family: overpass;
  font-style: normal;
  font-weight: 200;
  src: url(./overpass-thin-e85966f1.woff2) format("woff2"),
    url(./overpass-thin-6feca5dc.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: italic;
  font-weight: 200;
  src: url(./overpass-thin-italic-44db8e3d.woff2) format("woff2"),
    url(./overpass-thin-italic-2dffa092.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: normal;
  font-weight: 300;
  src: url(./overpass-extralight-f053be7c.woff2) format("woff2"),
    url(./overpass-extralight-64fbbd3d.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: italic;
  font-weight: 300;
  src: url(./overpass-extralight-italic-d23afde2.woff2) format("woff2"),
    url(./overpass-extralight-italic-6cbe5597.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: normal;
  font-weight: 400;
  src: url(./overpass-light-9db6ab0a.woff2) format("woff2"),
    url(./overpass-light-3f8151f4.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: italic;
  font-weight: 400;
  src: url(./overpass-light-italic-ec333948.woff2) format("woff2"),
    url(./overpass-light-italic-a1454ca5.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: normal;
  font-weight: 500;
  src: url(./overpass-regular-8e2261df.woff2) format("woff2"),
    url(./overpass-regular-16b63547.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: italic;
  font-weight: 500;
  src: url(./overpass-italic-34df3d81.woff2) format("woff2"),
    url(./overpass-italic-b81a6146.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: normal;
  font-weight: 600;
  src: url(./overpass-semibold-3d06895e.woff2) format("woff2"),
    url(./overpass-semibold-ec5809e8.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: italic;
  font-weight: 600;
  src: url(./overpass-semibold-italic-ae706d8c.woff2) format("woff2"),
    url(./overpass-semibold-italic-1935eb14.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: normal;
  font-weight: 700;
  src: url(./overpass-bold-5c4ed5bb.woff2) format("woff2"),
    url(./overpass-bold-452a631f.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: italic;
  font-weight: 700;
  src: url(./overpass-bold-italic-16cda7ef.woff2) format("woff2"),
    url(./overpass-bold-italic-4926428e.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: normal;
  font-weight: 800;
  src: url(./overpass-extrabold-648ba0e7.woff2) format("woff2"),
    url(./overpass-extrabold-613313c8.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: italic;
  font-weight: 800;
  src: url(./overpass-extrabold-italic-a258578a.woff2) format("woff2"),
    url(./overpass-extrabold-italic-33533562.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: normal;
  font-weight: 900;
  src: url(./overpass-heavy-5e0869ee.woff2) format("woff2"),
    url(./overpass-heavy-c7e67c68.woff) format("woff");
}
@font-face {
  font-family: overpass;
  font-style: italic;
  font-weight: 900;
  src: url(./overpass-heavy-italic-8f5fbf20.woff2) format("woff2"),
    url(./overpass-heavy-italic-c702fef1.woff) format("woff");
}
@font-face {
  font-family: overpass-mono;
  font-style: normal;
  font-weight: 300;
  src: url(./overpass-mono-light-5bae063c.woff2) format("woff2"),
    url(./overpass-mono-light-7fbe3706.woff) format("woff");
}
@font-face {
  font-family: overpass-mono;
  font-style: normal;
  font-weight: 400;
  src: url(./overpass-mono-regular-a13dec50.woff2) format("woff2"),
    url(./overpass-mono-regular-95881615.woff) format("woff");
}
@font-face {
  font-family: overpass-mono;
  font-style: normal;
  font-weight: 500;
  src: url(./overpass-mono-semibold-b39c5174.woff2) format("woff2"),
    url(./overpass-mono-semibold-085fb4a8.woff) format("woff");
}
@font-face {
  font-family: overpass-mono;
  font-style: normal;
  font-weight: 600;
  src: url(./overpass-mono-bold-2bf715ff.woff2) format("woff2"),
    url(./overpass-mono-bold-9b29c79a.woff) format("woff");
}
[class*="pf-c-"],
[class*="pf-c-"]:before,
[class*="pf-c-"]:after {
  padding: 0;
  margin: 0;
  background-color: transparent;
}
html {
  font-size: var(--pf-global--root--FontSize, unset) !important;
}
.pf-screen-reader {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.pf-screen-reader.pf-m-full-size {
  width: 100%;
  height: 100%;
}
.pf-screen-reader.pf-m-absolute {
  position: absolute;
}
.pf-m-tabular-nums {
  font-variant-numeric: tabular-nums;
}
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;
  font-family: 'Source Sans Pro', sans-serif;
}
html,
body {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: var(--pf-global--FontWeight--normal);
}
ul {
  list-style: none;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: var(--pf-global--LineHeight--md);
  color: var(--pf-global--Color--100);
}
img,
embed,
iframe,
object,
audio,
video {
  max-width: 100%;
  height: auto;
}
iframe {
  border: 0;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
  text-align: left;
}
code,
pre {
  font-family: var(--pf-global--FontFamily--monospace);
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
}
body {
  font-family: var(--pf-global--FontFamily--sans-serif);
  font-size: var(--pf-global--FontSize--md);
  font-weight: var(--pf-global--FontWeight--normal);
  line-height: var(--pf-global--LineHeight--md);
  text-align: left;
  background-color: var(--pf-global--BackgroundColor--100);
}
a {
  font-weight: var(--pf-global--link--FontWeight);
  text-decoration: var(--pf-global--link--TextDecoration);
}
a:hover {
  --pf-global--link--Color: var(--pf-global--link--Color--hover);
  --pf-global--link--TextDecoration: var(
    --pf-global--link--TextDecoration--hover
  );
}
button,
a {
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
  color: #1C66AC;
  /* height: 75px; */
}
.pf-m-overpass-font a {
  font-weight: var(--pf-global--FontWeight--semi-bold);
}
:root:where(.pf-theme-dark) {
  color-scheme: dark;
}
.pf-t-dark.pf-m-transparent {
  background-color: transparent;
}
.pf-t-dark.pf-m-transparent-100 {
  background-color: #0303036b;
}
.pf-t-dark.pf-m-transparent-200 {
  background-color: #03030399;
}
.pf-t-dark.pf-m-opaque-100 {
  background-color: #1b1d21;
}
.pf-t-dark.pf-m-opaque-200 {
  background-color: #0f1214;
}
.pf-t-light.pf-m-transparent {
  background-color: transparent;
}
.pf-t-light.pf-m-opaque-100 {
  background-color: #fff;
}
.pf-t-light.pf-m-opaque-200 {
  background-color: #c6c7c8;
}
.pf-t-light.pf-m-opaque-300 {
  background-color: #aaabac;
}
@font-face {
  font-family: pficon;
  src: url(./pficon-86c74539.woff2) format("woff2"),
    url(./pficon-0a333dac.woff) format("woff");
}
.pf-icon-zone:before,
.pf-icon-warning-triangle:before,
.pf-icon-volume:before,
.pf-icon-virtual-machine:before,
.pf-icon-users:before,
.pf-icon-user:before,
.pf-icon-unplugged:before,
.pf-icon-unlocked:before,
.pf-icon-unknown:before,
.pf-icon-trend-up:before,
.pf-icon-trend-down:before,
.pf-icon-topology:before,
.pf-icon-thumb-tack:before,
.pf-icon-tenant:before,
.pf-icon-task:before,
.pf-icon-storage-domain:before,
.pf-icon-spinner2:before,
.pf-icon-spinner:before,
.pf-icon-services:before,
.pf-icon-service:before,
.pf-icon-service-catalog:before,
.pf-icon-server:before,
.pf-icon-server-group:before,
.pf-icon-security:before,
.pf-icon-screen:before,
.pf-icon-save:before,
.pf-icon-running:before,
.pf-icon-resources-full:before,
.pf-icon-resources-empty:before,
.pf-icon-resources-almost-full:before,
.pf-icon-resources-almost-empty:before,
.pf-icon-resource-pool:before,
.pf-icon-repository:before,
.pf-icon-replicator:before,
.pf-icon-remove2:before,
.pf-icon-registry:before,
.pf-icon-regions:before,
.pf-icon-rebooting:before,
.pf-icon-rebalance:before,
.pf-icon-project:before,
.pf-icon-process-automation:before,
.pf-icon-private:before,
.pf-icon-print:before,
.pf-icon-port:before,
.pf-icon-plugged:before,
.pf-icon-pficon-vcenter:before,
.pf-icon-pficon-template:before,
.pf-icon-pficon-sort-common-desc:before,
.pf-icon-pficon-sort-common-asc:before,
.pf-icon-pficon-satellite:before,
.pf-icon-pficon-network-range:before,
.pf-icon-pficon-history:before,
.pf-icon-pficon-dragdrop:before,
.pf-icon-pending:before,
.pf-icon-paused:before,
.pf-icon-panel-open:before,
.pf-icon-panel-close:before,
.pf-icon-package:before,
.pf-icon-os-image:before,
.pf-icon-orders:before,
.pf-icon-optimize:before,
.pf-icon-openstack:before,
.pf-icon-openshift:before,
.pf-icon-open-drawer-right:before,
.pf-icon-on:before,
.pf-icon-on-running:before,
.pf-icon-ok:before,
.pf-icon-off:before,
.pf-icon-not-started:before,
.pf-icon-new-process:before,
.pf-icon-network:before,
.pf-icon-namespaces:before,
.pf-icon-monitoring:before,
.pf-icon-module:before,
.pf-icon-migration:before,
.pf-icon-middleware:before,
.pf-icon-messages:before,
.pf-icon-memory:before,
.pf-icon-maintenance:before,
.pf-icon-locked:before,
.pf-icon-key:before,
.pf-icon-integration:before,
.pf-icon-infrastructure:before,
.pf-icon-info:before,
.pf-icon-in-progress:before,
.pf-icon-import:before,
.pf-icon-home:before,
.pf-icon-history:before,
.pf-icon-help:before,
.pf-icon-globe-route:before,
.pf-icon-folder-open:before,
.pf-icon-folder-close:before,
.pf-icon-flavor:before,
.pf-icon-filter:before,
.pf-icon-export:before,
.pf-icon-error-circle-o:before,
.pf-icon-equalizer:before,
.pf-icon-enterprise:before,
.pf-icon-enhancement:before,
.pf-icon-edit:before,
.pf-icon-domain:before,
.pf-icon-disconnected:before,
.pf-icon-degraded:before,
.pf-icon-data-source:before,
.pf-icon-data-sink:before,
.pf-icon-data-processor:before,
.pf-icon-critical-risk:before,
.pf-icon-cpu:before,
.pf-icon-container-node:before,
.pf-icon-connected:before,
.pf-icon-cluster:before,
.pf-icon-cloud-tenant:before,
.pf-icon-cloud-security:before,
.pf-icon-close:before,
.pf-icon-chat:before,
.pf-icon-catalog:before,
.pf-icon-bundle:before,
.pf-icon-builder-image:before,
.pf-icon-build:before,
.pf-icon-blueprint:before,
.pf-icon-bell:before,
.pf-icon-automation:before,
.pf-icon-attention-bell:before,
.pf-icon-asleep:before,
.pf-icon-arrow:before,
.pf-icon-applications:before,
.pf-icon-ansible-tower:before,
.pf-icon-add-circle-o:before {
  font-family: pficon;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}
.pf-icon-add-circle-o:before {
  content: "\e61b";
}
.pf-icon-ansible-tower:before {
  content: "\e950";
}
.pf-icon-applications:before {
  content: "\e936";
}
.pf-icon-arrow:before {
  content: "\e929";
}
.pf-icon-asleep:before {
  content: "\e92e";
}
.pf-icon-attention-bell:before {
  content: "\e951";
}
.pf-icon-automation:before {
  content: "\e937";
}
.pf-icon-bell:before {
  content: "\e952";
}
.pf-icon-blueprint:before {
  content: "\e915";
}
.pf-icon-build:before {
  content: "\e902";
}
.pf-icon-builder-image:before {
  content: "\e800";
}
.pf-icon-bundle:before {
  content: "\e918";
}
.pf-icon-catalog:before {
  content: "\e953";
}
.pf-icon-chat:before {
  content: "\e954";
}
.pf-icon-close:before {
  content: "\e60b";
}
.pf-icon-cloud-security:before {
  content: "\e903";
}
.pf-icon-cloud-tenant:before {
  content: "\e904";
}
.pf-icon-cluster:before {
  content: "\e620";
}
.pf-icon-connected:before {
  content: "\e938";
}
.pf-icon-container-node:before {
  content: "\e621";
}
.pf-icon-cpu:before {
  content: "\e927";
}
.pf-icon-critical-risk:before {
  content: "\e976";
}
.pf-icon-data-processor:before {
  content: "\e97b";
}
.pf-icon-data-sink:before {
  content: "\e978";
}
.pf-icon-data-source:before {
  content: "\e979";
}
.pf-icon-degraded:before {
  content: "\e91b";
}
.pf-icon-disconnected:before {
  content: "\e955";
}
.pf-icon-domain:before {
  content: "\e919";
}
.pf-icon-edit:before {
  content: "\e60a";
}
.pf-icon-enhancement:before {
  content: "\e93a";
}
.pf-icon-enterprise:before {
  content: "\e906";
}
.pf-icon-equalizer:before {
  content: "\e956";
}
.pf-icon-error-circle-o:before {
  content: "\e926";
}
.pf-icon-export:before {
  content: "\e616";
}
.pf-icon-filter:before {
  content: "\e943";
}
.pf-icon-flavor:before {
  content: "\e957";
}
.pf-icon-folder-close:before {
  content: "\e607";
}
.pf-icon-folder-open:before {
  content: "\e606";
}
.pf-icon-globe-route:before {
  content: "\e958";
}
.pf-icon-help:before {
  content: "\e605";
}
.pf-icon-history:before {
  content: "\e617";
}
.pf-icon-home:before {
  content: "\e618";
}
.pf-icon-import:before {
  content: "\e615";
}
.pf-icon-in-progress:before {
  content: "\e933";
}
.pf-icon-info:before {
  content: "\e92b";
}
.pf-icon-infrastructure:before {
  content: "\e93d";
}
.pf-icon-integration:before {
  content: "\e948";
}
.pf-icon-key:before {
  content: "\e924";
}
.pf-icon-locked:before {
  content: "\e923";
}
.pf-icon-maintenance:before {
  content: "\e932";
}
.pf-icon-memory:before {
  content: "\e908";
}
.pf-icon-messages:before {
  content: "\e603";
}
.pf-icon-middleware:before {
  content: "\e917";
}
.pf-icon-migration:before {
  content: "\e931";
}
.pf-icon-module:before {
  content: "\e959";
}
.pf-icon-monitoring:before {
  content: "\e95a";
}
.pf-icon-namespaces:before {
  content: "\e95b";
}
.pf-icon-network:before {
  content: "\e909";
}
.pf-icon-new-process:before {
  content: "\e95c";
}
.pf-icon-not-started:before {
  content: "\e95d";
}
.pf-icon-off:before {
  content: "\e92d";
}
.pf-icon-ok:before {
  content: "\e602";
}
.pf-icon-on-running:before {
  content: "\e925";
}
.pf-icon-on:before {
  content: "\e92c";
}
.pf-icon-open-drawer-right:before {
  content: "\e977";
}
.pf-icon-openshift:before {
  content: "\e95e";
}
.pf-icon-openstack:before {
  content: "\e95f";
}
.pf-icon-optimize:before {
  content: "\e93e";
}
.pf-icon-orders:before {
  content: "\e93f";
}
.pf-icon-os-image:before {
  content: "\e960";
}
.pf-icon-package:before {
  content: "\e961";
}
.pf-icon-panel-close:before {
  content: "\e962";
}
.pf-icon-panel-open:before {
  content: "\e963";
}
.pf-icon-paused:before {
  content: "\e92f";
}
.pf-icon-pending:before {
  content: "\e964";
}
.pf-icon-pficon-dragdrop:before {
  content: "\e965";
}
.pf-icon-pficon-history:before {
  content: "\e966";
}
.pf-icon-pficon-network-range:before {
  content: "\e967";
}
.pf-icon-pficon-satellite:before {
  content: "\e968";
}
.pf-icon-pficon-sort-common-asc:before {
  content: "\e94e";
}
.pf-icon-pficon-sort-common-desc:before {
  content: "\e94f";
}
.pf-icon-pficon-template:before {
  content: "\e94c";
}
.pf-icon-pficon-vcenter:before {
  content: "\e969";
}
.pf-icon-plugged:before {
  content: "\e96a";
}
.pf-icon-port:before {
  content: "\e96b";
}
.pf-icon-print:before {
  content: "\e612";
}
.pf-icon-private:before {
  content: "\e914";
}
.pf-icon-process-automation:before {
  content: "\e949";
}
.pf-icon-project:before {
  content: "\e96c";
}
.pf-icon-rebalance:before {
  content: "\e91c";
}
.pf-icon-rebooting:before {
  content: "\e96d";
}
.pf-icon-regions:before {
  content: "\e90a";
}
.pf-icon-registry:before {
  content: "\e623";
}
.pf-icon-remove2:before {
  content: "\e96e";
}
.pf-icon-replicator:before {
  content: "\e624";
}
.pf-icon-repository:before {
  content: "\e90b";
}
.pf-icon-resource-pool:before {
  content: "\e90c";
}
.pf-icon-resources-almost-empty:before {
  content: "\e91d";
}
.pf-icon-resources-almost-full:before {
  content: "\e912";
}
.pf-icon-resources-empty:before {
  content: "\e96f";
}
.pf-icon-resources-full:before {
  content: "\e913";
}
.pf-icon-running:before {
  content: "\e970";
}
.pf-icon-save:before {
  content: "\e601";
}
.pf-icon-screen:before {
  content: "\e971";
}
.pf-icon-security:before {
  content: "\e946";
}
.pf-icon-server-group:before {
  content: "\e91a";
}
.pf-icon-server:before {
  content: "\e90d";
}
.pf-icon-service-catalog:before {
  content: "\e972";
}
.pf-icon-service:before {
  content: "\e61e";
}
.pf-icon-services:before {
  content: "\e947";
}
.pf-icon-spinner:before {
  content: "\e973";
}
.pf-icon-spinner2:before {
  content: "\e613";
}
.pf-icon-storage-domain:before {
  content: "\e90e";
}
.pf-icon-task:before {
  content: "\e974";
}
.pf-icon-tenant:before {
  content: "\e916";
}
.pf-icon-thumb-tack:before {
  content: "\e920";
}
.pf-icon-topology:before {
  content: "\e608";
}
.pf-icon-trend-down:before {
  content: "\e900";
}
.pf-icon-trend-up:before {
  content: "\e901";
}
.pf-icon-unknown:before {
  content: "\e935";
}
.pf-icon-unlocked:before {
  content: "\e922";
}
.pf-icon-unplugged:before {
  content: "\e942";
}
.pf-icon-user:before {
  content: "\e91e";
}
.pf-icon-users:before {
  content: "\e91f";
}
.pf-icon-virtual-machine:before {
  content: "\e90f";
}
.pf-icon-volume:before {
  content: "\e910";
}
.pf-icon-warning-triangle:before {
  content: "\e975";
}
.pf-icon-zone:before {
  content: "\e911";
}
.pf-c-popover[data-popper-reference-hidden="true"] {
  visibility: hidden;
  pointer-events: none;
}
.pf-c-content {
  --pf-c-content--MarginBottom: var(
  --pf-global--spacer--md);
  --pf-c-content--LineHeight: var(
  --pf-global--LineHeight--md);
  --pf-c-content--FontSize: var(
  --pf-global--FontSize--md);
  --pf-c-content--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-content--Color: var(
  --pf-global--Color--100);
  --pf-c-content--heading--FontFamily:
  'Source Sans Pro', sans-serif;
  --pf-c-content--h1--MarginTop: var(
  --pf-global--spacer--lg);
  --pf-c-content--h1--MarginBottom: var(
  --pf-global--spacer--sm);
  --pf-c-content--h1--LineHeight: var(
  --pf-global--LineHeight--sm);
  --pf-c-content--h1--FontSize: var(
  --pf-global--FontSize--2xl);
  --pf-c-content--h1--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-content--h2--MarginTop: var(
  --pf-global--spacer--lg);
  --pf-c-content--h2--MarginBottom: var(
  --pf-global--spacer--sm);
  --pf-c-content--h2--LineHeight: var(
  --pf-global--LineHeight--md);
  --pf-c-content--h2--FontSize: var(
  --pf-global--FontSize--xl);
  --pf-c-content--h2--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-content--h3--MarginTop: var(
  --pf-global--spacer--lg);
  --pf-c-content--h3--MarginBottom: var(
  --pf-global--spacer--sm);
  --pf-c-content--h3--LineHeight: var(
  --pf-global--LineHeight--md);
  --pf-c-content--h3--FontSize: var(
  --pf-global--FontSize--lg);
  --pf-c-content--h3--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-content--h4--MarginTop: var(
  --pf-global--spacer--lg);
  --pf-c-content--h4--MarginBottom: var(
  --pf-global--spacer--sm);
  --pf-c-content--h4--LineHeight: var(
  --pf-global--LineHeight--md);
  --pf-c-content--h4--FontSize: var(
  --pf-global--FontSize--md);
  --pf-c-content--h4--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-content--h5--MarginTop: var(
  --pf-global--spacer--lg);
  --pf-c-content--h5--MarginBottom: var(
  --pf-global--spacer--sm);
  --pf-c-content--h5--LineHeight: var(
  --pf-global--LineHeight--md);
  --pf-c-content--h5--FontSize: var(
  --pf-global--FontSize--md);
  --pf-c-content--h5--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-content--h6--MarginTop: var(
  --pf-global--spacer--lg);
  --pf-c-content--h6--MarginBottom: var(
  --pf-global--spacer--sm);
  --pf-c-content--h6--LineHeight: var(
  --pf-global--LineHeight--md);
  --pf-c-content--h6--FontSize: var(
  --pf-global--FontSize--md);
  --pf-c-content--h6--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-content--small--MarginBottom: var(
  --pf-global--spacer--md);
  --pf-c-content--small--LineHeight: var(
  --pf-global--LineHeight--md);
  --pf-c-content--small--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-content--small--Color: var(
  --pf-global--Color--200);
  --pf-c-content--a--Color: var(
  --pf-global--link--Color);
  --pf-c-content--a--TextDecoration: var(
  --pf-global--link--TextDecoration);
  --pf-c-content--a--hover--Color: var(
  --pf-global--link--Color--hover);
  --pf-c-content--a--hover--TextDecoration: var(
  --pf-global--link--TextDecoration--hover
  );
  --pf-c-content--a--visited--Color: var(
  --pf-global--link--Color--visited);
  --pf-c-content--blockquote--PaddingTop: var(
  --pf-global--spacer--md);
  --pf-c-content--blockquote--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-content--blockquote--PaddingBottom: var(
  --pf-global--spacer--md);
  --pf-c-content--blockquote--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-content--blockquote--Color: var(
  --pf-global--Color--200);
  --pf-c-content--blockquote--BorderLeftColor: var(
  --pf-global--BorderColor--100
  );
  --pf-c-content--blockquote--BorderLeftWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-content--ol--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-content--ol--MarginLeft: var(
  --pf-global--spacer--lg);
  --pf-c-content--ol--nested--MarginTop: var(
  --pf-global--spacer--sm);
  --pf-c-content--ol--nested--MarginLeft: var(
  --pf-global--spacer--sm);
  --pf-c-content--ul--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-content--ul--MarginLeft: var(
  --pf-global--spacer--lg);
  --pf-c-content--ul--nested--MarginTop: var(
  --pf-global--spacer--sm);
  --pf-c-content--ul--nested--MarginLeft: var(
  --pf-global--spacer--sm);
  --pf-c-content--ul--ListStyle: var(
  --pf-global--ListStyle);
  --pf-c-content--li--MarginTop: var(
  --pf-global--spacer--sm);
  --pf-c-content--dl--ColumnGap: var(
  --pf-global--spacer--2xl);
  --pf-c-content--dl--RowGap: var(
  --pf-global--spacer--md);
  --pf-c-content--dt--FontWeight: var(
  --pf-global--FontWeight--semi-bold);
  --pf-c-content--dt--MarginTop: var(
  --pf-global--spacer--md);
  --pf-c-content--dt--sm--MarginTop: 0;
  --pf-c-content--hr--Height: var(
  --pf-global--BorderWidth--sm);
  --pf-c-content--hr--BackgroundColor: var(
  --pf-global--BorderColor--100);
  font-size: var(--pf-c-content--FontSize);
  line-height: var(--pf-c-content--LineHeight);
  color: var(--pf-c-content--Color);
}
.pf-c-content a {
  color: #1C66AC;
  text-decoration: var(--pf-c-content--a--TextDecoration);
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-content a:hover {
  --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
  --pf-c-content--a--TextDecoration: var(
    --pf-c-content--a--hover--TextDecoration
  );
}
.pf-c-content.pf-m-visited a:visited,
.pf-c-content a.pf-m-visited:visited {
  color: var(--pf-c-content--a--visited--Color);
}
.pf-c-content li + li {
  margin-top: var(--pf-c-content--li--MarginTop);
}
.pf-c-content p:not(:last-child),
.pf-c-content dl:not(:last-child),
.pf-c-content ol:not(:last-child),
.pf-c-content ul:not(:last-child),
.pf-c-content blockquote:not(:last-child),
.pf-c-content small:not(:last-child),
.pf-c-content pre:not(:last-child),
.pf-c-content table:not(:last-child),
.pf-c-content hr:not(:last-child) {
  margin-bottom: var(--pf-c-content--MarginBottom);
}
.pf-c-content h1,
.pf-c-content h2,
.pf-c-content h3,
.pf-c-content h4,
.pf-c-content h5,
.pf-c-content h6 {
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-content h1:first-child,
.pf-c-content h2:first-child,
.pf-c-content h3:first-child,
.pf-c-content h4:first-child,
.pf-c-content h5:first-child,
.pf-c-content h6:first-child {
  margin-top: 0;
}
.pf-c-content h1:last-child,
.pf-c-content h2:last-child,
.pf-c-content h3:last-child,
.pf-c-content h4:last-child,
.pf-c-content h5:last-child,
.pf-c-content h6:last-child {
  margin-bottom: 0;
}
.pf-c-content ol,
.pf-c-content ul {
  margin: 0;
}
.pf-c-content ol.pf-m-plain,
.pf-c-content ul.pf-m-plain {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
.pf-c-content h1 {
  margin-top: var(--pf-c-content--h1--MarginTop);
  margin-bottom: var(--pf-c-content--h1--MarginBottom);
  font-size: var(--pf-c-content--h1--FontSize);
  font-weight: var(--pf-c-content--h1--FontWeight);
  line-height: var(--pf-c-content--h1--LineHeight);
  /* font-family: Roboto Condensed; */
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-content h2 {
  margin-top: var(--pf-c-content--h2--MarginTop);
  margin-bottom: var(--pf-c-content--h2--MarginBottom);
  font-size: var(--pf-c-content--h2--FontSize);
  font-weight: var(--pf-c-content--h2--FontWeight);
  line-height: var(--pf-c-content--h2--LineHeight);
}
.pf-c-content h3 {
  margin-top: var(--pf-c-content--h3--MarginTop);
  margin-bottom: var(--pf-c-content--h3--MarginBottom);
  font-size: var(--pf-c-content--h3--FontSize);
  font-weight: var(--pf-c-content--h3--FontWeight);
  line-height: var(--pf-c-content--h3--LineHeight);
}
.pf-c-content h4 {
  margin-top: var(--pf-c-content--h4--MarginTop);
  margin-bottom: var(--pf-c-content--h4--MarginBottom);
  font-size: var(--pf-c-content--h4--FontSize);
  font-weight: var(--pf-c-content--h4--FontWeight);
  line-height: var(--pf-c-content--h4--LineHeight);
}
.pf-c-content h5 {
  margin-top: var(--pf-c-content--h5--MarginTop);
  margin-bottom: var(--pf-c-content--h5--MarginBottom);
  font-size: var(--pf-c-content--h5--FontSize);
  font-weight: var(--pf-c-content--h5--FontWeight);
  line-height: var(--pf-c-content--h5--LineHeight);
}
.pf-c-content h6 {
  margin-top: var(--pf-c-content--h6--MarginTop);
  margin-bottom: var(--pf-c-content--h6--MarginBottom);
  font-size: var(--pf-c-content--h6--FontSize);
  font-weight: var(--pf-c-content--h6--FontWeight);
  line-height: var(--pf-c-content--h6--LineHeight);
}
.pf-c-content small {
  display: block;
  font-size: var(--pf-c-content--small--FontSize);
  line-height: var(--pf-c-content--small--LineHeight);
  color: var(--pf-c-content--small--Color);
}
.pf-c-content small:not(:last-child) {
  margin-bottom: var(--pf-c-content--small--MarginBottom);
}
.pf-c-content blockquote {
  padding: var(--pf-c-content--blockquote--PaddingTop)
    var(--pf-c-content--blockquote--PaddingRight)
    var(--pf-c-content--blockquote--PaddingBottom)
    var(--pf-c-content--blockquote--PaddingLeft);
  color: var(--pf-c-content--blockquote--Color);
  border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid
    var(--pf-c-content--blockquote--BorderLeftColor);
}
.pf-c-content hr {
  height: var(--pf-c-content--hr--Height);
  background-color: var(--pf-c-content--hr--BackgroundColor);
  border: none;
}
.pf-c-content ol {
  padding-left: var(--pf-c-content--ol--PaddingLeft);
  margin-left: var(--pf-c-content--ol--MarginLeft);
}
.pf-c-content ol ul {
  margin-top: var(--pf-c-content--ul--nested--MarginTop);
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
}
.pf-c-content ol ol {
  margin-top: var(--pf-c-content--ol--nested--MarginTop);
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
}
.pf-c-content ul {
  padding-left: var(--pf-c-content--ul--PaddingLeft);
  margin-left: var(--pf-c-content--ul--MarginLeft);
  list-style: var(--pf-c-content--ul--ListStyle);
}
.pf-c-content ul ul {
  margin-top: var(--pf-c-content--ul--nested--MarginTop);
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
}
.pf-c-content ul ol {
  margin-top: var(--pf-c-content--ol--nested--MarginTop);
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
}
.pf-c-content dl {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 576px) {
  .pf-c-content dl {
    grid-template: auto/auto 1fr;
    grid-column-gap: var(--pf-c-content--dl--ColumnGap);
    grid-row-gap: var(--pf-c-content--dl--RowGap);
  }
}
.pf-c-content dt {
  font-weight: var(--pf-c-content--dt--FontWeight);
}
.pf-c-content dt:not(:first-child) {
  margin-top: var(--pf-c-content--dt--MarginTop);
}
@media screen and (min-width: 576px) {
  .pf-c-content dt:not(:first-child) {
    --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
  }
}
@media screen and (min-width: 576px) {
  .pf-c-content dt {
    grid-column: 1;
  }
}
@media screen and (min-width: 576px) {
  .pf-c-content dd {
    grid-column: 2;
  }
}
.pf-m-overpass-font .pf-c-content {
  --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
}
.pf-m-overpass-font .pf-c-content blockquote {
  font-weight: var(--pf-global--FontWeight--light);
}
.pf-c-button {
  --pf-c-button--PaddingTop: var(
  --pf-global--spacer--form-element);
  --pf-c-button--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-button--PaddingBottom: var(
  --pf-global--spacer--form-element);
  --pf-c-button--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-button--LineHeight: var(
  --pf-global--LineHeight--md);
  --pf-c-button--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-button--FontSize: var(
  --pf-global--FontSize--md);
  /* --pf-c-button--BackgroundColor: transparent; */
  --pf-c-button--BorderRadius: var(
  --pf-global--BorderRadius--sm);
  --pf-c-button--after--BorderRadius: var(
  --pf-global--BorderRadius--sm);
  --pf-c-button--after--BorderColor: transparent;
  --pf-c-button--after--BorderWidth: var(
  --pf-global--BorderWidth--sm);
  --pf-c-button--hover--after--BorderWidth: var(
  --pf-global--BorderWidth--md);
  --pf-c-button--focus--after--BorderWidth: var(
  --pf-global--BorderWidth--md);
  --pf-c-button--active--after--BorderWidth: var(
  --pf-global--BorderWidth--md);
  --pf-c-button--disabled--Color: var(
  --pf-global--disabled-color--100);
  --pf-c-button--disabled--BackgroundColor: var(
  --pf-global--disabled-color--200
  );
  --pf-c-button--disabled--after--BorderColor: transparent;
  --pf-c-button--m-primary--BackgroundColor: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-primary--Color: var(
  --pf-global--Color--light-100);
  --pf-c-button--m-primary--hover--BackgroundColor: var(
  --pf-global--primary-color--200
  );
  --pf-c-button--m-primary--hover--Color: var(
  --pf-global--Color--light-100);
  --pf-c-button--m-primary--focus--BackgroundColor: var(
  --pf-global--primary-color--200
  );
  --pf-c-button--m-primary--focus--Color: var(
  --pf-global--Color--light-100);
  --pf-c-button--m-primary--active--BackgroundColor: var(
  --pf-global--primary-color--200
  );
  --pf-c-button--m-primary--active--Color: var(
  --pf-global--Color--light-100);
  --pf-c-button--m-secondary--BackgroundColor: transparent;
  --pf-c-button--m-secondary--after--BorderColor: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--Color: var(
  --pf-global--primary-color--100);
  --pf-c-button--m-secondary--hover--BackgroundColor: transparent;
  --pf-c-button--m-secondary--hover--after--BorderColor: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--hover--Color: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--focus--BackgroundColor: transparent;
  --pf-c-button--m-secondary--focus--after--BorderColor: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--focus--Color: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--active--BackgroundColor: transparent;
  --pf-c-button--m-secondary--active--after--BorderColor: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--active--Color: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--m-danger--BackgroundColor: transparent;
  --pf-c-button--m-secondary--m-danger--Color: var(
  --pf-global--danger-color--100
  );
  --pf-c-button--m-secondary--m-danger--after--BorderColor: var(
  --pf-global--danger-color--100
  );
  --pf-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
  --pf-c-button--m-secondary--m-danger--hover--Color: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-secondary--m-danger--hover--after--BorderColor: var(
  --pf-global--danger-color--100
  );
  --pf-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
  --pf-c-button--m-secondary--m-danger--focus--Color: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-secondary--m-danger--focus--after--BorderColor: var(
  --pf-global--danger-color--100
  );
  --pf-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
  --pf-c-button--m-secondary--m-danger--active--Color: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-secondary--m-danger--active--after--BorderColor: var(
  --pf-global--danger-color--100
  );
  --pf-c-button--m-tertiary--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--after--BorderColor: var(
  --pf-global--Color--100);
  --pf-c-button--m-tertiary--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-tertiary--hover--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--hover--after--BorderColor: var(
  --pf-global--Color--100
  );
  --pf-c-button--m-tertiary--hover--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-tertiary--focus--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--focus--after--BorderColor: var(
  --pf-global--Color--100
  );
  --pf-c-button--m-tertiary--focus--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-tertiary--active--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--active--after--BorderColor: var(
  --pf-global--Color--100
  );
  --pf-c-button--m-tertiary--active--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-warning--BackgroundColor: var(
  --pf-global--warning-color--100
  );
  --pf-c-button--m-warning--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-button--m-warning--hover--BackgroundColor: var(
  --pf-global--palette--gold-500
  );
  --pf-c-button--m-warning--hover--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-button--m-warning--focus--BackgroundColor: var(
  --pf-global--palette--gold-500
  );
  --pf-c-button--m-warning--focus--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-button--m-warning--active--BackgroundColor: var(
  --pf-global--palette--gold-500
  );
  --pf-c-button--m-warning--active--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-button--m-danger--BackgroundColor: var(
  --pf-global--danger-color--100);
  --pf-c-button--m-danger--Color: var(
  --pf-global--Color--light-100);
  --pf-c-button--m-danger--hover--BackgroundColor: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-danger--hover--Color: var(
  --pf-global--Color--light-100);
  --pf-c-button--m-danger--focus--BackgroundColor: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-danger--focus--Color: var(
  --pf-global--Color--light-100);
  --pf-c-button--m-danger--active--BackgroundColor: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-danger--active--Color: var(
  --pf-global--Color--light-100);
  --pf-c-button--m-link--BackgroundColor: transparent;
  --pf-c-button--m-link--Color: var(
  --pf-global--link--Color);
  --pf-c-button--m-link--hover--BackgroundColor: transparent;
  --pf-c-button--m-link--hover--Color: var(
  --pf-global--link--Color--hover);
  --pf-c-button--m-link--focus--BackgroundColor: transparent;
  --pf-c-button--m-link--focus--Color: var(
  --pf-global--link--Color--hover);
  --pf-c-button--m-link--active--BackgroundColor: transparent;
  --pf-c-button--m-link--active--Color: var(
  --pf-global--link--Color--hover);
  --pf-c-button--m-link--disabled--BackgroundColor: transparent;
  --pf-c-button--m-link--m-inline--FontSize: inherit;
  --pf-c-button--m-link--m-inline--hover--TextDecoration: var(
  --pf-global--link--TextDecoration--hover
  );
  --pf-c-button--m-link--m-inline--hover--Color: var(
  --pf-global--link--Color--hover
  );
  --pf-c-button--m-link--m-inline--PaddingTop: 0;
  --pf-c-button--m-link--m-inline--PaddingRight: 0;
  --pf-c-button--m-link--m-inline--PaddingBottom: 0;
  --pf-c-button--m-link--m-inline--PaddingLeft: 0;
  --pf-c-button--m-link--m-inline__progress--Left: var(
  --pf-global--spacer--xs);
  --pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(
    var(
  --pf-c-button--m-link--m-inline__progress--Left) + 1rem +
      var(--pf-global--spacer--sm)
  );
  --pf-c-button--m-link--m-danger--BackgroundColor: transparent;
  --pf-c-button--m-link--m-danger--Color: var(
  --pf-global--danger-color--100);
  --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
  --pf-c-button--m-link--m-danger--hover--Color: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
  --pf-c-button--m-link--m-danger--focus--Color: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-link--m-danger--active--BackgroundColor: transparent;
  --pf-c-button--m-link--m-danger--active--Color: var(
  --pf-global--danger-color--200
  );
  --pf-c-button--m-plain--BackgroundColor: transparent;
  --pf-c-button--m-plain--Color: var(
  --pf-global--Color--200);
  --pf-c-button--m-plain--hover--BackgroundColor: transparent;
  --pf-c-button--m-plain--hover--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-plain--focus--BackgroundColor: transparent;
  --pf-c-button--m-plain--focus--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-plain--active--BackgroundColor: transparent;
  --pf-c-button--m-plain--active--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-plain--disabled--Color: var(
  --pf-global--disabled-color--200
  );
  --pf-c-button--m-plain--disabled--BackgroundColor: transparent;
  --pf-c-button--m-control--BackgroundColor: var(
  --pf-global--BackgroundColor--100
  );
  --pf-c-button--m-control--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-control--BorderRadius: 0;
  --pf-c-button--m-control--after--BorderWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-button--m-control--after--BorderTopColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-button--m-control--after--BorderRightColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-button--m-control--after--BorderBottomColor: var(
  --pf-global--BorderColor--200
  );
  --pf-c-button--m-control--after--BorderLeftColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-button--m-control--disabled--BackgroundColor: var(
  --pf-global--disabled-color--300
  );
  --pf-c-button--m-control--hover--BackgroundColor: var(
  --pf-global--BackgroundColor--100
  );
  --pf-c-button--m-control--hover--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-control--hover--after--BorderBottomWidth: var(
  --pf-global--BorderWidth--md
  );
  --pf-c-button--m-control--hover--after--BorderBottomColor: var(
  --pf-global--active-color--100
  );
  --pf-c-button--m-control--active--BackgroundColor: var(
  --pf-global--BackgroundColor--100
  );
  --pf-c-button--m-control--active--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-control--active--after--BorderBottomWidth: var(
  --pf-global--BorderWidth--md
  );
  --pf-c-button--m-control--active--after--BorderBottomColor: var(
  --pf-global--active-color--100
  );
  --pf-c-button--m-control--focus--BackgroundColor: var(
  --pf-global--BackgroundColor--100
  );
  --pf-c-button--m-control--focus--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-control--focus--after--BorderBottomWidth: var(
  --pf-global--BorderWidth--md
  );
  --pf-c-button--m-control--focus--after--BorderBottomColor: var(
  --pf-global--active-color--100
  );
  --pf-c-button--m-control--m-expanded--BackgroundColor: var(
  --pf-global--BackgroundColor--100
  );
  --pf-c-button--m-control--m-expanded--Color: var(
  --pf-global--Color--100);
  --pf-c-button--m-control--m-expanded--after--BorderBottomWidth: var(
  --pf-global--BorderWidth--md
  );
  --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(
  --pf-global--active-color--100
  );
  --pf-c-button--m-small--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-button--m-display-lg--PaddingTop: var(
  --pf-global--spacer--md);
  --pf-c-button--m-display-lg--PaddingRight: var(
  --pf-global--spacer--xl);
  --pf-c-button--m-display-lg--PaddingBottom: var(
  --pf-global--spacer--md);
  --pf-c-button--m-display-lg--PaddingLeft: var(
  --pf-global--spacer--xl);
  --pf-c-button--m-display-lg--FontWeight: var(
  --pf-global--FontWeight--bold);
  --pf-c-button--m-link--m-display-lg--FontSize: var(
  --pf-global--FontSize--lg);
  --pf-c-button__icon--m-start--MarginRight: var(
  --pf-global--spacer--xs);
  --pf-c-button__icon--m-end--MarginLeft: var(
  --pf-global--spacer--xs);
  --pf-c-button__progress--width: calc(
    var(
  --pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm)
  );
  --pf-c-button__progress--Opacity: 0;
  --pf-c-button__progress--TranslateY: -50%;
  --pf-c-button__progress--TranslateX: 0;
  --pf-c-button__progress--Top: 50%;
  --pf-c-button__progress--Left: var(
  --pf-global--spacer--md);
  --pf-c-button--m-progress--TransitionProperty: padding;
  --pf-c-button--m-progress--TransitionDuration: var(
  --pf-global--TransitionDuration
  );
  --pf-c-button--m-progress--PaddingRight: calc(
    var(
  --pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2
  );
  --pf-c-button--m-progress--PaddingLeft: calc(
    var(
  --pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2
  );
  --pf-c-button--m-in-progress--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-button--m-in-progress--PaddingLeft: calc(
    var(
  --pf-global--spacer--md) + var(--pf-c-button__progress--width)
  );
  --pf-c-button--m-in-progress--m-plain--Color: var(
  --pf-global--primary-color--100
  );
  --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
  --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
  --pf-c-button__count--MarginLeft: var(
  --pf-global--spacer--sm);
  --pf-c-button--disabled__c-badge--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-button--disabled__c-badge--BackgroundColor: var(
  --pf-global--BackgroundColor--200
  );
  --pf-c-button--m-primary__c-badge--BorderColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-button--m-primary__c-badge--BorderWidth: var(
  --pf-global--BorderWidth--sm
  );
  position: relative;
  display: inline-block;
  padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight)
    var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
  font-size: var(--pf-c-button--FontSize);
  font-weight: var(--pf-c-button--FontWeight);
  line-height: var(--pf-c-button--LineHeight);
  text-align: center;
  white-space: nowrap;
  user-select: none;
  border: 0;
  border-radius: var(--pf-c-button--BorderRadius);
}
.pf-c-button:after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-c-button--after--BorderWidth) solid;
  border-color: var(--pf-c-button--after--BorderColor);
  border-radius: var(--pf-c-button--after--BorderRadius);
}
.pf-c-button:hover {
  --pf-c-button--after--BorderWidth: var(
    --pf-c-button--hover--after--BorderWidth
  );
  text-decoration: none;
}
.pf-c-button:focus {
  --pf-c-button--after--BorderWidth: var(
    --pf-c-button--focus--after--BorderWidth
  );
}
.pf-c-button:active,
.pf-c-button.pf-m-active {
  --pf-c-button--after--BorderWidth: var(
    --pf-c-button--active--after--BorderWidth
  );
}
.pf-c-button.pf-m-block {
  display: block;
  width: 100%;
}
.pf-c-button.pf-m-small {
  --pf-c-button--FontSize: var(--pf-c-button--m-small--FontSize);
}
.pf-c-button.pf-m-primary.pf-m-display-lg,
.pf-c-button.pf-m-secondary.pf-m-display-lg,
.pf-c-button.pf-m-tertiary.pf-m-display-lg,
.pf-c-button.pf-m-link.pf-m-display-lg {
  --pf-c-button--PaddingTop: var(--pf-c-button--m-display-lg--PaddingTop);
  --pf-c-button--PaddingRight: var(--pf-c-button--m-display-lg--PaddingRight);
  --pf-c-button--PaddingBottom: var(--pf-c-button--m-display-lg--PaddingBottom);
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-display-lg--PaddingLeft);
  --pf-c-button--FontWeight: var(--pf-c-button--m-display-lg--FontWeight);
}
.pf-c-button.pf-m-primary {
  color: #1C66AC;
  background: #ffffff;
  font-weight: 600;
}
.pf-c-button.pf-m-primary:hover {
  --pf-c-button--m-primary--Color: #ffffff;
  --pf-c-button--m-primary--BackgroundColor: #1C66AC;
}
.pf-c-button.pf-m-primary:focus {
  --pf-c-button--m-primary--Color: #ffffff;
  --pf-c-button--m-primary--BackgroundColor: #1C66AC;
}
.pf-c-button.pf-m-primary:active,
.pf-c-button.pf-m-primary.pf-m-active {
  --pf-c-button--m-primary--Color: #ffffff;
  --pf-c-button--m-primary--BackgroundColor: #1C66AC;
}
.pf-c-button.pf-m-primary .pf-c-badge.pf-m-unread {
  border: var(--pf-c-button--m-primary__c-badge--BorderWidth) solid
    var(--pf-c-button--m-primary__c-badge--BorderColor);
}
.pf-c-button.pf-m-secondary {
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-secondary--after--BorderColor
  );
  color: var(--pf-c-button--m-secondary--Color);
  background-color: var(--pf-c-button--m-secondary--BackgroundColor);
}
.pf-c-button.pf-m-secondary:hover {
  --pf-c-button--m-secondary--Color: var(
    --pf-c-button--m-secondary--hover--Color
  );
  --pf-c-button--m-secondary--BackgroundColor: var(
    --pf-c-button--m-secondary--hover--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-secondary--hover--after--BorderColor
  );
}
.pf-c-button.pf-m-secondary:focus {
  --pf-c-button--m-secondary--Color: var(
    --pf-c-button--m-secondary--focus--Color
  );
  --pf-c-button--m-secondary--BackgroundColor: var(
    --pf-c-button--m-secondary--focus--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-secondary--focus--after--BorderColor
  );
}
.pf-c-button.pf-m-secondary.pf-m-active,
.pf-c-button.pf-m-secondary:active {
  --pf-c-button--m-secondary--Color: var(
    --pf-c-button--m-secondary--active--Color
  );
  --pf-c-button--m-secondary--BackgroundColor: var(
    --pf-c-button--m-secondary--active--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-secondary--active--after--BorderColor
  );
}
.pf-c-button.pf-m-tertiary {
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-tertiary--after--BorderColor
  );
  color: var(--pf-c-button--m-tertiary--Color);
  background-color: var(--pf-c-button--m-tertiary--BackgroundColor);
}
.pf-c-button.pf-m-tertiary:hover {
  --pf-c-button--m-tertiary--Color: var(
    --pf-c-button--m-tertiary--hover--Color
  );
  --pf-c-button--m-tertiary--BackgroundColor: var(
    --pf-c-button--m-tertiary--hover--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-tertiary--hover--after--BorderColor
  );
}
.pf-c-button.pf-m-tertiary:focus {
  --pf-c-button--m-tertiary--Color: var(
    --pf-c-button--m-tertiary--focus--Color
  );
  --pf-c-button--m-tertiary--BackgroundColor: var(
    --pf-c-button--m-tertiary--focus--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-tertiary--focus--after--BorderColor
  );
}
.pf-c-button.pf-m-tertiary:active,
.pf-c-button.pf-m-tertiary.pf-m-active {
  --pf-c-button--m-tertiary--Color: var(
    --pf-c-button--m-tertiary--active--Color
  );
  --pf-c-button--m-tertiary--BackgroundColor: var(
    --pf-c-button--m-tertiary--active--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-tertiary--active--after--BorderColor
  );
}
.pf-c-button.pf-m-link {
  /* --pf-c-button--disabled--BackgroundColor: var(
  --pf-c-button--m-link--disabled--BackgroundColor
  ); */
  color: #1C66AC;
  font-weight: 600;
  /* background-color: var(--pf-c-button--m-link--BackgroundColor); */
}
.pf-c-button.pf-m-link:not(.pf-m-inline):hover {
  --pf-c-button--m-link--Color: var(--pf-c-button--m-link--hover--Color);
  --pf-c-button--m-link--BackgroundColor: var(
    --pf-c-button--m-link--hover--BackgroundColor
  );
}
.pf-c-button.pf-m-link:not(.pf-m-inline):focus {
  --pf-c-button--m-link--Color: var(--pf-c-button--m-link--focus--Color);
  --pf-c-button--m-link--BackgroundColor: var(
    --pf-c-button--m-link--focus--BackgroundColor
  );
}
.pf-c-button.pf-m-link:not(.pf-m-inline):active,
.pf-c-button.pf-m-link:not(.pf-m-inline).pf-m-active {
  --pf-c-button--m-link--Color: var(--pf-c-button--m-link--active--Color);
  --pf-c-button--m-link--BackgroundColor: var(
    --pf-c-button--m-link--active--BackgroundColor
  );
}
.pf-c-button.pf-m-link.pf-m-inline {
  --pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize);
  --pf-c-button__progress--Left: var(
    --pf-c-button--m-link--m-inline__progress--Left
  );
  display: inline;
  padding: var(--pf-c-button--m-link--m-inline--PaddingTop)
    var(--pf-c-button--m-link--m-inline--PaddingRight)
    var(--pf-c-button--m-link--m-inline--PaddingBottom)
    var(--pf-c-button--m-link--m-inline--PaddingLeft);
  text-align: left;
  white-space: normal;
  cursor: pointer;
}
.pf-c-button.pf-m-link.pf-m-inline:hover {
  --pf-c-button--m-link--Color: var(
    --pf-c-button--m-link--m-inline--hover--Color
  );
  text-decoration: var(--pf-c-button--m-link--m-inline--hover--TextDecoration);
}
.pf-c-button.pf-m-link.pf-m-display-lg {
  --pf-c-button--FontSize: var(--pf-c-button--m-link--m-display-lg--FontSize);
}
.pf-c-button.pf-m-danger {
  color: var(--pf-c-button--m-danger--Color);
  background-color: var(--pf-c-button--m-danger--BackgroundColor);
}
.pf-c-button.pf-m-danger:hover {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--hover--Color);
  --pf-c-button--m-danger--BackgroundColor: var(
    --pf-c-button--m-danger--hover--BackgroundColor
  );
}
.pf-c-button.pf-m-danger:focus {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--focus--Color);
  --pf-c-button--m-danger--BackgroundColor: var(
    --pf-c-button--m-danger--focus--BackgroundColor
  );
}
.pf-c-button.pf-m-danger:active,
.pf-c-button.pf-m-danger.pf-m-active {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--active--Color);
  --pf-c-button--m-danger--BackgroundColor: var(
    --pf-c-button--m-danger--active--BackgroundColor
  );
}
.pf-c-button.pf-m-danger.pf-m-secondary {
  --pf-c-button--m-danger--Color: var(
    --pf-c-button--m-secondary--m-danger--Color
  );
  --pf-c-button--m-danger--BackgroundColor: var(
    --pf-c-button--m-secondary--m-danger--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-secondary--m-danger--after--BorderColor
  );
}
.pf-c-button.pf-m-danger.pf-m-secondary:hover {
  --pf-c-button--m-secondary--m-danger--Color: var(
    --pf-c-button--m-secondary--m-danger--hover--Color
  );
  --pf-c-button--m-secondary--m-danger--BackgroundColor: var(
    --pf-c-button--m-secondary--m-danger--hover--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-secondary--m-danger--hover--after--BorderColor
  );
}
.pf-c-button.pf-m-danger.pf-m-secondary:focus {
  --pf-c-button--m-secondary--m-danger--Color: var(
    --pf-c-button--m-secondary--m-danger--focus--Color
  );
  --pf-c-button--m-secondary--m-danger--BackgroundColor: var(
    --pf-c-button--m-secondary--m-danger--focus--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-secondary--m-danger--focus--after--BorderColor
  );
}
.pf-c-button.pf-m-danger.pf-m-secondary:active,
.pf-c-button.pf-m-danger.pf-m-secondary.pf-m-active {
  --pf-c-button--m-secondary--m-danger--Color: var(
    --pf-c-button--m-secondary--m-danger--active--Color
  );
  --pf-c-button--m-secondary--m-danger--BackgroundColor: var(
    --pf-c-button--m-secondary--m-danger--active--BackgroundColor
  );
  --pf-c-button--after--BorderColor: var(
    --pf-c-button--m-secondary--m-danger--active--after--BorderColor
  );
}
.pf-c-button.pf-m-danger.pf-m-link {
  --pf-c-button--m-danger--Color: var(--pf-c-button--m-link--m-danger--Color);
  --pf-c-button--m-danger--BackgroundColor: var(
    --pf-c-button--m-link--m-danger--BackgroundColor
  );
}
.pf-c-button.pf-m-danger.pf-m-link:hover {
  --pf-c-button--m-link--m-danger--Color: var(
    --pf-c-button--m-link--m-danger--hover--Color
  );
  --pf-c-button--m-link--m-danger--BackgroundColor: var(
    --pf-c-button--m-link--m-danger--hover--BackgroundColor
  );
}
.pf-c-button.pf-m-danger.pf-m-link:focus {
  --pf-c-button--m-link--m-danger--Color: var(
    --pf-c-button--m-link--m-danger--focus--Color
  );
  --pf-c-button--m-link--m-danger--BackgroundColor: var(
    --pf-c-button--m-link--m-danger--focus--BackgroundColor
  );
}
.pf-c-button.pf-m-danger.pf-m-link:active,
.pf-c-button.pf-m-danger.pf-m-link.pf-m-active {
  --pf-c-button--m-link--m-danger--Color: var(
    --pf-c-button--m-link--m-danger--active--Color
  );
  --pf-c-button--m-link--m-danger--BackgroundColor: var(
    --pf-c-button--m-link--m-danger--active--BackgroundColor
  );
}
.pf-c-button.pf-m-warning {
  color: var(--pf-c-button--m-warning--Color);
  background-color: var(--pf-c-button--m-warning--BackgroundColor);
}
.pf-c-button.pf-m-warning:hover {
  --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--hover--Color);
  --pf-c-button--m-warning--BackgroundColor: var(
    --pf-c-button--m-warning--hover--BackgroundColor
  );
}
.pf-c-button.pf-m-warning:focus {
  --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--focus--Color);
  --pf-c-button--m-warning--BackgroundColor: var(
    --pf-c-button--m-warning--focus--BackgroundColor
  );
}
.pf-c-button.pf-m-warning:active,
.pf-c-button.pf-m-warning.pf-m-active {
  --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--active--Color);
  --pf-c-button--m-warning--BackgroundColor: var(
    --pf-c-button--m-warning--active--BackgroundColor
  );
}
.pf-c-button.pf-m-control {
  --pf-c-button--BorderRadius: var(--pf-c-button--m-control--BorderRadius);
  --pf-c-button--disabled--BackgroundColor: var(
    --pf-c-button--m-control--disabled--BackgroundColor
  );
  --pf-c-button--after--BorderWidth: var(
    --pf-c-button--m-control--after--BorderWidth
  );
  --pf-c-button--after--BorderColor: var(
      --pf-c-button--m-control--after--BorderTopColor
    )
    var(--pf-c-button--m-control--after--BorderRightColor)
    var(--pf-c-button--m-control--after--BorderBottomColor)
    var(--pf-c-button--m-control--after--BorderLeftColor);
  color: var(--pf-c-button--m-control--Color);
  background-color: var(--pf-c-button--m-control--BackgroundColor);
}
.pf-c-button.pf-m-control:after {
  border-radius: initial;
}
.pf-c-button.pf-m-control:hover {
  --pf-c-button--m-control--Color: var(--pf-c-button--m-control--hover--Color);
  --pf-c-button--m-control--BackgroundColor: var(
    --pf-c-button--m-control--hover--BackgroundColor
  );
  --pf-c-button--m-control--after--BorderBottomColor: var(
    --pf-c-button--m-control--hover--after--BorderBottomColor
  );
}
.pf-c-button.pf-m-control:hover:after {
  border-bottom-width: var(
    --pf-c-button--m-control--hover--after--BorderBottomWidth
  );
}
.pf-c-button.pf-m-control:active,
.pf-c-button.pf-m-control.pf-m-active {
  --pf-c-button--m-control--Color: var(--pf-c-button--m-control--active--Color);
  --pf-c-button--m-control--BackgroundColor: var(
    --pf-c-button--m-control--active--BackgroundColor
  );
  --pf-c-button--m-control--after--BorderBottomColor: var(
    --pf-c-button--m-control--active--after--BorderBottomColor
  );
}
.pf-c-button.pf-m-control:active:after,
.pf-c-button.pf-m-control.pf-m-active:after {
  border-bottom-width: var(
    --pf-c-button--m-control--active--after--BorderBottomWidth
  );
}
.pf-c-button.pf-m-control:focus {
  --pf-c-button--m-control--Color: var(--pf-c-button--m-control--focus--Color);
  --pf-c-button--m-control--BackgroundColor: var(
    --pf-c-button--m-control--focus--BackgroundColor
  );
  --pf-c-button--m-control--after--BorderBottomColor: var(
    --pf-c-button--m-control--focus--after--BorderBottomColor
  );
}
.pf-c-button.pf-m-control:focus:after {
  border-bottom-width: var(
    --pf-c-button--m-control--focus--after--BorderBottomWidth
  );
}
.pf-c-button.pf-m-control.pf-m-expanded {
  --pf-c-button--m-control--Color: var(
    --pf-c-button--m-control--m-expanded--Color
  );
  --pf-c-button--m-control--BackgroundColor: var(
    --pf-c-button--m-control--m-expanded--BackgroundColor
  );
  --pf-c-button--m-control--after--BorderBottomColor: var(
    --pf-c-button--m-control--m-expanded--after--BorderBottomColor
  );
}
.pf-c-button.pf-m-control.pf-m-expanded:after {
  border-bottom-width: var(
    --pf-c-button--m-control--m-expanded--after--BorderBottomWidth
  );
}
.pf-c-button.pf-m-plain {
  --pf-c-button--disabled--Color: var(--pf-c-button--m-plain--disabled--Color);
  --pf-c-button--disabled--BackgroundColor: var(
    --pf-c-button--m-plain--disabled--BackgroundColor
  );
  color: #232222;
  background-color: var(--pf-c-button--m-plain--BackgroundColor);
}
.pf-c-button.pf-m-plain:hover {
  --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--hover--Color);
  --pf-c-button--m-plain--BackgroundColor: var(
    --pf-c-button--m-plain--hover--BackgroundColor
  );
}
.pf-c-button.pf-m-plain:active,
.pf-c-button.pf-m-plain.pf-m-active {
  --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--active--Color);
  --pf-c-button--m-plain--BackgroundColor: var(
    --pf-c-button--m-plain--active--BackgroundColor
  );
}
.pf-c-button.pf-m-plain:focus {
  --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--focus--Color);
  --pf-c-button--m-plain--BackgroundColor: var(
    --pf-c-button--m-plain--focus--BackgroundColor
  );
}
.pf-c-button:disabled,
.pf-c-button.pf-m-disabled {
  pointer-events: none;
}
.pf-c-button:disabled,
.pf-c-button.pf-m-disabled,
.pf-c-button.pf-m-aria-disabled {
  color: var(--pf-c-button--disabled--Color);
  background-color: var(--pf-c-button--disabled--BackgroundColor);
}
.pf-c-button:disabled:after,
.pf-c-button.pf-m-disabled:after,
.pf-c-button.pf-m-aria-disabled:after {
  border-color: var(--pf-c-button--disabled--after--BorderColor);
}
.pf-c-button:disabled .pf-c-badge,
.pf-c-button.pf-m-disabled .pf-c-badge,
.pf-c-button.pf-m-aria-disabled .pf-c-badge {
  --pf-c-badge--m-unread--Color: var(--pf-c-button--disabled__c-badge--Color);
  --pf-c-badge--m-unread--BackgroundColor: var(
    --pf-c-button--disabled__c-badge--BackgroundColor
  );
  --pf-c-button--m-primary__c-badge--BorderWidth: 0;
}
.pf-c-button.pf-m-aria-disabled {
  --pf-c-button--after--BorderWidth: 0;
  --pf-c-button--m-link--m-inline--hover--TextDecoration: none;
  cursor: default;
}
.pf-c-button.pf-m-progress {
  --pf-c-button--PaddingRight: var(--pf-c-button--m-progress--PaddingRight);
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
  transition: var(--pf-c-button--m-progress--TransitionProperty)
    var(--pf-c-button--m-progress--TransitionDuration);
}
.pf-c-button.pf-m-in-progress {
  --pf-c-button--m-link--m-inline--PaddingLeft: var(
    --pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft
  );
}
.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
  --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
}
.pf-c-button.pf-m-in-progress.pf-m-plain {
  --pf-c-button--m-plain--Color: var(
    --pf-c-button--m-in-progress--m-plain--Color
  );
  --pf-c-button__progress--Left: var(
    --pf-c-button--m-in-progress--m-plain__progress--Left
  );
  --pf-c-button__progress--TranslateX: var(
    --pf-c-button--m-in-progress--m-plain__progress--TranslateX
  );
}
.pf-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-c-button__progress) {
  opacity: 0;
}
.pf-c-button__icon.pf-m-start {
  margin-right: var(--pf-c-button__icon--m-start--MarginRight);
}
.pf-c-button__icon.pf-m-end {
  margin-left: var(--pf-c-button__icon--m-end--MarginLeft);
}
.pf-c-button__progress {
  position: absolute;
  top: var(--pf-c-button__progress--Top);
  left: var(--pf-c-button__progress--Left);
  line-height: 1;
  transform: translate(
    var(--pf-c-button__progress--TranslateX),
    var(--pf-c-button__progress--TranslateY)
  );
}
.pf-c-button__progress .pf-c-spinner {
  --pf-c-spinner--Color: currentcolor;
}
.pf-c-button__count {
  display: inline-flex;
  align-items: center;
  margin-left: var(--pf-c-button__count--MarginLeft);
}
.pf-m-overpass-font .pf-c-button {
  --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
}
:where(.pf-theme-dark) .pf-c-button {
  --pf-c-button--disabled--Color: var(--pf-global--disabled-color--300);
  --pf-c-button--m-primary--BackgroundColor: var(
    --pf-global--primary-color--300
  );
  --pf-c-button--m-tertiary--after--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-button--m-tertiary--Color: var(--pf-global--palette--black-100);
  --pf-c-button--m-tertiary--hover--after--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-button--m-tertiary--hover--Color: var(--pf-global--palette--black-100);
  --pf-c-button--m-tertiary--focus--after--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
  --pf-c-button--m-tertiary--active--after--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-button--m-tertiary--active--Color: var(
    --pf-global--palette--black-100
  );
  --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-warning--hover--BackgroundColor: var(
    --pf-global--warning-color--200
  );
  --pf-c-button--m-warning--focus--BackgroundColor: var(
    --pf-global--warning-color--200
  );
  --pf-c-button--m-warning--active--BackgroundColor: var(
    --pf-global--warning-color--200
  );
  --pf-c-button--m-danger--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-danger--hover--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-danger--focus--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-danger--active--Color: var(--pf-global--palette--black-900);
  --pf-c-button--m-control--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-button--m-control--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-button--m-control--active--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-button--m-control--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-button--m-control--m-expanded--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-button--m-control--after--BorderTopColor: transparent;
  --pf-c-button--m-control--after--BorderRightColor: transparent;
  --pf-c-button--m-control--after--BorderBottomColor: var(
    --pf-global--BorderColor--400
  );
  --pf-c-button--m-control--after--BorderLeftColor: transparent;
  --pf-c-button--m-control--hover--after--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-button--m-control--active--after--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-button--m-control--focus--after--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-button--m-control--disabled--BackgroundColor: var(
    --pf-global--disabled-color--200
  );
  --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--Color--100);
}
:where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled:after {
  border: 0;
  border-bottom: var(--pf-global--BorderWidth--sm) solid
    var(--pf-global--palette--black-700);
}
.pf-c-spinner {
  --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);
  --pf-c-spinner--Width: var(--pf-c-spinner--diameter);
  --pf-c-spinner--Height: var(--pf-c-spinner--diameter);
  --pf-c-spinner--Color: var(--pf-global--primary-color--100);
  --pf-c-spinner--m-sm--diameter: var(--pf-global--icon--FontSize--sm);
  --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
  --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
  --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
  --pf-c-spinner--m-inline--diameter: 1em;
  width: var(--pf-c-spinner--Width);
  height: var(--pf-c-spinner--Height);
  overflow: hidden;
}
.pf-c-spinner.pf-m-inline {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter);
}
.pf-c-spinner.pf-m-sm {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
}
.pf-c-spinner.pf-m-md {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter);
}
.pf-c-spinner.pf-m-lg {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter);
}
.pf-c-spinner.pf-m-xl {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter);
}
span.pf-c-spinner {
  --pf-c-spinner--AnimationDuration: 1.5s;
  --pf-c-spinner--AnimationTimingFunction: cubic-bezier(0.77, 0.005, 0.315, 1);
  --pf-c-spinner--stroke-width-multiplier: 0.1;
  --pf-c-spinner--stroke-width: calc(
    var(--pf-c-spinner--diameter) * var(--pf-c-spinner--stroke-width-multiplier)
  );
  --pf-c-spinner__clipper--Width: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--Height: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--after--BoxShadowColor: var(--pf-c-spinner--Color);
  --pf-c-spinner__clipper--after--Width: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--after--Height: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--after--BoxShadowSpreadRadius: var(
    --pf-c-spinner--stroke-width
  );
  --pf-c-spinner__lead-ball--after--BackgroundColor: var(--pf-c-spinner--Color);
  --pf-c-spinner__ball--after--Width: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__ball--after--Height: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__tail-ball--after--BackgroundColor: var(--pf-c-spinner--Color);
  position: relative;
  display: inline-block;
  text-align: left;
  animation: pf-animation-spinner-parent
    calc(var(--pf-c-spinner--AnimationDuration) * 2)
    var(--pf-c-spinner--AnimationTimingFunction) infinite;
}
@keyframes pf-animation-spinner-parent {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(540deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
.pf-c-spinner__clipper {
  position: absolute;
  width: var(--pf-c-spinner__clipper--Width);
  height: var(--pf-c-spinner__clipper--Height);
  clip-path: inset(0 0 50% 50%);
  animation: pf-animation-spinner__clipper
    var(--pf-c-spinner--AnimationDuration) linear infinite;
}
@keyframes pf-animation-spinner__clipper {
  0% {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pf-c-spinner__clipper:after {
  position: absolute;
  width: var(--pf-c-spinner__clipper--after--Width);
  height: var(--pf-c-spinner__clipper--after--Height);
  clip-path: inset(0 0 0 50%);
  content: "";
  border-radius: 50%;
  box-shadow: inset 0 0 0
    var(--pf-c-spinner__clipper--after--BoxShadowSpreadRadius)
    var(--pf-c-spinner__clipper--after--BoxShadowColor);
  animation: pf-animation-spinner__clipper-after
    var(--pf-c-spinner--AnimationDuration) linear infinite;
}
@keyframes pf-animation-spinner__clipper-after {
  0% {
    transform: rotate(-180deg);
  }
  to {
    transform: rotate(90deg);
  }
}
.pf-c-spinner__lead-ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: pf-animation-spinner__lead-ball
    var(--pf-c-spinner--AnimationDuration) linear infinite;
}
.pf-c-spinner__lead-ball:after {
  position: absolute;
  top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);
  right: 0;
  width: var(--pf-c-spinner__ball--after--Width);
  height: var(--pf-c-spinner__ball--after--Height);
  content: "";
  background-color: var(--pf-c-spinner__lead-ball--after--BackgroundColor);
  border-radius: 50%;
  transform-origin: top right;
}
@keyframes pf-animation-spinner__lead-ball {
  0% {
    transform: rotate(0);
  }
  33% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pf-c-spinner__tail-ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: pf-animation-spinner__tail-ball
    var(--pf-c-spinner--AnimationDuration) linear infinite;
}
.pf-c-spinner__tail-ball:after {
  position: absolute;
  top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);
  right: 0;
  width: var(--pf-c-spinner__ball--after--Width);
  height: var(--pf-c-spinner__ball--after--Height);
  content: "";
  background-color: var(--pf-c-spinner__tail-ball--after--BackgroundColor);
  border-radius: 50%;
  transform-origin: top right;
}
@keyframes pf-animation-spinner__tail-ball {
  0% {
    transform: rotate(0);
  }
  66% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
svg.pf-c-spinner {
  --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);
  --pf-c-spinner--AnimationDuration: 1.4s;
  --pf-c-spinner--AnimationTimingFunction: linear;
  --pf-c-spinner--stroke-width: 10;
  --pf-c-spinner__path--Stroke: var(--pf-c-spinner--Color);
  --pf-c-spinner__path--StrokeWidth: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__path--AnimationTimingFunction: ease-in-out;
  --pf-c-spinner--m-sm--diameter: var(--pf-global--icon--FontSize--sm);
  --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
  --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
  --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
  animation: pf-c-spinner-animation-rotate
    calc(var(--pf-c-spinner--AnimationDuration) * 2)
    var(--pf-c-spinner--AnimationTimingFunction) infinite;
}
svg.pf-c-spinner.pf-m-sm {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
}
svg.pf-c-spinner.pf-m-md {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter);
}
svg.pf-c-spinner.pf-m-lg {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter);
}
svg.pf-c-spinner.pf-m-xl {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter);
}
.pf-c-spinner__path {
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration)
    var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
  stroke: var(--pf-c-spinner--Color);
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: var(--pf-c-spinner--stroke-width);
}
@keyframes pf-c-spinner-animation-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pf-c-spinner-animation-dash {
  0% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  15% {
    stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
  }
  40% {
    stroke-dashoffset: 150;
    stroke-dasharray: 220;
  }
  to {
    stroke-dashoffset: 280;
    transform: rotate(720deg);
  }
}
.pf-c-badge {
  --pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
  --pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-badge--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-badge--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-badge--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-badge--Color: var(--pf-global--Color--dark-100);
  --pf-c-badge--MinWidth: var(--pf-global--spacer--xl);
  --pf-c-badge--m-read--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-badge--m-read--Color: var(--pf-global--Color--dark-100);
  --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--100);
  --pf-c-badge--m-unread--Color: var(--pf-global--Color--light-100);
  display: inline-block;
  min-width: var(--pf-c-badge--MinWidth);
  padding-right: var(--pf-c-badge--PaddingRight);
  padding-left: var(--pf-c-badge--PaddingLeft);
  font-size: var(--pf-c-badge--FontSize);
  font-weight: var(--pf-c-badge--FontWeight);
  color: var(--pf-c-badge--Color);
  text-align: center;
  background-color: var(--pf-c-badge--BackgroundColor);
  border-radius: var(--pf-c-badge--BorderRadius);
}
.pf-c-badge.pf-m-read {
  --pf-c-badge--Color: var(--pf-c-badge--m-read--Color);
  --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-read--BackgroundColor);
}
.pf-c-badge.pf-m-unread {
  --pf-c-badge--Color: var(--pf-c-badge--m-unread--Color);
  --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor);
}
:where(.pf-theme-dark) .pf-c-badge {
  --pf-c-badge--m-read--BackgroundColor: var(--pf-global--palette--black-500);
  --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--300);
}
.pf-c-alert {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-alert {
  --pf-c-alert--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-alert--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-alert--GridTemplateColumns: max-content 1fr max-content;
  --pf-c-alert--GridTemplateAreas: "icon title action"
    ". description description" ". actiongroup actiongroup";
  --pf-c-alert--BorderTopWidth: var(--pf-global--BorderWidth--md);
  --pf-c-alert--BorderTopColor: var(--pf-global--default-color--200);
  --pf-c-alert--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-alert--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-alert--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-alert--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-alert__FontSize: var(--pf-global--FontSize--sm);
  --pf-c-alert__toggle--MarginTop: calc(
    -1 * var(--pf-global--spacer--form-element) - 0.0625rem
  );
  --pf-c-alert__toggle--MarginBottom: calc(
    -1 * var(--pf-global--spacer--form-element)
  );
  --pf-c-alert__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
  --pf-c-alert__toggle-icon--Rotate: 0;
  --pf-c-alert__toggle-icon--Transition: var(--pf-global--Transition);
  --pf-c-alert__icon--Color: var(--pf-global--default-color--200);
  --pf-c-alert__icon--MarginTop: 0.0625rem;
  --pf-c-alert__icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-alert__icon--FontSize: var(--pf-global--icon--FontSize--md);
  --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-alert__title--Color: var(--pf-global--default-color--300);
  --pf-c-alert__title--max-lines: 1;
  --pf-c-alert__action--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-alert__action--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-alert__action--TranslateY: 0.125rem;
  --pf-c-alert__action--MarginRight: calc(var(--pf-global--spacer--sm) * -1);
  --pf-c-alert__description--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-alert__action-group--PaddingTop-base: var(--pf-global--spacer--xs);
  --pf-c-alert__action-group--PaddingTop: var(
    --pf-c-alert__action-group--PaddingTop-base
  );
  --pf-c-alert__description--action-group--PaddingTop-base: var(
    --pf-global--spacer--md
  );
  --pf-c-alert__description--action-group--PaddingTop: var(
    --pf-c-alert__description--action-group--PaddingTop-base
  );
  --pf-c-alert__action-group__c-button--not-last-child--MarginRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-alert--m-success--BorderTopColor: var(--pf-global--success-color--100);
  --pf-c-alert--m-success__icon--Color: var(--pf-global--success-color--100);
  --pf-c-alert--m-success__title--Color: var(--pf-global--success-color--200);
  --pf-c-alert--m-danger--BorderTopColor: var(--pf-global--danger-color--100);
  --pf-c-alert--m-danger__icon--Color: var(--pf-global--danger-color--100);
  --pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--200);
  --pf-c-alert--m-warning--BorderTopColor: var(--pf-global--warning-color--100);
  --pf-c-alert--m-warning__icon--Color: var(--pf-global--warning-color--100);
  --pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--200);
  --pf-c-alert--m-info--BorderTopColor: var(--pf-global--info-color--100);
  --pf-c-alert--m-info__icon--Color: var(--pf-global--info-color--100);
  --pf-c-alert--m-info__title--Color: var(--pf-global--info-color--200);
  --pf-c-alert--m-inline--BoxShadow: none;
  --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--cyan-50);
  --pf-c-alert--m-inline--m-success--BackgroundColor: var(
    --pf-global--palette--green-50
  );
  --pf-c-alert--m-inline--m-danger--BackgroundColor: var(
    --pf-global--palette--red-50
  );
  --pf-c-alert--m-inline--m-warning--BackgroundColor: var(
    --pf-global--palette--gold-50
  );
  --pf-c-alert--m-inline--m-info--BackgroundColor: var(
    --pf-global--palette--blue-50
  );
  --pf-c-alert--m-inline--m-plain--BorderTopWidth: 0;
  --pf-c-alert--m-inline--m-plain--BackgroundColor: transparent;
  --pf-c-alert--m-inline--m-plain--PaddingTop: 0;
  --pf-c-alert--m-inline--m-plain--PaddingRight: 0;
  --pf-c-alert--m-inline--m-plain--PaddingBottom: 0;
  --pf-c-alert--m-inline--m-plain--PaddingLeft: 0;
  --pf-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr
    max-content;
  --pf-c-alert--m-expandable--GridTemplateAreas: "toggle icon title action"
    ". . description description" ". . actiongroup actiongroup";
  --pf-c-alert--m-expandable__description--action-group--PaddingTop: var(
    --pf-c-alert__action-group--PaddingTop-base
  );
  --pf-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-alert--m-expanded__description--action-group--PaddingTop: var(
    --pf-c-alert__description--action-group--PaddingTop-base
  );
  color: var(--pf-global--Color--100);
  position: relative;
  display: grid;
  padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight)
    var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
  font-size: var(--pf-c-alert__FontSize);
  background-color: var(--pf-c-alert--BackgroundColor);
  border-top: var(--pf-c-alert--BorderTopWidth) solid
    var(--pf-c-alert--BorderTopColor);
  box-shadow: var(--pf-c-alert--BoxShadow);
  grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
  grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
}
.pf-c-alert.pf-m-success {
  --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
  --pf-c-alert__icon--Color: var(--pf-c-alert--m-success__icon--Color);
  --pf-c-alert__title--Color: var(--pf-c-alert--m-success__title--Color);
  --pf-c-alert--m-inline--BackgroundColor: var(
    --pf-c-alert--m-inline--m-success--BackgroundColor
  );
}
.pf-c-alert.pf-m-danger {
  --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-danger--BorderTopColor);
  --pf-c-alert__icon--Color: var(--pf-c-alert--m-danger__icon--Color);
  --pf-c-alert__title--Color: var(--pf-c-alert--m-danger__title--Color);
  --pf-c-alert--m-inline--BackgroundColor: var(
    --pf-c-alert--m-inline--m-danger--BackgroundColor
  );
}
.pf-c-alert.pf-m-warning {
  --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-warning--BorderTopColor);
  --pf-c-alert__icon--Color: var(--pf-c-alert--m-warning__icon--Color);
  --pf-c-alert__title--Color: var(--pf-c-alert--m-warning__title--Color);
  --pf-c-alert--m-inline--BackgroundColor: var(
    --pf-c-alert--m-inline--m-warning--BackgroundColor
  );
}
.pf-c-alert.pf-m-info {
  --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-info--BorderTopColor);
  --pf-c-alert__icon--Color: var(--pf-c-alert--m-info__icon--Color);
  --pf-c-alert__title--Color: var(--pf-c-alert--m-info__title--Color);
  --pf-c-alert--m-inline--BackgroundColor: var(
    --pf-c-alert--m-inline--m-info--BackgroundColor
  );
}
.pf-c-alert.pf-m-inline {
  --pf-c-alert--BoxShadow: var(--pf-c-alert--m-inline--BoxShadow);
  --pf-c-alert--BackgroundColor: var(--pf-c-alert--m-inline--BackgroundColor);
}
.pf-c-alert.pf-m-plain {
  --pf-c-alert--BorderTopWidth: var(
    --pf-c-alert--m-inline--m-plain--BorderTopWidth
  );
  --pf-c-alert--BackgroundColor: var(
    --pf-c-alert--m-inline--m-plain--BackgroundColor
  );
  --pf-c-alert--PaddingTop: var(--pf-c-alert--m-inline--m-plain--PaddingTop);
  --pf-c-alert--PaddingRight: var(
    --pf-c-alert--m-inline--m-plain--PaddingRight
  );
  --pf-c-alert--PaddingBottom: var(
    --pf-c-alert--m-inline--m-plain--PaddingBottom
  );
  --pf-c-alert--PaddingLeft: var(--pf-c-alert--m-inline--m-plain--PaddingLeft);
}
.pf-c-alert.pf-m-expandable {
  --pf-c-alert--GridTemplateColumns: var(
    --pf-c-alert--m-expandable--GridTemplateColumns
  );
  --pf-c-alert--GridTemplateAreas: var(
    --pf-c-alert--m-expandable--GridTemplateAreas
  );
  --pf-c-alert__description--action-group--PaddingTop: var(
    --pf-c-alert--m-expandable__description--action-group--PaddingTop
  );
}
.pf-c-alert.pf-m-expanded {
  --pf-c-alert__toggle-icon--Rotate: var(
    --pf-c-alert--m-expanded__toggle-icon--Rotate
  );
  --pf-c-alert__description--action-group--PaddingTop: var(
    --pf-c-alert--m-expanded__description--action-group--PaddingTop
  );
}
.pf-c-alert__toggle {
  margin-top: var(--pf-c-alert__toggle--MarginTop);
  margin-bottom: var(--pf-c-alert__toggle--MarginBottom);
  margin-left: var(--pf-c-alert__toggle--MarginLeft);
}
.pf-c-alert__toggle-icon {
  display: inline-block;
  transition: var(--pf-c-alert__toggle-icon--Transition);
  transform: rotate(var(--pf-c-alert__toggle-icon--Rotate));
}
.pf-c-alert__icon {
  grid-area: icon;
  display: flex;
  margin-top: var(--pf-c-alert__icon--MarginTop);
  margin-right: var(--pf-c-alert__icon--MarginRight);
  font-size: var(--pf-c-alert__icon--FontSize);
  color: var(--pf-c-alert__icon--Color);
}
.pf-c-alert__title {
  grid-area: title;
  font-weight: var(--pf-c-alert__title--FontWeight);
  color: var(--pf-c-alert__title--Color);
  word-break: break-word;
}
.pf-c-alert__title.pf-m-truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--pf-c-alert__title--max-lines);
  overflow: hidden;
}
.pf-c-alert__description {
  grid-area: description;
  padding-top: var(--pf-c-alert__description--PaddingTop);
  word-break: break-word;
}
.pf-c-alert__description + .pf-c-alert__action-group {
  --pf-c-alert__action-group--PaddingTop: var(
    --pf-c-alert__description--action-group--PaddingTop
  );
}
.pf-c-alert__action {
  grid-area: action;
  margin-top: var(--pf-c-alert__action--MarginTop);
  margin-right: var(--pf-c-alert__action--MarginRight);
  margin-bottom: var(--pf-c-alert__action--MarginBottom);
  transform: translateY(var(--pf-c-alert__action--TranslateY));
}
.pf-c-alert__action > .pf-c-button {
  --pf-c-button--LineHeight: 1;
}
.pf-c-alert__action-group {
  grid-area: actiongroup;
  padding-top: var(--pf-c-alert__action-group--PaddingTop);
}
.pf-c-alert__action-group > .pf-c-button {
  --pf-c-button--m-link--m-inline--hover--TextDecoration: none;
}
.pf-c-alert__action-group > .pf-c-button:not(:last-child) {
  margin-right: var(
    --pf-c-alert__action-group__c-button--not-last-child--MarginRight
  );
}
.pf-m-overpass-font .pf-c-alert__title {
  --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
}
:where(.pf-theme-dark) .pf-c-alert {
  --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-600);
  --pf-c-alert__title--Color: var(--pf-global--default-color--200);
  --pf-c-alert--m-success__title--Color: var(--pf-global--success-color--100);
  --pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--100);
  --pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--100);
  --pf-c-alert--m-info__title--Color: var(--pf-global--info-color--100);
  --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-600);
  --pf-c-alert--m-inline--m-success--BackgroundColor: var(
    --pf-global--palette--black-600
  );
  --pf-c-alert--m-inline--m-danger--BackgroundColor: var(
    --pf-global--palette--black-600
  );
  --pf-c-alert--m-inline--m-warning--BackgroundColor: var(
    --pf-global--palette--black-600
  );
  --pf-c-alert--m-inline--m-info--BackgroundColor: var(
    --pf-global--palette--black-600
  );
}
.pf-u-screen-reader {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.pf-u-visible {
  position: static;
  overflow: visible;
  clip: auto;
  white-space: normal;
  border: inherit;
}
.pf-u-hidden {
  display: none !important;
}
@media screen and (min-width: 576px) {
  .pf-u-screen-reader-on-sm {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-visible-on-sm {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}
@media screen and (min-width: 576px) {
  .pf-u-hidden-on-sm {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-screen-reader-on-md {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-visible-on-md {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}
@media screen and (min-width: 768px) {
  .pf-u-hidden-on-md {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-screen-reader-on-lg {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-visible-on-lg {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}
@media screen and (min-width: 992px) {
  .pf-u-hidden-on-lg {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-screen-reader-on-xl {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-visible-on-xl {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}
@media screen and (min-width: 1200px) {
  .pf-u-hidden-on-xl {
    display: none !important;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-screen-reader-on-2xl {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-visible-on-2xl {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}
@media screen and (min-width: 1450px) {
  .pf-u-hidden-on-2xl {
    display: none !important;
  }
}
.pf-c-tooltip {
  --pf-c-tooltip--MaxWidth: 18.75rem;
  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
  --pf-c-tooltip__content--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-100
  );
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-tooltip__arrow--Width: 0.5rem;
  --pf-c-tooltip__arrow--Height: 0.5rem;
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
  --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
  --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
  --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
  --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
  --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
  --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
  --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
  --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
  --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
  position: relative;
  max-width: var(--pf-c-tooltip--MaxWidth);
  box-shadow: var(--pf-c-tooltip--BoxShadow);
}
.pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
  bottom: 0;
  left: 50%;
  transform: translate(var(--pf-c-tooltip__arrow--m-top--TranslateX))
    translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY))
    rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
}
.pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
  top: 0;
  left: 50%;
  transform: translate(var(--pf-c-tooltip__arrow--m-bottom--TranslateX))
    translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY))
    rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
}
.pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
  top: 50%;
  right: 0;
  transform: translate(var(--pf-c-tooltip__arrow--m-left--TranslateX))
    translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY))
    rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
}
.pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
  top: 50%;
  left: 0;
  transform: translate(var(--pf-c-tooltip__arrow--m-right--TranslateX))
    translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY))
    rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
}
.pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
  top: var(--pf-c-tooltip__arrow--Height);
}
.pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
  top: auto;
  bottom: 0;
}
.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
  left: var(--pf-c-tooltip__arrow--Width);
}
.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow,
.pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
  right: 0;
  left: auto;
}
.pf-c-tooltip__content {
  position: relative;
  padding: var(--pf-c-tooltip__content--PaddingTop)
    var(--pf-c-tooltip__content--PaddingRight)
    var(--pf-c-tooltip__content--PaddingBottom)
    var(--pf-c-tooltip__content--PaddingLeft);
  font-size: var(--pf-c-tooltip__content--FontSize);
  color: var(--pf-c-tooltip__content--Color);
  text-align: center;
  word-break: break-word;
  background-color: var(--pf-c-tooltip__content--BackgroundColor);
}
.pf-c-tooltip__content.pf-m-text-align-left {
  text-align: left;
}
.pf-c-tooltip__arrow {
  position: absolute;
  width: var(--pf-c-tooltip__arrow--Width);
  height: var(--pf-c-tooltip__arrow--Height);
  pointer-events: none;
  background-color: var(--pf-c-tooltip__content--BackgroundColor);
}
:where(.pf-theme-dark) .pf-c-tooltip {
  --pf-c-tooltip--BoxShadow: none;
  --pf-c-tooltip__content--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
}
:where(.pf-theme-dark) .pf-c-tooltip,
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
  border: var(--pf-global--BorderWidth--lg) solid
    var(--pf-global--BorderColor--300);
}
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
  --pf-c-tooltip__arrow--Width: 0.9375rem;
  --pf-c-tooltip__arrow--Height: 0.9375rem;
}
.pf-c-alert-group {
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
  --pf-c-alert-group--m-toast--Right: var(--pf-global--spacer--xl);
  --pf-c-alert-group--m-toast--MaxWidth: 37.5rem;
  --pf-c-alert-group--m-toast--ZIndex: var(--pf-global--ZIndex--2xl);
  --pf-c-alert-group__overflow-button--BorderWidth: 0;
  --pf-c-alert-group__overflow-button--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-alert-group__overflow-button--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-alert-group__overflow-button--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-alert-group__overflow-button--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-alert-group__overflow-button--Color: var(--pf-global--link--Color);
  --pf-c-alert-group__overflow-button--BoxShadow: var(
    --pf-global--BoxShadow--lg
  );
  --pf-c-alert-group__overflow-button--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-alert-group__overflow-button--hover--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-alert-group__overflow-button--hover--BoxShadow: var(
      --pf-global--BoxShadow--lg
    ),
    var(--pf-global--BoxShadow--lg-bottom);
  --pf-c-alert-group__overflow-button--focus--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-alert-group__overflow-button--focus--BoxShadow: var(
      --pf-global--BoxShadow--lg
    ),
    var(--pf-global--BoxShadow--lg-bottom);
  --pf-c-alert-group__overflow-button--active--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-alert-group__overflow-button--active--BoxShadow: var(
      --pf-global--BoxShadow--lg
    ),
    var(--pf-global--BoxShadow--lg-bottom);
}
.pf-c-alert-group > * + * {
  margin-top: var(--pf-c-alert-group__item--MarginTop);
}
.pf-c-alert-group.pf-m-toast {
  position: fixed;
  top: var(--pf-c-alert-group--m-toast--Top);
  right: var(--pf-c-alert-group--m-toast--Right);
  z-index: var(--pf-c-alert-group--m-toast--ZIndex);
  width: calc(100% - var(--pf-c-alert-group--m-toast--Right) * 2);
  max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
}
.pf-c-alert-group__overflow-button {
  position: relative;
  width: 100%;
  padding: var(--pf-c-alert-group__overflow-button--PaddingTop)
    var(--pf-c-alert-group__overflow-button--PaddingRight)
    var(--pf-c-alert-group__overflow-button--PaddingBottom)
    var(--pf-c-alert-group__overflow-button--PaddingLeft);
  color: var(--pf-c-alert-group__overflow-button--Color);
  background-color: var(--pf-c-alert-group__overflow-button--BackgroundColor);
  border-width: var(--pf-c-alert-group__overflow-button--BorderWidth);
  box-shadow: var(--pf-c-alert-group__overflow-button--BoxShadow);
}
.pf-c-alert-group__overflow-button:hover {
  --pf-c-alert-group__overflow-button--Color: var(
    --pf-c-alert-group__overflow-button--hover--Color
  );
  --pf-c-alert-group__overflow-button--BoxShadow: var(
    --pf-c-alert-group__overflow-button--hover--BoxShadow
  );
}
.pf-c-alert-group__overflow-button:focus {
  --pf-c-alert-group__overflow-button--Color: var(
    --pf-c-alert-group__overflow-button--focus--Color
  );
  --pf-c-alert-group__overflow-button--BoxShadow: var(
    --pf-c-alert-group__overflow-button--focus--BoxShadow
  );
}
.pf-c-alert-group__overflow-button:active {
  --pf-c-alert-group__overflow-button--Color: var(
    --pf-c-alert-group__overflow-button--active--Color
  );
  --pf-c-alert-group__overflow-button--BoxShadow: var(
    --pf-c-alert-group__overflow-button--active--BoxShadow
  );
}
.pf-c-form-control {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-form-control {
  --pf-c-form-control--Color: var(--pf-global--Color--100);
  --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
  --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
  --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-c-form-control--BorderRadius: 0;
  --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-form-control--Width: 100%;
  --pf-c-form-control--Height: calc(
    var(--pf-c-form-control--FontSize) * var(--pf-c-form-control--LineHeight) +
      var(--pf-c-form-control--BorderWidth) * 2 +
      var(--pf-c-form-control--PaddingTop) +
      var(--pf-c-form-control--PaddingBottom)
  );
  --pf-c-form-control--inset--base: var(--pf-global--spacer--sm);
  --pf-c-form-control--PaddingTop: calc(
    var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm)
  );
  --pf-c-form-control--PaddingBottom: calc(
    var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm)
  );
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control--inset--base);
  --pf-c-form-control--PaddingLeft: var(--pf-c-form-control--inset--base);
  --pf-c-form-control--hover--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-form-control--focus--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-form-control--focus--PaddingBottom: calc(
    var(--pf-global--spacer--form-element) -
      var(--pf-c-form-control--focus--BorderBottomWidth)
  );
  --pf-c-form-control--focus--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-form-control--m-expanded--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-form-control--m-expanded--PaddingBottom: calc(
    var(--pf-global--spacer--form-element) -
      var(--pf-c-form-control--focus--BorderBottomWidth)
  );
  --pf-c-form-control--m-expanded--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-form-control--placeholder--Color: var(--pf-global--Color--dark-200);
  --pf-c-form-control--placeholder--child--Color: var(--pf-global--Color--100);
  --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--100);
  --pf-c-form-control--disabled--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  --pf-c-form-control--disabled--BorderColor: transparent;
  --pf-c-form-control--readonly--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  --pf-c-form-control--readonly--hover--BorderBottomColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-form-control--readonly--focus--PaddingBottom: calc(
    var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm)
  );
  --pf-c-form-control--readonly--focus--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-form-control--readonly--focus--BorderBottomColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-form-control--readonly--m-plain--BackgroundColor: transparent;
  --pf-c-form-control--readonly--m-plain--inset--base: 0;
  --pf-c-form-control--success--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-form-control--success--PaddingBottom: calc(
    var(--pf-global--spacer--form-element) -
      var(--pf-c-form-control--success--BorderBottomWidth)
  );
  --pf-c-form-control--success--BorderBottomColor: var(
    --pf-global--success-color--100
  );
  --pf-c-form-control--success--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-form-control--success--BackgroundPositionX: calc(
    100% - var(--pf-c-form-control--PaddingLeft)
  );
  --pf-c-form-control--success--BackgroundPositionY: center;
  --pf-c-form-control--success--BackgroundPosition: var(
      --pf-c-form-control--success--BackgroundPositionX
    )
    var(--pf-c-form-control--success--BackgroundPositionY);
  --pf-c-form-control--success--BackgroundSizeX: var(
    --pf-c-form-control--FontSize
  );
  --pf-c-form-control--success--BackgroundSizeY: var(
    --pf-c-form-control--FontSize
  );
  --pf-c-form-control--success--BackgroundSize: var(
      --pf-c-form-control--success--BackgroundSizeX
    )
    var(--pf-c-form-control--success--BackgroundSizeY);
  --pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233e8635' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
  --pf-c-form-control--m-warning--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-form-control--m-warning--PaddingBottom: calc(
    var(--pf-global--spacer--form-element) -
      var(--pf-c-form-control--m-warning--BorderBottomWidth)
  );
  --pf-c-form-control--m-warning--BorderBottomColor: var(
    --pf-global--warning-color--100
  );
  --pf-c-form-control--m-warning--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-form-control--m-warning--BackgroundPositionX: calc(
    100% - calc(var(--pf-c-form-control--PaddingLeft) - 0.0625rem)
  );
  --pf-c-form-control--m-warning--BackgroundPositionY: center;
  --pf-c-form-control--m-warning--BackgroundPosition: var(
      --pf-c-form-control--m-warning--BackgroundPositionX
    )
    var(--pf-c-form-control--m-warning--BackgroundPositionY);
  --pf-c-form-control--m-warning--BackgroundSizeX: 1.25rem;
  --pf-c-form-control--m-warning--BackgroundSizeY: var(
    --pf-c-form-control--FontSize
  );
  --pf-c-form-control--m-warning--BackgroundSize: var(
      --pf-c-form-control--m-warning--BackgroundSizeX
    )
    var(--pf-c-form-control--m-warning--BackgroundSizeY);
  --pf-c-form-control--m-warning--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
  --pf-c-form-control--invalid--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-form-control--invalid--PaddingBottom: calc(
    var(--pf-global--spacer--form-element) -
      var(--pf-c-form-control--invalid--BorderBottomWidth)
  );
  --pf-c-form-control--invalid--BorderBottomColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-form-control--invalid--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-form-control--invalid--BackgroundPositionX: calc(
    100% - var(--pf-c-form-control--PaddingLeft)
  );
  --pf-c-form-control--invalid--BackgroundPositionY: center;
  --pf-c-form-control--invalid--BackgroundPosition: var(
      --pf-c-form-control--invalid--BackgroundPositionX
    )
    var(--pf-c-form-control--invalid--BackgroundPositionY);
  --pf-c-form-control--invalid--BackgroundSizeX: var(
    --pf-c-form-control--FontSize
  );
  --pf-c-form-control--invalid--BackgroundSizeY: var(
    --pf-c-form-control--FontSize
  );
  --pf-c-form-control--invalid--BackgroundSize: var(
      --pf-c-form-control--invalid--BackgroundSizeX
    )
    var(--pf-c-form-control--invalid--BackgroundSizeY);
  --pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
  --pf-c-form-control--invalid--exclamation--Background: var(
      --pf-c-form-control--invalid--BackgroundUrl
    )
    var(--pf-c-form-control--invalid--BackgroundPosition) /
    var(--pf-c-form-control--invalid--BackgroundSize) no-repeat;
  --pf-c-form-control--invalid--Background: var(
      --pf-c-form-control--BackgroundColor
    )
    var(--pf-c-form-control--invalid--exclamation--Background);
  --pf-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-form-control--m-search--BackgroundPosition: var(
    --pf-c-form-control--PaddingRight
  );
  --pf-c-form-control--m-search--BackgroundSize: var(
      --pf-c-form-control--FontSize
    )
    var(--pf-c-form-control--FontSize);
  --pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
  --pf-c-form-control--m-icon--PaddingRight: calc(
    var(--pf-c-form-control--inset--base) +
      var(--pf-c-form-control--m-icon--BackgroundSizeX) +
      var(--pf-c-form-control--m-icon--icon--spacer)
  );
  --pf-c-form-control--m-icon--BackgroundUrl: none;
  --pf-c-form-control--m-icon--BackgroundPositionX: calc(
    100% - var(--pf-c-form-control--inset--base)
  );
  --pf-c-form-control--m-icon--BackgroundPositionY: center;
  --pf-c-form-control--m-icon--BackgroundSizeX: var(
    --pf-c-form-control--FontSize
  );
  --pf-c-form-control--m-icon--BackgroundSizeY: var(
    --pf-c-form-control--FontSize
  );
  --pf-c-form-control--m-icon--icon--spacer: var(--pf-global--spacer--sm);
  --pf-c-form-control--m-icon--icon--PaddingRight: calc(
    var(--pf-c-form-control--inset--base) +
      var(--pf-c-form-control--invalid--BackgroundSizeX) +
      var(--pf-c-form-control--m-icon--icon--spacer) +
      var(--pf-c-form-control--m-icon--BackgroundSizeX) +
      var(--pf-c-form-control--m-icon--icon--spacer)
  );
  --pf-c-form-control--m-icon--icon--BackgroundPositionX: calc(
    var(--pf-c-form-control--m-icon--BackgroundPositionX) -
      var(--pf-c-form-control--m-icon--icon--spacer) -
      var(--pf-c-form-control--invalid--BackgroundSizeX)
  );
  --pf-c-form-control--m-icon--invalid--BackgroundUrl: var(
      --pf-c-form-control--invalid--BackgroundUrl
    ),
    var(--pf-c-form-control--m-icon--BackgroundUrl);
  --pf-c-form-control--m-icon--invalid--BackgroundPosition: var(
      --pf-c-form-control--invalid--BackgroundPosition
    ),
    var(--pf-c-form-control--m-icon--icon--BackgroundPositionX)
      var(--pf-c-form-control--m-icon--BackgroundPositionY);
  --pf-c-form-control--m-icon--invalid--BackgroundSize: var(
      --pf-c-form-control--invalid--BackgroundSize
    ),
    var(--pf-c-form-control--m-icon--BackgroundSizeX)
      var(--pf-c-form-control--m-icon--BackgroundSizeY);
  --pf-c-form-control--m-icon--success--BackgroundUrl: var(
      --pf-c-form-control--success--BackgroundUrl
    ),
    var(--pf-c-form-control--m-icon--BackgroundUrl);
  --pf-c-form-control--m-icon--success--BackgroundPosition: var(
      --pf-c-form-control--success--BackgroundPosition
    ),
    var(--pf-c-form-control--m-icon--icon--BackgroundPositionX)
      var(--pf-c-form-control--m-icon--BackgroundPositionY);
  --pf-c-form-control--m-icon--success--BackgroundSize: var(
      --pf-c-form-control--success--BackgroundSize
    ),
    var(--pf-c-form-control--m-icon--BackgroundSizeX)
      var(--pf-c-form-control--m-icon--BackgroundSizeY);
  --pf-c-form-control--m-icon--m-warning--BackgroundUrl: var(
      --pf-c-form-control--m-warning--BackgroundUrl
    ),
    var(--pf-c-form-control--m-icon--BackgroundUrl);
  --pf-c-form-control--m-icon--m-warning--BackgroundPosition: var(
      --pf-c-form-control--m-warning--BackgroundPosition
    ),
    var(--pf-c-form-control--m-icon--icon--BackgroundPositionX)
      var(--pf-c-form-control--m-icon--BackgroundPositionY);
  --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(
      --pf-c-form-control--m-warning--BackgroundSize
    ),
    var(--pf-c-form-control--m-icon--BackgroundSizeX)
      var(--pf-c-form-control--m-icon--BackgroundSizeY);
  --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
  --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
  --pf-c-form-control__select--PaddingRight: calc(
    var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) +
      var(--pf-c-form-control--BorderWidth)
  );
  --pf-c-form-control__select--PaddingLeft: calc(
    var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth)
  );
  --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='%23urrentColor' 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__select--BackgroundSize: 0.625em;
  --pf-c-form-control__select--BackgroundPositionX: calc(
    100% - var(--pf-global--spacer--md) + 1px
  );
  --pf-c-form-control__select--BackgroundPositionY: center;
  --pf-c-form-control__select--BackgroundPosition: var(
      --pf-c-form-control__select--BackgroundPositionX
    )
    var(--pf-c-form-control__select--BackgroundPositionY);
  --pf-c-form-control__select--success--PaddingRight: var(
    --pf-global--spacer--3xl
  );
  --pf-c-form-control__select--success--BackgroundPosition: calc(
    var(--pf-c-form-control__select--BackgroundPositionX) -
      var(--pf-global--spacer--lg)
  );
  --pf-c-form-control__select--m-warning--PaddingRight: var(
    --pf-global--spacer--3xl
  );
  --pf-c-form-control__select--m-warning--BackgroundPosition: calc(
    var(--pf-c-form-control__select--BackgroundPositionX) -
      var(--pf-global--spacer--lg) + 0.0625rem
  );
  --pf-c-form-control__select--invalid--PaddingRight: var(
    --pf-global--spacer--3xl
  );
  --pf-c-form-control__select--invalid--BackgroundPosition: calc(
    var(--pf-c-form-control__select--BackgroundPositionX) -
      var(--pf-global--spacer--lg)
  );
  --pf-c-form-control--textarea--Width: var(--pf-c-form-control--Width);
  --pf-c-form-control--textarea--Height: auto;
  --pf-c-form-control--textarea--success--BackgroundPositionY: var(
    --pf-c-form-control--PaddingLeft
  );
  --pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(
    --pf-c-form-control--PaddingLeft
  );
  --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(
    --pf-c-form-control--PaddingLeft
  );
  --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url(./status-icon-sprite-bc89cb14.svg#success);
  --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url(./status-icon-sprite-bc89cb14.svg#warning);
  --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url(./status-icon-sprite-bc89cb14.svg#invalid);
  --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url(./status-icon-sprite-bc89cb14.svg#select);
  --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url(./status-icon-sprite-bc89cb14.svg#search);
  --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url(./status-icon-sprite-bc89cb14.svg#calendar);
  --pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url(./status-icon-sprite-bc89cb14.svg#clock);
  --pf-c-form-control--m-icon-sprite__select--BackgroundSize: var(
    --pf-c-form-control--FontSize
  );
  --pf-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(
    100% - var(--pf-global--spacer--md) + 7px
  );
  --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(
    100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg)
  );
  --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(
    100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) +
      0.0625rem
  );
  --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(
    100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg)
  );
  color: var(--pf-c-form-control--Color);
  width: var(--pf-c-form-control--Width);
  padding: var(--pf-c-form-control--PaddingTop)
    var(--pf-c-form-control--PaddingRight)
    var(--pf-c-form-control--PaddingBottom)
    var(--pf-c-form-control--PaddingLeft);
  font-size: var(--pf-c-form-control--FontSize);
  line-height: var(--pf-c-form-control--LineHeight);
  background-color: var(--pf-c-form-control--BackgroundColor);
  background-repeat: no-repeat;
  border: var(--pf-c-form-control--BorderWidth) 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);
  border-radius: var(--pf-c-form-control--BorderRadius);
  -moz-appearance: none;
  -webkit-appearance: none;
}
.pf-c-form-control::placeholder {
  color: var(--pf-c-form-control--placeholder--Color);
}
.pf-c-form-control:not(textarea) {
  height: var(--pf-c-form-control--Height);
  text-overflow: ellipsis;
}
.pf-c-form-control[readonly] {
  background-color: var(--pf-c-form-control--readonly--BackgroundColor);
}
.pf-c-form-control[readonly]:not(.pf-m-success):not(
    [aria-invalid="true"]
  ):hover {
  --pf-c-form-control--BorderBottomColor: var(
    --pf-c-form-control--readonly--hover--BorderBottomColor
  );
}
.pf-c-form-control[readonly]:not(.pf-m-success):not(
    [aria-invalid="true"]
  ):focus {
  --pf-c-form-control--focus--PaddingBottom: var(
    --pf-c-form-control--readonly--focus--PaddingBottom
  );
  --pf-c-form-control--focus--BorderBottomWidth: var(
    --pf-c-form-control--readonly--focus--BorderBottomWidth
  );
  --pf-c-form-control--focus--BorderBottomColor: var(
    --pf-c-form-control--readonly--focus--BorderBottomColor
  );
}
.pf-c-form-control[readonly].pf-m-plain {
  --pf-c-form-control--readonly--BackgroundColor: var(
    --pf-c-form-control--readonly--m-plain--BackgroundColor
  );
  --pf-c-form-control--inset--base: var(
    --pf-c-form-control--readonly--m-plain--inset--base
  );
  border-color: transparent;
}
.pf-c-form-control:hover {
  --pf-c-form-control--BorderBottomColor: var(
    --pf-c-form-control--hover--BorderBottomColor
  );
}
.pf-c-form-control:focus {
  --pf-c-form-control--BorderBottomColor: var(
    --pf-c-form-control--focus--BorderBottomColor
  );
  padding-bottom: var(--pf-c-form-control--focus--PaddingBottom);
  border-bottom-width: var(--pf-c-form-control--focus--BorderBottomWidth);
}
.pf-c-form-control.pf-m-expanded {
  --pf-c-form-control--BorderBottomColor: var(
    --pf-c-form-control--m-expanded--BorderBottomColor
  );
  padding-bottom: var(--pf-c-form-control--m-expanded--PaddingBottom);
  border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
}
.pf-c-form-control:disabled {
  --pf-c-form-control--BackgroundColor: var(
    --pf-c-form-control--disabled--BackgroundColor
  );
  color: var(--pf-c-form-control--disabled--Color);
  cursor: not-allowed;
  border-color: var(--pf-c-form-control--disabled--BorderColor);
}
.pf-c-form-control[aria-invalid="true"] {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control--invalid--PaddingRight
  );
  --pf-c-form-control--BorderBottomColor: var(
    --pf-c-form-control--invalid--BorderBottomColor
  );
  padding-bottom: var(--pf-c-form-control--invalid--PaddingBottom);
  background-image: var(--pf-c-form-control--invalid--BackgroundUrl);
  background-position: var(--pf-c-form-control--invalid--BackgroundPosition);
  background-size: var(--pf-c-form-control--invalid--BackgroundSize);
  border-bottom-width: var(--pf-c-form-control--invalid--BorderBottomWidth);
}
.pf-c-form-control[aria-invalid="true"].pf-m-icon {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control--m-icon--icon--PaddingRight
  );
  background-image: var(--pf-c-form-control--m-icon--invalid--BackgroundUrl);
  background-position: var(
    --pf-c-form-control--m-icon--invalid--BackgroundPosition
  );
  background-size: var(--pf-c-form-control--m-icon--invalid--BackgroundSize);
}
.pf-c-form-control.pf-m-success {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control--success--PaddingRight
  );
  --pf-c-form-control--BorderBottomColor: var(
    --pf-c-form-control--success--BorderBottomColor
  );
  padding-bottom: var(--pf-c-form-control--success--PaddingBottom);
  background-image: var(--pf-c-form-control--success--BackgroundUrl);
  background-position: var(--pf-c-form-control--success--BackgroundPosition);
  background-size: var(--pf-c-form-control--success--BackgroundSize);
  border-bottom-width: var(--pf-c-form-control--success--BorderBottomWidth);
}
.pf-c-form-control.pf-m-success.pf-m-icon {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control--m-icon--icon--PaddingRight
  );
  background-image: var(--pf-c-form-control--m-icon--success--BackgroundUrl);
  background-position: var(
    --pf-c-form-control--m-icon--success--BackgroundPosition
  );
  background-size: var(--pf-c-form-control--m-icon--success--BackgroundSize);
}
.pf-c-form-control.pf-m-warning {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control--m-warning--PaddingRight
  );
  --pf-c-form-control--BorderBottomColor: var(
    --pf-c-form-control--m-warning--BorderBottomColor
  );
  padding-bottom: var(--pf-c-form-control--m-warning--PaddingBottom);
  background-image: var(--pf-c-form-control--m-warning--BackgroundUrl);
  background-position: var(--pf-c-form-control--m-warning--BackgroundPosition);
  background-size: var(--pf-c-form-control--m-warning--BackgroundSize);
  border-bottom-width: var(--pf-c-form-control--m-warning--BorderBottomWidth);
}
.pf-c-form-control.pf-m-warning.pf-m-icon {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control--m-icon--icon--PaddingRight
  );
  background-image: var(--pf-c-form-control--m-icon--m-warning--BackgroundUrl);
  background-position: var(
    --pf-c-form-control--m-icon--m-warning--BackgroundPosition
  );
  background-size: var(--pf-c-form-control--m-icon--m-warning--BackgroundSize);
}
.pf-c-form-control.pf-m-search {
  --pf-c-form-control--PaddingLeft: var(
    --pf-c-form-control--m-search--PaddingLeft
  );
  background-image: var(--pf-c-form-control--m-search--BackgroundUrl);
  background-position: var(--pf-c-form-control--m-search--BackgroundPosition);
  background-size: var(--pf-c-form-control--m-search--BackgroundSize);
}
.pf-c-form-control.pf-m-icon {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control--m-icon--PaddingRight
  );
  background-image: var(--pf-c-form-control--m-icon--BackgroundUrl);
  background-position: var(--pf-c-form-control--m-icon--BackgroundPositionX)
    var(--pf-c-form-control--m-icon--BackgroundPositionY);
  background-size: var(--pf-c-form-control--m-icon--BackgroundSizeX)
    var(--pf-c-form-control--m-icon--BackgroundSizeY);
}
.pf-c-form-control.pf-m-icon.pf-m-calendar {
  --pf-c-form-control--m-icon--BackgroundUrl: var(
    --pf-c-form-control--m-calendar--BackgroundUrl
  );
}
.pf-c-form-control.pf-m-icon.pf-m-clock {
  --pf-c-form-control--m-icon--BackgroundUrl: var(
    --pf-c-form-control--m-clock--BackgroundUrl
  );
}
.pf-c-form-control.pf-m-icon-sprite {
  --pf-c-form-control--success--BackgroundUrl: var(
    --pf-c-form-control--m-icon-sprite--success--BackgroundUrl
  );
  --pf-c-form-control--m-warning--BackgroundUrl: var(
    --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl
  );
  --pf-c-form-control--invalid--BackgroundUrl: var(
    --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl
  );
  --pf-c-form-control__select--BackgroundUrl: var(
    --pf-c-form-control--m-icon-sprite__select--BackgroundUrl
  );
  --pf-c-form-control--m-search--BackgroundUrl: var(
    --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl
  );
  --pf-c-form-control--m-calendar--BackgroundUrl: var(
    --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl
  );
  --pf-c-form-control--m-clock--BackgroundUrl: var(
    --pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl
  );
  --pf-c-form-control__select--BackgroundSize: var(
    --pf-c-form-control--m-icon-sprite__select--BackgroundSize
  );
  --pf-c-form-control__select--BackgroundPositionX: var(
    --pf-c-form-control--m-icon-sprite__select--BackgroundPositionX
  );
  --pf-c-form-control__select--success--BackgroundPosition: var(
    --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition
  );
  --pf-c-form-control__select--m-warning--BackgroundPosition: var(
    --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition
  );
  --pf-c-form-control__select--invalid--BackgroundPosition: var(
    --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition
  );
}
select.pf-c-form-control {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control__select--PaddingRight
  );
  --pf-c-form-control--PaddingLeft: var(
    --pf-c-form-control__select--PaddingLeft
  );
  background-image: var(--pf-c-form-control__select--BackgroundUrl);
  background-position: var(--pf-c-form-control__select--BackgroundPosition);
  background-size: var(--pf-c-form-control__select--BackgroundSize);
}
@-moz-document url-prefix() {
  select.pf-c-form-control {
    --pf-c-form-control--PaddingRight: calc(
      var(--pf-c-form-control__select--PaddingRight) - 1px
    );
    --pf-c-form-control--PaddingLeft: calc(
      var(--pf-c-form-control__select--PaddingLeft) - 4px
    );
  }
}
select.pf-c-form-control[aria-invalid="true"] {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control__select--invalid--PaddingRight
  );
  --pf-c-form-control--invalid--BackgroundPosition: var(
    --pf-c-form-control__select--invalid--BackgroundPosition
  );
  background-image: var(--pf-c-form-control__select--BackgroundUrl),
    var(--pf-c-form-control--invalid--BackgroundUrl);
  background-position: var(--pf-c-form-control__select--BackgroundPosition),
    var(--pf-c-form-control--invalid--BackgroundPosition);
  background-size: var(--pf-c-form-control__select--BackgroundSize),
    var(--pf-c-form-control--invalid--BackgroundSize);
}
select.pf-c-form-control.pf-m-success {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control__select--success--PaddingRight
  );
  --pf-c-form-control--success--BackgroundPosition: var(
    --pf-c-form-control__select--success--BackgroundPosition
  );
  background-image: var(--pf-c-form-control__select--BackgroundUrl),
    var(--pf-c-form-control--success--BackgroundUrl);
  background-position: var(--pf-c-form-control__select--BackgroundPosition),
    var(--pf-c-form-control--success--BackgroundPosition);
  background-size: var(--pf-c-form-control__select--BackgroundSize),
    var(--pf-c-form-control--success--BackgroundSize);
}
select.pf-c-form-control.pf-m-warning {
  --pf-c-form-control--PaddingRight: var(
    --pf-c-form-control__select--m-warning--PaddingRight
  );
  background-image: var(--pf-c-form-control__select--BackgroundUrl),
    var(--pf-c-form-control--m-warning--BackgroundUrl);
  background-position: var(--pf-c-form-control__select--BackgroundPosition),
    var(--pf-c-form-control__select--m-warning--BackgroundPosition);
  background-size: var(--pf-c-form-control__select--BackgroundSize),
    var(--pf-c-form-control--m-warning--BackgroundSize);
}
select.pf-c-form-control.pf-m-placeholder {
  color: var(--pf-c-form-control--placeholder--Color);
}
select.pf-c-form-control.pf-m-placeholder * {
  color: var(--pf-c-form-control--placeholder--child--Color);
}
select.pf-c-form-control.pf-m-placeholder *:disabled {
  color: revert;
}
textarea.pf-c-form-control {
  --pf-c-form-control--success--BackgroundPositionY: var(
    --pf-c-form-control--textarea--success--BackgroundPositionY
  );
  --pf-c-form-control--invalid--BackgroundPositionY: var(
    --pf-c-form-control--textarea--invalid--BackgroundPositionY
  );
  --pf-c-form-control--m-warning--BackgroundPositionY: var(
    --pf-c-form-control--textarea--m-warning--BackgroundPositionY
  );
  width: var(--pf-c-form-control--textarea--Width);
  height: var(--pf-c-form-control--textarea--Height);
  vertical-align: bottom;
}
.pf-c-form-control.pf-m-resize-vertical {
  resize: vertical;
}
.pf-c-form-control.pf-m-resize-horizontal {
  resize: horizontal;
}
:where(.pf-theme-dark) .pf-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-c-form-control::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
:where(.pf-theme-dark) .pf-c-form-control[readonly] {
  border-bottom-color: var(--pf-global--palette--black-700);
}
:where(.pf-theme-dark) .pf-c-form-control:disabled {
  color: var(--pf-global--palette--black-100);
}
.pf-c-dropdown {
  --pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element);
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-dropdown__toggle--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-dropdown__toggle--MinWidth: 0;
  --pf-c-dropdown__toggle--FontSize: var(--pf-global--FontSize--md);
  --pf-c-dropdown__toggle--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-dropdown__toggle--Color: var(--pf-global--Color--100);
  --pf-c-dropdown__toggle--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-dropdown__toggle--BackgroundColor: transparent;
  --pf-c-dropdown__toggle--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-dropdown__toggle--before--BorderTopColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-dropdown__toggle--before--BorderRightColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-dropdown__toggle--before--BorderLeftColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-dropdown__toggle--hover--before--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-dropdown__toggle--focus--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--focus--before--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-dropdown__toggle--active--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--active--before--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-dropdown__toggle--disabled--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-global--Color--200);
  --pf-c-dropdown__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
  --pf-c-dropdown__toggle--m-plain--disabled--Color: var(
    --pf-global--disabled-color--200
  );
  --pf-c-dropdown__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-dropdown__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-dropdown__toggle--m-plain--child--LineHeight: normal;
  --pf-c-dropdown__toggle--m-primary--Color: var(--pf-global--Color--light-100);
  --pf-c-dropdown__toggle--m-primary--BorderRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle--m-primary--hover--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown__toggle--m-primary--disabled--Color: var(
    --pf-global--Color--100
  );
  --pf-c-dropdown__toggle--m-secondary--Color: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle--m-secondary--hover--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle--m-secondary--focus--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle--m-secondary--active--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(
    --pf-global--FontSize--sm
  );
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(
    --pf-global--spacer--xs
  );
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(
    --pf-global--spacer--xs
  );
  --pf-c-dropdown__toggle--m-split-button--child--BackgroundColor: transparent;
  --pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-dropdown__toggle--m-split-button--last-child--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(
    -1 * var(--pf-global--BorderWidth--sm)
  );
  --pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY: -0.0625rem;
  --pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-dropdown__toggle--m-split-button--child--BorderRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(
    --pf-c-dropdown__toggle--m-split-button--child--BorderRadius
  );
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--active--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--Color: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base: var(
    --pf-global--primary-color--100
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-dropdown__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
  --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
  --pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(
    --pf-global--Color--100
  );
  --pf-c-dropdown__menu--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu--Top: calc(100% + var(--pf-global--spacer--xs));
  --pf-c-dropdown__menu--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-dropdown--m-top__menu--Top: 0;
  --pf-c-dropdown--m-top__menu--TranslateY: calc(
    -100% - var(--pf-global--spacer--xs)
  );
  --pf-c-dropdown__menu-item--BackgroundColor: transparent;
  --pf-c-dropdown__menu-item--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu-item--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-dropdown__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu-item--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-dropdown__menu-item--FontSize: var(--pf-global--FontSize--md);
  --pf-c-dropdown__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-dropdown__menu-item--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-dropdown__menu-item--Color: var(--pf-global--Color--dark-100);
  --pf-c-dropdown__menu-item--hover--Color: var(--pf-global--Color--dark-100);
  --pf-c-dropdown__menu-item--disabled--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-dropdown__menu-item--disabled--BackgroundColor: transparent;
  --pf-c-dropdown__menu-item--m-text--Color: var(--pf-global--Color--dark-200);
  --pf-c-dropdown__menu-item-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu-item-icon--Width: var(--pf-global--icon--FontSize--lg);
  --pf-c-dropdown__menu-item-icon--Height: var(--pf-global--icon--FontSize--lg);
  --pf-c-dropdown__menu-item-description--FontSize: var(
    --pf-global--FontSize--xs
  );
  --pf-c-dropdown__menu-item-description--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-dropdown__group--group--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-dropdown__group-title--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-dropdown__group-title--PaddingRight: var(
    --pf-c-dropdown__menu-item--PaddingRight
  );
  --pf-c-dropdown__group-title--PaddingBottom: var(
    --pf-c-dropdown__menu-item--PaddingBottom
  );
  --pf-c-dropdown__group-title--PaddingLeft: var(
    --pf-c-dropdown__menu-item--PaddingLeft
  );
  --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-dropdown__group-title--FontWeight: var(
    --pf-global--FontWeight--normal
  );
  --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
  --pf-c-dropdown__toggle-image--MarginTop: 0;
  --pf-c-dropdown__toggle-image--MarginBottom: 0;
  --pf-c-dropdown__toggle-image--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-dropdown--c-divider--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-dropdown--c-divider--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft: var(
    --pf-global--spacer--xs
  );
  --pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight: 0;
  --pf-c-dropdown--c-menu--Top: calc(100% + var(--pf-global--spacer--xs));
  --pf-c-dropdown--c-menu--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-dropdown--m-top--c-menu--Top: 0;
  --pf-c-dropdown--m-top--c-menu--TranslateY: calc(
    -100% - var(--pf-global--spacer--xs)
  );
  --pf-c-dropdown--m-full-height__toggle--before--BorderTopWidth: 0;
  --pf-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-dropdown--m-full-height__toggle--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-dropdown--m-full-height__toggle--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.pf-c-dropdown .pf-c-divider {
  margin-top: var(--pf-c-dropdown--c-divider--MarginTop);
  margin-bottom: var(--pf-c-dropdown--c-divider--MarginBottom);
}
.pf-c-dropdown .pf-c-divider:last-child {
  --pf-c-dropdown--c-divider--MarginBottom: 0;
}
.pf-c-dropdown > .pf-c-menu {
  position: absolute;
  top: var(--pf-c-dropdown--c-menu--Top);
  z-index: var(--pf-c-dropdown--c-menu--ZIndex);
}
.pf-c-dropdown.pf-m-full-height {
  --pf-c-dropdown__toggle--PaddingRight: var(
    --pf-c-dropdown--m-full-height__toggle--PaddingRight
  );
  --pf-c-dropdown__toggle--PaddingLeft: var(
    --pf-c-dropdown--m-full-height__toggle--PaddingLeft
  );
  --pf-c-dropdown__toggle--active--before--BorderBottomWidth: var(
    --pf-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth
  );
  --pf-c-dropdown__toggle--focus--before--BorderBottomWidth: var(
    --pf-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth
  );
  --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(
    --pf-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth
  );
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.pf-c-dropdown.pf-m-full-height .pf-c-dropdown__toggle {
  align-self: stretch;
}
.pf-c-dropdown.pf-m-full-height .pf-c-dropdown__toggle:before {
  border-top-width: var(
    --pf-c-dropdown--m-full-height__toggle--before--BorderTopWidth
  );
}
.pf-c-dropdown.pf-m-full-height:hover .pf-c-dropdown__toggle:before {
  border-bottom-width: var(
    --pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth
  );
}
.pf-c-dropdown.pf-m-expanded {
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor
  );
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(
    --pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth
  );
}
.pf-c-dropdown__toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: var(--pf-c-dropdown__toggle--MinWidth);
  max-width: 100%;
  padding: var(--pf-c-dropdown__toggle--PaddingTop)
    var(--pf-c-dropdown__toggle--PaddingRight)
    var(--pf-c-dropdown__toggle--PaddingBottom)
    var(--pf-c-dropdown__toggle--PaddingLeft);
  font-size: var(--pf-c-dropdown__toggle--FontSize);
  font-weight: var(--pf-c-dropdown__toggle--FontWeight);
  line-height: var(--pf-c-dropdown__toggle--LineHeight);
  color: var(--pf-c-dropdown__toggle--Color);
  background-color: var(--pf-c-dropdown__toggle--BackgroundColor);
  border: none;
}
.pf-c-dropdown__toggle:before,
.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:before {
  position: absolute;
  inset: 0;
  content: "";
  border: var(--pf-c-dropdown__toggle--before--BorderWidth) solid;
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor)
    var(--pf-c-dropdown__toggle--before--BorderRightColor)
    var(--pf-c-dropdown__toggle--before--BorderBottomColor)
    var(--pf-c-dropdown__toggle--before--BorderLeftColor);
  /* background-color: #F5F7FA; */
  /* color: black; */
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-dropdown__toggle.pf-m-disabled,
.pf-c-dropdown__toggle:disabled {
  --pf-c-dropdown__toggle--m-primary--Color: var(
    --pf-c-dropdown__toggle--m-primary--disabled--Color
  );
  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
  pointer-events: none;
}
.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain),
.pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text,
.pf-c-dropdown__toggle:disabled:not(.pf-m-plain),
.pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text {
  --pf-c-dropdown__toggle--BackgroundColor: var(
    --pf-c-dropdown__toggle--disabled--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain):before,
.pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text:before,
.pf-c-dropdown__toggle:disabled:not(.pf-m-plain):before,
.pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text:before {
  border: 0;
}
.pf-c-dropdown__toggle.pf-m-split-button {
  padding: 0;
}
.pf-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) {
  background-color: var(
    --pf-c-dropdown__toggle--m-split-button--child--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-split-button > * {
  position: relative;
  padding-top: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop);
  padding-right: var(
    --pf-c-dropdown__toggle--m-split-button--child--PaddingRight
  );
  padding-bottom: var(
    --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom
  );
  padding-left: var(
    --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft
  );
}
.pf-c-dropdown__toggle.pf-m-split-button > *:first-child {
  --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(
    --pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft
  );
}
.pf-c-dropdown__toggle.pf-m-split-button > *:last-child {
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(
    --pf-c-dropdown__toggle--m-split-button--last-child--PaddingRight
  );
}
.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action {
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(
    --pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight
  );
  --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(
    --pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft
  );
}
.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action
  .pf-c-dropdown__toggle-button {
  margin-right: var(
    --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight
  );
}
.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action
  .pf-c-dropdown__toggle-button:before {
  border-left: 0;
}
.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action
  .pf-c-dropdown__toggle-button:last-child {
  --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: 0;
}
.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary
  > :not(:first-child) {
  border-left: var(
      --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth
    )
    solid
    var(
      --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor
    );
}
.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled,
.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
  --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0;
}
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pf-c-dropdown__toggle.pf-m-split-button
  .pf-c-dropdown__toggle-check.pf-m-in-progress {
  --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
  --pf-c-dropdown__toggle-progress--Visibility: visible;
}
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
.pf-c-dropdown__toggle.pf-m-split-button
  .pf-c-dropdown__toggle-check
  .pf-c-check {
  cursor: pointer;
  visibility: var(
    --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility,
    unset
  );
  transform: translateY(
    var(
      --pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY
    )
  );
}
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
  color: var(--pf-c-dropdown__toggle-button--Color);
  border: 0;
}
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
  margin-left: var(
    --pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft
  );
}
.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) {
  --pf-c-dropdown__toggle--before--BorderWidth: 0;
  --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: 0;
}
.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > * {
  background-color: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor
  );
  border: 0;
}
.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)
  > *:hover {
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)
  > *:focus {
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)
  > *:active,
.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)
  > *.pf-m-active {
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)
  > :first-child {
  border-top-left-radius: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius
  );
  border-bottom-left-radius: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius
  );
}
.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)
  > :last-child {
  border-top-right-radius: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius
  );
  border-bottom-right-radius: var(
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius
  );
}
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover:before,
.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover:before {
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(
    --pf-c-dropdown__toggle--hover--before--BorderBottomColor
  );
}
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus:before,
.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus:before {
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(
    --pf-c-dropdown__toggle--focus--before--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-dropdown__toggle--focus--before--BorderBottomWidth
  );
}
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active:before,
.pf-c-dropdown__toggle:not(.pf-m-action):not(
    .pf-m-secondary
  ).pf-m-active:before,
.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active:before {
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(
    --pf-c-dropdown__toggle--active--before--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-dropdown__toggle--active--before--BorderBottomWidth
  );
}
.pf-m-expanded
  > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):before,
.pf-m-expanded
  > .pf-c-dropdown__toggle.pf-m-action
  .pf-c-dropdown__toggle-button:before {
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(
    --pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth
  );
}
.pf-c-dropdown__toggle.pf-m-plain {
  --pf-c-dropdown__toggle-icon--Color: #232222;
}
.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
  --pf-c-dropdown__toggle--PaddingRight: var(
    --pf-c-dropdown__toggle--m-plain--PaddingRight
  );
  --pf-c-dropdown__toggle--PaddingLeft: var(
    --pf-c-dropdown__toggle--m-plain--PaddingLeft
  );
  display: inline-block;
  color: #232222;
}
.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
  line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight);
}
.pf-c-dropdown__toggle.pf-m-plain:before {
  border: 0;
}
.pf-c-dropdown__toggle.pf-m-plain:hover,
.pf-c-dropdown__toggle.pf-m-plain:focus,
.pf-c-dropdown__toggle.pf-m-plain:active,
.pf-c-dropdown__toggle.pf-m-plain.pf-m-active,
.pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
  --pf-c-dropdown__toggle--m-plain--Color: var(
    --pf-c-dropdown__toggle--m-plain--hover--Color
  );
  --pf-c-dropdown--m-plain__toggle-icon--Color: var(
    --pf-c-dropdown--m-plain--hover__toggle-icon--Color
  );
}
.pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled,
.pf-c-dropdown__toggle.pf-m-plain:disabled {
  --pf-c-dropdown__toggle--m-plain--Color: var(
    --pf-c-dropdown__toggle--m-plain--disabled--Color
  );
}
.pf-c-dropdown__toggle.pf-m-primary {
  --pf-c-dropdown__toggle--Color: var(
    --pf-c-dropdown__toggle--m-primary--Color
  );
  --pf-c-dropdown__toggle--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-primary--BackgroundColor
  );
  --pf-c-dropdown__toggle-button--Color: var(
    --pf-c-dropdown__toggle--m-primary--Color
  );
  border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
}
.pf-c-dropdown__toggle.pf-m-primary:before,
.pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button:before {
  border: 0;
}
.pf-c-dropdown__toggle.pf-m-primary:hover {
  --pf-c-dropdown__toggle--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-primary--hover--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-primary:focus {
  --pf-c-dropdown__toggle--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-primary:active,
.pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
  --pf-c-dropdown__toggle--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-primary--active--BackgroundColor
  );
}
.pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
  --pf-c-dropdown__toggle--BackgroundColor: var(
    --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-secondary {
  border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
}
.pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
  --pf-c-dropdown__toggle--Color: var(
    --pf-c-dropdown__toggle--m-secondary--Color
  );
  --pf-c-dropdown__toggle--BackgroundColor: var(
    --pf-c-dropdown__toggle--m-secondary--BackgroundColor
  );
}
.pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not(
    [disabled]
  ):before {
  border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid
    var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor);
  border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
}
.pf-c-dropdown__toggle.pf-m-secondary:hover {
  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth
  );
}
.pf-c-dropdown__toggle.pf-m-secondary:focus {
  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth
  );
}
.pf-c-dropdown__toggle.pf-m-secondary:active,
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-active {
  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth
  );
}
.pf-m-expanded > .pf-c-dropdown__toggle.pf-m-secondary {
  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(
    --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth
  );
  --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(
    --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
  --pf-c-dropdown__toggle-button--Color: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--Color
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(
    .pf-m-disabled
  ):hover {
  --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(
    .pf-m-disabled
  ):focus {
  --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(
    .pf-m-disabled
  ):active {
  --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)
  > *:before {
  border: var(
      --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth
    )
    solid
    var(
      --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor
    );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)
  > *:hover {
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)
  > *:focus {
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)
  > *:active {
  --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)
  > *:first-child:before {
  border-top-left-radius: var(
    --pf-c-dropdown__toggle--m-split-button--child--BorderRadius
  );
  border-bottom-left-radius: var(
    --pf-c-dropdown__toggle--m-split-button--child--BorderRadius
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)
  > *:last-child:before {
  border-top-right-radius: var(
    --pf-c-dropdown__toggle--m-split-button--child--BorderRadius
  );
  border-bottom-right-radius: var(
    --pf-c-dropdown__toggle--m-split-button--child--BorderRadius
  );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)
  > *:not(:first-child):before {
  border-left: var(
      --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base
    )
    solid
    var(
      --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base
    );
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)
  > *:not(:last-child):before {
  border-right: 0;
}
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(
    .pf-m-disabled
  ).pf-m-action:before {
  border: 0;
}
.pf-c-dropdown__toggle > .pf-c-badge {
  --pf-c-dropdown__toggle-icon--MarginLeft: var(
    --pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft
  );
  --pf-c-dropdown__toggle-icon--MarginRight: var(
    --pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight
  );
}
.pf-c-dropdown__toggle .pf-c-dropdown__toggle-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pf-c-dropdown__toggle-text {
  flex: 0 1 auto;
}
.pf-c-dropdown__toggle-icon {
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
  line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
  color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
}
.pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
  transform: rotate(
    var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate)
  );
}
.pf-c-dropdown__toggle-image {
  display: inline-flex;
  flex-shrink: 0;
  align-self: center;
  margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
  margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
  margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
  line-height: 1;
}
.pf-c-dropdown__toggle-image:last-child {
  --pf-c-dropdown__toggle-image--MarginRight: 0;
}
.pf-c-dropdown__toggle-progress {
  position: absolute;
  visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
}
.pf-c-dropdown__toggle-progress .pf-c-spinner {
  --pf-c-spinner--diameter: var(
    --pf-c-dropdown__toggle-progress--c-spinner--diameter
  );
}
.pf-c-dropdown__menu {
  position: absolute;
  top: var(--pf-c-dropdown__menu--Top);
  z-index: var(--pf-c-dropdown__menu--ZIndex);
  padding-top: var(--pf-c-dropdown__menu--PaddingTop);
  padding-bottom: var(--pf-c-dropdown__menu--PaddingBottom);
  background: var(--pf-c-dropdown__menu--BackgroundColor);
  background-clip: padding-box;
  box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
}
.pf-c-dropdown__menu.pf-m-static {
  --pf-c-dropdown--m-top__menu--TranslateY: 0;
  position: static;
  inset: auto;
  z-index: auto;
  min-width: min-content;
}
.pf-c-dropdown .pf-c-menu,
.pf-c-dropdown__menu {
  min-width: 121px;
  width: 140px;
}
.pf-c-dropdown .pf-c-menu.pf-m-align-right,
.pf-c-dropdown__menu.pf-m-align-right {
  right: 0;
}
.pf-c-dropdown .pf-c-menu.pf-m-align-left,
.pf-c-dropdown__menu.pf-m-align-left {
  right: auto;
}
@media (min-width: 576px) {
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
  .pf-c-dropdown__menu.pf-m-align-right-on-sm {
    right: 0;
  }
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
  .pf-c-dropdown__menu.pf-m-align-left-on-sm {
    right: auto;
  }
}
@media (min-width: 768px) {
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
  .pf-c-dropdown__menu.pf-m-align-right-on-md {
    right: 0;
  }
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
  .pf-c-dropdown__menu.pf-m-align-left-on-md {
    right: auto;
  }
}
@media (min-width: 992px) {
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
  .pf-c-dropdown__menu.pf-m-align-right-on-lg {
    right: 0;
  }
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
  .pf-c-dropdown__menu.pf-m-align-left-on-lg {
    right: auto;
  }
}
@media (min-width: 1200px) {
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
  .pf-c-dropdown__menu.pf-m-align-right-on-xl {
    right: 0;
  }
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
  .pf-c-dropdown__menu.pf-m-align-left-on-xl {
    right: auto;
  }
}
@media (min-width: 1450px) {
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
  .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
    right: 0;
  }
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
  .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
    right: auto;
  }
}
.pf-c-dropdown.pf-m-top .pf-c-dropdown__menu {
  --pf-c-dropdown__menu--Top: var(--pf-c-dropdown--m-top__menu--Top);
  transform: translateY(var(--pf-c-dropdown--m-top__menu--TranslateY));
}
.pf-c-dropdown.pf-m-top > .pf-c-menu {
  --pf-c-dropdown--c-menu--Top: var(--pf-c-dropdown--m-top--c-menu--Top);
  transform: translateY(var(--pf-c-dropdown--m-top--c-menu--TranslateY));
}
.pf-c-dropdown__menu-item {
  display: block;
  width: 121px;
  padding: var(--pf-c-dropdown__menu-item--PaddingTop)
    var(--pf-c-dropdown__menu-item--PaddingRight)
    var(--pf-c-dropdown__menu-item--PaddingBottom)
    var(--pf-c-dropdown__menu-item--PaddingLeft);
  font-size: 12px;
  font-weight: var(--pf-c-dropdown__menu-item--FontWeight);
  line-height: var(--pf-c-dropdown__menu-item--LineHeight);
  color: var(--pf-c-dropdown__menu-item--Color);
  text-align: left;
  white-space: nowrap;
    background-color: #F5F7FA;
  border: none;
  margin: auto;
}
.pf-c-dropdown__menu-item:hover,
.pf-c-dropdown__menu-item:focus {
  --pf-c-dropdown__menu-item--Color: var(
    --pf-c-dropdown__menu-item--hover--Color
  );
  --pf-c-dropdown__menu-item--BackgroundColor: var(
    --pf-c-dropdown__menu-item--hover--BackgroundColor
  );
  text-decoration: none;
}
.pf-c-dropdown__menu-item:disabled,
.pf-c-dropdown__menu-item.pf-m-disabled,
.pf-c-dropdown__menu-item.pf-m-aria-disabled {
  --pf-c-dropdown__menu-item--Color: var(
    --pf-c-dropdown__menu-item--disabled--Color
  );
  --pf-c-dropdown__menu-item--BackgroundColor: var(
    --pf-c-dropdown__menu-item--disabled--BackgroundColor
  );
}
.pf-c-dropdown__menu-item:disabled,
.pf-c-dropdown__menu-item.pf-m-disabled {
  pointer-events: none;
}
.pf-c-dropdown__menu-item.pf-m-aria-disabled {
  cursor: default;
}
.pf-c-dropdown__menu-item.pf-m-icon {
  display: flex;
  align-items: center;
}
.pf-c-dropdown__menu-item.pf-m-icon.pf-m-description {
  flex-direction: column;
  align-items: start;
}
.pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main {
  display: flex;
  align-items: center;
}
.pf-c-dropdown__menu-item.pf-m-text {
  --pf-c-dropdown__menu-item--Color: var(
    --pf-c-dropdown__menu-item--m-text--Color
  );
}
.pf-c-dropdown__menu-item.pf-m-text:hover,
.pf-c-dropdown__menu-item.pf-m-text:focus {
  --pf-c-dropdown__menu-item--BackgroundColor: transparent;
}
.pf-c-dropdown__menu-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pf-c-dropdown__menu-item-icon--Width);
  height: var(--pf-c-dropdown__menu-item-icon--Height);
  margin-right: var(--pf-c-dropdown__menu-item-icon--MarginRight);
}
.pf-c-dropdown__menu-item-icon > * {
  max-width: 100%;
  max-height: 100%;
}
.pf-c-dropdown__menu-item-description {
  font-size: var(--pf-c-dropdown__menu-item-description--FontSize);
  color: var(--pf-c-dropdown__menu-item-description--Color);
}
.pf-c-dropdown__group + .pf-c-dropdown__group {
  padding-top: var(--pf-c-dropdown__group--group--PaddingTop);
}
.pf-c-dropdown__group-title {
  padding-top: var(--pf-c-dropdown__group-title--PaddingTop);
  padding-right: var(--pf-c-dropdown__group-title--PaddingRight);
  padding-bottom: var(--pf-c-dropdown__group-title--PaddingBottom);
  padding-left: var(--pf-c-dropdown__group-title--PaddingLeft);
  font-size: var(--pf-c-dropdown__group-title--FontSize);
  font-weight: var(--pf-c-dropdown__group-title--FontWeight);
  color: var(--pf-c-dropdown__group-title--Color);
}
:where(.pf-theme-dark) .pf-c-dropdown {
  --pf-c-dropdown__toggle--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-dropdown__toggle--before--BorderTopColor: transparent;
  --pf-c-dropdown__toggle--before--BorderRightColor: transparent;
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(
    --pf-global--BorderColor--400
  );
  --pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
  --pf-c-dropdown__toggle--disabled--BackgroundColor: var(
    --pf-global--palette--black-500
  );
  --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(
    --pf-global--primary-color--300
  );
  --pf-c-dropdown__menu--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-dropdown__menu--Top: 100%;
  --pf-c-dropdown--m-top__menu--TranslateY: -100%;
  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
}
:where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled,
:where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
  color: var(--pf-global--palette--black-100);
}
:where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
  background: transparent;
}
.pf-c-divider {
  --pf-hidden-visible--visible--Visibility: visible;
  --pf-hidden-visible--hidden--Display: none;
  --pf-hidden-visible--hidden--Visibility: hidden;
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
  --pf-hidden-visible--Visibility: var(
    --pf-hidden-visible--visible--Visibility
  );
  display: var(--pf-hidden-visible--Display);
  visibility: var(--pf-hidden-visible--Visibility);
}
.pf-m-hidden.pf-c-divider {
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
}
@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-sm.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-md.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-lg.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-xl.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-2xl.pf-c-divider {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
.pf-c-divider {
  --pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
  --pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
  --pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
  --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
  --pf-c-divider--after--BackgroundColor: var(
    --pf-c-divider--BorderColor--base
  );
  --pf-c-divider--after--FlexBasis: 100%;
  --pf-c-divider--after--Inset: 0%;
  --pf-c-divider--m-vertical--after--FlexBasis: 100%;
  --pf-c-divider--m-horizontal--Display: flex;
  --pf-c-divider--m-horizontal--FlexDirection: row;
  --pf-c-divider--m-horizontal--after--Height: var(--pf-c-divider--Height);
  --pf-c-divider--m-horizontal--after--Width: auto;
  --pf-c-divider--m-vertical--Display: inline-flex;
  --pf-c-divider--m-vertical--FlexDirection: column;
  --pf-c-divider--m-vertical--after--Height: auto;
  --pf-c-divider--m-vertical--after--Width: var(
    --pf-c-divider--BorderWidth--base
  );
  --pf-hidden-visible--visible--Display: var(--pf-c-divider--Display);
  --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
  --pf-c-divider--FlexDirection: var(
    --pf-c-divider--m-horizontal--FlexDirection
  );
  --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
  --pf-c-divider--after--Height: var(
    --pf-c-divider--m-horizontal--after--Height
  );
  width: 100%;
  height: auto;
  display: var(--pf-c-divider--Display);
  flex-direction: var(--pf-c-divider--FlexDirection);
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  justify-content: center;
  border: 0;
}
.pf-c-divider:after {
  flex-basis: calc(
    var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) *
      2
  );
}
.pf-c-divider:after {
  align-self: stretch;
  width: var(--pf-c-divider--after--Width);
  height: var(--pf-c-divider--after--Height);
  content: "";
  background-color: var(--pf-c-divider--after--BackgroundColor);
  justify-self: center;
}
.pf-c-divider.pf-m-vertical {
  --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
  --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
  --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
  --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
  width: auto;
  height: inherit;
}
.pf-c-divider.pf-m-vertical:after {
  flex-basis: calc(
    var(--pf-c-divider--m-vertical--after--FlexBasis) -
      var(--pf-c-divider--after--Inset)
  );
}
.pf-c-divider.pf-m-inset-none {
  --pf-c-divider--after--Inset: 0%;
}
.pf-c-divider.pf-m-inset-xs {
  --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
}
.pf-c-divider.pf-m-inset-sm {
  --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
}
.pf-c-divider.pf-m-inset-md {
  --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
}
.pf-c-divider.pf-m-inset-lg {
  --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
}
.pf-c-divider.pf-m-inset-xl {
  --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
}
.pf-c-divider.pf-m-inset-2xl {
  --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
}
.pf-c-divider.pf-m-inset-3xl {
  --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
}
@media (min-width: 576px) {
  .pf-c-divider.pf-m-horizontal-on-sm {
    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-horizontal--FlexDirection
    );
    --pf-c-divider--after--Width: var(
      --pf-c-divider--m-horizontal--after--Width
    );
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-horizontal--after--Height
    );
    width: 100%;
    height: auto;
  }
  .pf-c-divider.pf-m-horizontal-on-sm:after {
    flex-basis: calc(
      var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) *
        2
    );
  }
}
@media (min-width: 576px) {
  .pf-c-divider.pf-m-vertical-on-sm {
    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-vertical--FlexDirection
    );
    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-vertical--after--Height
    );
    width: auto;
    height: inherit;
  }
  .pf-c-divider.pf-m-vertical-on-sm:after {
    flex-basis: calc(
      var(--pf-c-divider--m-vertical--after--FlexBasis) -
        var(--pf-c-divider--after--Inset)
    );
  }
}
@media (min-width: 576px) {
  .pf-c-divider.pf-m-inset-none-on-sm {
    --pf-c-divider--after--Inset: 0%;
  }
  .pf-c-divider.pf-m-inset-xs-on-sm {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
  }
  .pf-c-divider.pf-m-inset-sm-on-sm {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
  }
  .pf-c-divider.pf-m-inset-md-on-sm {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
  }
  .pf-c-divider.pf-m-inset-lg-on-sm {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
  }
  .pf-c-divider.pf-m-inset-xl-on-sm {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
  }
  .pf-c-divider.pf-m-inset-2xl-on-sm {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
  }
  .pf-c-divider.pf-m-inset-3xl-on-sm {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
  }
}
@media (min-width: 768px) {
  .pf-c-divider.pf-m-horizontal-on-md {
    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-horizontal--FlexDirection
    );
    --pf-c-divider--after--Width: var(
      --pf-c-divider--m-horizontal--after--Width
    );
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-horizontal--after--Height
    );
    width: 100%;
    height: auto;
  }
  .pf-c-divider.pf-m-horizontal-on-md:after {
    flex-basis: calc(
      var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) *
        2
    );
  }
}
@media (min-width: 768px) {
  .pf-c-divider.pf-m-vertical-on-md {
    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-vertical--FlexDirection
    );
    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-vertical--after--Height
    );
    width: auto;
    height: inherit;
  }
  .pf-c-divider.pf-m-vertical-on-md:after {
    flex-basis: calc(
      var(--pf-c-divider--m-vertical--after--FlexBasis) -
        var(--pf-c-divider--after--Inset)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-divider.pf-m-inset-none-on-md {
    --pf-c-divider--after--Inset: 0%;
  }
  .pf-c-divider.pf-m-inset-xs-on-md {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
  }
  .pf-c-divider.pf-m-inset-sm-on-md {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
  }
  .pf-c-divider.pf-m-inset-md-on-md {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
  }
  .pf-c-divider.pf-m-inset-lg-on-md {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
  }
  .pf-c-divider.pf-m-inset-xl-on-md {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
  }
  .pf-c-divider.pf-m-inset-2xl-on-md {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
  }
  .pf-c-divider.pf-m-inset-3xl-on-md {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
  }
}
@media (min-width: 992px) {
  .pf-c-divider.pf-m-horizontal-on-lg {
    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-horizontal--FlexDirection
    );
    --pf-c-divider--after--Width: var(
      --pf-c-divider--m-horizontal--after--Width
    );
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-horizontal--after--Height
    );
    width: 100%;
    height: auto;
  }
  .pf-c-divider.pf-m-horizontal-on-lg:after {
    flex-basis: calc(
      var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) *
        2
    );
  }
}
@media (min-width: 992px) {
  .pf-c-divider.pf-m-vertical-on-lg {
    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-vertical--FlexDirection
    );
    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-vertical--after--Height
    );
    width: auto;
    height: inherit;
  }
  .pf-c-divider.pf-m-vertical-on-lg:after {
    flex-basis: calc(
      var(--pf-c-divider--m-vertical--after--FlexBasis) -
        var(--pf-c-divider--after--Inset)
    );
  }
}
@media (min-width: 992px) {
  .pf-c-divider.pf-m-inset-none-on-lg {
    --pf-c-divider--after--Inset: 0%;
  }
  .pf-c-divider.pf-m-inset-xs-on-lg {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
  }
  .pf-c-divider.pf-m-inset-sm-on-lg {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
  }
  .pf-c-divider.pf-m-inset-md-on-lg {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
  }
  .pf-c-divider.pf-m-inset-lg-on-lg {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
  }
  .pf-c-divider.pf-m-inset-xl-on-lg {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
  }
  .pf-c-divider.pf-m-inset-2xl-on-lg {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
  }
  .pf-c-divider.pf-m-inset-3xl-on-lg {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
  }
}
@media (min-width: 1200px) {
  .pf-c-divider.pf-m-horizontal-on-xl {
    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-horizontal--FlexDirection
    );
    --pf-c-divider--after--Width: var(
      --pf-c-divider--m-horizontal--after--Width
    );
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-horizontal--after--Height
    );
    width: 100%;
    height: auto;
  }
  .pf-c-divider.pf-m-horizontal-on-xl:after {
    flex-basis: calc(
      var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) *
        2
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-divider.pf-m-vertical-on-xl {
    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-vertical--FlexDirection
    );
    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-vertical--after--Height
    );
    width: auto;
    height: inherit;
  }
  .pf-c-divider.pf-m-vertical-on-xl:after {
    flex-basis: calc(
      var(--pf-c-divider--m-vertical--after--FlexBasis) -
        var(--pf-c-divider--after--Inset)
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-divider.pf-m-inset-none-on-xl {
    --pf-c-divider--after--Inset: 0%;
  }
  .pf-c-divider.pf-m-inset-xs-on-xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
  }
  .pf-c-divider.pf-m-inset-sm-on-xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
  }
  .pf-c-divider.pf-m-inset-md-on-xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
  }
  .pf-c-divider.pf-m-inset-lg-on-xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
  }
  .pf-c-divider.pf-m-inset-xl-on-xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
  }
  .pf-c-divider.pf-m-inset-2xl-on-xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
  }
  .pf-c-divider.pf-m-inset-3xl-on-xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
  }
}
@media (min-width: 1450px) {
  .pf-c-divider.pf-m-horizontal-on-2xl {
    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-horizontal--FlexDirection
    );
    --pf-c-divider--after--Width: var(
      --pf-c-divider--m-horizontal--after--Width
    );
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-horizontal--after--Height
    );
    width: 100%;
    height: auto;
  }
  .pf-c-divider.pf-m-horizontal-on-2xl:after {
    flex-basis: calc(
      var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) *
        2
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-divider.pf-m-vertical-on-2xl {
    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
    --pf-c-divider--FlexDirection: var(
      --pf-c-divider--m-vertical--FlexDirection
    );
    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
    --pf-c-divider--after--Height: var(
      --pf-c-divider--m-vertical--after--Height
    );
    width: auto;
    height: inherit;
  }
  .pf-c-divider.pf-m-vertical-on-2xl:after {
    flex-basis: calc(
      var(--pf-c-divider--m-vertical--after--FlexBasis) -
        var(--pf-c-divider--after--Inset)
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-divider.pf-m-inset-none-on-2xl {
    --pf-c-divider--after--Inset: 0%;
  }
  .pf-c-divider.pf-m-inset-xs-on-2xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
  }
  .pf-c-divider.pf-m-inset-sm-on-2xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
  }
  .pf-c-divider.pf-m-inset-md-on-2xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
  }
  .pf-c-divider.pf-m-inset-lg-on-2xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
  }
  .pf-c-divider.pf-m-inset-xl-on-2xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
  }
  .pf-c-divider.pf-m-inset-2xl-on-2xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
  }
  .pf-c-divider.pf-m-inset-3xl-on-2xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
  }
}
.pf-c-avatar {
  --pf-c-avatar--BorderColor: transparent;
  --pf-c-avatar--BorderWidth: 0;
  --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
  --pf-c-avatar--Width: 2.25rem;
  --pf-c-avatar--Height: 2.25rem;
  --pf-c-avatar--m-sm--Width: 1.5rem;
  --pf-c-avatar--m-sm--Height: 1.5rem;
  --pf-c-avatar--m-md--Width: 2.25rem;
  --pf-c-avatar--m-md--Height: 2.25rem;
  --pf-c-avatar--m-lg--Width: 4.5rem;
  --pf-c-avatar--m-lg--Height: 4.5rem;
  --pf-c-avatar--m-xl--Width: 8rem;
  --pf-c-avatar--m-xl--Height: 8rem;
  --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
  --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
  --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
  width: var(--pf-c-avatar--Width);
  height: var(--pf-c-avatar--Height);
  border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
  border-radius: var(--pf-c-avatar--BorderRadius);
}
.pf-c-avatar.pf-m-light {
  --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
  --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
}
.pf-c-avatar.pf-m-dark {
  --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
  --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
}
.pf-c-avatar.pf-m-sm {
  --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width);
  --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height);
}
@media (min-width: 576px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-sm--Width-on-sm,
      var(--pf-c-avatar--m-sm--Width)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-sm--Width-on-md,
      var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-sm--Width-on-lg,
      var(
        --pf-c-avatar--m-sm--Width-on-md,
        var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-sm--Width-on-xl,
      var(
        --pf-c-avatar--m-sm--Width-on-lg,
        var(
          --pf-c-avatar--m-sm--Width-on-md,
          var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-sm--Width-on-2xl,
      var(
        --pf-c-avatar--m-sm--Width-on-xl,
        var(
          --pf-c-avatar--m-sm--Width-on-lg,
          var(
            --pf-c-avatar--m-sm--Width-on-md,
            var(
              --pf-c-avatar--m-sm--Width-on-sm,
              var(--pf-c-avatar--m-sm--Width)
            )
          )
        )
      )
    );
  }
}
@media (min-width: 576px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-sm--Height-on-sm,
      var(--pf-c-avatar--m-sm--Height)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-sm--Height-on-md,
      var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-sm--Height-on-lg,
      var(
        --pf-c-avatar--m-sm--Height-on-md,
        var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-sm--Height-on-xl,
      var(
        --pf-c-avatar--m-sm--Height-on-lg,
        var(
          --pf-c-avatar--m-sm--Height-on-md,
          var(
            --pf-c-avatar--m-sm--Height-on-sm,
            var(--pf-c-avatar--m-sm--Height)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-sm--Height-on-2xl,
      var(
        --pf-c-avatar--m-sm--Height-on-xl,
        var(
          --pf-c-avatar--m-sm--Height-on-lg,
          var(
            --pf-c-avatar--m-sm--Height-on-md,
            var(
              --pf-c-avatar--m-sm--Height-on-sm,
              var(--pf-c-avatar--m-sm--Height)
            )
          )
        )
      )
    );
  }
}
.pf-c-avatar.pf-m-md {
  --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width);
  --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height);
}
@media (min-width: 576px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-md--Width-on-sm,
      var(--pf-c-avatar--m-md--Width)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-md--Width-on-md,
      var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-md--Width-on-lg,
      var(
        --pf-c-avatar--m-md--Width-on-md,
        var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-md--Width-on-xl,
      var(
        --pf-c-avatar--m-md--Width-on-lg,
        var(
          --pf-c-avatar--m-md--Width-on-md,
          var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-md--Width-on-2xl,
      var(
        --pf-c-avatar--m-md--Width-on-xl,
        var(
          --pf-c-avatar--m-md--Width-on-lg,
          var(
            --pf-c-avatar--m-md--Width-on-md,
            var(
              --pf-c-avatar--m-md--Width-on-sm,
              var(--pf-c-avatar--m-md--Width)
            )
          )
        )
      )
    );
  }
}
@media (min-width: 576px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-md--Height-on-sm,
      var(--pf-c-avatar--m-md--Height)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-md--Height-on-md,
      var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-md--Height-on-lg,
      var(
        --pf-c-avatar--m-md--Height-on-md,
        var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-md--Height-on-xl,
      var(
        --pf-c-avatar--m-md--Height-on-lg,
        var(
          --pf-c-avatar--m-md--Height-on-md,
          var(
            --pf-c-avatar--m-md--Height-on-sm,
            var(--pf-c-avatar--m-md--Height)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-avatar.pf-m-md {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-md--Height-on-2xl,
      var(
        --pf-c-avatar--m-md--Height-on-xl,
        var(
          --pf-c-avatar--m-md--Height-on-lg,
          var(
            --pf-c-avatar--m-md--Height-on-md,
            var(
              --pf-c-avatar--m-md--Height-on-sm,
              var(--pf-c-avatar--m-md--Height)
            )
          )
        )
      )
    );
  }
}
.pf-c-avatar.pf-m-lg {
  --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);
  --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height);
}
@media (min-width: 576px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-lg--Width-on-sm,
      var(--pf-c-avatar--m-lg--Width)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-lg--Width-on-md,
      var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-lg--Width-on-lg,
      var(
        --pf-c-avatar--m-lg--Width-on-md,
        var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-lg--Width-on-xl,
      var(
        --pf-c-avatar--m-lg--Width-on-lg,
        var(
          --pf-c-avatar--m-lg--Width-on-md,
          var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-lg--Width-on-2xl,
      var(
        --pf-c-avatar--m-lg--Width-on-xl,
        var(
          --pf-c-avatar--m-lg--Width-on-lg,
          var(
            --pf-c-avatar--m-lg--Width-on-md,
            var(
              --pf-c-avatar--m-lg--Width-on-sm,
              var(--pf-c-avatar--m-lg--Width)
            )
          )
        )
      )
    );
  }
}
@media (min-width: 576px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-lg--Height-on-sm,
      var(--pf-c-avatar--m-lg--Height)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-lg--Height-on-md,
      var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-lg--Height-on-lg,
      var(
        --pf-c-avatar--m-lg--Height-on-md,
        var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-lg--Height-on-xl,
      var(
        --pf-c-avatar--m-lg--Height-on-lg,
        var(
          --pf-c-avatar--m-lg--Height-on-md,
          var(
            --pf-c-avatar--m-lg--Height-on-sm,
            var(--pf-c-avatar--m-lg--Height)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-lg--Height-on-2xl,
      var(
        --pf-c-avatar--m-lg--Height-on-xl,
        var(
          --pf-c-avatar--m-lg--Height-on-lg,
          var(
            --pf-c-avatar--m-lg--Height-on-md,
            var(
              --pf-c-avatar--m-lg--Height-on-sm,
              var(--pf-c-avatar--m-lg--Height)
            )
          )
        )
      )
    );
  }
}
.pf-c-avatar.pf-m-xl {
  --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);
  --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height);
}
@media (min-width: 576px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-xl--Width-on-sm,
      var(--pf-c-avatar--m-xl--Width)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-xl--Width-on-md,
      var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-xl--Width-on-lg,
      var(
        --pf-c-avatar--m-xl--Width-on-md,
        var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-xl--Width-on-xl,
      var(
        --pf-c-avatar--m-xl--Width-on-lg,
        var(
          --pf-c-avatar--m-xl--Width-on-md,
          var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Width: var(
      --pf-c-avatar--m-xl--Width-on-2xl,
      var(
        --pf-c-avatar--m-xl--Width-on-xl,
        var(
          --pf-c-avatar--m-xl--Width-on-lg,
          var(
            --pf-c-avatar--m-xl--Width-on-md,
            var(
              --pf-c-avatar--m-xl--Width-on-sm,
              var(--pf-c-avatar--m-xl--Width)
            )
          )
        )
      )
    );
  }
}
@media (min-width: 576px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-xl--Height-on-sm,
      var(--pf-c-avatar--m-xl--Height)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-xl--Height-on-md,
      var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-xl--Height-on-lg,
      var(
        --pf-c-avatar--m-xl--Height-on-md,
        var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-xl--Height-on-xl,
      var(
        --pf-c-avatar--m-xl--Height-on-lg,
        var(
          --pf-c-avatar--m-xl--Height-on-md,
          var(
            --pf-c-avatar--m-xl--Height-on-sm,
            var(--pf-c-avatar--m-xl--Height)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Height: var(
      --pf-c-avatar--m-xl--Height-on-2xl,
      var(
        --pf-c-avatar--m-xl--Height-on-xl,
        var(
          --pf-c-avatar--m-xl--Height-on-lg,
          var(
            --pf-c-avatar--m-xl--Height-on-md,
            var(
              --pf-c-avatar--m-xl--Height-on-sm,
              var(--pf-c-avatar--m-xl--Height)
            )
          )
        )
      )
    );
  }
}
.pf-c-brand {
  --pf-c-brand--Width: auto;
  --pf-c-brand--Height: auto;
  width: var(--pf-c-brand--Width--base);
  height: var(--pf-c-brand--Height--base);
  --pf-c-brand--Width--base: var(--pf-c-brand--Width);
  --pf-c-brand--Height--base: var(--pf-c-brand--Height);
}
@media (min-width: 576px) {
  .pf-c-brand {
    --pf-c-brand--Width--base: var(
      --pf-c-brand--Width-on-sm,
      var(--pf-c-brand--Width)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-brand {
    --pf-c-brand--Width--base: var(
      --pf-c-brand--Width-on-md,
      var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-brand {
    --pf-c-brand--Width--base: var(
      --pf-c-brand--Width-on-lg,
      var(
        --pf-c-brand--Width-on-md,
        var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-brand {
    --pf-c-brand--Width--base: var(
      --pf-c-brand--Width-on-xl,
      var(
        --pf-c-brand--Width-on-lg,
        var(
          --pf-c-brand--Width-on-md,
          var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-brand {
    --pf-c-brand--Width--base: var(
      --pf-c-brand--Width-on-2xl,
      var(
        --pf-c-brand--Width-on-xl,
        var(
          --pf-c-brand--Width-on-lg,
          var(
            --pf-c-brand--Width-on-md,
            var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))
          )
        )
      )
    );
  }
}
@media (min-width: 576px) {
  .pf-c-brand {
    --pf-c-brand--Height--base: var(
      --pf-c-brand--Height-on-sm,
      var(--pf-c-brand--Height)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-brand {
    --pf-c-brand--Height--base: var(
      --pf-c-brand--Height-on-md,
      var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-brand {
    --pf-c-brand--Height--base: var(
      --pf-c-brand--Height-on-lg,
      var(
        --pf-c-brand--Height-on-md,
        var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-brand {
    --pf-c-brand--Height--base: var(
      --pf-c-brand--Height-on-xl,
      var(
        --pf-c-brand--Height-on-lg,
        var(
          --pf-c-brand--Height-on-md,
          var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-brand {
    --pf-c-brand--Height--base: var(
      --pf-c-brand--Height-on-2xl,
      var(
        --pf-c-brand--Height-on-xl,
        var(
          --pf-c-brand--Height-on-lg,
          var(
            --pf-c-brand--Height-on-md,
            var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))
          )
        )
      )
    );
  }
}
.pf-c-brand.pf-m-picture {
  display: inline-flex;
  max-width: 100%;
}
.pf-c-breadcrumb {
  --pf-c-breadcrumb__item--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-breadcrumb__item--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-breadcrumb__item--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--200);
  --pf-c-breadcrumb__item-divider--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-breadcrumb__item-divider--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-breadcrumb__link--Color: var(--pf-global--link--Color);
  --pf-c-breadcrumb__link--TextDecoration: var(
    --pf-global--link--TextDecoration
  );
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
  --pf-c-breadcrumb__link--hover--TextDecoration: var(
    --pf-global--link--TextDecoration--hover
  );
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-breadcrumb__dropdown--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-breadcrumb__dropdown--MarginRight: calc(
    var(--pf-c-breadcrumb__item--MarginRight) * -1
  );
  --pf-c-breadcrumb__dropdown--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-breadcrumb__dropdown--MarginLeft: calc(
    var(--pf-c-breadcrumb__item-divider--MarginRight) * -1
  );
  --pf-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(
    --pf-global--LineHeight--sm
  );
  display: inline-flex;
}
.pf-c-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pf-c-breadcrumb__item {
  display: flex;
  align-items: baseline;
  font-size: var(--pf-c-breadcrumb__item--FontSize);
  font-weight: var(--pf-c-breadcrumb__item--FontWeight);
  line-height: var(--pf-c-breadcrumb__item--LineHeight);
  white-space: nowrap;
  list-style: none;
}
.pf-c-breadcrumb__item:not(:last-child) {
  margin-right: var(--pf-c-breadcrumb__item--MarginRight);
}
.pf-c-breadcrumb__item-divider {
  margin-right: var(--pf-c-breadcrumb__item-divider--MarginRight);
  font-size: var(--pf-c-breadcrumb__item-divider--FontSize);
  line-height: 1;
  color: var(--pf-c-breadcrumb__item-divider--Color);
}
.pf-c-breadcrumb__link {
  font-size: inherit;
  font-weight: var(--pf-c-breadcrumb__link--FontWeight);
  line-height: inherit;
  color: var(--pf-c-breadcrumb__link--Color);
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
  word-break: break-word;
}
.pf-c-breadcrumb__link:hover {
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
  --pf-c-breadcrumb__link--TextDecoration: var(
    --pf-c-breadcrumb__link--hover--TextDecoration
  );
}
.pf-c-breadcrumb__link.pf-m-current {
  cursor: default;
}
.pf-c-breadcrumb__link.pf-m-current,
.pf-c-breadcrumb__link.pf-m-current:hover {
  color: var(--pf-c-breadcrumb__link--m-current--Color);
  text-decoration: none;
}
button.pf-c-breadcrumb__link {
  border: none;
}
.pf-c-breadcrumb__dropdown {
  margin: var(--pf-c-breadcrumb__dropdown--MarginTop)
    var(--pf-c-breadcrumb__dropdown--MarginRight)
    var(--pf-c-breadcrumb__dropdown--MarginBottom)
    var(--pf-c-breadcrumb__dropdown--MarginLeft);
}
.pf-c-breadcrumb__dropdown .pf-c-dropdown__toggle {
  line-height: var(--pf-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
}
.pf-c-breadcrumb__heading {
  display: inline;
  font-size: var(--pf-c-breadcrumb__heading--FontSize);
}
.pf-c-breadcrumb__link,
.pf-c-breadcrumb__heading {
  white-space: normal;
}
.pf-m-overpass-font .pf-c-breadcrumb__link,
.pf-m-overpass-font .pf-c-breadcrumb__item {
  font-weight: var(--pf-global--FontWeight--semi-bold);
}
.pf-c-breadcrumb__list > :first-child .pf-c-breadcrumb__item-divider {
  display: none;
  visibility: hidden;
}
:where(.pf-theme-dark) .pf-c-breadcrumb {
  --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--100);
}
.pf-c-input-group {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-input-group {
  --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
  --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
  --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
  --pf-c-input-group__text--BorderRightColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-input-group__text--BorderBottomColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
  --pf-c-input-group__text--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
  --pf-c-input-group__text--m-disabled--Color: var(
    --pf-global--disabled-color--100
  );
  --pf-c-input-group__text--m-disabled--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(
    --pf-global--ZIndex--xs
  );
  --pf-c-input-group--c-form-control--MarginRight: 0;
  color: var(--pf-global--Color--100);
  display: flex;
  width: 100%;
  background-color: var(--pf-c-input-group--BackgroundColor);
}
.pf-c-input-group.pf-m-plain {
  --pf-c-input-group--BackgroundColor: transparent;
}
.pf-c-input-group > * + * {
  margin-left: -1px;
}
.pf-c-input-group > :focus,
.pf-c-input-group > :focus-within {
  z-index: var(--pf-c-input-group--child--ZIndex);
}
.pf-c-input-group .pf-c-form-control[aria-invalid="true"]:not(:last-child) {
  margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
}
.pf-c-input-group input:not([type="checkbox"]):not([type="radio"]),
.pf-c-input-group textarea {
  flex: 2;
  min-width: 0;
  background-color: #F5F7FA;
}
.pf-c-input-group textarea {
  min-height: var(--pf-c-input-group__textarea--MinHeight);
}
.pf-c-input-group__text {
  display: flex;
  align-items: center;
  padding-right: var(--pf-c-input-group__text--PaddingRight);
  padding-left: var(--pf-c-input-group__text--PaddingLeft);
  font-size: var(--pf-c-input-group__text--FontSize);
  color: var(--pf-c-input-group__text--Color);
  text-align: center;
  background-color: var(--pf-c-input-group__text--BackgroundColor);
  border: var(--pf-c-input-group__text--BorderWidth) solid;
  border-color: var(--pf-c-input-group__text--BorderTopColor)
    var(--pf-c-input-group__text--BorderRightColor)
    var(--pf-c-input-group__text--BorderBottomColor)
    var(--pf-c-input-group__text--BorderLeftColor);
}
label.pf-c-input-group__text {
  cursor: pointer;
}
.pf-c-input-group__text.pf-m-plain {
  --pf-c-input-group__text--BorderWidth: 0;
  margin-left: 0;
}
.pf-c-input-group__text.pf-m-disabled {
  --pf-c-input-group__text--Color: var(
    --pf-c-input-group__text--m-disabled--Color
  );
  --pf-c-input-group__text--BackgroundColor: var(
    --pf-c-input-group__text--m-disabled--BackgroundColor
  );
  --pf-c-input-group__text--BorderBottomColor: var(
    --pf-c-input-group__text--m-disabled--BorderBottomColor
  );
}
:where(.pf-theme-dark) .pf-c-input-group {
  --pf-c-input-group--BackgroundColor: transparent;
  --pf-c-input-group__text--BorderTopColor: transparent;
  --pf-c-input-group__text--BorderRightColor: transparent;
  --pf-c-input-group__text--BorderBottomColor: var(
    --pf-global--BorderColor--400
  );
  --pf-c-input-group__text--BorderLeftColor: transparent;
  --pf-c-input-group__text--BackgroundColor: var(
    --pf-global--palette--black-600
  );
  --pf-c-input-group__text--m-disabled--Color: var(
    --pf-global--palette--black-100
  );
  --pf-c-input-group__text--m-disabled--BackgroundColor: var(
    --pf-global--disabled-color--200
  );
}
:where(.pf-theme-dark) .pf-c-input-group > * + * {
  margin-left: 0;
  border-left: 1px solid var(--pf-global--palette--black-700);
}
:where(.pf-theme-dark) .pf-c-input-group__text {
  --pf-c-input-group__text--BorderTopColor: transparent;
  --pf-c-input-group__text--BorderRightColor: transparent;
  --pf-c-input-group__text--BorderBottomColor: var(
    --pf-global--BorderColor--400
  );
  --pf-c-input-group__text--BorderLeftColor: transparent;
}
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
  --pf-c-input-group__text--BackgroundColor: transparent;
}
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
  --pf-c-input-group__text--BackgroundColor: var(
    --pf-c-input-group__text--m-disabled--BackgroundColor
  );
  color: var(--pf-c-input-group__text--m-disabled--Color);
}
.pf-c-context-selector__menu {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-context-selector {
  --pf-c-context-selector--Width: 15.625rem;
  --pf-c-context-selector__toggle--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-context-selector__toggle--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-context-selector__toggle--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-context-selector__toggle--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-context-selector__toggle--BorderTopColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-context-selector__toggle--BorderRightColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-context-selector__toggle--BorderBottomColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-context-selector__toggle--BorderLeftColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-context-selector__toggle--Color: var(--pf-global--Color--100);
  --pf-c-context-selector__toggle--hover--BorderBottomWidth: var(
    --pf-c-context-selector__toggle--BorderWidth
  );
  --pf-c-context-selector__toggle--hover--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-context-selector__toggle--active--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(
    --pf-global--Color--100
  );
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(
    --pf-global--disabled-color--200
  );
  --pf-c-context-selector__toggle--m-plain--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__toggle--m-plain--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-context-selector__toggle-text--FontSize: var(
    --pf-global--FontSize--md
  );
  --pf-c-context-selector__toggle-text--FontWeight: var(
    --pf-global--FontWeight--normal
  );
  --pf-c-context-selector__toggle-text--LineHeight: var(
    --pf-global--LineHeight--md
  );
  --pf-c-context-selector__toggle-icon--MarginRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-context-selector__toggle-icon--MarginLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-plain__toggle-icon--Color: var(
    --pf-global--Color--200
  );
  --pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(
    --pf-global--Color--100
  );
  --pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
  --pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-context-selector__menu--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-context-selector__menu--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-context-selector__menu-search--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__menu-search--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__menu-search--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__menu-search--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__menu-search--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-context-selector__menu-search--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-context-selector__menu-footer--BoxShadow: var(
    --pf-global--BoxShadow--sm-top
  );
  --pf-c-context-selector__menu-footer--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__menu-footer--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__menu-footer--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__menu-footer--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector__menu-list--MaxHeight: 12.5rem;
  --pf-c-context-selector__menu-list--PaddingTop: var(
    --pf-c-context-selector__menu--PaddingTop
  );
  --pf-c-context-selector__menu-list--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-context-selector__menu-list-item--Color: var(
    --pf-global--Color--dark-100
  );
  --pf-c-context-selector__menu-list-item--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-context-selector__menu-list-item--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-context-selector__menu-list-item--disabled--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-context-selector__menu-item-icon--Color: var(
    --pf-global--active-color--100
  );
  --pf-c-context-selector__menu-item-icon--FontSize: var(
    --pf-global--icon--FontSize--sm
  );
  --pf-c-context-selector__menu-item-icon--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-full-height__toggle--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-full-height__toggle--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth: 0;
  --pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-context-selector--m-large__toggle--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-large__toggle--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-context-selector--m-large__toggle--active--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  position: relative;
  display: inline-block;
  width: var(--pf-c-context-selector--Width);
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  .pf-c-context-selector {
    --pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(
      --pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight
    );
    --pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(
      --pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft
    );
    --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(
      --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight
    );
    --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(
      --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft
    );
    --pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(
      --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight
    );
    --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(
      --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft
    );
    --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(
      --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight
    );
    --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(
      --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft
    );
    --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(
      --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight
    );
    --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(
      --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft
    );
    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(
      --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight
    );
    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(
      --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft
    );
  }
}
.pf-c-context-selector.pf-m-full-height {
  --pf-c-context-selector__toggle--active--BorderBottomWidth: var(
    --pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth
  );
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(
    --pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth
  );
  --pf-c-context-selector__toggle--PaddingRight: var(
    --pf-c-context-selector--m-full-height__toggle--PaddingRight
  );
  --pf-c-context-selector__toggle--PaddingLeft: var(
    --pf-c-context-selector--m-full-height__toggle--PaddingLeft
  );
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle {
  align-self: stretch;
}
.pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle:before {
  border-top-width: var(
    --pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth
  );
}
.pf-c-context-selector.pf-m-full-height:hover
  .pf-c-context-selector__toggle:before {
  border-bottom-width: var(
    --pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth
  );
}
.pf-c-context-selector.pf-m-large {
  --pf-c-context-selector__toggle--PaddingTop: var(
    --pf-c-context-selector--m-large__toggle--PaddingTop
  );
  --pf-c-context-selector__toggle--PaddingBottom: var(
    --pf-c-context-selector--m-large__toggle--PaddingBottom
  );
  --pf-c-context-selector__toggle--hover--BorderBottomWidth: var(
    --pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth
  );
  --pf-c-context-selector__toggle--active--BorderBottomWidth: var(
    --pf-c-context-selector--m-large__toggle--active--BorderBottomWidth
  );
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(
    --pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth
  );
}
.pf-c-context-selector.pf-m-page-insets {
  --pf-c-context-selector__toggle--PaddingRight: var(
    --pf-c-context-selector--m-page-insets__toggle--PaddingRight
  );
  --pf-c-context-selector__toggle--PaddingLeft: var(
    --pf-c-context-selector--m-page-insets__toggle--PaddingLeft
  );
  --pf-c-context-selector__menu-list-item--PaddingRight: var(
    --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight
  );
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(
    --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft
  );
  --pf-c-context-selector__menu-search--PaddingRight: var(
    --pf-c-context-selector--m-page-insets__menu-search--PaddingRight
  );
  --pf-c-context-selector__menu-search--PaddingLeft: var(
    --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft
  );
  --pf-c-context-selector__menu-footer--PaddingRight: var(
    --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight
  );
  --pf-c-context-selector__menu-footer--PaddingLeft: var(
    --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft
  );
  --pf-c-context-selector__toggle--m-plain--PaddingRight: var(
    --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight
  );
  --pf-c-context-selector__toggle--m-plain--PaddingLeft: var(
    --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft
  );
  --pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(
    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight
  );
  --pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(
    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft
  );
}
.pf-c-context-selector__toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--pf-c-context-selector__toggle--PaddingTop)
    var(--pf-c-context-selector__toggle--PaddingRight)
    var(--pf-c-context-selector__toggle--PaddingBottom)
    var(--pf-c-context-selector__toggle--PaddingLeft);
  color: var(--pf-c-context-selector__toggle--Color);
  white-space: nowrap;
  cursor: pointer;
  border: none;
}
.pf-c-context-selector__toggle:before {
  position: absolute;
  inset: 0;
  content: "";
  border: var(--pf-c-context-selector__toggle--BorderWidth) solid;
  border-color: var(--pf-c-context-selector__toggle--BorderTopColor)
    var(--pf-c-context-selector__toggle--BorderRightColor)
    var(--pf-c-context-selector__toggle--BorderBottomColor)
    var(--pf-c-context-selector__toggle--BorderLeftColor);
}
.pf-c-context-selector__toggle:hover:before {
  --pf-c-context-selector__toggle--BorderBottomColor: var(
    --pf-c-context-selector__toggle--hover--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-context-selector__toggle--hover--BorderBottomWidth
  );
}
.pf-c-context-selector__toggle:active:before,
.pf-c-context-selector__toggle.pf-m-active:before,
.pf-c-context-selector__toggle:focus-within:before {
  --pf-c-context-selector__toggle--BorderBottomColor: var(
    --pf-c-context-selector__toggle--active--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-context-selector__toggle--active--BorderBottomWidth
  );
}
.pf-m-expanded > .pf-c-context-selector__toggle:before {
  --pf-c-context-selector__toggle--BorderBottomColor: var(
    --pf-c-context-selector__toggle--expanded--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-context-selector__toggle--expanded--BorderBottomWidth
  );
}
.pf-c-context-selector__toggle.pf-m-plain {
  --pf-c-context-selector__toggle--PaddingRight: var(
    --pf-c-context-selector__toggle--m-plain--PaddingRight
  );
  --pf-c-context-selector__toggle--PaddingLeft: var(
    --pf-c-context-selector__toggle--m-plain--PaddingLeft
  );
  --pf-c-context-selector__toggle-icon--Color: var(
    --pf-c-context-selector--m-plain__toggle-icon--Color
  );
}
.pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
  --pf-c-context-selector__toggle--PaddingRight: var(
    --pf-c-context-selector__toggle--m-plain--m-text--PaddingRight
  );
  --pf-c-context-selector__toggle--PaddingLeft: var(
    --pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft
  );
}
.pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
  display: inline-block;
  width: auto;
  color: var(--pf-c-context-selector__toggle--m-plain--Color);
}
.pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled,
.pf-c-context-selector__toggle.pf-m-plain:disabled {
  --pf-c-context-selector__toggle--m-plain--Color: var(
    --pf-c-context-selector__toggle--m-plain--disabled--Color
  );
}
.pf-c-context-selector__toggle.pf-m-plain:hover,
.pf-c-context-selector__toggle.pf-m-plain:active,
.pf-c-context-selector__toggle.pf-m-plain.pf-m-active,
.pf-c-context-selector__toggle.pf-m-plain:focus,
.pf-c-context-selector.pf-m-expanded
  > .pf-c-context-selector__toggle.pf-m-plain {
  --pf-c-context-selector__toggle--m-plain--Color: var(
    --pf-c-context-selector__toggle--m-plain--hover--Color
  );
  --pf-c-context-selector--m-plain__toggle-icon--Color: var(
    --pf-c-context-selector--m-plain--hover__toggle-icon--Color
  );
}
.pf-c-context-selector__toggle.pf-m-plain:before {
  border: 0;
}
.pf-c-context-selector__toggle .pf-c-context-selector__toggle-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--pf-c-context-selector__toggle-text--FontSize);
  font-weight: var(--pf-c-context-selector__toggle-text--FontWeight);
  line-height: var(--pf-c-context-selector__toggle-text--LineHeight);
}
.pf-c-context-selector__toggle-icon {
  margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
  margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
  color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
}
.pf-c-context-selector__menu {
  color: var(--pf-global--Color--100);
  position: absolute;
  top: var(--pf-c-context-selector__menu--Top);
  z-index: var(--pf-c-context-selector__menu--ZIndex);
  min-width: 100%;
  background-color: var(--pf-c-context-selector__menu--BackgroundColor);
  background-clip: padding-box;
  box-shadow: var(--pf-c-context-selector__menu--BoxShadow);
}
.pf-c-context-selector__menu.pf-m-static {
  position: static;
  inset: auto;
  z-index: auto;
  min-width: min-content;
}
.pf-c-context-selector__menu-search {
  position: relative;
  padding: var(--pf-c-context-selector__menu-search--PaddingTop)
    var(--pf-c-context-selector__menu-search--PaddingRight)
    var(--pf-c-context-selector__menu-search--PaddingBottom)
    var(--pf-c-context-selector__menu-search--PaddingLeft);
  border-bottom: var(--pf-c-context-selector__menu-search--BorderBottomWidth)
    solid var(--pf-c-context-selector__menu-search--BorderBottomColor);
}
.pf-c-context-selector__menu-footer {
  padding: var(--pf-c-context-selector__menu-footer--PaddingTop)
    var(--pf-c-context-selector__menu-footer--PaddingRight)
    var(--pf-c-context-selector__menu-footer--PaddingBottom)
    var(--pf-c-context-selector__menu-footer--PaddingLeft);
  box-shadow: var(--pf-c-context-selector__menu-footer--BoxShadow);
}
.pf-c-context-selector__menu-list {
  max-height: var(--pf-c-context-selector__menu-list--MaxHeight);
  padding-top: var(--pf-c-context-selector__menu-list--PaddingTop);
  padding-bottom: var(--pf-c-context-selector__menu-list--PaddingBottom);
  overflow-y: auto;
}
.pf-c-context-selector__menu-list-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--pf-c-context-selector__menu-list-item--PaddingTop)
    var(--pf-c-context-selector__menu-list-item--PaddingRight)
    var(--pf-c-context-selector__menu-list-item--PaddingBottom)
    var(--pf-c-context-selector__menu-list-item--PaddingLeft);
  color: var(--pf-c-context-selector__menu-list-item--Color);
  white-space: nowrap;
  border: none;
}
.pf-c-context-selector__menu-list-item:hover,
.pf-c-context-selector__menu-list-item:focus {
  text-decoration: none;
  background-color: var(
    --pf-c-context-selector__menu-list-item--hover--BackgroundColor
  );
}
.pf-c-context-selector__menu-list-item.pf-m-disabled,
.pf-c-context-selector__menu-list-item:disabled {
  --pf-c-context-selector__menu-list-item--Color: var(
    --pf-c-context-selector__menu-list-item--disabled--Color
  );
  pointer-events: none;
}
:where(.pf-theme-dark) .pf-c-context-selector {
  --pf-c-context-selector__menu--Top: 100%;
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
}
:where(.pf-theme-dark) .pf-c-context-selector__toggle {
  background: var(--pf-global--BackgroundColor--400);
}
:where(.pf-theme-dark) .pf-c-context-selector__toggle.pf-m-plain {
  background: transparent;
}
:where(.pf-theme-dark) .pf-c-context-selector__menu {
  background: var(--pf-global--BackgroundColor--300);
}
:where(.pf-theme-dark) .pf-c-context-selector__menu-footer {
  border-top: 1px solid var(--pf-global--BorderColor--300);
}
.pf-c-drawer {
  --pf-c-drawer__section--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-drawer__section--m-light-200--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-drawer__content--FlexBasis: 100%;
  --pf-c-drawer__content--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-drawer__content--m-light-200--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-drawer__content--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-drawer__panel--MinWidth: 50%;
  --pf-c-drawer__panel--MaxHeight: auto;
  --pf-c-drawer__panel--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-drawer__panel--m-light-200--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-drawer__panel--TransitionDuration: var(
    --pf-global--TransitionDuration
  );
  --pf-c-drawer__panel--TransitionProperty: margin, transform, box-shadow,
    flex-basis;
  --pf-c-drawer__panel--FlexBasis: 100%;
  --pf-c-drawer__panel--md--FlexBasis--min: 1.5rem;
  --pf-c-drawer__panel--md--FlexBasis: 50%;
  --pf-c-drawer__panel--md--FlexBasis--max: 100%;
  --pf-c-drawer__panel--xl--MinWidth: 28.125rem;
  --pf-c-drawer__panel--xl--FlexBasis: 28.125rem;
  --pf-c-drawer--m-panel-bottom__panel--md--MinHeight: 50%;
  --pf-c-drawer--m-panel-bottom__panel--xl--MinHeight: 18.75rem;
  --pf-c-drawer--m-panel-bottom__panel--xl--FlexBasis: 18.75rem;
  --pf-c-drawer__panel--m-resizable--FlexDirection: row;
  --pf-c-drawer__panel--m-resizable--md--FlexBasis--min: var(
    --pf-c-drawer__splitter--m-vertical--Width
  );
  --pf-c-drawer__panel--m-resizable--MinWidth: 1.5rem;
  --pf-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
  --pf-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
  --pf-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
  --pf-c-drawer--child--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-drawer--child--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-drawer--child--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-drawer--child--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-drawer--child--md--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-drawer--child--md--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-drawer--child--md--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-drawer--child--md--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-drawer--child--m-padding--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-drawer--child--m-padding--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-drawer--child--m-padding--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-drawer--child--m-padding--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-drawer--child--m-padding--md--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-drawer--child--m-padding--md--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-drawer--child--m-padding--md--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-drawer--child--m-padding--md--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-drawer__content--child--PaddingTop: 0;
  --pf-c-drawer__content--child--PaddingRight: 0;
  --pf-c-drawer__content--child--PaddingBottom: 0;
  --pf-c-drawer__content--child--PaddingLeft: 0;
  --pf-c-drawer__splitter--Height: 0.5625rem;
  --pf-c-drawer__splitter--Width: 100%;
  --pf-c-drawer__splitter--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-drawer__splitter--Cursor: row-resize;
  --pf-c-drawer__splitter--m-vertical--Height: 100%;
  --pf-c-drawer__splitter--m-vertical--Width: 0.5625rem;
  --pf-c-drawer__splitter--m-vertical--Cursor: col-resize;
  --pf-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
  --pf-c-drawer__splitter--after--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-drawer__splitter--after--border-width--base: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-drawer__splitter--after--BorderTopWidth: 0;
  --pf-c-drawer__splitter--after--BorderRightWidth: var(
    --pf-c-drawer__splitter--after--border-width--base
  );
  --pf-c-drawer__splitter--after--BorderBottomWidth: 0;
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
  --pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth: var(
    --pf-c-drawer__splitter--after--border-width--base
  );
  --pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth: var(
    --pf-c-drawer__splitter--after--border-width--base
  );
  --pf-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem;
  --pf-c-drawer--m-inline__splitter-handle--Left: 50%;
  --pf-c-drawer--m-inline__splitter--after--BorderRightWidth: var(
    --pf-c-drawer__splitter--after--border-width--base
  );
  --pf-c-drawer--m-inline__splitter--after--BorderLeftWidth: var(
    --pf-c-drawer__splitter--after--border-width--base
  );
  --pf-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem;
  --pf-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top: 50%;
  --pf-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth: var(
    --pf-c-drawer__splitter--after--border-width--base
  );
  --pf-c-drawer__splitter-handle--Top: 50%;
  --pf-c-drawer__splitter-handle--Left: calc(
    50% - var(--pf-c-drawer__splitter--after--border-width--base)
  );
  --pf-c-drawer--m-panel-left__splitter-handle--Left: 50%;
  --pf-c-drawer--m-panel-bottom__splitter-handle--Top: calc(
    50% - var(--pf-c-drawer__splitter--after--border-width--base)
  );
  --pf-c-drawer__splitter-handle--after--BorderColor: var(
    --pf-global--Color--200
  );
  --pf-c-drawer__splitter-handle--after--BorderTopWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-drawer__splitter-handle--after--BorderRightWidth: 0;
  --pf-c-drawer__splitter-handle--after--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-drawer__splitter-handle--after--BorderLeftWidth: 0;
  --pf-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(
    --pf-global--Color--100
  );
  --pf-c-drawer__splitter--focus__splitter-handle--after--BorderColor: var(
    --pf-global--Color--100
  );
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth: 0;
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth: 0;
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-drawer__splitter-handle--after--Width: 0.75rem;
  --pf-c-drawer__splitter-handle--after--Height: 0.25rem;
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
  --pf-c-drawer__actions--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-drawer__actions--MarginRight: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-drawer__panel--BoxShadow: none;
  --pf-c-drawer--m-expanded__panel--BoxShadow: var(
    --pf-global--BoxShadow--lg-left
  );
  --pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(
    --pf-global--BoxShadow--lg-right
  );
  --pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(
    --pf-global--BoxShadow--lg-top
  );
  --pf-c-drawer__panel--after--Width: var(--pf-global--BorderWidth--sm);
  --pf-c-drawer--m-panel-bottom__panel--after--Height: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-drawer__panel--after--BackgroundColor: transparent;
  --pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-drawer--m-inline__panel--PaddingLeft: var(
    --pf-c-drawer__panel--after--Width
  );
  --pf-c-drawer--m-panel-left--m-inline__panel--PaddingRight: var(
    --pf-c-drawer__panel--after--Width
  );
  --pf-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop: var(
    --pf-c-drawer__panel--after--Width
  );
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .pf-c-drawer {
    --pf-c-drawer--child--PaddingTop: var(--pf-c-drawer--child--md--PaddingTop);
    --pf-c-drawer--child--PaddingRight: var(
      --pf-c-drawer--child--md--PaddingRight
    );
    --pf-c-drawer--child--PaddingBottom: var(
      --pf-c-drawer--child--md--PaddingBottom
    );
    --pf-c-drawer--child--PaddingLeft: var(
      --pf-c-drawer--child--md--PaddingLeft
    );
    --pf-c-drawer--child--m-padding--PaddingTop: var(
      --pf-c-drawer--child--m-padding--md--PaddingTop
    );
    --pf-c-drawer--child--m-padding--PaddingRight: var(
      --pf-c-drawer--child--m-padding--md--PaddingRight
    );
    --pf-c-drawer--child--m-padding--PaddingBottom: var(
      --pf-c-drawer--child--m-padding--md--PaddingBottom
    );
    --pf-c-drawer--child--m-padding--PaddingLeft: var(
      --pf-c-drawer--child--m-padding--md--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-drawer {
    --pf-c-drawer__panel--MinWidth: var(--pf-c-drawer__panel--xl--MinWidth);
  }
  .pf-c-drawer.pf-m-panel-bottom {
    --pf-c-drawer__panel--MinWidth: auto;
    --pf-c-drawer__panel--MinHeight: var(
      --pf-c-drawer--m-panel-bottom__panel--xl--MinHeight
    );
  }
}
.pf-c-drawer.pf-m-inline
  > .pf-c-drawer__main
  > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable),
.pf-c-drawer.pf-m-static
  > .pf-c-drawer__main
  > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
  padding-left: var(--pf-c-drawer--m-inline__panel--PaddingLeft);
}
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
  order: 0;
  margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
  transform: translate(-100%);
}
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__content {
  order: 1;
}
.pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main {
  flex-direction: column;
}
.pf-c-drawer.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
  transform: translate(-100%);
}
.pf-c-drawer.pf-m-expanded.pf-m-panel-left
  > .pf-c-drawer__main
  > .pf-c-drawer__panel {
  transform: translate(0);
}
.pf-c-drawer.pf-m-expanded.pf-m-panel-bottom
  > .pf-c-drawer__main
  > .pf-c-drawer__panel {
  transform: translateY(-100%);
}
.pf-c-drawer.pf-m-resizing {
  --pf-c-drawer__panel--TransitionProperty: none;
  pointer-events: none;
}
.pf-c-drawer.pf-m-resizing .pf-c-drawer__splitter {
  pointer-events: auto;
}
.pf-c-drawer__section {
  flex-grow: 0;
  background-color: var(--pf-c-drawer__section--BackgroundColor);
}
.pf-c-drawer__section.pf-m-no-background {
  --pf-c-drawer__section--BackgroundColor: transparent;
}
.pf-c-drawer__section.pf-m-light-200 {
  --pf-c-drawer__section--BackgroundColor: var(
    --pf-c-drawer__section--m-light-200--BackgroundColor
  );
}
.pf-c-drawer__main {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.pf-c-drawer__content,
.pf-c-drawer__panel,
.pf-c-drawer__panel-main {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow: auto;
}
.pf-c-drawer__content {
  z-index: var(--pf-c-drawer__content--ZIndex);
  flex-basis: var(--pf-c-drawer__content--FlexBasis);
  order: 0;
  background-color: var(--pf-c-drawer__content--BackgroundColor);
}
.pf-c-drawer__content.pf-m-no-background {
  --pf-c-drawer__content--BackgroundColor: transparent;
}
.pf-c-drawer__content.pf-m-light-200 {
  --pf-c-drawer__content--BackgroundColor: var(
    --pf-c-drawer__content--m-light-200--BackgroundColor
  );
}
.pf-c-drawer__content > .pf-c-drawer__body {
  padding: var(--pf-c-drawer__content--child--PaddingTop)
    var(--pf-c-drawer__content--child--PaddingRight)
    var(--pf-c-drawer__content--child--PaddingBottom)
    var(--pf-c-drawer__content--child--PaddingLeft);
}
.pf-c-drawer__panel {
  position: relative;
  z-index: var(--pf-c-drawer__panel--ZIndex);
  flex-basis: var(--pf-c-drawer__panel--FlexBasis);
  order: 1;
  max-height: var(--pf-c-drawer__panel--MaxHeight);
  overflow: auto;
  background-color: var(--pf-c-drawer__panel--BackgroundColor);
  box-shadow: var(--pf-c-drawer__panel--BoxShadow);
  transition-duration: var(--pf-c-drawer__panel--TransitionDuration);
  transition-property: var(--pf-c-drawer__panel--TransitionProperty);
  -webkit-overflow-scrolling: touch;
}
.pf-c-drawer__panel:after {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--pf-c-drawer__panel--after--Width);
  height: 100%;
  content: "";
  background-color: var(--pf-c-drawer__panel--after--BackgroundColor);
}
.pf-c-drawer__panel.pf-m-no-background {
  --pf-c-drawer__panel--BackgroundColor: transparent;
}
.pf-c-drawer__panel.pf-m-light-200 {
  --pf-c-drawer__panel--BackgroundColor: var(
    --pf-c-drawer__panel--m-light-200--BackgroundColor
  );
}
@media screen and (min-width: 768px) {
  .pf-c-drawer__panel {
    --pf-c-drawer__panel--FlexBasis: max(
      var(--pf-c-drawer__panel--md--FlexBasis--min),
      min(
        var(--pf-c-drawer__panel--md--FlexBasis),
        var(--pf-c-drawer__panel--md--FlexBasis--max)
      )
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-drawer__panel {
    --pf-c-drawer__panel--md--FlexBasis: var(
      --pf-c-drawer__panel--xl--FlexBasis
    );
  }
  .pf-c-drawer.pf-m-panel-bottom .pf-c-drawer__panel {
    --pf-c-drawer__panel--md--FlexBasis: var(
      --pf-c-drawer--m-panel-bottom__panel--xl--FlexBasis
    );
  }
}
.pf-c-drawer__panel-main {
  flex-grow: 1;
}
@keyframes pf-remove-tab-focus {
  to {
    visibility: hidden;
  }
}
.pf-c-drawer__panel[hidden] {
  animation-name: pf-remove-tab-focus;
  animation-delay: var(--pf-c-drawer__panel--TransitionDuration);
  animation-fill-mode: forwards;
}
.pf-c-drawer__head {
  display: grid;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
}
.pf-c-drawer__head > * {
  grid-column: 1;
}
.pf-c-drawer__actions {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-self: baseline;
  margin-top: var(--pf-c-drawer__actions--MarginTop);
  margin-right: var(--pf-c-drawer__actions--MarginRight);
}
.pf-c-drawer__body {
  min-height: 0;
  padding: var(--pf-c-drawer--child--PaddingTop)
    var(--pf-c-drawer--child--PaddingRight)
    var(--pf-c-drawer--child--PaddingBottom)
    var(--pf-c-drawer--child--PaddingLeft);
}
.pf-c-drawer__body.pf-m-no-padding {
  padding: 0;
}
.pf-c-drawer__body.pf-m-no-padding > .pf-c-drawer__actions,
.pf-c-drawer__body.pf-m-no-padding
  > .pf-c-drawer__head
  > .pf-c-drawer__actions {
  margin-top: 0;
  margin-right: 0;
}
.pf-c-drawer__body.pf-m-padding {
  padding: var(--pf-c-drawer--child--m-padding--PaddingTop)
    var(--pf-c-drawer--child--m-padding--PaddingRight)
    var(--pf-c-drawer--child--m-padding--PaddingBottom)
    var(--pf-c-drawer--child--m-padding--PaddingLeft);
}
.pf-c-drawer__body:not(.pf-m-no-padding) + * {
  padding-top: 0;
}
.pf-c-drawer__body:last-child {
  flex: 1 1;
}
.pf-c-drawer__body > .pf-c-page__main {
  height: 100%;
}
.pf-c-drawer__splitter {
  position: relative;
  display: none;
  width: var(--pf-c-drawer__splitter--Width);
  height: var(--pf-c-drawer__splitter--Height);
  cursor: var(--pf-c-drawer__splitter--Cursor);
  visibility: hidden;
  background-color: var(--pf-c-drawer__splitter--BackgroundColor);
}
.pf-c-drawer__splitter.pf-m-vertical {
  --pf-c-drawer__splitter--Height: var(
    --pf-c-drawer__splitter--m-vertical--Height
  );
  --pf-c-drawer__splitter--Width: var(
    --pf-c-drawer__splitter--m-vertical--Width
  );
  --pf-c-drawer__splitter--Cursor: var(
    --pf-c-drawer__splitter--m-vertical--Cursor
  );
  --pf-c-drawer__splitter-handle--after--Width: var(
    --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width
  );
  --pf-c-drawer__splitter-handle--after--Height: var(
    --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height
  );
  --pf-c-drawer__splitter-handle--after--BorderTopWidth: var(
    --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth
  );
  --pf-c-drawer__splitter-handle--after--BorderRightWidth: var(
    --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth
  );
  --pf-c-drawer__splitter-handle--after--BorderBottomWidth: var(
    --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth
  );
  --pf-c-drawer__splitter-handle--after--BorderLeftWidth: var(
    --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth
  );
}
.pf-c-drawer__splitter:hover {
  --pf-c-drawer__splitter-handle--after--BorderColor: var(
    --pf-c-drawer__splitter--hover__splitter-handle--after--BorderColor
  );
}
.pf-c-drawer__splitter:focus {
  --pf-c-drawer__splitter-handle--after--BorderColor: var(
    --pf-c-drawer__splitter--focus__splitter-handle--after--BorderColor
  );
}
.pf-c-drawer__splitter:after {
  position: absolute;
  inset: 0;
  content: "";
  border: solid var(--pf-c-drawer__splitter--after--BorderColor);
  border-width: var(--pf-c-drawer__splitter--after--BorderTopWidth)
    var(--pf-c-drawer__splitter--after--BorderRightWidth)
    var(--pf-c-drawer__splitter--after--BorderBottomWidth)
    var(--pf-c-drawer__splitter--after--BorderLeftWidth);
}
.pf-c-drawer__splitter-handle {
  position: absolute;
  top: var(--pf-c-drawer__splitter-handle--Top);
  left: var(--pf-c-drawer__splitter-handle--Left);
  transform: translate(-50%, -50%);
}
.pf-c-drawer__splitter-handle:after {
  display: block;
  width: var(--pf-c-drawer__splitter-handle--after--Width);
  height: var(--pf-c-drawer__splitter-handle--after--Height);
  content: "";
  border-color: var(--pf-c-drawer__splitter-handle--after--BorderColor);
  border-style: solid;
  border-width: var(--pf-c-drawer__splitter-handle--after--BorderTopWidth)
    var(--pf-c-drawer__splitter-handle--after--BorderRightWidth)
    var(--pf-c-drawer__splitter-handle--after--BorderBottomWidth)
    var(--pf-c-drawer__splitter-handle--after--BorderLeftWidth);
}
@media screen and (min-width: 768px) {
  .pf-c-drawer {
    min-width: var(--pf-c-drawer__panel--MinWidth);
  }
  .pf-c-drawer.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
    box-shadow: var(--pf-c-drawer--m-expanded__panel--BoxShadow);
  }
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable {
    --pf-c-drawer__panel--md--FlexBasis--min: var(
      --pf-c-drawer__panel--m-resizable--md--FlexBasis--min
    );
    flex-direction: var(--pf-c-drawer__panel--m-resizable--FlexDirection);
    min-width: var(--pf-c-drawer__panel--m-resizable--MinWidth);
  }
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable:after {
    width: 0;
    height: 0;
  }
  .pf-c-drawer
    > .pf-c-drawer__main
    > .pf-c-drawer__panel.pf-m-resizable
    > .pf-c-drawer__splitter {
    flex-shrink: 0;
  }
  .pf-c-drawer
    > .pf-c-drawer__main
    > .pf-c-drawer__panel.pf-m-resizable
    > .pf-c-drawer__panel-main {
    flex-shrink: 1;
  }
  .pf-c-drawer.pf-m-panel-left {
    --pf-c-drawer--m-expanded__panel--BoxShadow: var(
      --pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow
    );
  }
  .pf-c-drawer.pf-m-panel-left.pf-m-inline
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable),
  .pf-c-drawer.pf-m-panel-left.pf-m-static
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
    padding-right: var(
      --pf-c-drawer--m-panel-left--m-inline__panel--PaddingRight
    );
    padding-left: 0;
  }
  .pf-c-drawer.pf-m-panel-left.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:after {
    right: 0;
    left: auto;
  }
  .pf-c-drawer.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel.pf-m-resizable
    > .pf-c-drawer__splitter {
    --pf-c-drawer__splitter-handle--Left: var(
      --pf-c-drawer--m-panel-left__splitter-handle--Left
    );
    --pf-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-c-drawer__splitter--after--BorderLeftWidth: var(
      --pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth
    );
    order: 1;
  }
  .pf-c-drawer.pf-m-panel-bottom {
    --pf-c-drawer--m-expanded__panel--BoxShadow: var(
      --pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow
    );
    --pf-c-drawer__panel--MaxHeight: 100%;
    --pf-c-drawer__panel--FlexBasis--min: var(
      --pf-c-drawer--m-panel-bottom__panel--FlexBasis--min
    );
    min-width: auto;
    min-height: var(--pf-c-drawer--m-panel-bottom__panel--md--MinHeight);
  }
  .pf-c-drawer.pf-m-panel-bottom.pf-m-inline
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable),
  .pf-c-drawer.pf-m-panel-bottom.pf-m-static
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
    padding-top: var(
      --pf-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop
    );
    padding-left: 0;
  }
  .pf-c-drawer.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:after {
    top: 0;
    left: auto;
    width: 100%;
    height: var(--pf-c-drawer--m-panel-bottom__panel--after--Height);
  }
  .pf-c-drawer.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel.pf-m-resizable {
    --pf-c-drawer__panel--md--FlexBasis--min: var(
      --pf-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min
    );
    --pf-c-drawer__panel--m-resizable--FlexDirection: var(
      --pf-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection
    );
    --pf-c-drawer__panel--m-resizable--MinWidth: 0;
    min-height: var(
      --pf-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight
    );
  }
  .pf-c-drawer.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel.pf-m-resizable
    > .pf-c-drawer__splitter {
    --pf-c-drawer__splitter-handle--Top: var(
      --pf-c-drawer--m-panel-bottom__splitter-handle--Top
    );
    --pf-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-c-drawer__splitter--after--BorderBottomWidth: var(
      --pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth
    );
  }
  .pf-c-drawer.pf-m-inline
    > .pf-c-drawer__main
    > .pf-c-drawer__panel.pf-m-resizable
    > .pf-c-drawer__splitter {
    --pf-c-drawer__splitter--m-vertical--Width: var(
      --pf-c-drawer--m-inline__splitter--m-vertical--Width
    );
    --pf-c-drawer__splitter-handle--Left: var(
      --pf-c-drawer--m-inline__splitter-handle--Left
    );
    --pf-c-drawer__splitter--after--BorderRightWidth: var(
      --pf-c-drawer--m-inline__splitter--after--BorderRightWidth
    );
    --pf-c-drawer__splitter--after--BorderLeftWidth: var(
      --pf-c-drawer--m-inline__splitter--after--BorderLeftWidth
    );
    outline-offset: var(
      --pf-c-drawer--m-inline__splitter--focus--OutlineOffset
    );
  }
  .pf-c-drawer.pf-m-inline.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel.pf-m-resizable
    > .pf-c-drawer__splitter {
    --pf-c-drawer__splitter--Height: var(
      --pf-c-drawer--m-inline--m-panel-bottom__splitter--Height
    );
    --pf-c-drawer__splitter-handle--Top: var(
      --pf-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top
    );
    --pf-c-drawer__splitter--after--BorderTopWidth: var(
      --pf-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth
    );
    --pf-c-drawer__splitter--after--BorderRightWidth: 0;
    --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
  }
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
  .pf-c-drawer.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel.pf-m-no-border {
    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-c-drawer__splitter {
    display: block;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .pf-c-drawer__panel.pf-m-width-25 {
    --pf-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-c-drawer__panel.pf-m-width-33 {
    --pf-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-c-drawer__panel.pf-m-width-50 {
    --pf-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-c-drawer__panel.pf-m-width-66 {
    --pf-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-c-drawer__panel.pf-m-width-75 {
    --pf-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-c-drawer__panel.pf-m-width-100 {
    --pf-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 992px) {
  .pf-c-drawer__panel.pf-m-width-25-on-lg {
    --pf-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-c-drawer__panel.pf-m-width-33-on-lg {
    --pf-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-c-drawer__panel.pf-m-width-50-on-lg {
    --pf-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-c-drawer__panel.pf-m-width-66-on-lg {
    --pf-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-c-drawer__panel.pf-m-width-75-on-lg {
    --pf-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-c-drawer__panel.pf-m-width-100-on-lg {
    --pf-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 1200px) {
  .pf-c-drawer__panel.pf-m-width-25-on-xl {
    --pf-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-c-drawer__panel.pf-m-width-33-on-xl {
    --pf-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-c-drawer__panel.pf-m-width-50-on-xl {
    --pf-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-c-drawer__panel.pf-m-width-66-on-xl {
    --pf-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-c-drawer__panel.pf-m-width-75-on-xl {
    --pf-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-c-drawer__panel.pf-m-width-100-on-xl {
    --pf-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 1450px) {
  .pf-c-drawer__panel.pf-m-width-25-on-2xl {
    --pf-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-c-drawer__panel.pf-m-width-33-on-2xl {
    --pf-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-c-drawer__panel.pf-m-width-50-on-2xl {
    --pf-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-c-drawer__panel.pf-m-width-66-on-2xl {
    --pf-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-c-drawer__panel.pf-m-width-75-on-2xl {
    --pf-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-c-drawer__panel.pf-m-width-100-on-2xl {
    --pf-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 768px) {
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-c-drawer.pf-m-inline
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border):after,
  .pf-c-drawer.pf-m-static
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border):after {
    background-color: var(
      --pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor
    );
  }
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
    overflow-x: auto;
  }
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel {
    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    transform: translate(100%);
  }
  .pf-c-drawer.pf-m-inline.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-left: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-inline
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: unset;
    visibility: visible;
  }
  .pf-c-drawer.pf-m-inline.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    transform: translate(-100%);
  }
  .pf-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-inline.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: unset;
    visibility: visible;
  }
  .pf-c-drawer.pf-m-inline.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 992px) {
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-c-drawer.pf-m-inline-on-lg
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border):after,
  .pf-c-drawer.pf-m-static-on-lg
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border):after {
    background-color: var(
      --pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor
    );
  }
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
    overflow-x: auto;
  }
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    transform: translate(100%);
  }
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-left: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-inline-on-lg
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: unset;
    visibility: visible;
  }
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    transform: translate(-100%);
  }
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: unset;
    visibility: visible;
  }
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-lg
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 1200px) {
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-c-drawer.pf-m-inline-on-xl
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border):after,
  .pf-c-drawer.pf-m-static-on-xl
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border):after {
    background-color: var(
      --pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor
    );
  }
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
    overflow-x: auto;
  }
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    transform: translate(100%);
  }
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-left: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-inline-on-xl
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: unset;
    visibility: visible;
  }
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    transform: translate(-100%);
  }
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: unset;
    visibility: visible;
  }
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-xl
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 1450px) {
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-c-drawer.pf-m-inline-on-2xl
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border):after,
  .pf-c-drawer.pf-m-static-on-2xl
    > .pf-c-drawer__main
    > .pf-c-drawer__panel:not(.pf-m-no-border):after {
    background-color: var(
      --pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor
    );
  }
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
    overflow-x: auto;
  }
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    transform: translate(100%);
  }
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-left: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-inline-on-2xl
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: unset;
    visibility: visible;
  }
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    transform: translate(-100%);
  }
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: unset;
    visibility: visible;
  }
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-left
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    margin-right: 0;
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom
    > .pf-c-drawer__main
    > .pf-c-drawer__panel {
    transform: translate(0);
  }
  .pf-c-drawer.pf-m-static-on-2xl
    > .pf-c-drawer__main
    > .pf-c-drawer__panel
    > .pf-c-drawer__body
    > .pf-c-drawer__head
    .pf-c-drawer__close {
    display: none;
    visibility: hidden;
  }
}
:where(.pf-theme-dark) .pf-c-drawer {
  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--400);
  --pf-c-drawer__splitter--BackgroundColor: transparent;
}
:where(.pf-theme-dark) .pf-c-drawer.pf-m-inline,
:where(.pf-theme-dark) .pf-c-drawer.pf-m-static {
  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
}
.pf-c-label {
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
  --pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
  --pf-c-label--Color: var(--pf-global--Color--100);
  --pf-c-label--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-label__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-label__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-label--m-outline__content--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label--m-outline__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label__content--link--hover--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-label__content--link--focus--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-blue--BackgroundColor: var(--pf-global--palette--blue-50);
  --pf-c-label--m-blue__icon--Color: var(--pf-global--primary-color--100);
  --pf-c-label--m-blue__content--Color: var(--pf-global--info-color--200);
  --pf-c-label--m-blue__content--before--BorderColor: var(
    --pf-global--palette--blue-100
  );
  --pf-c-label--m-blue__content--link--hover--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-label--m-blue__content--link--focus--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-label--m-outline--m-blue__content--Color: var(
    --pf-global--primary-color--100
  );
  --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-green--BackgroundColor: var(--pf-global--palette--green-50);
  --pf-c-label--m-green__icon--Color: var(--pf-global--success-color--100);
  --pf-c-label--m-green__content--Color: var(--pf-global--success-color--200);
  --pf-c-label--m-green__content--before--BorderColor: var(
    --pf-global--palette--green-100
  );
  --pf-c-label--m-green__content--link--hover--before--BorderColor: var(
    --pf-global--success-color--100
  );
  --pf-c-label--m-green__content--link--focus--before--BorderColor: var(
    --pf-global--success-color--100
  );
  --pf-c-label--m-outline--m-green__content--Color: var(
    --pf-global--success-color--100
  );
  --pf-c-label--m-outline--m-green__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-orange--BackgroundColor: var(--pf-global--palette--orange-50);
  --pf-c-label--m-orange__icon--Color: var(--pf-global--palette--orange-300);
  --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-700);
  --pf-c-label--m-orange__content--before--BorderColor: var(
    --pf-global--palette--orange-100
  );
  --pf-c-label--m-orange__content--link--hover--before--BorderColor: var(
    --pf-global--palette--orange-300
  );
  --pf-c-label--m-orange__content--link--focus--before--BorderColor: var(
    --pf-global--palette--orange-300
  );
  --pf-c-label--m-outline--m-orange__content--Color: var(
    --pf-global--palette--orange-500
  );
  --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-red--BackgroundColor: var(--pf-global--palette--red-50);
  --pf-c-label--m-red__icon--Color: var(--pf-global--danger-color--100);
  --pf-c-label--m-red__content--Color: var(--pf-global--palette--red-300);
  --pf-c-label--m-red__content--before--BorderColor: var(
    --pf-global--palette--red-100
  );
  --pf-c-label--m-red__content--link--hover--before--BorderColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-label--m-red__content--link--focus--before--BorderColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-label--m-outline--m-red__content--Color: var(
    --pf-global--danger-color--100
  );
  --pf-c-label--m-outline--m-red__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-purple--BackgroundColor: var(--pf-global--palette--purple-50);
  --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-500);
  --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-700);
  --pf-c-label--m-purple__content--before--BorderColor: var(
    --pf-global--palette--purple-100
  );
  --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(
    --pf-global--palette--purple-500
  );
  --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(
    --pf-global--palette--purple-500
  );
  --pf-c-label--m-outline--m-purple__content--Color: var(
    --pf-global--palette--purple-500
  );
  --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--palette--cyan-50);
  --pf-c-label--m-cyan__icon--Color: var(--pf-global--default-color--200);
  --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--300);
  --pf-c-label--m-cyan__content--before--BorderColor: var(
    --pf-global--palette--cyan-100
  );
  --pf-c-label--m-cyan__content--link--hover--before--BorderColor: var(
    --pf-global--default-color--200
  );
  --pf-c-label--m-cyan__content--link--focus--before--BorderColor: var(
    --pf-global--default-color--200
  );
  --pf-c-label--m-outline--m-cyan__content--Color: var(
    --pf-global--palette--cyan-400
  );
  --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-gold--BackgroundColor: var(--pf-global--palette--gold-50);
  --pf-c-label--m-gold__icon--Color: var(--pf-global--palette--gold-400);
  --pf-c-label--m-gold__content--Color: var(--pf-global--palette--gold-700);
  --pf-c-label--m-gold__content--before--BorderColor: var(
    --pf-global--palette--gold-100
  );
  --pf-c-label--m-gold__content--link--hover--before--BorderColor: var(
    --pf-global--palette--gold-300
  );
  --pf-c-label--m-gold__content--link--focus--before--BorderColor: var(
    --pf-global--palette--gold-300
  );
  --pf-c-label--m-outline--m-gold__content--Color: var(
    --pf-global--palette--gold-600
  );
  --pf-c-label--m-outline--m-gold__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-overflow__content--Color: var(--pf-global--link--Color);
  --pf-c-label--m-overflow__content--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-label--m-overflow__content--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label--m-overflow__content--before--BorderColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-label--m-overflow__content--link--hover--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-label--m-overflow__content--link--hover--before--BorderColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-label--m-overflow__content--link--focus--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-label--m-overflow__content--link--focus--before--BorderColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-label--m-compact--PaddingTop: 0;
  --pf-c-label--m-compact--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-label--m-compact--PaddingBottom: 0;
  --pf-c-label--m-compact--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
  --pf-c-label__content--Color: var(--pf-global--Color--100);
  --pf-c-label__content--MaxWidth: 100%;
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
  --pf-c-label__text--MaxWidth: 16ch;
  --pf-c-label__icon--Color: var(--pf-global--Color--100);
  --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
  --pf-c-label__c-button--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-label__c-button--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-label__c-button--MarginRight: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-label__c-button--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-label__c-button--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-label__c-button--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-label--m-editable--Cursor: pointer;
  --pf-c-label--m-editable--TextDecoration: underline;
  --pf-c-label--m-editable--TextDecorationStyle: dashed;
  --pf-c-label--m-editable--TextDecorationThickness: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label--m-editable--TextDecorationOffset: 0.25rem;
  --pf-c-label--m-editable--TextDecorationColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-label--m-editable--hover--TextDecorationColor: var(
    --pf-global--Color--100
  );
  --pf-c-label--m-editable--focus--TextDecorationColor: var(
    --pf-global--Color--100
  );
  --pf-c-label--m-editable__content--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-editable__content--hover--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-editable__content--focus--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-label--m-editable--m-editable-active--Cursor: auto;
  --pf-c-label--m-editable--m-editable-active--TextDecoration: none;
  --pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
  --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
  --pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
  position: relative;
  padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight)
    var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
  font-size: var(--pf-c-label--FontSize);
  color: var(--pf-c-label--Color);
  white-space: nowrap;
  background-color: var(--pf-c-label--BackgroundColor);
  border: 0;
  border-radius: var(--pf-c-label--BorderRadius);
}
.pf-c-label.pf-m-compact {
  --pf-c-label--PaddingTop: var(--pf-c-label--m-compact--PaddingTop);
  --pf-c-label--PaddingRight: var(--pf-c-label--m-compact--PaddingRight);
  --pf-c-label--PaddingBottom: var(--pf-c-label--m-compact--PaddingBottom);
  --pf-c-label--PaddingLeft: var(--pf-c-label--m-compact--PaddingLeft);
  --pf-c-label--FontSize: var(--pf-c-label--m-compact--FontSize);
  --pf-c-label--m-editable--TextDecorationOffset: var(
    --pf-c-label--m-compact--m-editable--TextDecorationOffset
  );
}
.pf-c-label.pf-m-blue {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-blue--BackgroundColor);
  --pf-c-label__icon--Color: var(--pf-c-label--m-blue__icon--Color);
  --pf-c-label__content--Color: var(--pf-c-label--m-blue__content--Color);
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-blue__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-blue__content--link--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-blue__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-outline__content--Color: var(
    --pf-c-label--m-outline--m-blue__content--Color
  );
  --pf-c-label--m-outline__content--before--BorderColor: var(
    --pf-c-label--m-outline--m-blue__content--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-c-label--m-blue__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-c-label--m-blue__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-c-label--m-blue__content--before--BorderColor
  );
}
.pf-c-label.pf-m-green {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-green--BackgroundColor);
  --pf-c-label__icon--Color: var(--pf-c-label--m-green__icon--Color);
  --pf-c-label__content--Color: var(--pf-c-label--m-green__content--Color);
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-green__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-green__content--link--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-green__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-outline__content--Color: var(
    --pf-c-label--m-outline--m-green__content--Color
  );
  --pf-c-label--m-outline__content--before--BorderColor: var(
    --pf-c-label--m-outline--m-green__content--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-c-label--m-green__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-c-label--m-green__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-c-label--m-green__content--before--BorderColor
  );
}
.pf-c-label.pf-m-orange {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-orange--BackgroundColor);
  --pf-c-label__icon--Color: var(--pf-c-label--m-orange__icon--Color);
  --pf-c-label__content--Color: var(--pf-c-label--m-orange__content--Color);
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-orange__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-orange__content--link--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-orange__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-outline__content--Color: var(
    --pf-c-label--m-outline--m-orange__content--Color
  );
  --pf-c-label--m-outline__content--before--BorderColor: var(
    --pf-c-label--m-outline--m-orange__content--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-c-label--m-orange__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-c-label--m-orange__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-c-label--m-orange__content--before--BorderColor
  );
}
.pf-c-label.pf-m-red {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-red--BackgroundColor);
  --pf-c-label__icon--Color: var(--pf-c-label--m-red__icon--Color);
  --pf-c-label__content--Color: var(--pf-c-label--m-red__content--Color);
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-red__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-red__content--link--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-red__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-outline__content--Color: var(
    --pf-c-label--m-outline--m-red__content--Color
  );
  --pf-c-label--m-outline__content--before--BorderColor: var(
    --pf-c-label--m-outline--m-red__content--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-c-label--m-red__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-c-label--m-red__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-c-label--m-red__content--before--BorderColor
  );
}
.pf-c-label.pf-m-purple {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-purple--BackgroundColor);
  --pf-c-label__icon--Color: var(--pf-c-label--m-purple__icon--Color);
  --pf-c-label__content--Color: var(--pf-c-label--m-purple__content--Color);
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-purple__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-purple__content--link--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-purple__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-outline__content--Color: var(
    --pf-c-label--m-outline--m-purple__content--Color
  );
  --pf-c-label--m-outline__content--before--BorderColor: var(
    --pf-c-label--m-outline--m-purple__content--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-c-label--m-purple__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-c-label--m-purple__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-c-label--m-purple__content--before--BorderColor
  );
}
.pf-c-label.pf-m-cyan {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-cyan--BackgroundColor);
  --pf-c-label__icon--Color: var(--pf-c-label--m-cyan__icon--Color);
  --pf-c-label__content--Color: var(--pf-c-label--m-cyan__content--Color);
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-cyan__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-cyan__content--link--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-cyan__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-outline__content--Color: var(
    --pf-c-label--m-outline--m-cyan__content--Color
  );
  --pf-c-label--m-outline__content--before--BorderColor: var(
    --pf-c-label--m-outline--m-cyan__content--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-c-label--m-cyan__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-c-label--m-cyan__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-c-label--m-cyan__content--before--BorderColor
  );
}
.pf-c-label.pf-m-gold {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-gold--BackgroundColor);
  --pf-c-label__icon--Color: var(--pf-c-label--m-gold__icon--Color);
  --pf-c-label__content--Color: var(--pf-c-label--m-gold__content--Color);
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-gold__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-gold__content--link--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-gold__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-outline__content--Color: var(
    --pf-c-label--m-outline--m-gold__content--Color
  );
  --pf-c-label--m-outline__content--before--BorderColor: var(
    --pf-c-label--m-outline--m-gold__content--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor
  );
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-c-label--m-gold__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-c-label--m-gold__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-c-label--m-gold__content--before--BorderColor
  );
}
.pf-c-label.pf-m-outline {
  --pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
  --pf-c-label__content--before--BorderWidth: var(
    --pf-c-label--m-outline__content--before--BorderWidth
  );
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-outline__content--before--BorderColor
  );
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-outline--BackgroundColor);
  --pf-c-label--m-editable__content--before--BorderColor: var(
    --pf-c-label--m-outline__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(
    --pf-c-label--m-outline__content--before--BorderColor
  );
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(
    --pf-c-label--m-outline__content--before--BorderColor
  );
}
.pf-c-label.pf-m-overflow:hover,
.pf-c-label.pf-m-add:hover,
.pf-c-label.pf-m-outline a.pf-c-label__content:hover,
.pf-c-label.pf-m-outline button.pf-c-label__content:hover {
  --pf-c-label__content--before--BorderWidth: var(
    --pf-c-label--m-outline__content--link--hover--before--BorderWidth
  );
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-outline__content--link--hover--before--BorderColor
  );
}
.pf-c-label.pf-m-overflow:focus,
.pf-c-label.pf-m-add:focus,
.pf-c-label.pf-m-outline a.pf-c-label__content:focus,
.pf-c-label.pf-m-outline button.pf-c-label__content:focus {
  --pf-c-label__content--before--BorderWidth: var(
    --pf-c-label--m-outline__content--link--focus--before--BorderWidth
  );
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-outline__content--link--focus--before--BorderColor
  );
}
.pf-c-label.pf-m-editable {
  text-decoration: var(--pf-c-label--m-editable--TextDecoration);
  cursor: var(--pf-c-label--m-editable--Cursor);
  text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
  text-decoration-thickness: var(
    --pf-c-label--m-editable--TextDecorationThickness
  );
  text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
  text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
  --pf-c-label__content--MaxWidth: var(
    --pf-c-label--m-editable__content--MaxWidth
  );
  --pf-c-label__content--before--BorderWidth: var(
    --pf-c-label--m-editable__content--before--BorderWidth
  );
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-editable__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderWidth: var(
    --pf-c-label--m-editable__content--hover--before--BorderWidth
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-editable__content--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderWidth: var(
    --pf-c-label--m-editable__content--focus--before--BorderWidth
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-editable__content--focus--before--BorderColor
  );
  --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(
    --pf-c-label--m-editable__content--before--BorderWidth
  );
  --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(
    --pf-c-label--m-editable__content--before--BorderWidth
  );
}
.pf-c-label.pf-m-editable:hover {
  --pf-c-label--m-editable--TextDecorationColor: var(
    --pf-c-label--m-editable--hover--TextDecorationColor
  );
}
.pf-c-label.pf-m-editable:focus {
  --pf-c-label--m-editable--TextDecorationColor: var(
    --pf-c-label--m-editable--focus--TextDecorationColor
  );
}
.pf-c-label.pf-m-editable-active {
  --pf-c-label--m-editable--Cursor: var(
    --pf-c-label--m-editable--m-editable-active--Cursor
  );
  --pf-c-label--m-editable--TextDecoration: var(
    --pf-c-label--m-editable--m-editable-active--TextDecoration
  );
  --pf-c-label--BackgroundColor: var(
    --pf-c-label--m-editable--m-editable-active--BackgroundColor
  );
}
.pf-c-label.pf-m-editable-active .pf-c-button {
  visibility: hidden;
}
.pf-c-label .pf-c-button {
  --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
  --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
  --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
  --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
  --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
  margin-top: var(--pf-c-label__c-button--MarginTop);
  margin-right: var(--pf-c-label__c-button--MarginRight);
  margin-bottom: var(--pf-c-label__c-button--MarginBottom);
  margin-left: var(--pf-c-label__c-button--MarginLeft);
}
.pf-c-label.pf-m-overflow,
.pf-c-label.pf-m-add {
  --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
  --pf-c-label--BackgroundColor: var(
    --pf-c-label--m-overflow__content--BackgroundColor
  );
  --pf-c-label__content--before--BorderWidth: var(
    --pf-c-label--m-overflow__content--before--BorderWidth
  );
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label--m-overflow__content--before--BorderColor
  );
  --pf-c-label__content--link--hover--before--BorderWidth: var(
    --pf-c-label--m-overflow__content--link--hover--before--BorderWidth
  );
  --pf-c-label__content--link--hover--before--BorderColor: var(
    --pf-c-label--m-overflow__content--link--hover--before--BorderColor
  );
  --pf-c-label__content--link--focus--before--BorderWidth: var(
    --pf-c-label--m-overflow__content--link--focus--before--BorderWidth
  );
  --pf-c-label__content--link--focus--before--BorderColor: var(
    --pf-c-label--m-overflow__content--link--focus--before--BorderColor
  );
}
.pf-c-label,
.pf-c-label__content {
  display: inline-flex;
  align-items: center;
}
.pf-c-label__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--pf-c-label__text--MaxWidth);
}
.pf-c-label__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--pf-c-label__content--MaxWidth);
  color: var(--pf-c-label__content--Color);
  border-width: 0;
}
.pf-c-label__content:before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-c-label__content--before--BorderWidth) solid
    var(--pf-c-label__content--before--BorderColor);
  border-radius: var(--pf-c-label--BorderRadius);
}
a.pf-c-label__content,
button.pf-c-label__content {
  cursor: pointer;
  border: none;
}
a.pf-c-label__content,
a.pf-c-label__content:hover,
a.pf-c-label__content:focus,
button.pf-c-label__content,
button.pf-c-label__content:hover,
button.pf-c-label__content:focus {
  text-decoration: none;
}
a.pf-c-label__content:hover,
button.pf-c-label__content:hover {
  --pf-c-label__content--before--BorderWidth: var(
    --pf-c-label__content--link--hover--before--BorderWidth
  );
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label__content--link--hover--before--BorderColor
  );
}
a.pf-c-label__content:focus,
button.pf-c-label__content:focus {
  --pf-c-label__content--before--BorderWidth: var(
    --pf-c-label__content--link--focus--before--BorderWidth
  );
  --pf-c-label__content--before--BorderColor: var(
    --pf-c-label__content--link--focus--before--BorderColor
  );
}
.pf-c-label__icon {
  margin-right: var(--pf-c-label__icon--MarginRight);
  color: var(--pf-c-label__icon--Color);
}
:where(.pf-theme-dark) .pf-c-label {
  --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
  --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
  --pf-c-label--m-green--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-label--m-orange--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
  --pf-c-label--m-purple--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
  --pf-c-label__content--before--BorderWidth: 0;
  --pf-c-label__content--before--BorderColor: transparent;
  --pf-c-label__content--link--hover--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label__content--link--focus--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
  --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(
    --pf-global--active-color--200
  );
  --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(
    --pf-global--active-color--200
  );
  --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(
    --pf-global--active-color--200
  );
  --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
  --pf-c-label--m-outline--m-green__content--before--BorderColor: var(
    --pf-global--palette--green-100
  );
  --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(
    --pf-global--palette--green-100
  );
  --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(
    --pf-global--palette--green-100
  );
  --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
  --pf-c-label--m-outline--m-orange__content--Color: var(
    --pf-global--palette--orange-300
  );
  --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(
    --pf-global--palette--gold-100
  );
  --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(
    --pf-global--palette--gold-100
  );
  --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(
    --pf-global--palette--gold-100
  );
  --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
  --pf-c-label--m-outline--m-red__content--before--BorderColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
  --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
  --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(
    --pf-global--palette--purple-300
  );
  --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(
    --pf-global--palette--purple-300
  );
  --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(
    --pf-global--palette--purple-100
  );
  --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(
    --pf-global--palette--purple-100
  );
  --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(
    --pf-global--palette--purple-100
  );
  --pf-c-label--m-outline--m-purple__content--Color: var(
    --pf-global--palette--purple-300
  );
  --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
  --pf-c-label--m-outline--m-cyan__content--Color: var(
    --pf-global--default-color--200
  );
  --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(
    --pf-global--palette--cyan-100
  );
  --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(
    --pf-global--palette--cyan-100
  );
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(
    --pf-global--palette--cyan-100
  );
}
.pf-c-label-group {
  --pf-c-label-group__list--MarginBottom: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-label-group__list--MarginRight: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-label-group--m-vertical--m-category--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-label-group--m-category--BorderRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-label-group--m-category--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-label-group--m-category--BorderColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-label-group--m-category--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-label-group__label--MarginBottom: 0;
  --pf-c-label-group--m-vertical__label--MarginBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-label-group__label--MaxWidth: 18ch;
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
  --pf-c-label-group__close--MarginBottom: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-label-group--m-vertical__close--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-label-group--m-vertical__close--MarginRight: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-label-group--m-vertical__close--MarginLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
  --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
  --pf-c-label-group__textarea--PaddingBottom: 0;
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
  display: inline-flex;
  align-items: center;
}
.pf-c-label-group.pf-m-category {
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
  padding-right: var(--pf-c-label-group--m-category--PaddingRight);
  padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
  padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
  background-color: var(--pf-c-label-group--m-category--BackgroundColor);
  border: var(--pf-c-label-group--m-category--BorderWidth) solid
    var(--pf-c-label-group--m-category--BorderColor);
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
}
.pf-c-label-group.pf-m-vertical {
  --pf-c-label-group__list--MarginRight: 0;
  --pf-c-label-group__list--MarginBottom: 0;
  --pf-c-label-group__list-item--MarginRight: 0;
  --pf-c-label-group__label--MarginRight: 0;
  --pf-c-label-group__label--MarginBottom: var(
    --pf-c-label-group--m-vertical__label--MarginBottom
  );
  --pf-c-label-group__close--MarginTop: var(
    --pf-c-label-group--m-vertical__close--MarginTop
  );
  --pf-c-label-group__close--MarginLeft: var(
    --pf-c-label-group--m-vertical__close--MarginLeft
  );
  --pf-c-label-group__close--MarginBottom: 0;
  --pf-c-label-group__close--MarginRight: var(
    --pf-c-label-group--m-vertical__close--MarginRight
  );
  --pf-c-label-group--m-category--PaddingRight: var(
    --pf-c-label-group--m-vertical--m-category--PaddingRight
  );
}
.pf-c-label-group.pf-m-vertical.pf-c-label-group {
  align-items: flex-start;
}
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
  flex-direction: column;
  align-items: flex-start;
}
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
  flex-direction: column;
}
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
  --pf-c-label-group__list-item--MarginBottom: 0;
}
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
  --pf-c-button--PaddingLeft: var(
    --pf-c-label-group--m-vertical__close--c-button--PaddingLeft
  );
  --pf-c-button--PaddingRight: var(
    --pf-c-label-group--m-vertical__close--c-button--PaddingRight
  );
}
.pf-c-label-group.pf-m-editable,
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
  display: flex;
}
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
  flex: 1;
}
.pf-c-label-group__main {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: baseline;
}
.pf-c-label-group__list {
  display: inline-flex;
  flex-wrap: wrap;
  margin-right: var(--pf-c-label-group__list--MarginRight);
  margin-bottom: var(--pf-c-label-group__list--MarginBottom);
}
.pf-c-label-group__list-item {
  display: inline-flex;
  margin-right: var(--pf-c-label-group__list-item--MarginRight);
  margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
}
.pf-c-label-group__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--pf-c-label-group__label--MaxWidth);
  margin-right: var(--pf-c-label-group__label--MarginRight);
  margin-bottom: var(--pf-c-label-group__label--MarginBottom);
  font-size: var(--pf-c-label-group__label--FontSize);
}
.pf-c-label-group__close {
  margin-top: var(--pf-c-label-group__close--MarginTop);
  margin-right: var(--pf-c-label-group__close--MarginRight);
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
  margin-left: var(--pf-c-label-group__close--MarginLeft);
}
.pf-c-label-group__textarea {
  min-width: var(--pf-c-label-group__textarea--MinWidth);
  padding: var(--pf-c-label-group__textarea--PaddingTop)
    var(--pf-c-label-group__textarea--PaddingRight)
    var(--pf-c-label-group__textarea--PaddingBottom)
    var(--pf-c-label-group__textarea--PaddingLeft);
  white-space: nowrap;
  resize: none;
  border: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.pf-c-label-group__textarea::-webkit-scrollbar {
  display: none;
}
.pf-c-nav {
  --pf-c-nav--Transition: var(
  --pf-global--Transition);
  --pf-c-nav--m-light__item--before--BorderColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(
  --pf-global--BackgroundColor--light-300
  );
  --pf-c-nav--m-light__link--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-nav--m-light__link--hover--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-nav--m-light__link--focus--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-nav--m-light__link--active--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-nav--m-light__link--m-current--Color: var(
  --pf-global--Color--dark-100
  );
  --pf-c-nav--m-light__link--hover--BackgroundColor: var(
  --pf-global--BackgroundColor--light-300
  );
  --pf-c-nav--m-light__link--focus--BackgroundColor: var(
  --pf-global--BackgroundColor--light-300
  );
  --pf-c-nav--m-light__link--active--BackgroundColor: var(
  --pf-global--BackgroundColor--light-300
  );
  --pf-c-nav--m-light__link--m-current--BackgroundColor: var(
  --pf-global--BackgroundColor--light-300
  );
  --pf-c-nav--m-light__link--before--BorderColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-nav--m-light__link--after--BorderColor: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-light__link--m-current--after--BorderColor: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-light__section-title--Color: var(
  --pf-global--Color--dark-200);
  --pf-c-nav--m-light__section-title--BorderBottomColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-nav--m-light--c-divider--BackgroundColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-nav--m-light__subnav__link--hover--after--BorderColor: var(
  --pf-global--BorderColor--dark-100
  );
  --pf-c-nav--m-light__subnav__link--focus--after--BorderColor: var(
  --pf-global--BorderColor--dark-100
  );
  --pf-c-nav--m-light__subnav__link--active--after--BorderColor: var(
  --pf-global--BorderColor--dark-100
  );
  --pf-c-nav--m-light__subnav__link--m-current--after--BorderColor: var(
  --pf-global--active-color--100
  );
  --pf-c-nav__item--MarginTop: 0;
  --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-400
  );
  --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(
  --pf-global--BorderWidth--xl
  );
  --pf-c-nav__item__item__link--PaddingRight: var(
  --pf-global--spacer--xl);
  --pf-c-nav__item__item__toggle--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-nav__item__toggle-icon--Rotate: 0;
  --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-nav__item--before--BorderColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__item--before--BorderWidth: var(
  --pf-global--BorderWidth--sm);
  --pf-c-nav__link--FontSize: var(
  --pf-global--FontSize--md);
  --pf-c-nav__link--FontWeight: var(
  --pf-global--FontWeight--normal);
  --pf-c-nav__link--PaddingTop: var(
  --pf-global--spacer--md);
  --pf-c-nav__link--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-nav__link--PaddingBottom: var(
  --pf-global--spacer--md);
  --pf-c-nav__link--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-nav__link--xl--PaddingRight: var(
  --pf-global--spacer--lg);
  --pf-c-nav__link--xl--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-nav__link--Color: var(
  --pf-global--Color--light-100);
  --pf-c-nav__link--hover--Color: var(
  --pf-global--Color--light-100);
  --pf-c-nav__link--focus--Color: var(
  --pf-global--Color--light-100);
  --pf-c-nav__link--active--Color: var(
  --pf-global--Color--light-100);
  --pf-c-nav__link--m-current--Color: var(
  --pf-global--Color--light-100);
  --pf-c-nav__link--BackgroundColor: transparent;
  --pf-c-nav__link--hover--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__link--focus--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__link--active--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__link--m-current--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-400
  );
  --pf-c-nav__link--OutlineOffset: calc(var(
  --pf-global--spacer--xs) * -1);
  --pf-c-nav__link--before--BorderColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__link--before--BorderBottomWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav__link--hover--before--BorderBottomWidth: 0;
  --pf-c-nav__link--focus--before--BorderBottomWidth: 0;
  --pf-c-nav__link--active--before--BorderBottomWidth: 0;
  --pf-c-nav__link--m-current--before--BorderBottomWidth: 0;
  --pf-c-nav__link--after--BorderColor: var(
  --pf-global--active-color--400);
  --pf-c-nav__link--hover--after--BorderColor: var(
  --pf-global--active-color--400
  );
  --pf-c-nav__link--focus--after--BorderColor: var(
  --pf-global--active-color--400
  );
  --pf-c-nav__link--active--after--BorderColor: var(
  --pf-global--active-color--400
  );
  --pf-c-nav__link--m-current--after--BorderColor: var(
  --pf-global--active-color--400
  );
  --pf-c-nav__link--after--BorderLeftWidth: 0;
  --pf-c-nav__link--hover--after--BorderLeftWidth: 0;
  --pf-c-nav__link--focus--after--BorderLeftWidth: 0;
  --pf-c-nav__link--active--after--BorderLeftWidth: 0;
  --pf-c-nav__link--m-current--after--BorderLeftWidth: var(
  --pf-global--BorderWidth--xl
  );
  --pf-c-nav--m-horizontal__link--PaddingTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav--m-horizontal__link--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-nav--m-horizontal__link--PaddingBottom: var(
  --pf-global--spacer--sm);
  --pf-c-nav--m-horizontal__link--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-nav--m-horizontal__link--lg--PaddingTop: var(
  --pf-global--spacer--lg);
  --pf-c-nav--m-horizontal__link--lg--PaddingBottom: var(
  --pf-global--spacer--lg
  );
  --pf-c-nav--m-horizontal__link--Right: var(
  --pf-global--spacer--md);
  --pf-c-nav--m-horizontal__link--Left: var(
  --pf-global--spacer--md);
  --pf-c-nav--m-horizontal__link--Color: var(
  --pf-global--Color--light-300);
  --pf-c-nav--m-horizontal__link--hover--Color: var(
  --pf-global--active-color--400
  );
  --pf-c-nav--m-horizontal__link--focus--Color: var(
  --pf-global--active-color--400
  );
  --pf-c-nav--m-horizontal__link--active--Color: var(
  --pf-global--active-color--400
  );
  --pf-c-nav--m-horizontal__link--m-current--Color: var(
  --pf-global--active-color--400
  );
  --pf-c-nav--m-horizontal__link--BackgroundColor: transparent;
  --pf-c-nav--m-horizontal__link--hover--BackgroundColor: transparent;
  --pf-c-nav--m-horizontal__link--focus--BackgroundColor: transparent;
  --pf-c-nav--m-horizontal__link--active--BackgroundColor: transparent;
  --pf-c-nav--m-horizontal__link--m-current--BackgroundColor: transparent;
  --pf-c-nav--m-horizontal__link--before--BorderColor: var(
  --pf-global--active-color--400
  );
  --pf-c-nav--m-horizontal__link--before--BorderWidth: 0;
  --pf-c-nav--m-horizontal__link--hover--before--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--m-horizontal__link--focus--before--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--m-horizontal__link--active--before--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--m-horizontal__link--m-current--before--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--m-tertiary__link--PaddingTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav--m-tertiary__link--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-nav--m-tertiary__link--PaddingBottom: var(
  --pf-global--spacer--sm);
  --pf-c-nav--m-tertiary__link--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-nav--m-tertiary__link--Right: var(
  --pf-global--spacer--md);
  --pf-c-nav--m-tertiary__link--Left: var(
  --pf-global--spacer--md);
  --pf-c-nav--m-tertiary__link--Color: var(
  --pf-global--Color--dark-100);
  --pf-c-nav--m-tertiary__link--hover--Color: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-tertiary__link--focus--Color: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-tertiary__link--active--Color: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-tertiary__link--m-current--Color: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-tertiary__link--BackgroundColor: transparent;
  --pf-c-nav--m-tertiary__link--hover--BackgroundColor: transparent;
  --pf-c-nav--m-tertiary__link--focus--BackgroundColor: transparent;
  --pf-c-nav--m-tertiary__link--active--BackgroundColor: transparent;
  --pf-c-nav--m-tertiary__link--m-current--BackgroundColor: transparent;
  --pf-c-nav--m-tertiary__link--before--BorderColor: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-tertiary__link--before--BorderWidth: 0;
  --pf-c-nav--m-tertiary__link--hover--before--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--m-tertiary__link--focus--before--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--m-tertiary__link--active--before--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--m-tertiary__link--m-current--before--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--m-tertiary__scroll-button--Color: var(
  --pf-global--Color--dark-100
  );
  --pf-c-nav--m-tertiary__scroll-button--hover--Color: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-tertiary__scroll-button--focus--Color: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-tertiary__scroll-button--active--Color: var(
  --pf-global--active-color--100
  );
  --pf-c-nav--m-tertiary__scroll-button--disabled--Color: var(
  --pf-global--disabled-color--200
  );
  --pf-c-nav--m-tertiary__scroll-button--before--BorderColor: var(
  --pf-global--BorderColor--300
  );
  --pf-c-nav--m-tertiary__scroll-button--disabled--before--BorderColor: var(
  --pf-global--disabled-color--300
  );
  --pf-c-nav--m-horizontal-subnav__link--PaddingTop: var(
  --pf-global--spacer--sm
  );
  --pf-c-nav--m-horizontal-subnav__link--PaddingRight: var(
  --pf-global--spacer--md
  );
  --pf-c-nav--m-horizontal-subnav__link--PaddingBottom: var(
  --pf-global--spacer--sm
  );
  --pf-c-nav--m-horizontal-subnav__link--PaddingLeft: var(
  --pf-global--spacer--md
  );
  --pf-c-nav--m-horizontal-subnav__link--xl--PaddingTop: var(
  --pf-global--spacer--md
  );
  --pf-c-nav--m-horizontal-subnav__link--xl--PaddingRight: var(
  --pf-global--spacer--lg
  );
  --pf-c-nav--m-horizontal-subnav__link--xl--PaddingBottom: var(
  --pf-global--spacer--md
  );
  --pf-c-nav--m-horizontal-subnav__link--xl--PaddingLeft: var(
  --pf-global--spacer--lg
  );
  --pf-c-nav--m-horizontal-subnav__link--FontSize: var(
  --pf-global--FontSize--sm
  );
  --pf-c-nav--m-horizontal-subnav__link--Color: var(
  --pf-global--Color--light-200
  );
  --pf-c-nav--m-horizontal-subnav__link--hover--Color: var(
  --pf-global--Color--light-100
  );
  --pf-c-nav--m-horizontal-subnav__link--focus--Color: var(
  --pf-global--Color--light-100
  );
  --pf-c-nav--m-horizontal-subnav__link--active--Color: var(
  --pf-global--Color--light-100
  );
  --pf-c-nav--m-horizontal-subnav__link--m-current--Color: var(
  --pf-global--Color--light-100
  );
  --pf-c-nav--m-horizontal-subnav__link--BackgroundColor: transparent;
  --pf-c-nav--m-horizontal-subnav__link--hover--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav--m-horizontal-subnav__link--focus--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav--m-horizontal-subnav__link--active--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav--m-horizontal-subnav__link--m-current--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-400
  );
  --pf-c-nav--m-horizontal-subnav__link--before--BorderColor: transparent;
  --pf-c-nav--m-horizontal-subnav__link--after--BorderColor: var(
  --pf-global--palette--black-800
  );
  --pf-c-nav--m-horizontal-subnav__link--hover--after--BorderColor: var(
  --pf-global--palette--black-800
  );
  --pf-c-nav--m-horizontal-subnav__link--active--after--BorderColor: var(
  --pf-global--palette--black-800
  );
  --pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderColor: var(
  --pf-global--palette--black-800
  );
  --pf-c-nav--m-horizontal-subnav__link--after--BorderLeftWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav--m-horizontal-subnav__link--hover--after--BorderLeftWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav--m-horizontal-subnav__link--active--after--BorderLeftWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderLeftWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav__subnav--PaddingBottom: var(
  --pf-global--spacer--md);
  --pf-c-nav__subnav--xl--PaddingLeft: var(
  --pf-c-nav__link--PaddingLeft);
  --pf-c-nav__subnav__link--MarginTop: 0;
  --pf-c-nav__subnav__link--PaddingTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav__subnav__link--PaddingRight: var(
  --pf-global--spacer--lg);
  --pf-c-nav__subnav__link--PaddingBottom: var(
  --pf-global--spacer--sm);
  --pf-c-nav__subnav__link--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-nav__subnav__link--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-nav__subnav__link--hover--after--BorderColor: var(
  --pf-global--BorderColor--200
  );
  --pf-c-nav__subnav__link--focus--after--BorderColor: var(
  --pf-global--BorderColor--200
  );
  --pf-c-nav__subnav__link--active--after--BorderColor: var(
  --pf-global--BorderColor--200
  );
  --pf-c-nav__subnav__link--m-current--after--BorderColor: var(
  --pf-global--active-color--400
  );
  --pf-c-nav__subnav__link--hover--after--BorderWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav__subnav__link--focus--after--BorderWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav__subnav__link--active--after--BorderWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav__subnav__link--m-current--after--BorderWidth: var(
  --pf-global--BorderWidth--xl
  );
  --pf-c-nav__subnav--MaxHeight: 0;
  --pf-c-nav__subnav__subnav--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-nav__subnav__subnav__link--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-nav__subnav__subnav__link--FontSize: var(
  --pf-global--FontSize--xs);
  --pf-c-nav__item--m-expanded__subnav--MaxHeight: 100%;
  --pf-c-nav__subnav--c-divider--PaddingRight: var(
  --pf-global--spacer--lg);
  --pf-c-nav__subnav--c-divider--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-nav__section--MarginTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav__section__item--MarginTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav__section__link--PaddingTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav__section__link--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-nav__section__link--PaddingBottom: var(
  --pf-global--spacer--sm);
  --pf-c-nav__section__link--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-nav__section__link--xl--PaddingRight: var(
  --pf-global--spacer--lg);
  --pf-c-nav__section__link--xl--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-nav__section__link--FontSize: var(
  --pf-global--FontSize--md);
  --pf-c-nav__section__link--before--BorderBottomWidth: 0;
  --pf-c-nav__section__link--hover--after--BorderColor: transparent;
  --pf-c-nav__section__link--focus--after--BorderColor: transparent;
  --pf-c-nav__section__link--active--after--BorderColor: transparent;
  --pf-c-nav__section__link--m-current--after--BorderColor: var(
  --pf-global--active-color--400
  );
  --pf-c-nav__section__link--hover--after--BorderWidth: 0;
  --pf-c-nav__section__link--focus--after--BorderWidth: 0;
  --pf-c-nav__section__link--active--after--BorderWidth: 0;
  --pf-c-nav__section__link--m-current--after--BorderWidth: var(
  --pf-global--BorderWidth--xl
  );
  --pf-c-nav__section--section--MarginTop: var(
  --pf-global--spacer--xl);
  --pf-c-nav__section-title--PaddingTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav__section-title--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-nav__section-title--PaddingBottom: var(
  --pf-global--spacer--sm);
  --pf-c-nav__section-title--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-nav__section-title--xl--PaddingRight: var(
  --pf-global--spacer--lg);
  --pf-c-nav__section-title--xl--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-nav__section-title--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-nav__section-title--Color: var(
  --pf-global--Color--light-100);
  --pf-c-nav__section-title--BorderBottomColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__section-title--BorderBottomWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav__scroll-button--Color: var(
  --pf-global--Color--light-100);
  --pf-c-nav__scroll-button--hover--Color: var(
  --pf-global--active-color--400);
  --pf-c-nav__scroll-button--focus--Color: var(
  --pf-global--active-color--400);
  --pf-c-nav__scroll-button--active--Color: var(
  --pf-global--active-color--400);
  --pf-c-nav__scroll-button--disabled--Color: var(
  --pf-global--disabled-color--100
  );
  --pf-c-nav__scroll-button--BackgroundColor: transparent;
  --pf-c-nav__scroll-button--Width: var(
  --pf-global--target-size--MinWidth);
  --pf-c-nav__scroll-button--OutlineOffset: calc(
    -1 * var(
  --pf-global--spacer--xs)
  );
  --pf-c-nav__scroll-button--Transition: margin 0.125s, transform 0.125s,
    opacity 0.125s;
  --pf-c-nav__scroll-button--before--BorderColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__scroll-button--before--BorderWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav__scroll-button--before--BorderRightWidth: 0;
  --pf-c-nav__scroll-button--before--BorderLeftWidth: 0;
  --pf-c-nav__scroll-button--disabled--before--BorderColor: transparent;
  --pf-c-nav__toggle--PaddingRight: var(
  --pf-global--spacer--sm);
  --pf-c-nav__toggle--PaddingLeft: var(
  --pf-global--spacer--sm);
  --pf-c-nav__toggle--FontSize: var(
  --pf-global--icon--FontSize--md);
  --pf-c-nav__toggle-icon--Transition: var(
  --pf-global--TransitionDuration);
  --pf-c-nav--c-divider--MarginTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav--c-divider--MarginBottom: var(
  --pf-global--spacer--sm);
  --pf-c-nav--c-divider--PaddingRight: 0;
  --pf-c-nav--c-divider--PaddingLeft: 0;
  --pf-c-nav--c-divider--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__list--ScrollSnapTypeAxis: x;
  --pf-c-nav__list--ScrollSnapTypeStrictness: proximity;
  --pf-c-nav__list--ScrollSnapType: var(
  --pf-c-nav__list--ScrollSnapTypeAxis)
    var(--pf-c-nav__list--ScrollSnapTypeStrictness);
  --pf-c-nav__item--ScrollSnapAlign: end;
  --pf-c-nav__item--m-flyout--c-menu--top-offset: 0px;
  --pf-c-nav__item--m-flyout--c-menu--left-offset: 0.25rem;
  --pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset: 0px;
  --pf-c-nav__item--m-flyout--c-menu--m-left--right-offset: 0.25rem;
  --pf-c-nav__item--m-flyout--MarginTop: 0;
  --pf-c-nav__item--m-flyout--hover__link--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__item--m-flyout--focus__link--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__item--m-flyout--active__link--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav__item--m-flyout--hover__link--before--BorderWidth: 0;
  --pf-c-nav__item--m-flyout--focus__link--before--BorderWidth: 0;
  --pf-c-nav__item--m-flyout--active__link--before--BorderWidth: 0;
  --pf-c-nav__item--m-flyout__item--last-child__link--before--BorderBottomWidth: 0;
  --pf-c-nav__item--m-flyout--c-menu--Top: calc(
    0px + var(
  --pf-c-nav__item--m-flyout--c-menu--top-offset)
  );
  --pf-c-nav__item--m-flyout--c-menu--c-menu--Top: calc(
    var(
  --pf-c-nav__item--m-flyout--c-menu--Top) -
      var(--pf-c-nav__item--before--BorderWidth)
  );
  --pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top: 0;
  --pf-c-nav__item--m-flyout--c-menu--Left: calc(
    100% - var(
  --pf-c-nav__item--m-flyout--c-menu--left-offset)
  );
  --pf-c-nav__item--m-flyout--c-menu--m-left--Right: calc(
    100% - var(
  --pf-c-nav__item--m-flyout--c-menu--m-left--right-offset)
  );
  --pf-c-nav__item--m-flyout--c-menu--m-top--Bottom: calc(
    0 + var(
  --pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset)
  );
  --pf-c-nav__item--m-flyout--c-menu--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-300
  );
  --pf-c-nav__item--m-flyout--c-menu__item--Color: var(
  --pf-c-nav__link--Color);
  --pf-c-nav__item--m-flyout--c-menu__item--PaddingTop: var(
  --pf-global--spacer--sm
  );
  --pf-c-nav__item--m-flyout--c-menu__item--PaddingRight: var(
  --pf-global--spacer--lg
  );
  --pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom: var(
  --pf-global--spacer--sm
  );
  --pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft: var(
  --pf-global--spacer--lg
  );
  --pf-c-nav__item--m-flyout--c-menu__item-description--Color: var(
  --pf-global--Color--light-200
  );
  --pf-c-nav__item--m-flyout--c-menu__item--FontSize: var(
  --pf-global--FontSize--sm
  );
  --pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset: var(
  --pf-c-nav__link--OutlineOffset
  );
  --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth: var(
  --pf-c-nav__item--before--BorderWidth
  );
  --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor: var(
  --pf-c-nav__item--before--BorderColor
  );
  --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor: var(
  --pf-global--BorderColor--200
  );
  --pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top: calc(
    -1 * var(
  --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth)
  );
  --pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor: var(
  --pf-c-nav__link--hover--BackgroundColor
  );
  --pf-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor: var(
  --pf-c-nav__link--focus--BackgroundColor
  );
  --pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor: var(
  --pf-c-nav__link--active--BackgroundColor
  );
  --pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top: 0;
  --pf-c-nav__item--m-flyout--c-menu--BoxShadow: var(
  --pf-global--BoxShadow--lg
  );
  --pf-c-nav--c-menu--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-300
  );
  --pf-c-nav--c-menu__list--PaddingTop: 0;
  --pf-c-nav--c-menu__list--PaddingBottom: 0;
  --pf-c-nav--c-menu__list-item--Color: var(
  --pf-global--Color--light-100);
  --pf-c-nav--c-menu__list-item--hover--Color: var(
  --pf-global--Color--light-100
  );
  --pf-c-nav--c-menu__list-item--active--Color: var(
  --pf-global--Color--light-100
  );
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(
  --pf-global--Color--light-100
  );
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(
  --pf-global--FontWeight--bold
  );
  --pf-c-nav--c-menu__item--PaddingTop: var(
  --pf-global--spacer--md);
  --pf-c-nav--c-menu__item--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-nav--c-menu__item--PaddingBottom: var(
  --pf-global--spacer--md);
  --pf-c-nav--c-menu__item--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-nav--c-menu__item--xl--PaddingRight: var(
  --pf-global--spacer--lg);
  --pf-c-nav--c-menu__item--xl--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-nav--c-menu__item--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-nav--c-menu__item--OutlineOffset: calc(
    var(
  --pf-global--spacer--xs) * -1
  );
  --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav--c-menu__item--before--BorderBottomColor: var(
  --pf-global--BackgroundColor--dark-200
  );
  --pf-c-nav--c-menu__item--after--BorderLeftWidth: 0;
  --pf-c-nav--c-menu__item--after--BorderLeftColor: transparent;
  --pf-c-nav--c-menu__item--m-current--BackgroundColor: var(
  --pf-global--BackgroundColor--dark-400
  );
  --pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth: var(
  --pf-global--BorderWidth--xl
  );
  --pf-c-nav--c-menu__item--m-current--after--BorderColor: var(
  --pf-global--active-color--400
  );
  --pf-c-nav--c-menu__item-description--Color: var(
  --pf-global--Color--400);
  --pf-c-nav--c-menu--m-flyout--left-offset: 0.25rem;
  --pf-c-nav--c-menu--m-flyout--m-left--right-offset: 0.25rem;
  --pf-c-nav--c-menu--m-flyout--Top: 0;
  --pf-c-nav--c-menu--m-flyout--c-menu--Top: calc(
    var(
  --pf-c-nav--c-menu--m-flyout--Top) * -1
  );
  --pf-c-nav--c-menu--m-flyout--c-menu--Right: auto;
  --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: auto;
  --pf-c-nav--c-menu--m-flyout--c-menu--Left: calc(
    100% - var(
  --pf-c-nav--c-menu--m-flyout--left-offset)
  );
  --pf-c-nav--c-menu--m-flyout--m-left--Right: calc(
    100% - var(
  --pf-c-nav--c-menu--m-flyout--m-left--right-offset)
  );
  --pf-c-nav--c-menu--m-flyout--m-top--Bottom: 0;
  --pf-c-nav--c-menu--m-flyout--BoxShadow: var(
  --pf-global--BoxShadow--lg);
  --pf-c-nav--c-menu--m-flyout__item--PaddingTop: var(
  --pf-global--spacer--sm);
  --pf-c-nav--c-menu--m-flyout__item--PaddingRight: var(
  --pf-global--spacer--lg
  );
  --pf-c-nav--c-menu--m-flyout__item--PaddingBottom: var(
  --pf-global--spacer--sm
  );
  --pf-c-nav--c-menu--m-flyout__item--PaddingLeft: var(
  --pf-global--spacer--lg);
  --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor: var(
  --pf-global--BorderColor--200
  );
  --pf-c-nav__toggle--m-start--MarginRight: var(
  --pf-global--spacer--sm);
  position: relative;
}
@media screen and (min-width: 1200px) {
  .pf-c-nav {
    --pf-c-nav__link--PaddingRight: var(--pf-c-nav__link--xl--PaddingRight);
    --pf-c-nav__link--PaddingLeft: var(--pf-c-nav__link--xl--PaddingLeft);
    --pf-c-nav--m-horizontal-subnav__link--PaddingTop: var(
      --pf-c-nav--m-horizontal-subnav__link--xl--PaddingTop
    );
    --pf-c-nav--m-horizontal-subnav__link--PaddingRight: var(
      --pf-c-nav--m-horizontal-subnav__link--xl--PaddingRight
    );
    --pf-c-nav--m-horizontal-subnav__link--PaddingBottom: var(
      --pf-c-nav--m-horizontal-subnav__link--xl--PaddingBottom
    );
    --pf-c-nav--m-horizontal-subnav__link--PaddingLeft: var(
      --pf-c-nav--m-horizontal-subnav__link--xl--PaddingLeft
    );
    --pf-c-nav__section__link--PaddingRight: var(
      --pf-c-nav__section__link--xl--PaddingRight
    );
    --pf-c-nav__section__link--PaddingLeft: var(
      --pf-c-nav__section__link--xl--PaddingLeft
    );
    --pf-c-nav__section-title--PaddingRight: var(
      --pf-c-nav__section-title--xl--PaddingRight
    );
    --pf-c-nav__section-title--PaddingLeft: var(
      --pf-c-nav__section-title--xl--PaddingLeft
    );
    --pf-c-nav__subnav--PaddingLeft: var(--pf-c-nav__subnav--xl--PaddingLeft);
    --pf-c-nav--c-menu__item--PaddingRight: var(
      --pf-c-nav--c-menu__item--xl--PaddingRight
    );
    --pf-c-nav--c-menu__item--PaddingLeft: var(
      --pf-c-nav--c-menu__item--xl--PaddingLeft
    );
  }
}
.pf-c-nav .pf-c-menu {
  --pf-c-menu--MinWidth: 100%;
  --pf-c-menu--BackgroundColor: var(--pf-c-nav--c-menu--BackgroundColor);
  --pf-c-menu__list--PaddingTop: var(--pf-c-nav--c-menu__list--PaddingTop);
  --pf-c-menu__list--PaddingBottom: var(
    --pf-c-nav--c-menu__list--PaddingBottom
  );
  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu__item--PaddingTop);
  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu__item--PaddingRight);
  --pf-c-menu__item--PaddingBottom: var(
    --pf-c-nav--c-menu__item--PaddingBottom
  );
  --pf-c-menu__item--PaddingLeft: var(--pf-c-nav--c-menu__item--PaddingLeft);
  --pf-c-menu__list-item--Color: var(--pf-c-nav--c-menu__list-item--Color);
  --pf-c-menu__list-item--hover--Color: var(
    --pf-c-nav--c-menu__list-item--hover--Color
  );
  --pf-c-menu__list-item--active--Color: var(
    --pf-c-nav--c-menu__list-item--active--Color
  );
  --pf-c-menu__list-item--focus-within--Color: var(
    --pf-c-nav--c-menu__list-item--focus-within--Color
  );
  --pf-c-menu__list-item--hover--BackgroundColor: var(
    --pf-c-nav--c-menu__list-item--hover--BackgroundColor
  );
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(
    --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor
  );
  --pf-c-menu__item-description--Color: var(
    --pf-c-nav--c-menu__item-description--Color
  );
}
.pf-c-nav .pf-c-menu:first-child > .pf-c-menu__content {
  border-bottom: var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) solid
    var(--pf-c-nav--c-menu__item--before--BorderBottomColor);
}
.pf-c-nav .pf-c-menu.pf-m-flyout,
.pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu {
  --pf-c-menu--BoxShadow: var(--pf-c-nav--c-menu--m-flyout--BoxShadow);
  --pf-c-menu__list--PaddingTop: 0;
  --pf-c-menu__list--PaddingBottom: 0;
  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
  --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
  --pf-c-menu__item--PaddingTop: var(
    --pf-c-nav--c-menu--m-flyout__item--PaddingTop
  );
  --pf-c-menu__item--PaddingRight: var(
    --pf-c-nav--c-menu--m-flyout__item--PaddingRight
  );
  --pf-c-menu__item--PaddingBottom: var(
    --pf-c-nav--c-menu--m-flyout__item--PaddingBottom
  );
  --pf-c-menu__item--PaddingLeft: var(
    --pf-c-nav--c-menu--m-flyout__item--PaddingLeft
  );
  top: var(--pf-c-nav--c-menu--m-flyout--c-menu--Top);
  right: var(--pf-c-nav--c-menu--m-flyout--c-menu--Right);
  bottom: var(--pf-c-nav--c-menu--m-flyout--c-menu--Bottom);
  left: var(--pf-c-nav--c-menu--m-flyout--c-menu--Left);
}
.pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu__item:hover {
  --pf-c-nav--c-menu__item--after--BorderLeftWidth: var(
    --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth
  );
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(
    --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor
  );
}
.pf-c-nav .pf-c-menu.pf-m-top {
  --pf-c-nav--c-menu--m-flyout--c-menu--Top: auto;
  --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: var(
    --pf-c-nav--c-menu--m-flyout--m-top--Bottom
  );
}
.pf-c-nav .pf-c-menu.pf-m-left {
  --pf-c-nav--c-menu--m-flyout--c-menu--Right: var(
    --pf-c-nav--c-menu--m-flyout--m-left--Right
  );
  --pf-c-nav--c-menu--m-flyout--c-menu--Left: auto;
}
.pf-c-nav .pf-c-menu .pf-c-divider {
  margin-top: 0;
  margin-bottom: 0;
}
.pf-c-nav .pf-c-menu__item {
  position: relative;
  outline-offset: var(--pf-c-nav--c-menu__item--OutlineOffset);
}
.pf-c-nav .pf-c-menu__item:before,
.pf-c-nav .pf-c-menu__item:after {
  position: absolute;
  top: 0;
  content: "";
}
.pf-c-nav .pf-c-menu__item:before {
  right: 0;
  bottom: calc(var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) * -1);
  left: 0;
  border-bottom: var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) solid
    var(--pf-c-nav--c-menu__item--before--BorderBottomColor);
}
.pf-c-nav .pf-c-menu__item:after {
  bottom: 0;
  left: 0;
  border-left: var(--pf-c-nav--c-menu__item--after--BorderLeftWidth) solid
    var(--pf-c-nav--c-menu__item--after--BorderLeftColor);
}
.pf-c-nav .pf-c-menu__item.pf-m-current {
  --pf-c-nav--c-menu__item--after--BorderLeftWidth: var(
    --pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth
  );
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(
    --pf-c-nav--c-menu__item--m-current--after--BorderColor
  );
  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
}
.pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
  --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(
    --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth
  );
}
.pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
  --pf-c-menu__item--FontWeight: var(
    --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight
  );
}
.pf-c-nav .pf-c-menu__item-toggle-icon {
  margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
}
.pf-c-nav.pf-m-horizontal .pf-c-nav__link:after,
.pf-c-nav.pf-m-tertiary .pf-c-nav__link:after {
  content: none;
}
.pf-c-nav.pf-m-horizontal,
.pf-c-nav.pf-m-tertiary,
.pf-c-nav.pf-m-horizontal-subnav {
  overflow: hidden;
}
.pf-c-nav.pf-m-horizontal,
.pf-c-nav.pf-m-horizontal .pf-c-nav__list,
.pf-c-nav.pf-m-tertiary,
.pf-c-nav.pf-m-tertiary .pf-c-nav__list,
.pf-c-nav.pf-m-horizontal-subnav,
.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list {
  position: relative;
  display: flex;
}
.pf-c-nav.pf-m-horizontal .pf-c-nav__list,
.pf-c-nav.pf-m-tertiary .pf-c-nav__list,
.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list {
  flex: 1;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  scroll-snap-type: var(--pf-c-nav__list--ScrollSnapType);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.pf-c-nav.pf-m-horizontal .pf-c-nav__list::-webkit-scrollbar,
.pf-c-nav.pf-m-tertiary .pf-c-nav__list::-webkit-scrollbar,
.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list::-webkit-scrollbar {
  display: none;
}
.pf-c-nav.pf-m-horizontal .pf-c-nav__item,
.pf-c-nav.pf-m-tertiary .pf-c-nav__item,
.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__item {
  display: flex;
  scroll-snap-align: var(--pf-c-nav__item--ScrollSnapAlign);
}
.pf-c-nav.pf-m-horizontal .pf-c-nav__link,
.pf-c-nav.pf-m-tertiary .pf-c-nav__link,
.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__link {
  align-items: center;
  align-self: stretch;
  white-space: nowrap;
}
.pf-c-nav.pf-m-horizontal .pf-c-nav__link:before,
.pf-c-nav.pf-m-tertiary .pf-c-nav__link:before,
.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__link:before {
  top: auto;
  bottom: 0;
}
.pf-c-nav.pf-m-horizontal .pf-c-nav__link:before {
  right: var(--pf-c-nav--m-horizontal__link--Right);
  left: var(--pf-c-nav--m-horizontal__link--Left);
}
.pf-c-nav.pf-m-tertiary .pf-c-nav__link:before {
  right: var(--pf-c-nav--m-tertiary__link--Right);
  left: var(--pf-c-nav--m-tertiary__link--Left);
}
.pf-c-nav.pf-m-light {
  --pf-c-nav__item--before--BorderColor: var(
    --pf-c-nav--m-light__item--before--BorderColor
  );
  --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(
    --pf-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor
  );
  --pf-c-nav__link--Color: var(--pf-c-nav--m-light__link--Color);
  --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-light__link--hover--Color);
  --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-light__link--focus--Color);
  --pf-c-nav__link--active--Color: var(
    --pf-c-nav--m-light__link--active--Color
  );
  --pf-c-nav__link--m-current--Color: var(
    --pf-c-nav--m-light__link--m-current--Color
  );
  --pf-c-nav__link--hover--BackgroundColor: var(
    --pf-c-nav--m-light__link--hover--BackgroundColor
  );
  --pf-c-nav__link--focus--BackgroundColor: var(
    --pf-c-nav--m-light__link--focus--BackgroundColor
  );
  --pf-c-nav__link--active--BackgroundColor: var(
    --pf-c-nav--m-light__link--active--BackgroundColor
  );
  --pf-c-nav__link--m-current--BackgroundColor: var(
    --pf-c-nav--m-light__link--m-current--BackgroundColor
  );
  --pf-c-nav__link--before--BorderColor: var(
    --pf-c-nav--m-light__link--before--BorderColor
  );
  --pf-c-nav__link--after--BorderColor: var(
    --pf-c-nav--m-light__link--after--BorderColor
  );
  --pf-c-nav__link--m-current--after--BorderColor: var(
    --pf-c-nav--m-light__link--m-current--after--BorderColor
  );
  --pf-c-nav__subnav__link--hover--after--BorderColor: var(
    --pf-c-nav--m-light__subnav__link--hover--after--BorderColor
  );
  --pf-c-nav__subnav__link--focus--after--BorderColor: var(
    --pf-c-nav--m-light__subnav__link--focus--after--BorderColor
  );
  --pf-c-nav__subnav__link--active--after--BorderColor: var(
    --pf-c-nav--m-light__subnav__link--active--after--BorderColor
  );
  --pf-c-nav__subnav__link--m-current--after--BorderColor: var(
    --pf-c-nav--m-light__subnav__link--m-current--after--BorderColor
  );
  --pf-c-nav__section-title--Color: var(
    --pf-c-nav--m-light__section-title--Color
  );
  --pf-c-nav__section-title--BorderBottomColor: var(
    --pf-c-nav--m-light__section-title--BorderBottomColor
  );
}
.pf-c-nav.pf-m-light .pf-c-divider {
  --pf-c-divider--after--BackgroundColor: var(
    --pf-c-nav--m-light--c-divider--BackgroundColor
  );
}
.pf-c-nav.pf-m-horizontal {
  --pf-c-nav__link--PaddingTop: var(--pf-c-nav--m-horizontal__link--PaddingTop);
  --pf-c-nav__link--PaddingRight: var(
    --pf-c-nav--m-horizontal__link--PaddingRight
  );
  --pf-c-nav__link--PaddingBottom: var(
    --pf-c-nav--m-horizontal__link--PaddingBottom
  );
  --pf-c-nav__link--PaddingLeft: var(
    --pf-c-nav--m-horizontal__link--PaddingLeft
  );
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal__link--Right);
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal__link--Left);
  --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal__link--Color);
  --pf-c-nav__link--hover--Color: var(
    --pf-c-nav--m-horizontal__link--hover--Color
  );
  --pf-c-nav__link--active--Color: var(
    --pf-c-nav--m-horizontal__link--active--Color
  );
  --pf-c-nav__link--focus--Color: var(
    --pf-c-nav--m-horizontal__link--focus--Color
  );
  --pf-c-nav__link--m-current--Color: var(
    --pf-c-nav--m-horizontal__link--m-current--Color
  );
  --pf-c-nav__link--BackgroundColor: var(
    --pf-c-nav--m-horizontal__link--BackgroundColor
  );
  --pf-c-nav__link--hover--BackgroundColor: var(
    --pf-c-nav--m-horizontal__link--hover--BackgroundColor
  );
  --pf-c-nav__link--focus--BackgroundColor: var(
    --pf-c-nav--m-horizontal__link--focus--BackgroundColor
  );
  --pf-c-nav__link--active--BackgroundColor: var(
    --pf-c-nav--m-horizontal__link--active--BackgroundColor
  );
  --pf-c-nav__link--m-current--BackgroundColor: var(
    --pf-c-nav--m-horizontal__link--m-current--BackgroundColor
  );
  --pf-c-nav__link--before--BorderColor: var(
    --pf-c-nav--m-horizontal__link--before--BorderColor
  );
  --pf-c-nav__link--before--BorderBottomWidth: var(
    --pf-c-nav--m-horizontal__link--before--BorderWidth
  );
  --pf-c-nav__link--hover--before--BorderBottomWidth: var(
    --pf-c-nav--m-horizontal__link--hover--before--BorderWidth
  );
  --pf-c-nav__link--focus--before--BorderBottomWidth: var(
    --pf-c-nav--m-horizontal__link--focus--before--BorderWidth
  );
  --pf-c-nav__link--active--before--BorderBottomWidth: var(
    --pf-c-nav--m-horizontal__link--active--before--BorderWidth
  );
  --pf-c-nav__link--m-current--before--BorderBottomWidth: var(
    --pf-c-nav--m-horizontal__link--m-current--before--BorderWidth
  );
}
.pf-c-nav.pf-m-tertiary {
  --pf-c-nav__link--PaddingTop: var(--pf-c-nav--m-tertiary__link--PaddingTop);
  --pf-c-nav__link--PaddingRight: var(
    --pf-c-nav--m-tertiary__link--PaddingRight
  );
  --pf-c-nav__link--PaddingBottom: var(
    --pf-c-nav--m-tertiary__link--PaddingBottom
  );
  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-tertiary__link--PaddingLeft);
  --pf-c-nav__link--Right: var(--pf-c-nav--m-tertiary__link--Right);
  --pf-c-nav__link--Left: var(--pf-c-nav--m-tertiary__link--Left);
  --pf-c-nav__link--Color: var(--pf-c-nav--m-tertiary__link--Color);
  --pf-c-nav__link--hover--Color: var(
    --pf-c-nav--m-tertiary__link--hover--Color
  );
  --pf-c-nav__link--active--Color: var(
    --pf-c-nav--m-tertiary__link--active--Color
  );
  --pf-c-nav__link--focus--Color: var(
    --pf-c-nav--m-tertiary__link--focus--Color
  );
  --pf-c-nav__link--m-current--Color: var(
    --pf-c-nav--m-tertiary__link--m-current--Color
  );
  --pf-c-nav__link--BackgroundColor: var(
    --pf-c-nav--m-tertiary__link--BackgroundColor
  );
  --pf-c-nav__link--hover--BackgroundColor: var(
    --pf-c-nav--m-tertiary__link--hover--BackgroundColor
  );
  --pf-c-nav__link--focus--BackgroundColor: var(
    --pf-c-nav--m-tertiary__link--focus--BackgroundColor
  );
  --pf-c-nav__link--active--BackgroundColor: var(
    --pf-c-nav--m-tertiary__link--active--BackgroundColor
  );
  --pf-c-nav__link--m-current--BackgroundColor: var(
    --pf-c-nav--m-tertiary__link--m-current--BackgroundColor
  );
  --pf-c-nav__link--before--BorderColor: var(
    --pf-c-nav--m-tertiary__link--before--BorderColor
  );
  --pf-c-nav__link--before--BorderBottomWidth: var(
    --pf-c-nav--m-tertiary__link--before--BorderWidth
  );
  --pf-c-nav__link--hover--before--BorderBottomWidth: var(
    --pf-c-nav--m-tertiary__link--hover--before--BorderWidth
  );
  --pf-c-nav__link--focus--before--BorderBottomWidth: var(
    --pf-c-nav--m-tertiary__link--focus--before--BorderWidth
  );
  --pf-c-nav__link--active--before--BorderBottomWidth: var(
    --pf-c-nav--m-tertiary__link--active--before--BorderWidth
  );
  --pf-c-nav__link--m-current--before--BorderBottomWidth: var(
    --pf-c-nav--m-tertiary__link--m-current--before--BorderWidth
  );
  --pf-c-nav__scroll-button--Color: var(
    --pf-c-nav--m-tertiary__scroll-button--Color
  );
  --pf-c-nav__scroll-button--hover--Color: var(
    --pf-c-nav--m-tertiary__scroll-button--hover--Color
  );
  --pf-c-nav__scroll-button--focus--Color: var(
    --pf-c-nav--m-tertiary__scroll-button--focus--Color
  );
  --pf-c-nav__scroll-button--active--Color: var(
    --pf-c-nav--m-tertiary__scroll-button--active--Color
  );
  --pf-c-nav__scroll-button--disabled--Color: var(
    --pf-c-nav--m-tertiary__scroll-button--disabled--Color
  );
  --pf-c-nav__scroll-button--before--BorderColor: var(
    --pf-c-nav--m-tertiary__scroll-button--before--BorderColor
  );
  --pf-c-nav__scroll-button--disabled--before--BorderColor: var(
    --pf-c-nav--m-tertiary__scroll-button--disabled--before--BorderColor
  );
}
.pf-c-nav.pf-m-horizontal-subnav {
  --pf-c-nav__link--FontSize: var(
    --pf-c-nav--m-horizontal-subnav__link--FontSize
  );
  --pf-c-nav__link--PaddingTop: var(
    --pf-c-nav--m-horizontal-subnav__link--PaddingTop
  );
  --pf-c-nav__link--PaddingRight: var(
    --pf-c-nav--m-horizontal-subnav__link--PaddingRight
  );
  --pf-c-nav__link--PaddingBottom: var(
    --pf-c-nav--m-horizontal-subnav__link--PaddingBottom
  );
  --pf-c-nav__link--PaddingLeft: var(
    --pf-c-nav--m-horizontal-subnav__link--PaddingLeft
  );
  --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
  --pf-c-nav__link--hover--Color: var(
    --pf-c-nav--m-horizontal-subnav__link--hover--Color
  );
  --pf-c-nav__link--active--Color: var(
    --pf-c-nav--m-horizontal-subnav__link--active--Color
  );
  --pf-c-nav__link--focus--Color: var(
    --pf-c-nav--m-horizontal-subnav__link--focus--Color
  );
  --pf-c-nav__link--m-current--Color: var(
    --pf-c-nav--m-horizontal-subnav__link--m-current--Color
  );
  --pf-c-nav__link--BackgroundColor: var(
    --pf-c-nav--m-horizontal-subnav__link--BackgroundColor
  );
  --pf-c-nav__link--hover--BackgroundColor: var(
    --pf-c-nav--m-horizontal-subnav__link--hover--BackgroundColor
  );
  --pf-c-nav__link--focus--BackgroundColor: var(
    --pf-c-nav--m-horizontal-subnav__link--focus--BackgroundColor
  );
  --pf-c-nav__link--active--BackgroundColor: var(
    --pf-c-nav--m-horizontal-subnav__link--active--BackgroundColor
  );
  --pf-c-nav__link--m-current--BackgroundColor: var(
    --pf-c-nav--m-horizontal-subnav__link--m-current--BackgroundColor
  );
  --pf-c-nav__link--before--BorderColor: var(
    --pf-c-nav--m-horizontal-subnav__link--before--BorderColor
  );
  --pf-c-nav__link--after--BorderColor: var(
    --pf-c-nav--m-horizontal-subnav__link--after--BorderColor
  );
  --pf-c-nav__link--hover--after--BorderColor: var(
    --pf-c-nav--m-horizontal-subnav__link--hover--after--BorderColor
  );
  --pf-c-nav__link--active--after--BorderColor: var(
    --pf-c-nav--m-horizontal-subnav__link--active--after--BorderColor
  );
  --pf-c-nav__link--m-current--after--BorderColor: var(
    --pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderColor
  );
  --pf-c-nav__link--after--BorderLeftWidth: var(
    --pf-c-nav--m-horizontal-subnav__link--after--BorderLeftWidth
  );
  --pf-c-nav__link--hover--after--BorderLeftWidth: var(
    --pf-c-nav--m-horizontal-subnav__link--hover--after--BorderLeftWidth
  );
  --pf-c-nav__link--active--after--BorderLeftWidth: var(
    --pf-c-nav--m-horizontal-subnav__link--active--after--BorderLeftWidth
  );
  --pf-c-nav__link--m-current--after--BorderLeftWidth: var(
    --pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderLeftWidth
  );
}
.pf-c-nav.pf-m-horizontal-subnav.pf-m-scrollable .pf-c-nav__item:first-child {
  --pf-c-nav__link--after--BorderLeftWidth: 0;
  --pf-c-nav__link--hover--after--BorderLeftWidth: 0;
  --pf-c-nav__link--active--after--BorderLeftWidth: 0;
  --pf-c-nav__link--m-current--after--BorderLeftWidth: 0;
}
.pf-c-nav .pf-c-divider {
  --pf-c-divider--after--BackgroundColor: var(
    --pf-c-nav--c-divider--BackgroundColor
  );
  padding-right: var(--pf-c-nav--c-divider--PaddingRight);
  padding-left: var(--pf-c-nav--c-divider--PaddingLeft);
  margin-top: var(--pf-c-nav--c-divider--MarginTop);
  margin-bottom: var(--pf-c-nav--c-divider--MarginBottom);
}
.pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button {
  opacity: 1;
}
.pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button:nth-of-type(1) {
  margin-right: 0;
  transform: translate(0);
}
.pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button:nth-of-type(2) {
  margin-left: 0;
  transform: translate(0);
}
.pf-c-nav.pf-m-overflow-hidden {
  overflow: hidden;
}
.pf-c-nav__list {
  position: relative;
  display: block;
}
.pf-c-nav__item {
  position: relative;
  margin-top: var(--pf-c-nav__item--MarginTop);
}
.pf-c-nav__item.pf-m-expandable {
  --pf-c-nav__link--before--BorderBottomWidth: 0;
}
.pf-c-nav__item.pf-m-expandable:before {
  position: absolute;
  right: 0;
  bottom: calc(var(--pf-c-nav__item--before--BorderWidth) * -1);
  left: 0;
  content: "";
  border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid
    var(--pf-c-nav__item--before--BorderColor);
}
.pf-c-nav__item .pf-c-nav__item:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
  transform: rotate(0);
}
.pf-c-nav__item .pf-c-nav__item.pf-m-expandable {
  --pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
  --pf-c-nav__link--PaddingRight: var(
    --pf-c-nav__item__item__link--PaddingRight
  );
}
@media screen and (min-width: 1200px) {
  .pf-c-nav__item .pf-c-nav__item.pf-m-expandable:before {
    border-bottom: none;
  }
}
.pf-c-nav__item .pf-c-nav__item.pf-m-expandable .pf-c-nav__list:before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border-left: var(--pf-c-nav__item--before--BorderWidth) solid
    var(--pf-c-nav__item--before--BorderColor);
}
.pf-c-nav__item .pf-c-nav__toggle-icon {
  transform: rotate(var(--pf-c-nav__item__toggle-icon--Rotate));
}
.pf-c-nav__item.pf-m-flyout:hover {
  --pf-c-nav__link--BackgroundColor: var(
    --pf-c-nav__item--m-flyout--hover__link--BackgroundColor
  );
  --pf-c-nav__link--before--BorderBottomWidth: var(
    --pf-c-nav__item--m-flyout--hover__link--before--BorderWidth
  );
}
.pf-c-nav__item.pf-m-flyout:focus {
  --pf-c-nav__link--BackgroundColor: var(
    --pf-c-nav__item--m-flyout--focus__link--BackgroundColor
  );
  --pf-c-nav__link--before--BorderBottomWidth: var(
    --pf-c-nav__item--m-flyout--focus__link--before--BorderWidth
  );
}
.pf-c-nav__item.pf-m-flyout:active {
  --pf-c-nav__link--BackgroundColor: var(
    --pf-c-nav__item--m-flyout--active__link--BackgroundColor
  );
  --pf-c-nav__link--before--BorderBottomWidth: var(
    --pf-c-nav__item--m-flyout--active__link--before--BorderWidth
  );
}
.pf-c-nav__item.pf-m-flyout .pf-c-menu {
  --pf-c-menu--MinWidth: 100%;
  --pf-c-menu--BoxShadow: var(--pf-c-nav__item--m-flyout--c-menu--BoxShadow);
  --pf-c-menu--BackgroundColor: var(
    --pf-c-nav__item--m-flyout--c-menu--BackgroundColor
  );
  --pf-c-menu__list--PaddingTop: 0;
  --pf-c-menu__list--PaddingBottom: 0;
  --pf-c-menu__list-item--hover--BackgroundColor: var(
    --pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor
  );
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(
    --pf-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor
  );
  --pf-c-menu__list-item--active--BackgroundColor: var(
    --pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor
  );
  --pf-c-menu__item--FontSize: var(
    --pf-c-nav__item--m-flyout--c-menu__item--FontSize
  );
  --pf-c-menu__item--Color: var(
    --pf-c-nav__item--m-flyout--c-menu__item--Color
  );
  --pf-c-menu__item--PaddingTop: var(
    --pf-c-nav__item--m-flyout--c-menu__item--PaddingTop
  );
  --pf-c-menu__item--PaddingRight: var(
    --pf-c-nav__item--m-flyout--c-menu__item--PaddingRight
  );
  --pf-c-menu__item--PaddingBottom: var(
    --pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom
  );
  --pf-c-menu__item--PaddingLeft: var(
    --pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft
  );
  --pf-c-menu__item-description--Color: var(
    --pf-c-nav__item--m-flyout--c-menu__item-description--Color
  );
  --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: var(
    --pf-c-nav__item--m-flyout--c-menu--m-top--Bottom
  );
  --pf-c-nav--c-menu--m-flyout--c-menu--Right: var(
    --pf-c-nav__item--m-flyout--c-menu--m-left--Right
  );
  position: absolute;
  top: var(--pf-c-nav__item--m-flyout--c-menu--Top);
  left: var(--pf-c-nav__item--m-flyout--c-menu--Left);
}
.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu {
  top: var(--pf-c-nav__item--m-flyout--c-menu--c-menu--Top);
}
.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__list-item:first-child {
  --pf-c-nav__item--m-flyout--c-menu--c-menu--Top: var(
    --pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top
  );
  --pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top: var(
    --pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top
  );
}
.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item {
  position: relative;
  outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
}
.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-bottom: var(
      --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth
    )
    solid
    var(--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor);
}
.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item:hover:after {
  position: absolute;
  top: var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top);
  bottom: 0;
  left: 0;
  content: "";
  border-left: var(
      --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth
    )
    solid
    var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor);
}
.pf-c-nav__item.pf-m-drilldown.pf-m-expanded > .pf-c-nav__subnav {
  left: 0;
  z-index: var(--pf-c-nav__item--m-drilldown--m-expanded__subnav--ZIndex);
}
.pf-c-nav__link {
  position: relative;
  display: flex;
  align-items: baseline;
  padding: var(--pf-c-nav__link--PaddingTop) var(--pf-c-nav__link--PaddingRight)
    var(--pf-c-nav__link--PaddingBottom) var(--pf-c-nav__link--PaddingLeft);
  font-size: var(--pf-c-nav__link--FontSize);
  font-weight: var(--pf-c-nav__link--FontWeight);
  color: #BDC3C7;
  background-color: var(--pf-c-nav__link--BackgroundColor);
  outline-offset: var(--pf-c-nav__link--OutlineOffset);
  /* border-left: 5px solid #89c649; */
}
.pf-c-nav__link:after,
.pf-c-nav__link:before {
  position: absolute;
  content: "";
  border: 0 solid;
}
.pf-c-nav__link:before {
  right: 0;
  bottom: calc(var(--pf-c-nav__link--before--BorderBottomWidth) * -1);
  left: 0;
  border-color: var(--pf-c-nav__link--before--BorderColor);
  border-bottom-width: var(--pf-c-nav__link--before--BorderBottomWidth);
}
.pf-c-nav__link:after {
  top: 0;
  bottom: 0;
  left: 0;
  border: 0 solid;
  border-color: var(--pf-c-nav__link--after--BorderColor);
  border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth);
}
.pf-c-nav__link:hover,
.pf-c-nav__link.pf-m-hover {
  color: #777777;
  background-color: #34495D;
  border-left: 5px solid #89c649;
}
.pf-c-nav__link:hover:before,
.pf-c-nav__link.pf-m-hover:before {
  border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth);
}
.pf-c-nav__link:hover:after,
.pf-c-nav__link.pf-m-hover:after {
  border-color: var(--pf-c-nav__link--hover--after--BorderColor);
  border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth);
  border-left: 5px solid #89c649;
}
.pf-c-nav__link:focus {
  color: var(--pf-c-nav__link--focus--Color);
  background-color: var(--pf-c-nav__link--focus--BackgroundColor);
}
.pf-c-nav__link:focus:before {
  border-bottom-width: var(--pf-c-nav__link--focus--before--BorderBottomWidth);
}
.pf-c-nav__link:focus:after {
  border-color: var(--pf-c-nav__link--focus--after--BorderColor);
  border-left-width: var(--pf-c-nav__link--focus--after--BorderLeftWidth);
}
.pf-c-nav__link:active {
  color: var(--pf-c-nav__link--active--Color);
  background-color: var(--pf-c-nav__link--active--BackgroundColor);
}
.pf-c-nav__link:active:before {
  border-bottom-width: var(--pf-c-nav__link--active--before--BorderBottomWidth);
}
.pf-c-nav__link:active:after {
  border-color: var(--pf-c-nav__link--active--after--BorderColor);
  border-left-width: var(--pf-c-nav__link--active--after--BorderLeftWidth);
}
.pf-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current:hover,
.pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link {
  color: #ffffff;
  background-color: #34495D;
}
.pf-c-nav__link.pf-m-current:before,
.pf-c-nav__link.pf-m-current:hover:before,
.pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link:before {
  border-bottom-width: var(
    --pf-c-nav__link--m-current--before--BorderBottomWidth
  );
}
.pf-c-nav__link.pf-m-current:after,
.pf-c-nav__link.pf-m-current:hover:after,
.pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link:after {
  border-color: #89c649;
  border-left-width: 5px;
}
.pf-c-nav__link,
.pf-c-nav__link:hover,
.pf-c-nav__link:focus,
.pf-c-nav__link:active {
  width: 100%;
  text-decoration: none;
  border: none;
  font-family: 'Source Sans Pro', sans-serif;
  /* border: 5px solid #89c649; */
}
.pf-c-nav__subnav {
  --pf-c-nav__link--PaddingTop: var(--pf-c-nav__subnav__link--PaddingTop);
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav__subnav__link--PaddingRight);
  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav__subnav__link--PaddingBottom);
  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav__subnav__link--PaddingLeft);
  --pf-c-nav__link--FontSize: var(--pf-c-nav__subnav__link--FontSize);
  --pf-c-nav__link--hover--after--BorderColor: var(
    --pf-c-nav__subnav__link--hover--after--BorderColor
  );
  --pf-c-nav__link--focus--after--BorderColor: var(
    --pf-c-nav__subnav__link--focus--after--BorderColor
  );
  --pf-c-nav__link--active--after--BorderColor: var(
    --pf-c-nav__subnav__link--active--after--BorderColor
  );
  --pf-c-nav__link--m-current--after--BorderColor: var(
    --pf-c-nav__subnav__link--m-current--after--BorderColor
  );
  --pf-c-nav__link--hover--after--BorderLeftWidth: var(
    --pf-c-nav__subnav__link--hover--after--BorderWidth
  );
  --pf-c-nav__link--focus--after--BorderLeftWidth: var(
    --pf-c-nav__subnav__link--focus--after--BorderWidth
  );
  --pf-c-nav__link--active--after--BorderLeftWidth: var(
    --pf-c-nav__subnav__link--active--after--BorderWidth
  );
  --pf-c-nav__link--m-current--after--BorderLeftWidth: var(
    --pf-c-nav__subnav__link--m-current--after--BorderWidth
  );
  --pf-c-nav--c-divider--PaddingRight: var(
    --pf-c-nav__subnav--c-divider--PaddingRight
  );
  --pf-c-nav--c-divider--PaddingLeft: var(
    --pf-c-nav__subnav--c-divider--PaddingLeft
  );
  max-height: var(--pf-c-nav__subnav--MaxHeight);
  padding-bottom: var(--pf-c-nav__subnav--PaddingBottom);
  padding-left: var(--pf-c-nav__subnav--PaddingLeft);
  transition: var(--pf-c-nav--Transition);
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.pf-c-nav__subnav .pf-c-nav__subnav {
  --pf-c-nav__link--FontSize: var(--pf-c-nav__subnav__subnav__link--FontSize);
  --pf-c-nav__link--PaddingLeft: var(
    --pf-c-nav__subnav__subnav__link--PaddingLeft
  );
  --pf-c-nav__subnav--PaddingLeft: var(--pf-c-nav__subnav__subnav--PaddingLeft);
}
.pf-c-nav__subnav.pf-m-flyout {
  width: 100%;
}
.pf-c-nav__item.pf-m-expanded .pf-c-nav__subnav {
  --pf-c-nav__subnav--MaxHeight: var(
    --pf-c-nav__item--m-expanded__subnav--MaxHeight
  );
  overflow-y: auto;
  opacity: 1;
}
.pf-c-nav__subnav::-webkit-scrollbar {
  display: none;
}
.pf-c-nav__toggle {
  flex: none;
  padding-right: var(--pf-c-nav__toggle--PaddingRight);
  padding-left: var(--pf-c-nav__toggle--PaddingLeft);
  margin-left: auto;
  font-size: var(--pf-c-nav__toggle--FontSize);
  line-height: 1;
}
.pf-c-nav__toggle.pf-m-start {
  margin-right: var(--pf-c-nav__toggle--m-start--MarginRight);
  margin-left: calc(var(--pf-c-nav__toggle--PaddingRight) * -1);
}
.pf-c-nav__toggle-icon {
  display: inline-block;
  transition: var(--pf-c-nav__toggle-icon--Transition);
}
.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
  transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
}
.pf-c-nav__section {
  --pf-c-nav__item--MarginTop: var(--pf-c-nav__section__item--MarginTop);
  --pf-c-nav__link--PaddingTop: var(--pf-c-nav__section__link--PaddingTop);
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav__section__link--PaddingRight);
  --pf-c-nav__link--PaddingBottom: var(
    --pf-c-nav__section__link--PaddingBottom
  );
  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav__section__link--PaddingLeft);
  --pf-c-nav__link--FontSize: var(--pf-c-nav__section__link--FontSize);
  --pf-c-nav__link--before--BorderBottomWidth: var(
    --pf-c-nav__section__link--before--BorderBottomWidth
  );
  --pf-c-nav__link--hover--after--BorderColor: var(
    --pf-c-nav__section__link--hover--after--BorderColor
  );
  --pf-c-nav__link--focus--after--BorderColor: var(
    --pf-c-nav__section__link--focus--after--BorderColor
  );
  --pf-c-nav__link--active--after--BorderColor: var(
    --pf-c-nav__section__link--active--after--BorderColor
  );
  --pf-c-nav__link--m-current--after--BorderColor: var(
    --pf-c-nav__section__link--m-current--after--BorderColor
  );
  --pf-c-nav__link--hover--after--BorderLeftWidth: var(
    --pf-c-nav__section__link--hover--after--BorderWidth
  );
  --pf-c-nav__link--focus--after--BorderLeftWidth: var(
    --pf-c-nav__section__link--focus--after--BorderWidth
  );
  --pf-c-nav__link--active--after--BorderLeftWidth: var(
    --pf-c-nav__section__link--active--after--BorderWidth
  );
  --pf-c-nav__link--m-current--after--BorderLeftWidth: var(
    --pf-c-nav__section__link--m-current--after--BorderWidth
  );
  margin-top: var(--pf-c-nav__section--MarginTop);
  --pf-c-nav--c-divider--MarginBottom: 0;
}
.pf-c-nav__section + .pf-c-nav__section {
  --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
}
.pf-c-nav__section.pf-m-no-title {
  --pf-c-nav__section--MarginTop: 0;
}
.pf-c-nav__section-title {
  padding: var(--pf-c-nav__section-title--PaddingTop)
    var(--pf-c-nav__section-title--PaddingRight)
    var(--pf-c-nav__section-title--PaddingBottom)
    var(--pf-c-nav__section-title--PaddingLeft);
  font-size: var(--pf-c-nav__section-title--FontSize);
  color: #232222;
  border-bottom: var(--pf-c-nav__section-title--BorderBottomWidth) solid
    var(--pf-c-nav__section-title--BorderBottomColor);
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-nav__scroll-button {
  flex: none;
  width: var(--pf-c-nav__scroll-button--Width);
  color: var(--pf-c-nav__scroll-button--Color);
  background-color: var(--pf-c-nav__scroll-button--BackgroundColor);
  border: 0;
  outline-offset: var(--pf-c-nav__scroll-button--OutlineOffset);
  opacity: 0;
  transition: var(--pf-c-nav__scroll-button--Transition);
}
.pf-c-nav__scroll-button:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  border: solid var(--pf-c-nav__scroll-button--before--BorderColor);
  border-width: 0 var(--pf-c-nav__scroll-button--before--BorderRightWidth) 0
    var(--pf-c-nav__scroll-button--before--BorderLeftWidth);
}
.pf-c-nav__scroll-button:hover {
  color: var(--pf-c-nav__scroll-button--hover--Color);
}
.pf-c-nav__scroll-button:focus {
  color: var(--pf-c-nav__scroll-button--focus--Color);
}
.pf-c-nav__scroll-button:active {
  color: var(--pf-c-nav__scroll-button--active--Color);
}
.pf-c-nav__scroll-button:disabled {
  color: var(--pf-c-nav__scroll-button--disabled--Color);
  border-color: var(--pf-c-nav__scroll-button--disabled--before--BorderColor);
}
.pf-c-nav__scroll-button:nth-of-type(1) {
  --pf-c-nav__scroll-button--before--BorderRightWidth: var(
    --pf-c-nav__scroll-button--before--BorderWidth
  );
  margin-right: calc(var(--pf-c-nav__scroll-button--Width) * -1);
  transform: translate(-100%);
}
.pf-c-nav__scroll-button:nth-of-type(1):before {
  right: 0;
}
.pf-c-nav__scroll-button:nth-of-type(2) {
  --pf-c-nav__scroll-button--before--BorderLeftWidth: var(
    --pf-c-nav__scroll-button--before--BorderWidth
  );
  margin-left: calc(var(--pf-c-nav__scroll-button--Width) * -1);
  transform: translate(100%);
}
.pf-c-nav__scroll-button:nth-of-type(2):before {
  left: 0;
}
:where(.pf-theme-dark) .pf-c-nav {
  --pf-c-nav__item--item__link--after--Top: -1px;
  --pf-c-nav__item--before--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-nav__link--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-nav__link--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-nav__link--active--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-nav__link--m-current--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-nav__link--before--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-nav--m-tertiary__scroll-button--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-nav__section-title--Color: var(--pf-global--Color--200);
  --pf-c-nav__section-title--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-nav__scroll-button--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-nav--c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
  --pf-c-nav__link--hover--before--BorderBottomWidth: 0;
  --pf-c-nav__link--focus--before--BorderBottomWidth: 0;
  --pf-c-nav__link--active--before--BorderBottomWidth: 0;
  --pf-c-nav__link--m-current--before--BorderBottomWidth: 0;
}
:where(.pf-theme-dark) .pf-c-nav__link:before {
  bottom: 0;
}
:where(.pf-theme-dark) .pf-c-nav__link:after {
  top: var(--pf-c-nav__item--item__link--after--Top);
}
:where(.pf-theme-dark) .pf-c-nav__item + .pf-c-nav__item {
  --pf-c-nav__link--after--Top: var(--pf-c-nav__item--item__link--after--Top);
}
:where(.pf-theme-dark) .pf-c-nav__subnav {
  --pf-c-nav__item--item__link--after--Top: 0;
}
:where(.pf-theme-dark) .pf-c-nav__section {
  --pf-c-nav__item--item__link--after--Top: 0;
}
.pf-c-page__sidebar.pf-m-light {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-page__main-section[class*="pf-m-dark-"],
.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
.pf-c-page__header {
  --pf-global--Color--100: var(--pf-global--Color--light-100);
  --pf-global--Color--200: var(--pf-global--Color--light-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
  --pf-global--link--Color: var(--pf-global--link--Color--light);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--dark-100
  );
}
.pf-c-page__main-section[class*="pf-m-dark-"] .pf-c-card,
.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
.pf-c-page__header .pf-c-card {
  --pf-c-card--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-transparent-200
  );
}
.pf-c-page__main-section[class*="pf-m-dark-"] .pf-c-button,
.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
.pf-c-page__header .pf-c-button {
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
  --pf-c-button--m-primary--hover--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--focus--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--active--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-button--m-primary--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-primary--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-primary--active--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--hover--BorderColor: var(
    --pf-global--Color--light-100
  );
  --pf-c-button--m-secondary--focus--BorderColor: var(
    --pf-global--Color--light-100
  );
  --pf-c-button--m-secondary--active--BorderColor: var(
    --pf-global--Color--light-100
  );
}
.pf-c-page__header-tools-item,
.pf-c-page__header-tools-group {
  --pf-hidden-visible--visible--Visibility: visible;
  --pf-hidden-visible--hidden--Display: none;
  --pf-hidden-visible--hidden--Visibility: hidden;
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
  --pf-hidden-visible--Visibility: var(
    --pf-hidden-visible--visible--Visibility
  );
  display: var(--pf-hidden-visible--Display);
  visibility: var(--pf-hidden-visible--Visibility);
}
.pf-m-hidden.pf-c-page__header-tools-item,
.pf-m-hidden.pf-c-page__header-tools-group {
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
}
@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-c-page__header-tools-item,
  .pf-m-hidden-on-sm.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-sm.pf-c-page__header-tools-item,
  .pf-m-visible-on-sm.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-c-page__header-tools-item,
  .pf-m-hidden-on-md.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-md.pf-c-page__header-tools-item,
  .pf-m-visible-on-md.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-c-page__header-tools-item,
  .pf-m-hidden-on-lg.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-lg.pf-c-page__header-tools-item,
  .pf-m-visible-on-lg.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-c-page__header-tools-item,
  .pf-m-hidden-on-xl.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-xl.pf-c-page__header-tools-item,
  .pf-m-visible-on-xl.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-c-page__header-tools-item,
  .pf-m-hidden-on-2xl.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-2xl.pf-c-page__header-tools-item,
  .pf-m-visible-on-2xl.pf-c-page__header-tools-group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
.pf-c-page {
  --pf-c-page--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  --pf-c-page__header--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-100
  );
  --pf-c-page__header--ZIndex: var(--pf-global--ZIndex--md);
  --pf-c-page__header--MinHeight: 4.75rem;
  --pf-c-page__header-brand--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-page__header-brand--xl--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-page__header-brand--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-page__header-sidebar-toggle__c-button--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-page__header-sidebar-toggle__c-button--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-page__header-sidebar-toggle__c-button--MarginRight: var(
    --pf-global--spacer--md
  );
  --pf-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(
    var(--pf-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1
  );
  --pf-c-page__header-sidebar-toggle__c-button--FontSize: var(
    --pf-global--FontSize--2xl
  );
  --pf-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
  --pf-c-page__header-nav--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-300
  );
  --pf-c-page__header-nav--xl--BackgroundColor: transparent;
  --pf-c-page__header-nav--xl--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-page__header-nav--xl--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-page__header-tools--MarginRight: var(--pf-global--spacer--md);
  --pf-c-page__header-tools--xl--MarginRight: var(--pf-global--spacer--lg);
  --pf-c-page__header-tools--c-avatar--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-page__header-tools-group--MarginLeft: var(--pf-global--spacer--xl);
  --pf-c-page__header-tools-group--Display: flex;
  --pf-c-page__header-tools-item--Display: block;
  --pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-200
  );
  --pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor: var(
    --pf-global--danger-color--200
  );
  --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-attention--after--BackgroundColor: var(
    --pf-global--danger-color--200
  );
  --pf-c-page__header-tools--c-button--m-selected--before--Width: auto;
  --pf-c-page__header-tools--c-button--m-selected--before--Height: auto;
  --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-200
  );
  --pf-c-page__header-tools--c-button--m-selected--before--BorderRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
  --pf-c-page__sidebar--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-page__sidebar--Width: 18.125rem;
  --pf-c-page__sidebar--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-300
  );
  --pf-c-page__sidebar--m-light--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-page__sidebar--m-light--BorderRightWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-page__sidebar--m-light--BorderRightColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-page__sidebar--BoxShadow: var(--pf-global--BoxShadow--lg-right);
  --pf-c-page__sidebar--Transition: var(--pf-global--Transition);
  --pf-c-page__sidebar--TranslateX: -100%;
  --pf-c-page__sidebar--TranslateZ: 0;
  --pf-c-page__sidebar--m-expanded--TranslateX: 0;
  --pf-c-page__sidebar--xl--TranslateX: 0;
  --pf-c-page__sidebar-body--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-page__sidebar-body--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-page__sidebar-body--m-menu--PaddingTop: 0;
  --pf-c-page__sidebar-body--m-menu--PaddingBottom: 0;
  --pf-c-page__sidebar-body--m-menu--BorderTopColor: var(
    --pf-global--BackgroundColor--dark-200
  );
  --pf-c-page__sidebar-body--m-menu--BorderTopWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(
    --pf-global--BackgroundColor--dark-200
  );
  --pf-c-page__main--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-page__main-section--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-page__main-section--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-page__main-section--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-page__main-section--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-page__main-section--xl--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-page__main-section--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-page__main-section--xl--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-page__main-section--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-page__main-breadcrumb--main-section--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-page__main-section--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-page__main-section--m-light--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-page__main-section--m-light-100--BackgroundColor: var(
    --pf-global--BackgroundColor--150
  );
  --pf-c-page__main-section--m-dark-100--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-transparent-100
  );
  --pf-c-page__main-section--m-dark-200--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-transparent-200
  );
  --pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-page__main-nav--page__main-tabs--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-page--section--m-limit-width--MaxWidth: calc(
    125rem - var(--pf-c-page__sidebar--Width)
  );
  --pf-c-page--section--m-sticky-top--ZIndex: var(--pf-global--ZIndex--md);
  --pf-c-page--section--m-sticky-top--BoxShadow: var(
    --pf-global--BoxShadow--sm-bottom
  );
  --pf-c-page--section--m-sticky-bottom--ZIndex: var(--pf-global--ZIndex--md);
  --pf-c-page--section--m-sticky-bottom--BoxShadow: var(
    --pf-global--BoxShadow--sm-top
  );
  --pf-c-page--section--m-shadow-bottom--BoxShadow: var(
    --pf-global--BoxShadow--sm-bottom
  );
  --pf-c-page--section--m-shadow-bottom--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-page--section--m-shadow-top--BoxShadow: var(
    --pf-global--BoxShadow--sm-top
  );
  --pf-c-page--section--m-shadow-top--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-page__main-nav--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-page__main-nav--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-page__main-nav--PaddingRight: 0;
  --pf-c-page__main-nav--PaddingLeft: 0;
  --pf-c-page__main-nav--m-sticky-top--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-page__main-nav--xl--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-page__main-nav--xl--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-page__main-subnav--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-300
  );
  --pf-c-page__main-subnav--BorderTopWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-page__main-subnav--BorderTopColor: var(
    --pf-global--palette--black-800
  );
  --pf-c-page__main-subnav--BorderLeftWidth: 0;
  --pf-c-page__main-subnav--BorderLeftColor: var(
    --pf-global--palette--black-800
  );
  --pf-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
  --pf-c-page__main-breadcrumb--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-page__main-breadcrumb--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-page__main-breadcrumb--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-page__main-breadcrumb--PaddingBottom: 0;
  --pf-c-page__main-breadcrumb--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-page__main-tabs--PaddingTop: 0;
  --pf-c-page__main-tabs--PaddingRight: 0;
  --pf-c-page__main-tabs--PaddingBottom: 0;
  --pf-c-page__main-tabs--PaddingLeft: 0;
  --pf-c-page__main-tabs--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-page__main-wizard--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-page__main-wizard--BorderTopColor: var(--pf-global--BorderColor--100);
  --pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-page__main-wizard--m-light-200--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  display: grid;
  height: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  grid-template-areas:
    "header"
    "main";
  background-color: var(--pf-c-page--BackgroundColor);
}
@media (min-width: 1200px) {
  .pf-c-page {
    --pf-c-page__header-brand--PaddingLeft: var(
      --pf-c-page__header-brand--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-page {
    --pf-c-page__header-nav--BackgroundColor: var(
      --pf-c-page__header-nav--xl--BackgroundColor
    );
    --pf-c-page__header-nav--PaddingRight: var(
      --pf-c-page__header-nav--xl--PaddingRight
    );
    --pf-c-page__header-nav--PaddingLeft: var(
      --pf-c-page__header-nav--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-page {
    --pf-c-page__header-tools--MarginRight: var(
      --pf-c-page__header-tools--xl--MarginRight
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-page {
    --pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--xl--TranslateX);
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-page {
    --pf-c-page__main-section--PaddingTop: var(
      --pf-c-page__main-section--xl--PaddingTop
    );
    --pf-c-page__main-section--PaddingRight: var(
      --pf-c-page__main-section--xl--PaddingRight
    );
    --pf-c-page__main-section--PaddingBottom: var(
      --pf-c-page__main-section--xl--PaddingBottom
    );
    --pf-c-page__main-section--PaddingLeft: var(
      --pf-c-page__main-section--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-page {
    --pf-c-page__main-nav--PaddingRight: var(
      --pf-c-page__main-nav--xl--PaddingRight
    );
    --pf-c-page__main-nav--PaddingLeft: var(
      --pf-c-page__main-nav--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-page {
    --pf-c-page__main-breadcrumb--PaddingRight: var(
      --pf-c-page__main-breadcrumb--xl--PaddingRight
    );
    --pf-c-page__main-breadcrumb--PaddingLeft: var(
      --pf-c-page__main-breadcrumb--xl--PaddingLeft
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-page {
    grid-template-columns: max-content 1fr;
    grid-template-areas: "header header" "nav main";
  }
}
.pf-c-page.pf-m-full-height {
  height: 100vh;
  height: 100dvh;
  max-height: 100%;
}
.pf-c-page__header,
.pf-c-page > .pf-c-masthead {
  grid-area: header;
  z-index: var(--pf-c-page__header--ZIndex);
}
.pf-c-page__header {
  color: var(--pf-global--Color--100);
  grid-template-columns: auto auto;
  display: grid;
  align-items: center;
  min-width: 0;
  min-height: var(--pf-c-page__header--MinHeight);
  background-color: white;
  border-bottom: 1px solid #bdc3c7;
}
.pf-c-page__header > * {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .pf-c-page__header {
    grid-template-columns: auto 1fr auto;
  }
}
.pf-c-page__header .pf-c-masthead {
  grid-column: span 2;
  align-self: stretch;
}
.pf-c-page__header-brand {
  grid-column: 1/2;
  padding-left: var(--pf-c-page__header-brand--PaddingLeft);
}
@media (min-width: 1200px) {
  .pf-c-page__header-brand {
    padding-right: var(--pf-c-page__header-brand--xl--PaddingRight);
  }
}
.pf-c-page__header-brand-link {
  display: flex;
  flex: 1;
  align-items: center;
}
.pf-c-page__header-brand-link .pf-c-brand {
  max-height: var(--pf-c-page__header-brand-link--c-brand--MaxHeight);
  padding-left: 108px;
  /* border-right: 1px solid #bdc3c7; */
  /* padding-bottom: 69px; */
  padding-top: 0px;
  padding-bottom: 41px;
  margin-top: 20px;
  margin-bottom: 8px;
}
.pf-c-page__header-brand-toggle .pf-c-button {
  padding: var(--pf-c-page__header-sidebar-toggle__c-button--PaddingTop)
    var(--pf-c-page__header-sidebar-toggle__c-button--PaddingRight)
    var(--pf-c-page__header-sidebar-toggle__c-button--PaddingBottom)
    var(--pf-c-page__header-sidebar-toggle__c-button--PaddingLeft);
  margin-right: 3px;
  margin-left: var(--pf-c-page__header-sidebar-toggle__c-button--MarginLeft);
  font-size: var(--pf-c-page__header-sidebar-toggle__c-button--FontSize);
  line-height: 1;
}
.pf-c-page__header-nav {
  align-self: stretch;
  min-width: 0;
  padding-right: var(--pf-c-page__header-nav--PaddingRight);
  padding-left: var(--pf-c-page__header-nav--PaddingLeft);
  background-color: var(--pf-c-page__header-nav--BackgroundColor);
  grid-column: 1/-1;
  grid-row: 2/3;
}
@media screen and (min-width: 1200px) {
  .pf-c-page__header-nav {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.pf-c-page__header-nav .pf-c-nav {
  align-self: stretch;
}
.pf-c-page__header-tools {
  grid-column: 2/3;
  margin-right: var(--pf-c-page__header-tools--MarginRight);
  margin-left: auto;
}
.pf-c-page__header-tools .pf-c-avatar {
  margin-left: var(--pf-c-page__header-tools--c-avatar--MarginLeft);
}
@media screen and (min-width: 992px) {
  .pf-c-page__header-tools {
    grid-column: 3/4;
  }
}
.pf-c-page__header-tools-group {
  --pf-hidden-visible--visible--Display: var(
    --pf-c-page__header-tools-group--Display
  );
  align-items: center;
}
.pf-c-page__header-tools-group + .pf-c-page__header-tools-group {
  margin-left: var(--pf-c-page__header-tools-group--MarginLeft);
}
.pf-c-page__header-tools-item {
  --pf-hidden-visible--visible--Display: var(
    --pf-c-page__header-tools-item--Display
  );
}
.pf-c-page__header-tools-item .pf-c-notification-badge.pf-m-read:hover {
  --pf-c-notification-badge--after--BackgroundColor: var(
    --pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor
  );
}
.pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
  background-color: var(
    --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor
  );
  border-radius: var(
    --pf-c-page__header-tools--c-button--m-selected--before--BorderRadius
  );
}
.pf-c-page__header-tools-item.pf-m-selected .pf-c-button:before {
  position: absolute;
  inset: 0;
  width: var(--pf-c-page__header-tools--c-button--m-selected--before--Width);
  height: var(--pf-c-page__header-tools--c-button--m-selected--before--Height);
  content: "";
}
.pf-c-page__header-tools-item.pf-m-selected
  .pf-c-button
  .pf-c-notification-badge.pf-m-unread {
  --pf-c-notification-badge--after--BackgroundColor: var(
    --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor
  );
}
.pf-c-page__header-tools-item.pf-m-selected
  .pf-c-button
  .pf-c-notification-badge.pf-m-unread:after {
  border-color: var(
    --pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor
  );
}
.pf-c-page__header-tools-item.pf-m-selected
  .pf-c-button
  .pf-c-notification-badge.pf-m-attention {
  --pf-c-notification-badge--after--BackgroundColor: var(
    --pf-global--danger-color--200
  );
}
.pf-c-page__header-tools-item
  .pf-c-button:focus
  .pf-c-notification-badge.pf-m-unread {
  --pf-c-notification-badge--after--BackgroundColor: var(
    --pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor
  );
}
.pf-c-page__header-tools-item
  .pf-c-button:focus
  .pf-c-notification-badge.pf-m-attention {
  --pf-c-notification-badge--after--BackgroundColor: var(
    --pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor
  );
}
.pf-c-page__sidebar {
  grid-area: nav;
  grid-row-start: 2;
  grid-column-start: 1;
  z-index: var(--pf-c-page__sidebar--ZIndex);
  width: var(--pf-c-page__sidebar--Width);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: white;
  transition: var(--pf-c-page__sidebar--Transition);
  transform: translate(var(--pf-c-page__sidebar--TranslateX))
    translateZ(var(--pf-c-page__sidebar--TranslateZ));
}
.pf-c-page__sidebar.pf-m-expanded {
  --pf-c-page__sidebar--TranslateX: var(
  --pf-c-page__sidebar--m-expanded--TranslateX
  );
  box-shadow: var(--pf-c-page__sidebar--BoxShadow);
  border: 2.3px solid #34495D;
  background-color: #34495D;
  width: max-content;
}
@media screen and (min-width: 1200px) {
  .pf-c-page__sidebar.pf-m-expanded {
    --pf-c-page__sidebar--BoxShadow: none;
  }
}
.pf-c-page__sidebar.pf-m-collapsed {
  max-width: 0;
  overflow: hidden;
}
.pf-c-page__sidebar.pf-m-light {
  color: var(--pf-global--Color--100);
  --pf-c-page__sidebar--BackgroundColor: var(
    --pf-c-page__sidebar--m-light--BackgroundColor
  );
  border-right: var(--pf-c-page__sidebar--m-light--BorderRightWidth) solid
    var(--pf-c-page__sidebar--m-light--BorderRightColor);
}
.pf-c-page__sidebar-body {
  padding-top: var(--pf-c-page__sidebar-body--PaddingTop);
  padding-bottom: var(--pf-c-page__sidebar-body--PaddingBottom);
}
.pf-c-page__sidebar-body.pf-m-menu {
  --pf-c-page__sidebar-body--PaddingTop: var(
    --pf-c-page__sidebar-body--m-menu--PaddingTop
  );
  --pf-c-page__sidebar-body--PaddingBottom: var(
    --pf-c-page__sidebar-body--m-menu--PaddingBottom
  );
  background-color: var(--pf-global--palette--black-900);
  border-top: var(--pf-c-page__sidebar-body--m-menu--BorderTopWidth) solid
    var(--pf-c-page__sidebar-body--m-menu--BorderTopColor);
}
.pf-c-page__sidebar-body.pf-m-menu + .pf-c-page__sidebar-body.pf-m-menu {
  --pf-c-page__sidebar-body--m-menu--BorderTopWidth: 0;
}
.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector {
  --pf-c-context-selector__toggle--BorderTopColor: transparent;
  --pf-c-context-selector__toggle--BorderRightColor: transparent;
  --pf-c-context-selector__toggle--BorderBottomColor: var(
    --pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor
  );
  --pf-c-context-selector__toggle--BorderLeftColor: transparent;
  --pf-c-context-selector__menu--Top: 100%;
  color: var(--pf-global--Color--100);
  width: 100%;
}
.pf-c-page__main-nav.pf-m-limit-width,
.pf-c-page__main-breadcrumb.pf-m-limit-width,
.pf-c-page__main-tabs.pf-m-limit-width,
.pf-c-page__main-section.pf-m-limit-width,
.pf-c-page__main-wizard.pf-m-limit-width {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.pf-c-page__main-nav.pf-m-limit-width > .pf-c-page__main-body,
.pf-c-page__main-breadcrumb.pf-m-limit-width > .pf-c-page__main-body,
.pf-c-page__main-tabs.pf-m-limit-width > .pf-c-page__main-body,
.pf-c-page__main-section.pf-m-limit-width > .pf-c-page__main-body,
.pf-c-page__main-wizard.pf-m-limit-width > .pf-c-page__main-body {
  flex: 1;
  max-width: var(--pf-c-page--section--m-limit-width--MaxWidth);
}
.pf-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
.pf-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
.pf-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
.pf-c-page__main-section.pf-m-limit-width.pf-m-align-center,
.pf-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
  align-items: center;
}
.pf-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body,
.pf-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center
  > .pf-c-page__main-body,
.pf-c-page__main-tabs.pf-m-limit-width.pf-m-align-center
  > .pf-c-page__main-body,
.pf-c-page__main-section.pf-m-limit-width.pf-m-align-center
  > .pf-c-page__main-body,
.pf-c-page__main-wizard.pf-m-limit-width.pf-m-align-center
  > .pf-c-page__main-body {
  width: 100%;
}
.pf-c-page__main-nav,
.pf-c-page__main-breadcrumb,
.pf-c-page__main-tabs,
.pf-c-page__main-section,
.pf-c-page__main-wizard,
.pf-c-page__main-group,
.pf-c-page__main-subnav {
  flex-shrink: 0;
}
.pf-c-page__main-nav.pf-m-overflow-scroll,
.pf-c-page__main-breadcrumb.pf-m-overflow-scroll,
.pf-c-page__main-tabs.pf-m-overflow-scroll,
.pf-c-page__main-section.pf-m-overflow-scroll,
.pf-c-page__main-wizard.pf-m-overflow-scroll,
.pf-c-page__main-group.pf-m-overflow-scroll,
.pf-c-page__main-subnav.pf-m-overflow-scroll {
  position: relative;
  flex-shrink: 1;
  overflow: auto;
}
.pf-c-page__main-nav.pf-m-shadow-bottom,
.pf-c-page__main-breadcrumb.pf-m-shadow-bottom,
.pf-c-page__main-tabs.pf-m-shadow-bottom,
.pf-c-page__main-section.pf-m-shadow-bottom,
.pf-c-page__main-wizard.pf-m-shadow-bottom,
.pf-c-page__main-group.pf-m-shadow-bottom,
.pf-c-page__main-subnav.pf-m-shadow-bottom {
  z-index: var(--pf-c-page--section--m-shadow-bottom--ZIndex);
  box-shadow: var(--pf-c-page--section--m-shadow-bottom--BoxShadow);
}
.pf-c-page__main-nav.pf-m-shadow-top,
.pf-c-page__main-breadcrumb.pf-m-shadow-top,
.pf-c-page__main-tabs.pf-m-shadow-top,
.pf-c-page__main-section.pf-m-shadow-top,
.pf-c-page__main-wizard.pf-m-shadow-top,
.pf-c-page__main-group.pf-m-shadow-top,
.pf-c-page__main-subnav.pf-m-shadow-top {
  z-index: var(--pf-c-page--section--m-shadow-top--ZIndex);
  box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow);
}
.pf-c-page__main-nav.pf-m-sticky-top,
.pf-c-page__main-breadcrumb.pf-m-sticky-top,
.pf-c-page__main-tabs.pf-m-sticky-top,
.pf-c-page__main-section.pf-m-sticky-top,
.pf-c-page__main-wizard.pf-m-sticky-top,
.pf-c-page__main-group.pf-m-sticky-top,
.pf-c-page__main-subnav.pf-m-sticky-top {
  position: sticky;
  top: 0;
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
}
.pf-c-page__main-nav.pf-m-sticky-bottom,
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
.pf-c-page__main-tabs.pf-m-sticky-bottom,
.pf-c-page__main-section.pf-m-sticky-bottom,
.pf-c-page__main-wizard.pf-m-sticky-bottom,
.pf-c-page__main-group.pf-m-sticky-bottom,
.pf-c-page__main-subnav.pf-m-sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
  box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
}
@media (min-height: 0) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
  .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
  .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
  .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
  .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
    position: sticky;
    top: 0;
    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
  }
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
  .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
  .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
    position: sticky;
    bottom: 0;
    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
  }
}
@media (min-height: 40rem) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
  .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
  .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
  .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
  .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
    position: sticky;
    top: 0;
    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
  }
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
  .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
  .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
    position: sticky;
    bottom: 0;
    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
  }
}
@media (min-height: 48rem) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
  .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
  .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
  .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
  .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
    position: sticky;
    top: 0;
    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
  }
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
  .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
  .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
    position: sticky;
    bottom: 0;
    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
  }
}
@media (min-height: 60rem) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
  .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
  .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
  .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
  .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
    position: sticky;
    top: 0;
    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
  }
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
  .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
  .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
    position: sticky;
    bottom: 0;
    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
  }
}
@media (min-height: 80rem) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
  .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
  .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
  .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
  .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
    position: sticky;
    top: 0;
    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
  }
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
  .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
  .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
    position: sticky;
    bottom: 0;
    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
  }
}
.pf-c-page__main,
.pf-c-page__drawer {
  grid-area: main;
  z-index: var(--pf-c-page__main--ZIndex);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.pf-c-page__main:focus,
.pf-c-page__drawer:focus {
  outline: 0;
}
.pf-c-page__main,
.pf-c-page__main-drawer,
.pf-c-page__main-group {
  display: flex;
  flex-direction: column;
}
.pf-c-page__main-nav {
  padding-top: var(--pf-c-page__main-nav--PaddingTop);
  padding-right: var(--pf-c-page__main-nav--PaddingRight);
  padding-left: var(--pf-c-page__main-nav--PaddingLeft);
  background-color: var(--pf-c-page__main-nav--BackgroundColor);
}
.pf-c-page__main-nav.pf-m-sticky-top,
.pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-nav:last-child {
  padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
}
@media (min-height: 0) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-sm-height
    .pf-c-page__main-nav:last-child {
    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
  }
}
@media (min-height: 40rem) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-md-height
    .pf-c-page__main-nav:last-child {
    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
  }
}
@media (min-height: 48rem) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-lg-height
    .pf-c-page__main-nav:last-child {
    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
  }
}
@media (min-height: 60rem) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-xl-height
    .pf-c-page__main-nav:last-child {
    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
  }
}
@media (min-height: 80rem) {
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height
    .pf-c-page__main-nav:last-child {
    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
  }
}
.pf-c-page__main-subnav {
  background-color: var(--pf-c-page__main-subnav--BackgroundColor);
  border-top: var(--pf-c-page__main-subnav--BorderTopWidth) solid
    var(--pf-c-page__main-subnav--BorderTopColor);
  border-left: var(--pf-c-page__main-subnav--BorderLeftWidth) solid
    var(--pf-c-page__main-subnav--BorderLeftColor);
}
@media screen and (min-width: 1200px) {
  .pf-c-page__sidebar ~ .pf-c-page__main {
    --pf-c-page__main-subnav--BorderLeftWidth: var(
      --pf-c-page__sidebar--main__main-subnav--BorderLeftWidth
    );
  }
}
.pf-c-page__sidebar.pf-m-collapsed ~ .pf-c-page__main {
  --pf-c-page__main-subnav--BorderLeftWidth: var(
    --pf-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth
  );
}
.pf-c-page__main-breadcrumb {
  padding: var(--pf-c-page__main-breadcrumb--PaddingTop)
    var(--pf-c-page__main-breadcrumb--PaddingRight)
    var(--pf-c-page__main-breadcrumb--PaddingBottom)
    var(--pf-c-page__main-breadcrumb--PaddingLeft);
  background-color: var(--pf-c-page__main-breadcrumb--BackgroundColor);
}
.pf-c-page__main-breadcrumb + .pf-c-page__main-section {
  --pf-c-page__main-section--PaddingTop: var(
    --pf-c-page__main-breadcrumb--main-section--PaddingTop
  );
}
.pf-c-page__main-breadcrumb.pf-m-sticky-top,
.pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-breadcrumb:last-child {
  --pf-c-page__main-breadcrumb--PaddingBottom: var(
    --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom
  );
}
@media (min-height: 0) {
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-sm-height
    .pf-c-page__main-breadcrumb:last-child {
    --pf-c-page__main-breadcrumb--PaddingBottom: var(
      --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom
    );
  }
}
@media (min-height: 40rem) {
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-md-height
    .pf-c-page__main-breadcrumb:last-child {
    --pf-c-page__main-breadcrumb--PaddingBottom: var(
      --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom
    );
  }
}
@media (min-height: 48rem) {
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-lg-height
    .pf-c-page__main-breadcrumb:last-child {
    --pf-c-page__main-breadcrumb--PaddingBottom: var(
      --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom
    );
  }
}
@media (min-height: 60rem) {
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-xl-height
    .pf-c-page__main-breadcrumb:last-child {
    --pf-c-page__main-breadcrumb--PaddingBottom: var(
      --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom
    );
  }
}
@media (min-height: 80rem) {
  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
  .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height
    .pf-c-page__main-breadcrumb:last-child {
    --pf-c-page__main-breadcrumb--PaddingBottom: var(
      --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom
    );
  }
}
.pf-c-page__main-tabs {
  padding: var(--pf-c-page__main-tabs--PaddingTop)
    var(--pf-c-page__main-tabs--PaddingRight)
    var(--pf-c-page__main-tabs--PaddingBottom)
    var(--pf-c-page__main-tabs--PaddingLeft);
  background-color: var(--pf-c-page__main-tabs--BackgroundColor);
}
.pf-c-page__main-nav + .pf-c-page__main-tabs {
  --pf-c-page__main-tabs--PaddingTop: var(
    --pf-c-page__main-nav--page__main-tabs--PaddingTop
  );
}
.pf-c-page__main-breadcrumb + .pf-c-page__main-tabs {
  --pf-c-page__main-tabs--PaddingTop: var(
    --pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop
  );
}
.pf-c-page__main-section:last-child,
.pf-c-page__main-section:only-child,
.pf-c-page__main-section.pf-m-fill,
.pf-c-page__main-group:last-child,
.pf-c-page__main-group:only-child,
.pf-c-page__main-group.pf-m-fill,
.pf-c-page__main-wizard:last-child,
.pf-c-page__main-wizard:only-child,
.pf-c-page__main-wizard.pf-m-fill {
  flex-grow: 1;
}
.pf-c-page__main-section.pf-m-no-fill,
.pf-c-page__main-group.pf-m-no-fill,
.pf-c-page__main-wizard.pf-m-no-fill {
  flex-grow: 0;
}
.pf-c-page__main-section {
  padding: var(--pf-c-page__main-section--PaddingTop)
    var(--pf-c-page__main-section--PaddingRight)
    var(--pf-c-page__main-section--PaddingBottom)
    var(--pf-c-page__main-section--PaddingLeft);
  background-color: var(--pf-c-page__main-section--BackgroundColor);
}
.pf-c-page__main-section.pf-m-light {
  --pf-c-page__main-section--BackgroundColor: var(
    --pf-c-page__main-section--m-light--BackgroundColor
  );
}
.pf-c-page__main-section.pf-m-light-100 {
  --pf-c-page__main-section--BackgroundColor: var(
    --pf-c-page__main-section--m-light-100--BackgroundColor
  );
}
.pf-c-page__main-section[class*="pf-m-dark-"] {
  color: var(--pf-global--Color--100);
}
.pf-c-page__main-section.pf-m-dark-100 {
  --pf-c-page__main-section--BackgroundColor: var(
    --pf-c-page__main-section--m-dark-100--BackgroundColor
  );
}
.pf-c-page__main-section.pf-m-dark-200 {
  --pf-c-page__main-section--BackgroundColor: var(
    --pf-c-page__main-section--m-dark-200--BackgroundColor
  );
}
.pf-c-page__main-section.pf-m-padding {
  padding: var(--pf-c-page__main-section--PaddingTop)
    var(--pf-c-page__main-section--PaddingRight)
    var(--pf-c-page__main-section--PaddingBottom)
    var(--pf-c-page__main-section--PaddingLeft);
}
.pf-c-page__main-section.pf-m-padding.pf-m-limit-width {
  padding: 0;
}
.pf-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-c-page__main-body {
  padding: var(--pf-c-page__main-section--PaddingTop)
    var(--pf-c-page__main-section--PaddingRight)
    var(--pf-c-page__main-section--PaddingBottom)
    var(--pf-c-page__main-section--PaddingLeft);
}
.pf-c-page__main-section.pf-m-no-padding,
.pf-c-page__main-section.pf-m-no-padding.pf-m-limit-width
  .pf-c-page__main-body {
  padding: 0;
}
@media (min-width: 576px) {
  .pf-c-page__main-section.pf-m-padding-on-sm {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
    padding: 0;
  }
  .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width
    .pf-c-page__main-body {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-no-padding-on-sm,
  .pf-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width
    .pf-c-page__main-body {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .pf-c-page__main-section.pf-m-padding-on-md {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
    padding: 0;
  }
  .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width
    .pf-c-page__main-body {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-no-padding-on-md,
  .pf-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width
    .pf-c-page__main-body {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .pf-c-page__main-section.pf-m-padding-on-lg {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
    padding: 0;
  }
  .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width
    .pf-c-page__main-body {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-no-padding-on-lg,
  .pf-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width
    .pf-c-page__main-body {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .pf-c-page__main-section.pf-m-padding-on-xl {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
    padding: 0;
  }
  .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width
    .pf-c-page__main-body {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-no-padding-on-xl,
  .pf-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width
    .pf-c-page__main-body {
    padding: 0;
  }
}
@media (min-width: 1450px) {
  .pf-c-page__main-section.pf-m-padding-on-2xl {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
    padding: 0;
  }
  .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width
    .pf-c-page__main-body {
    padding: var(--pf-c-page__main-section--PaddingTop)
      var(--pf-c-page__main-section--PaddingRight)
      var(--pf-c-page__main-section--PaddingBottom)
      var(--pf-c-page__main-section--PaddingLeft);
  }
  .pf-c-page__main-section.pf-m-no-padding-on-2xl,
  .pf-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width
    .pf-c-page__main-body {
    padding: 0;
  }
}
.pf-c-page__main-wizard {
  flex: 1 1;
  min-height: 0;
  background-color: var(--pf-c-page__main-wizard--BackgroundColor);
  border-top: var(--pf-c-page__main-wizard--BorderTopWidth) solid
    var(--pf-c-page__main-wizard--BorderTopColor);
}
.pf-c-page__main-wizard:first-child {
  --pf-c-page__main-wizard--BorderTopWidth: 0;
}
.pf-c-page__main-wizard.pf-m-light-200 {
  --pf-c-page__main-wizard--BackgroundColor: var(
    --pf-c-page__main-wizard--m-light-200--BackgroundColor
  );
}
.pf-c-page__main-wizard .pf-c-page__main-body {
  min-height: 0;
}
.pf-c-page__main-group {
  flex-shrink: 0;
}
.pf-c-page__main-nav .pf-c-page__main-body {
  padding-top: var(--pf-c-page__main-nav--PaddingTop);
  padding-right: var(--pf-c-page__main-nav--PaddingRight);
  padding-left: var(--pf-c-page__main-nav--PaddingLeft);
}
.pf-c-page__main-breadcrumb .pf-c-page__main-body {
  padding: var(--pf-c-page__main-breadcrumb--PaddingTop)
    var(--pf-c-page__main-breadcrumb--PaddingRight)
    var(--pf-c-page__main-breadcrumb--PaddingBottom)
    var(--pf-c-page__main-breadcrumb--PaddingLeft);
}
.pf-c-page__main-section .pf-c-page__main-body {
  padding: var(--pf-c-page__main-section--PaddingTop)
    var(--pf-c-page__main-section--PaddingRight)
    var(--pf-c-page__main-section--PaddingBottom)
    var(--pf-c-page__main-section--PaddingLeft);
}
.pf-c-page__main-tabs .pf-c-page__main-body {
  padding: var(--pf-c-page__main-tabs--PaddingTop)
    var(--pf-c-page__main-tabs--PaddingRight)
    var(--pf-c-page__main-tabs--PaddingBottom)
    var(--pf-c-page__main-tabs--PaddingLeft);
}
.pf-c-page__drawer {
  grid-area: main;
}
.pf-c-page__drawer > .pf-c-drawer {
  flex: 1 0 auto;
}
:where(.pf-theme-dark)
  .pf-c-page__sidebar-body.pf-m-menu
  .pf-c-context-selector,
:where(.pf-theme-dark) .pf-c-page__main-section[class*="pf-m-dark-"],
:where(.pf-theme-dark) .pf-c-page__header {
  --pf-global--Color--100: #e0e0e0;
  --pf-global--Color--200: #aaabac;
  --pf-global--BorderColor--100: #444548;
  --pf-global--primary-color--100: #1fa7f8;
  --pf-global--link--Color: #1fa7f8;
  --pf-global--link--Color--hover: #73bcf7;
  --pf-global--BackgroundColor--100: #1b1d21;
}
:where(.pf-theme-dark)
  .pf-c-page__sidebar-body.pf-m-menu
  .pf-c-context-selector
  .pf-c-card,
:where(.pf-theme-dark) .pf-c-page__main-section[class*="pf-m-dark-"] .pf-c-card,
:where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
}
:where(.pf-theme-dark)
  .pf-c-page__sidebar-body.pf-m-menu
  .pf-c-context-selector
  .pf-c-button,
:where(.pf-theme-dark)
  .pf-c-page__main-section[class*="pf-m-dark-"]
  .pf-c-button,
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--BackgroundColor: var(
    --pf-global--primary-color--300
  );
  --pf-c-button--m-primary--hover--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-button--m-primary--focus--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-button--m-primary--active--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--hover--Color: var(
    --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--focus--Color: var(
    --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--active--Color: var(
    --pf-global--primary-color--100
  );
}
:where(.pf-theme-dark) .pf-c-page {
  --pf-c-page__main-section--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000);
}
:where(.pf-theme-dark)
  .pf-c-page__header-tools-item.pf-m-selected
  .pf-c-button {
  color: var(--pf-global--Color--100);
}
:where(.pf-theme-dark)
  .pf-c-page__header-tools-item.pf-m-selected
  .pf-c-button
  .pf-c-notification-badge:hover:before {
  background-color: var(
    --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor
  );
}
:where(.pf-theme-dark) .pf-c-page__sidebar {
  border-right: var(--pf-global--BorderWidth--sm) solid
    var(--pf-global--BorderColor--100);
}
:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top,
:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
  --pf-c-page__main-nav--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
}
:where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-top,
:where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-bottom {
  --pf-c-page__main-breadcrumb--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
}
:where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-top,
:where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-bottom {
  --pf-c-page__main-section--m-light--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-page__main-section--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-page__main-breadcrumb--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-page__main-nav--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
}
:where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-top,
:where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-bottom {
  --pf-c-page__main-section--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
}
:where(.pf-theme-dark)
  .pf-c-page__sidebar-body.pf-m-menu
  .pf-c-context-selector,
:where(.pf-theme-dark) .pf-c-page__main-section[class*="pf-m-dark-"],
:where(.pf-theme-dark) .pf-c-page__header {
  color: var(--pf-global--Color--100);
}
.pf-c-switch {
  --pf-c-switch--FontSize: var(--pf-global--FontSize--md);
  --pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
  --pf-c-switch__toggle-icon--FontSize: calc(
    var(--pf-c-switch--FontSize) * 0.625
  );
  --pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
  --pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * 0.4);
  --pf-c-switch__toggle-icon--Offset: 0.125rem;
  --pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-switch--Height: auto;
  --pf-c-switch__input--checked__toggle--BackgroundColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-switch__input--checked__toggle--before--TranslateX: calc(
    100% + var(--pf-c-switch__toggle-icon--Offset)
  );
  --pf-c-switch__input--checked__label--Color: var(
    --pf-global--Color--dark-100
  );
  --pf-c-switch__input--not-checked__label--Color: var(
    --pf-global--disabled-color--100
  );
  --pf-c-switch__input--disabled__label--Color: var(
    --pf-global--disabled-color--100
  );
  --pf-c-switch__input--disabled__toggle--BackgroundColor: var(
    --pf-global--disabled-color--200
  );
  --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(
    --pf-global--palette--black-150
  );
  --pf-c-switch__input--focus__toggle--OutlineWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-switch__input--focus__toggle--OutlineOffset: var(
    --pf-global--spacer--sm
  );
  --pf-c-switch__input--focus__toggle--OutlineColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-switch__toggle--Height: calc(
    var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight)
  );
  --pf-c-switch__toggle--BackgroundColor: var(--pf-global--palette--black-500);
  --pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
  --pf-c-switch__toggle--before--Width: calc(
    var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset)
  );
  --pf-c-switch__toggle--before--Height: var(
    --pf-c-switch__toggle--before--Width
  );
  --pf-c-switch__toggle--before--Top: calc(
    (
        var(--pf-c-switch__toggle--Height) -
          var(--pf-c-switch__toggle--before--Height)
      ) / 2
  );
  --pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
  --pf-c-switch__toggle--before--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-switch__toggle--before--BorderRadius: var(
    --pf-global--BorderRadius--lg
  );
  --pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-switch__toggle--before--Transition: transform 0.25s ease 0s;
  --pf-c-switch__toggle--Width: calc(
    var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) +
      var(--pf-c-switch__toggle--before--Width)
  );
  --pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
  position: relative;
  display: inline-grid;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  column-gap: var(--pf-c-switch--ColumnGap);
  height: var(--pf-c-switch--Height);
  font-size: var(--pf-c-switch--FontSize);
  line-height: var(--pf-c-switch--LineHeight);
  vertical-align: middle;
  cursor: pointer;
}
.pf-c-switch.pf-m-reverse .pf-c-switch__label,
.pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
  grid-row: 1;
}
.pf-c-switch.pf-m-reverse .pf-c-switch__label {
  grid-column: 1;
}
.pf-c-switch__input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
.pf-c-switch__input:focus ~ .pf-c-switch__toggle {
  outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid
    var(--pf-c-switch__input--focus__toggle--OutlineColor);
  outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
}
.pf-c-switch__input:checked ~ .pf-c-switch__label {
  color: var(--pf-c-switch__input--checked__label--Color);
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
  background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
}
.pf-c-switch__input:checked ~ .pf-c-switch__toggle:before {
  transform: translate(
    var(--pf-c-switch__input--checked__toggle--before--TranslateX)
  );
}
.pf-c-switch__input:checked ~ .pf-m-off {
  display: none;
}
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
  color: var(--pf-c-switch__input--not-checked__label--Color);
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-switch__input:not(:checked)
  ~ .pf-c-switch__toggle
  .pf-c-switch__toggle-icon {
  display: none;
  visibility: hidden;
}
.pf-c-switch__input:not(:checked) ~ .pf-m-on {
  display: none;
}
.pf-c-switch__input:disabled {
  cursor: not-allowed;
}
.pf-c-switch__input:disabled ~ .pf-c-switch__label {
  color: var(--pf-c-switch__input--disabled__label--Color);
  cursor: not-allowed;
}
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
  cursor: not-allowed;
  background-color: #DEE1E3;
}
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle:before {
  background-color: var(
    --pf-c-switch__input--disabled__toggle--before--BackgroundColor
  );
}
.pf-c-switch__toggle {
  position: relative;
  display: inline-block;
  width: var(--pf-c-switch__toggle--Width);
  height: var(--pf-c-switch__toggle--Height);
  background-color: #BDC3C7;
  border-radius: var(--pf-c-switch__toggle--BorderRadius);
}
.pf-c-switch__toggle:before {
  position: absolute;
  top: var(--pf-c-switch__toggle--before--Top);
  left: var(--pf-c-switch__toggle--before--Left);
  display: block;
  width: var(--pf-c-switch__toggle--before--Width);
  height: var(--pf-c-switch__toggle--before--Height);
  content: "";
  background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
  border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
  box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
  transition: var(--pf-c-switch__toggle--before--Transition);
}
.pf-c-switch__toggle-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--pf-c-switch__toggle-icon--Left);
  display: flex;
  align-items: center;
  font-size: var(--pf-c-switch__toggle-icon--FontSize);
  color: var(--pf-c-switch__toggle-icon--Color);
}
.pf-c-switch__label {
  display: inline-block;
  grid-column: 2;
  color: var(--pf-c-switch__label--Color);
  vertical-align: top;
}
:where(.pf-theme-dark) .pf-c-switch {
  --pf-c-switch__toggle-icon--Color: var(--pf-global--BackgroundColor--100);
  --pf-c-switch__input--not-checked__label--Color: var(--pf-global--Color--100);
  --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(
    --pf-global--disabled-color--100
  );
  --pf-c-switch__toggle--before--BoxShadow: none;
}
.pf-l-split {
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
  display: flex;
  padding: 0;
  margin: 0;
}
.pf-l-split.pf-m-wrap {
  flex-wrap: wrap;
}
.pf-l-split__item.pf-m-fill {
  flex-grow: 1;
}
.pf-l-split.pf-m-gutter > *:not(:last-child) {
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
}
div.keycloak_help-header-description {
  padding-top: var(--pf-global--spacer--lg);
  overflow-wrap: break-word;
  white-space: normal;
  color: var(--pf-c-dropdown__menu-item--Color);
}
.keycloak_help-header-switch {
  margin-left: var(--pf-global--spacer--xl);
}
.keycloak_help-header-switch .pf-c-switch__toggle:before {
  background-color: var(--pf-c-switch__toggle-icon--Color);
}
.keycloak__realm_selector_dropdown__toggle {
  --pf-c-dropdown__toggle--Color: #232222;
  --pf-c-dropdown__toggle--BackgroundColor: #F5F7FA;
  --pf-c-dropdown__toggle--before--BorderTopColor: var(
  --pf-global--BorderColor--200
  );
  --pf-c-dropdown__toggle--before--BorderRightColor: var(
  --pf-global--BorderColor--200
  );
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(
  --pf-global--BorderColor--100
  );
  --pf-c-dropdown__toggle--before--BorderLeftColor: var(
  --pf-global--BorderColor--200
  );
  width: 100%;
}
.pf-c-context-selector.keycloak__realm_selector__context_selector {
  --pf-c-context-selector__toggle--Color: var(
    --pf-c-nav__link--m-current--Color
  );
}
.keycloak__realm_selector__dropdown {
  width: 100%;
}
.keycloak__realm_selector__list-item-split {
  width: 100%;
  text-align: left;
}
.pf-c-nav__item.keycloak__page_nav__nav_item__realm-selector {
  margin-top: var(--pf-c-nav__link--PaddingTop);
  padding-right: var(--pf-c-nav__link--PaddingRight);
  margin-bottom: var(--pf-c-nav__link--PaddingBottom);
  padding-left: var(--pf-c-nav__link--PaddingLeft);
}
.keycloak__page_nav__nav {
  --pf-c-page__sidebar--Transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
}
img.keycloak__pageheader_brand {
  height: 40px;
  /* display: block; */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/lng.jpeg) no-repeat;
  background-size: 64px 41px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* background: url(https://images.unsplash.com/photo-1627412466304-5ea99923ab5a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYyODAyNTc5NQ&ixlib=rb-1.2.1&q=80&w=400)
    no-repeat; */
  width: 113px;
  height: 33px;
  padding-left: 180px;
}
.keycloak__form {
  max-width: 1024px;
  padding-bottom: var(--pf-global--spacer--4xl);
}
input[type="checkbox"] {
  height: 20px;
  width: 20px;
  vertical-align: baseline;
}
.pf-c-select__toggle:before {
  border-top: var(--pf-c-select__toggle--before--BorderTopWidth) solid
    var(--pf-c-select__toggle--before--BorderTopColor);
  border-right: var(--pf-c-select__toggle--before--BorderRightWidth) solid
    var(--pf-c-select__toggle--before--BorderRightColor);
  border-bottom: var(--pf-c-select__toggle--before--BorderBottomWidth) solid
    var(--pf-c-select__toggle--before--BorderBottomColor);
  border-left: var(--pf-c-select__toggle--before--BorderLeftWidth) solid
    var(--pf-c-select__toggle--before--BorderLeftColor);
}
.keycloak__form_actions {
  position: fixed;
  bottom: 0;
  background-color: var(--pf-c-page__main-section--m-light--BackgroundColor);
  padding-top: var(--pf-global--spacer--md);
  padding-bottom: var(--pf-global--spacer--sm);
  padding-left: var(--pf-global--spacer--md);
  width: 100%;
  border-top: 1px solid var(--pf-global--BorderColor--100);
  margin-left: calc(-1 * var(--pf-global--spacer--lg));
}
.keycloak-empty-state-card:hover {
  cursor: pointer;
}
td.pf-c-table__check > input[type="checkbox"] {
  vertical-align: text-bottom;
}
.pf-c-table.tbody.pf-c-table__check > input {
  margin-top: var(--pf-c-table__check--input--MarginTop);
  vertical-align: baseline;
}
.pf-c-pagination.pf-m-bottom.pf-m-compact {
  padding: 0;
}
.kc-time-select-dropdown {
  min-width: 170px;
}
.keycloak__section_intro__help {
  padding: var(--pf-global--spacer--md) 0 var(--pf-global--spacer--lg);
  color: var(--pf-global--primary-color--100);
  width: fit-content;
}
.keycloak__dashboard_icon {
  max-width: 114px;
}
.keycloak__dashboard_card {
  height: 100%;
}
.pf-c-toggle-group {
  --pf-c-toggle-group__button--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-toggle-group__button--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-toggle-group__button--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-toggle-group__button--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-toggle-group__button--LineHeight: calc(
    var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md)
  );
  --pf-c-toggle-group__button--Color: var(--pf-global--Color--100);
  --pf-c-toggle-group__button--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-toggle-group__button--ZIndex: auto;
  --pf-c-toggle-group__button--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-toggle-group__button--hover--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-toggle-group__button--hover--before--BorderColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-toggle-group__button--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-toggle-group__button--focus--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-toggle-group__button--focus--before--BorderColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-toggle-group__button--disabled--BackgroundColor: var(
    --pf-global--disabled-color--200
  );
  --pf-c-toggle-group__button--disabled--Color: var(
    --pf-global--disabled-color--100
  );
  --pf-c-toggle-group__button--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-toggle-group__button--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-toggle-group__item--item--MarginLeft: calc(
    -1 * var(--pf-global--BorderWidth--sm)
  );
  --pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-toggle-group__icon--text--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-toggle-group__button--m-selected--BackgroundColor: var(
    --pf-global--palette--blue-50
  );
  --pf-c-toggle-group__button--m-selected--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-toggle-group__button--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-toggle-group--m-compact__button--PaddingTop: 0;
  --pf-c-toggle-group--m-compact__button--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-toggle-group--m-compact__button--PaddingBottom: 0;
  --pf-c-toggle-group--m-compact__button--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-toggle-group--m-compact__button--FontSize: var(
    --pf-global--FontSize--xs
  );
  display: flex;
}
.pf-c-toggle-group.pf-m-compact {
  --pf-c-toggle-group__button--PaddingTop: var(
    --pf-c-toggle-group--m-compact__button--PaddingTop
  );
  --pf-c-toggle-group__button--PaddingRight: var(
    --pf-c-toggle-group--m-compact__button--PaddingRight
  );
  --pf-c-toggle-group__button--PaddingBottom: var(
    --pf-c-toggle-group--m-compact__button--PaddingBottom
  );
  --pf-c-toggle-group__button--PaddingLeft: var(
    --pf-c-toggle-group--m-compact__button--PaddingLeft
  );
  --pf-c-toggle-group__button--FontSize: var(
    --pf-c-toggle-group--m-compact__button--FontSize
  );
}
.pf-c-toggle-group__item + .pf-c-toggle-group__item {
  margin-left: var(--pf-c-toggle-group__item--item--MarginLeft);
}
.pf-c-toggle-group__item:first-child .pf-c-toggle-group__button,
.pf-c-toggle-group__item:first-child .pf-c-toggle-group__button:before {
  border-top-left-radius: var(
    --pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius
  );
  border-bottom-left-radius: var(
    --pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius
  );
}
.pf-c-toggle-group__item:last-child .pf-c-toggle-group__button,
.pf-c-toggle-group__item:last-child .pf-c-toggle-group__button:before {
  border-top-right-radius: var(
    --pf-c-toggle-group__item--last-child__button--BorderTopRightRadius
  );
  border-bottom-right-radius: var(
    --pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius
  );
}
.pf-c-toggle-group__button {
  position: relative;
  z-index: var(--pf-c-toggle-group__button--ZIndex);
  display: inline-flex;
  padding: var(--pf-c-toggle-group__button--PaddingTop)
    var(--pf-c-toggle-group__button--PaddingRight)
    var(--pf-c-toggle-group__button--PaddingBottom)
    var(--pf-c-toggle-group__button--PaddingLeft);
  font-size: var(--pf-c-toggle-group__button--FontSize);
  line-height: var(--pf-c-toggle-group__button--LineHeight);
  color: var(--pf-c-toggle-group__button--Color);
  background-color: var(--pf-c-toggle-group__button--BackgroundColor);
  border: 0;
}
.pf-c-toggle-group__button:before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-c-toggle-group__button--before--BorderWidth) solid
    var(--pf-c-toggle-group__button--before--BorderColor);
}
.pf-c-toggle-group__button:hover {
  --pf-c-toggle-group__button--BackgroundColor: var(
    --pf-c-toggle-group__button--hover--BackgroundColor
  );
  --pf-c-toggle-group__button--ZIndex: var(
    --pf-c-toggle-group__button--hover--ZIndex
  );
  --pf-c-toggle-group__button--before--BorderColor: var(
    --pf-c-toggle-group__button--hover--before--BorderColor
  );
  text-decoration: none;
}
.pf-c-toggle-group__button:focus {
  --pf-c-toggle-group__button--BackgroundColor: var(
    --pf-c-toggle-group__button--focus--BackgroundColor
  );
  --pf-c-toggle-group__button--ZIndex: var(
    --pf-c-toggle-group__button--focus--ZIndex
  );
  --pf-c-toggle-group__button--before--BorderColor: var(
    --pf-c-toggle-group__button--focus--before--BorderColor
  );
}
.pf-c-toggle-group__button.pf-m-selected {
  --pf-c-toggle-group__button--BackgroundColor: var(
    --pf-c-toggle-group__button--m-selected--BackgroundColor
  );
  --pf-c-toggle-group__button--ZIndex: var(
    --pf-c-toggle-group__button--m-selected--ZIndex
  );
  --pf-c-toggle-group__button--before--BorderColor: var(
    --pf-c-toggle-group__button--m-selected--before--BorderColor
  );
}
.pf-c-toggle-group__button:disabled,
.pf-c-toggle-group__button.pf-m-disabled {
  --pf-c-toggle-group__button--BackgroundColor: var(
    --pf-c-toggle-group__button--disabled--BackgroundColor
  );
  --pf-c-toggle-group__button--Color: var(
    --pf-c-toggle-group__button--disabled--Color
  );
  pointer-events: none;
}
.pf-c-toggle-group__icon + .pf-c-toggle-group__text,
.pf-c-toggle-group__text + .pf-c-toggle-group__icon {
  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
}
:where(.pf-theme-dark) .pf-c-toggle-group {
  --pf-c-toggle-group__button--hover--BackgroundColor: var(
    --pf-global--palette--black-700
  );
  --pf-c-toggle-group__button--focus--BackgroundColor: var(
    --pf-global--palette--black-700
  );
  --pf-c-toggle-group__button--disabled--BackgroundColor: var(
    --pf-global--palette--black-600
  );
  --pf-c-toggle-group__button--disabled--Color: var(
    --pf-global--palette--black-100
  );
  --pf-c-toggle-group__button--m-selected--BackgroundColor: var(
    --pf-global--primary-color--300
  );
}
.keycloak__empty-execution-state__block {
  padding-top: var(--pf-global--spacer--sm);
}
.keycloak__empty-execution-state__help {
  max-width: 36rem;
  margin: 0 auto var(--pf-global--spacer--2xl);
}
.keycloak__empty-execution-state__help p {
  color: var(--pf-global--Color--200);
}
.keycloak__authentication__header-drag-button svg {
  fill: var(--pf-global--BackgroundColor--100);
}
.keycloak__authentication__header .pf-c-data-list__cell {
  font-weight: 700;
}
.keycloak__authentication__title {
  width: fit-content;
  width: -moz-fit-content;
}
.keycloak__authentication__title .pf-c-card__body {
  padding-bottom: var(--pf-global--spacer--sm);
  padding-top: var(--pf-global--spacer--sm);
}
.keycloak__authentication__flow-item:before {
  width: 0;
}
.keycloak__authentication__flow-row[aria-level="1"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 2);
}
.keycloak__authentication__flow-row[aria-level="2"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 3);
}
.keycloak__authentication__flow-row[aria-level="3"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 4);
}
.keycloak__authentication__flow-row[aria-level="4"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 5);
}
.keycloak__authentication__flow-row[aria-level="5"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 6);
}
.keycloak__authentication__flow-row[aria-level="6"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 7);
}
.keycloak__authentication__flow-row[aria-level="7"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 8);
}
.keycloak__authentication__flow-row[aria-level="8"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 9);
}
.keycloak__authentication__flow-row[aria-level="9"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 10);
}
.keycloak__authentication__flow-row[aria-level="10"] {
  padding-left: calc(var(--pf-global--spacer--lg) * 11);
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
  cursor: pointer;
}
.react-flow__pane.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
  stroke-dasharray: 5;
  -webkit-animation: dashdraw 0.5s linear infinite;
  animation: dashdraw 0.5s linear infinite;
}
.react-flow__edge.animated path.react-flow__edge-interaction {
  stroke-dasharray: none;
  -webkit-animation: none;
  animation: none;
}
.react-flow__edge.inactive {
  pointer-events: none;
}
.react-flow__edge.selected,
.react-flow__edge:focus,
.react-flow__edge:focus-visible {
  outline: none;
}
.react-flow__edge.selected .react-flow__edge-path,
.react-flow__edge:focus .react-flow__edge-path,
.react-flow__edge:focus-visible .react-flow__edge-path {
  stroke: #555;
}
.react-flow__edge-textwrapper {
  pointer-events: all;
}
.react-flow__edge-textbg {
  fill: #fff;
}
.react-flow__edge .react-flow__edge-text {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
  stroke-dasharray: 5;
  -webkit-animation: dashdraw 0.5s linear infinite;
  animation: dashdraw 0.5s linear infinite;
}
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
  position: absolute;
  pointer-events: all;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectable {
  pointer-events: all;
  cursor: crosshair;
}
.react-flow__handle-bottom {
  top: auto;
  left: 50%;
  bottom: -4px;
  transform: translate(-50%);
}
.react-flow__handle-top {
  left: 50%;
  top: -4px;
  transform: translate(-50%);
}
.react-flow__handle-left {
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
.react-flow__handle-right {
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
}
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
  top: 0;
}
.react-flow__panel.bottom {
  bottom: 0;
}
.react-flow__panel.left {
  left: 0;
}
.react-flow__panel.right {
  right: 0;
}
.react-flow__panel.center {
  left: 50%;
  transform: translate(-50%);
}
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
  text-decoration: none;
  color: #999;
}
@-webkit-keyframes dashdraw {
  0% {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  0% {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
  stroke: #777;
}
.react-flow__edge-text {
  font-size: 10px;
}
.react-flow__node.selectable:focus,
.react-flow__node.selectable:focus-visible {
  outline: none;
}
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: #fff;
}
.react-flow__node-default.selectable:hover,
.react-flow__node-input.selectable:hover,
.react-flow__node-output.selectable:hover,
.react-flow__node-group.selectable:hover {
  box-shadow: 0 1px 4px 1px #00000014;
}
.react-flow__node-default.selectable.selected,
.react-flow__node-default.selectable:focus,
.react-flow__node-default.selectable:focus-visible,
.react-flow__node-input.selectable.selected,
.react-flow__node-input.selectable:focus,
.react-flow__node-input.selectable:focus-visible,
.react-flow__node-output.selectable.selected,
.react-flow__node-output.selectable:focus,
.react-flow__node-output.selectable:focus-visible,
.react-flow__node-group.selectable.selected,
.react-flow__node-group.selectable:focus,
.react-flow__node-group.selectable:focus-visible {
  box-shadow: 0 0 0 0.5px #1a192b;
}
.react-flow__node-group {
  background-color: #f0f0f040;
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible,
.react-flow__selection:focus,
.react-flow__selection:focus-visible {
  outline: none;
}
.react-flow__controls {
  box-shadow: 0 0 2px 1px #00000014;
}
.react-flow__controls-button {
  border: none;
  background: #fefefe;
  border-bottom: 1px solid #eee;
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 5px;
}
.react-flow__controls-button:hover {
  background: #f4f4f4;
}
.react-flow__controls-button svg {
  width: 100%;
  max-width: 12px;
  max-height: 12px;
}
.react-flow__minimap {
  background-color: #fff;
}
.keycloak__authentication__input_node,
.keycloak__authentication__output_node {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--pf-global--BackgroundColor--200);
  border: 0;
}
.keycloak__authentication__conditional_node {
  border: 1px solid #777;
  width: 80px;
  height: 80px;
  transform: rotate(45deg);
}
.keycloak__authentication__conditional_node div {
  transform: rotate(-45deg);
}
.keycloak__authentication__subflow_node {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--pf-global--BackgroundColor--200);
}
.keycloak__authentication__input_node.selected,
.keycloak__authentication__input_node:hover,
.keycloak__authentication__output_node.selected,
.keycloak__authentication__output_node:hover,
.keycloak__authentication__subflow_node.selected,
.keycloak__authentication__subflow_node:hover,
.keycloak__authentication__conditional_node.selected,
.keycloak__authentication__conditional_node:hover {
  box-shadow: 0 0 0 0.5px #1a192b;
}
.edgebutton {
  background-color: var(--pf-global--BackgroundColor--200);
  border: 1px solid var(--pf-global--BackgroundColor--100);
  border-radius: 50%;
  cursor: pointer;
  height: 33px;
  width: 33px;
}
.keycloak__otp_policies_authentication__policy-type,
.keycloak__otp_policies_authentication__number-of-digits {
  display: inline-grid;
  padding-right: var(--pf-global--spacer--lg);
}
@media (min-width: 768px) {
  .keycloak__otp_policies_authentication__form .pf-c-form__group {
    --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 11rem;
  }
}
@media (min-width: 768px) {
  .keycloak__policies_authentication__form .pf-c-form__group {
    --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem;
  }
}
.keycloak__policies_authentication__minus-icon svg {
  color: var(--pf-c-button--m-plain--Color);
}
.keycloak__policies_authentication__number-field {
  --pf-c-number-input--c-form-control--Width: 7ch;
}
@media (min-width: 768px) {
  .keycloak__webauthn_policies_authentication__form .pf-c-form__group {
    --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem;
  }
}
.keycloak__used-by__popover-button {
  padding: 0;
  font-size: var(--pf-c-table--cell--FontSize);
}
.keycloak_authentication-section__usedby,
.keycloak_authentication-section__usedby_label .pf-c-label__icon {
  color: var(--pf-global--success-color--100);
}
.keycloak__client-scope__none > button .pf-c-select__toggle-text {
  color: var(--pf-global--Color--400);
}
@media (min-width: 768px) {
  .keycloak__client-scope-mapping-details__form .pf-c-form__group {
    --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem;
  }
}
.pf-c-wizard__header {
  --pf-global--Color--100: var(--pf-global--Color--light-100);
  --pf-global--Color--200: var(--pf-global--Color--light-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
  --pf-global--link--Color: var(--pf-global--link--Color--light);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--dark-100
  );
}
.pf-c-wizard__header .pf-c-card {
  --pf-c-card--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-transparent-200
  );
}
.pf-c-wizard__header .pf-c-button {
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
  --pf-c-button--m-primary--hover--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--focus--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--active--Color: var(
    --pf-global--primary-color--dark-100
  );
  --pf-c-button--m-primary--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-button--m-primary--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-primary--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-primary--active--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--hover--BorderColor: var(
    --pf-global--Color--light-100
  );
  --pf-c-button--m-secondary--focus--BorderColor: var(
    --pf-global--Color--light-100
  );
  --pf-c-button--m-secondary--active--BorderColor: var(
    --pf-global--Color--light-100
  );
}
.pf-c-wizard {
  --pf-c-wizard--Height: 100%;
  --pf-c-modal-box--c-wizard--FlexBasis: 47.625rem;
  --pf-c-wizard__header--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-100
  );
  --pf-c-wizard__header--ZIndex: var(--pf-global--ZIndex--md);
  --pf-c-wizard__header--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-wizard__header--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-wizard__header--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-wizard__header--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-wizard__header--lg--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-wizard__header--lg--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-wizard__header--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-wizard__header--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-wizard__close--Top: calc(
    var(--pf-global--spacer--lg) - var(--pf-global--spacer--form-element)
  );
  --pf-c-wizard__close--Right: 0;
  --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
  --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
  --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
  --pf-c-wizard__nav-link--TextDecoration: var(
    --pf-global--link--TextDecoration
  );
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
  --pf-c-wizard__nav-link--m-current--Color: var(--pf-global--link--Color);
  --pf-c-wizard__nav-link--m-current--FontWeight: var(
    --pf-global--FontWeight--normal
  );
  --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--Color--dark-200);
  --pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(
    --pf-global--FontWeight--normal
  );
  --pf-c-wizard__nav-link-toggle--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-wizard__nav-link-toggle--Color: var(--pf-global--Color--200);
  --pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(
    --pf-global--Color--100
  );
  --pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(
    --pf-global--Color--100
  );
  --pf-c-wizard__nav-link-toggle-icon--Transition: var(--pf-global--Transition);
  --pf-c-wizard__nav-link-toggle-icon--Rotate: 0;
  --pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
  --pf-c-wizard__nav-link--before--Width: 1.5rem;
  --pf-c-wizard__nav-link--before--Height: 1.5rem;
  --pf-c-wizard__nav-link--before--Top: 0;
  --pf-c-wizard__nav-link--before--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-wizard__nav-link--before--BorderRadius: var(
    --pf-global--BorderRadius--lg
  );
  --pf-c-wizard__nav-link--before--Color: var(--pf-global--Color--100);
  --pf-c-wizard__nav-link--before--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-wizard__nav-link--before--TranslateX: calc(
    -100% - var(--pf-global--spacer--sm)
  );
  --pf-c-wizard__nav-link--m-current--before--BackgroundColor: var(
    --pf-global--active-color--100
  );
  --pf-c-wizard__nav-link--m-current--before--Color: var(
    --pf-global--Color--light-100
  );
  --pf-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
  --pf-c-wizard__nav-link--m-disabled--before--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-wizard__toggle--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-wizard__toggle--ZIndex: var(--pf-global--ZIndex--md);
  --pf-c-wizard__toggle--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
  --pf-c-wizard__toggle--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-wizard__toggle--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-wizard__toggle--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-wizard__toggle--PaddingLeft: calc(
    var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) +
      var(--pf-global--spacer--sm)
  );
  --pf-c-wizard__toggle--m-expanded--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-wizard__toggle--m-expanded--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(
    var(--pf-global--spacer--xl) + var(--pf-c-wizard__nav-link--before--Width) +
      var(--pf-global--spacer--sm)
  );
  --pf-c-wizard__toggle-num--before--Top: 0;
  --pf-c-wizard__toggle-list-item--not-last-child--MarginRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-wizard__toggle-list-item--MarginBottom: var(--pf-global--spacer--xs);
  --pf-c-wizard__toggle-list--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-wizard__toggle-list--MarginBottom: calc(
    var(--pf-c-wizard__toggle-list-item--MarginBottom) * -1
  );
  --pf-c-wizard__toggle-separator--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-wizard__toggle-separator--Color: var(--pf-global--BorderColor--200);
  --pf-c-wizard__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
  --pf-c-wizard__nav--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-wizard__nav--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
  --pf-c-wizard__nav--Width: 100%;
  --pf-c-wizard__nav--lg--Width: 15.625rem;
  --pf-c-wizard__nav--lg--BorderRightWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-wizard__nav--lg--BorderRightColor: var(--pf-global--BorderColor--100);
  --pf-c-wizard__nav-list--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-wizard__nav-list--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-wizard__nav-list--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-wizard__nav-list--PaddingLeft: calc(
    var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) +
      var(--pf-global--spacer--sm)
  );
  --pf-c-wizard__nav-list--lg--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-wizard__nav-list--lg--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-wizard__nav-list--lg--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-wizard__nav-list--xl--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-wizard__nav-list--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-wizard__nav-list--xl--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-wizard__nav-list--xl--PaddingLeft: calc(
    var(--pf-global--spacer--lg) + var(--pf-c-wizard__nav-link--before--Width) +
      var(--pf-global--spacer--sm)
  );
  --pf-c-wizard__nav-list--nested--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-wizard__nav-list--nested--MarginTop: var(--pf-global--spacer--md);
  --pf-c-wizard__nav-item--MarginTop: var(--pf-global--spacer--md);
  --pf-c-wizard__outer-wrap--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-c-wizard__nav--Width);
  --pf-c-wizard__outer-wrap--MinHeight: 15.625rem;
  --pf-c-wizard__main--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-wizard__main-body--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-wizard__main-body--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-wizard__main-body--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-wizard__main-body--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-wizard__main-body--xl--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-wizard__main-body--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-wizard__main-body--xl--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-wizard__main-body--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-wizard__footer--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-wizard__footer--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-wizard__footer--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-wizard__footer--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-wizard__footer--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-wizard__footer--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-wizard__footer--xl--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-wizard__footer--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-wizard__footer--xl--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-wizard__footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-wizard__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
  --pf-c-wizard__footer--child--MarginRight: var(--pf-global--spacer--md);
  --pf-c-wizard__footer--child--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-wizard__footer-cancel--MarginLeft: calc(
    var(--pf-global--spacer--2xl) -
      var(--pf-c-wizard__footer--child--MarginRight)
  );
  position: relative;
  display: flex;
  flex-direction: column;
  height: var(--pf-c-wizard--Height);
}
@media screen and (min-width: 992px) {
  .pf-c-wizard {
    --pf-c-wizard__header--PaddingRight: var(
      --pf-c-wizard__header--lg--PaddingRight
    );
    --pf-c-wizard__header--PaddingLeft: var(
      --pf-c-wizard__header--lg--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-wizard {
    --pf-c-wizard__header--PaddingRight: var(
      --pf-c-wizard__header--xl--PaddingRight
    );
    --pf-c-wizard__header--PaddingLeft: var(
      --pf-c-wizard__header--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-wizard {
    --pf-c-wizard__close--Right: var(--pf-c-wizard__close--xl--Right);
  }
}
@media screen and (min-width: 992px) {
  .pf-c-wizard {
    --pf-c-wizard__nav--Width: var(--pf-c-wizard__nav--lg--Width);
    --pf-c-wizard__nav--BoxShadow: none;
  }
}
@media screen and (min-width: 992px) {
  .pf-c-wizard {
    --pf-c-wizard__nav-list--PaddingTop: var(
      --pf-c-wizard__nav-list--lg--PaddingTop
    );
    --pf-c-wizard__nav-list--PaddingRight: var(
      --pf-c-wizard__nav-list--lg--PaddingRight
    );
    --pf-c-wizard__nav-list--PaddingBottom: var(
      --pf-c-wizard__nav-list--lg--PaddingBottom
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-wizard {
    --pf-c-wizard__nav-list--PaddingTop: var(
      --pf-c-wizard__nav-list--xl--PaddingTop
    );
    --pf-c-wizard__nav-list--PaddingRight: var(
      --pf-c-wizard__nav-list--xl--PaddingRight
    );
    --pf-c-wizard__nav-list--PaddingBottom: var(
      --pf-c-wizard__nav-list--xl--PaddingBottom
    );
    --pf-c-wizard__nav-list--PaddingLeft: var(
      --pf-c-wizard__nav-list--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-wizard {
    --pf-c-wizard__main-body--PaddingTop: var(
      --pf-c-wizard__main-body--xl--PaddingTop
    );
    --pf-c-wizard__main-body--PaddingRight: var(
      --pf-c-wizard__main-body--xl--PaddingRight
    );
    --pf-c-wizard__main-body--PaddingBottom: var(
      --pf-c-wizard__main-body--xl--PaddingBottom
    );
    --pf-c-wizard__main-body--PaddingLeft: var(
      --pf-c-wizard__main-body--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-wizard {
    --pf-c-wizard__footer--PaddingTop: var(
      --pf-c-wizard__footer--xl--PaddingTop
    );
    --pf-c-wizard__footer--PaddingRight: var(
      --pf-c-wizard__footer--xl--PaddingRight
    );
    --pf-c-wizard__footer--PaddingBottom: var(
      --pf-c-wizard__footer--xl--PaddingBottom
    );
    --pf-c-wizard__footer--PaddingLeft: var(
      --pf-c-wizard__footer--xl--PaddingLeft
    );
  }
}
.pf-c-modal-box .pf-c-wizard {
  flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
  min-height: 0;
}
.pf-c-wizard > :not(.pf-c-wizard__outer-wrap):not(.pf-c-drawer) {
  flex-shrink: 0;
}
.pf-c-wizard.pf-m-finished {
  --pf-c-wizard__outer-wrap--lg--PaddingLeft: 0;
}
.pf-c-wizard.pf-m-finished .pf-c-wizard__nav,
.pf-c-wizard.pf-m-finished .pf-c-wizard__footer,
.pf-c-wizard.pf-m-finished .pf-c-wizard__toggle {
  display: none;
  visibility: hidden;
}
.pf-c-wizard__header {
  color: var(--pf-global--Color--100);
  position: relative;
  z-index: var(--pf-c-wizard__header--ZIndex);
  padding: var(--pf-c-wizard__header--PaddingTop)
    var(--pf-c-wizard__header--PaddingRight)
    var(--pf-c-wizard__header--PaddingBottom)
    var(--pf-c-wizard__header--PaddingLeft);
  background-color: var(--pf-c-wizard__header--BackgroundColor);
}
.pf-c-wizard__header .pf-c-wizard__close {
  position: absolute;
  top: var(--pf-c-wizard__close--Top);
  right: var(--pf-c-wizard__close--Right);
  font-size: var(--pf-c-wizard__close--FontSize);
}
.pf-c-wizard__title {
  padding-right: var(--pf-c-wizard__title--PaddingRight);
  word-wrap: break-word;
}
.pf-c-wizard__description {
  display: none;
  padding-top: var(--pf-c-wizard__description--PaddingTop);
  color: var(--pf-c-wizard__description--Color);
  visibility: hidden;
}
@media screen and (min-width: 992px) {
  .pf-c-wizard__description {
    display: block;
    visibility: visible;
  }
}
.pf-c-wizard__toggle {
  position: relative;
  z-index: var(--pf-c-wizard__toggle--ZIndex);
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: var(--pf-c-wizard__toggle--PaddingTop)
    var(--pf-c-wizard__toggle--PaddingRight)
    var(--pf-c-wizard__toggle--PaddingBottom)
    var(--pf-c-wizard__toggle--PaddingLeft);
  background-color: var(--pf-c-wizard__toggle--BackgroundColor);
  border: 0;
  box-shadow: var(--pf-c-wizard__toggle--BoxShadow);
}
@media screen and (min-width: 992px) {
  .pf-c-wizard__toggle {
    display: none;
    visibility: hidden;
  }
}
.pf-c-wizard__toggle.pf-m-expanded {
  --pf-c-wizard__toggle--BoxShadow: none;
  border-bottom: var(--pf-c-wizard__toggle--m-expanded--BorderBottomWidth) solid
    var(--pf-c-wizard__toggle--m-expanded--BorderBottomColor);
}
.pf-c-wizard__toggle.pf-m-expanded .pf-c-wizard__toggle-icon {
  transform: rotate(
    var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate)
  );
}
.pf-c-wizard__toggle-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-right: var(--pf-c-wizard__toggle-list--MarginRight);
  margin-bottom: var(--pf-c-wizard__toggle-list--MarginBottom);
  list-style: none;
}
.pf-c-wizard__toggle-list-item {
  margin-bottom: var(--pf-c-wizard__toggle-list-item--MarginBottom);
  text-align: left;
  word-break: break-word;
}
.pf-c-wizard__toggle-list-item:not(:last-child) {
  margin-right: var(
    --pf-c-wizard__toggle-list-item--not-last-child--MarginRight
  );
}
.pf-c-wizard__toggle-num {
  --pf-c-wizard__nav-link--before--Top: var(
    --pf-c-wizard__toggle-num--before--Top
  );
}
.pf-c-wizard__toggle-separator {
  margin-left: var(--pf-c-wizard__toggle-separator--MarginLeft);
  color: var(--pf-c-wizard__toggle-separator--Color);
}
.pf-c-wizard__toggle-icon {
  line-height: var(--pf-c-wizard__toggle-icon--LineHeight);
}
.pf-c-wizard__outer-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: var(--pf-c-wizard__outer-wrap--MinHeight);
  background-color: var(--pf-c-wizard__outer-wrap--BackgroundColor);
}
@media screen and (min-width: 992px) {
  .pf-c-wizard__outer-wrap {
    padding-left: var(--pf-c-wizard__outer-wrap--lg--PaddingLeft);
  }
}
.pf-c-wizard__inner-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
}
@media screen and (min-width: 992px) {
  .pf-c-wizard__inner-wrap {
    position: static;
  }
}
.pf-c-wizard__nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--pf-c-wizard__nav--ZIndex);
  display: none;
  width: var(--pf-c-wizard__nav--Width);
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  background-color: var(--pf-c-wizard__nav--BackgroundColor);
  box-shadow: var(--pf-c-wizard__nav--BoxShadow);
}
.pf-c-wizard__nav.pf-m-expanded {
  display: block;
  visibility: visible;
}
@media screen and (min-width: 992px) {
  .pf-c-wizard__nav {
    display: block;
    height: 100%;
    visibility: visible;
    border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid
      var(--pf-c-wizard__nav--lg--BorderRightColor);
  }
}
.pf-c-wizard__nav-list {
  padding-top: var(--pf-c-wizard__nav-list--PaddingTop);
  padding-right: var(--pf-c-wizard__nav-list--PaddingRight);
  padding-bottom: var(--pf-c-wizard__nav-list--PaddingBottom);
  padding-left: var(--pf-c-wizard__nav-list--PaddingLeft);
  list-style: none;
  counter-reset: wizard-nav-count;
}
.pf-c-wizard__nav-list .pf-c-wizard__nav-list {
  padding: 0;
  margin-top: var(--pf-c-wizard__nav-list--nested--MarginTop);
  margin-left: var(--pf-c-wizard__nav-list--nested--MarginLeft);
}
.pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link:before {
  content: none;
}
.pf-c-wizard__nav-list
  .pf-c-wizard__nav-list
  .pf-c-wizard__nav-link.pf-m-current {
  font-weight: var(
    --pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight
  );
}
.pf-c-wizard__nav-item + .pf-c-wizard__nav-item {
  margin-top: var(--pf-c-wizard__nav-item--MarginTop);
}
.pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-link {
  display: flex;
}
.pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
  display: none;
  visibility: hidden;
}
.pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list {
  display: block;
  visibility: visible;
}
.pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-link {
  --pf-c-wizard__nav-link-toggle-icon--Rotate: var(
    --pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate
  );
}
.pf-c-wizard__nav-link {
  position: relative;
  display: inline-block;
  width: 100%;
  color: var(--pf-c-wizard__nav-link--Color);
  text-align: left;
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
  word-break: break-word;
  border: 0;
}
.pf-c-wizard__toggle-num,
.pf-c-wizard__nav-link:before {
  position: absolute;
  top: var(--pf-c-wizard__nav-link--before--Top);
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pf-c-wizard__nav-link--before--Width);
  height: var(--pf-c-wizard__nav-link--before--Height);
  font-size: var(--pf-c-wizard__nav-link--before--FontSize);
  line-height: 1;
  color: var(--pf-c-wizard__nav-link--before--Color);
  background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor);
  border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius);
  transform: translate(var(--pf-c-wizard__nav-link--before--TranslateX));
}
.pf-c-wizard__nav-link:before {
  top: 0;
  content: counter(wizard-nav-count);
  counter-increment: wizard-nav-count;
}
.pf-c-wizard__nav-link:hover {
  --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--hover--Color);
  --pf-c-wizard__nav-link-toggle--Color: var(
    --pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color
  );
}
.pf-c-wizard__nav-link:focus {
  --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--focus--Color);
  --pf-c-wizard__nav-link-toggle--Color: var(
    --pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color
  );
}
.pf-c-wizard__nav-link.pf-m-current {
  --pf-c-wizard__nav-link--Color: var(
    --pf-c-wizard__nav-link--m-current--Color
  );
  font-weight: var(--pf-c-wizard__nav-link--m-current--FontWeight);
}
.pf-c-wizard__toggle-num,
.pf-c-wizard__nav-link.pf-m-current:before {
  --pf-c-wizard__nav-link--before--BackgroundColor: var(
    --pf-c-wizard__nav-link--m-current--before--BackgroundColor
  );
  --pf-c-wizard__nav-link--before--Color: var(
    --pf-c-wizard__nav-link--m-current--before--Color
  );
}
.pf-c-wizard__nav-link:disabled,
.pf-c-wizard__nav-link.pf-m-disabled {
  --pf-c-wizard__nav-link--Color: var(
    --pf-c-wizard__nav-link--m-disabled--Color
  );
  pointer-events: none;
}
.pf-c-wizard__nav-link:disabled:before,
.pf-c-wizard__nav-link.pf-m-disabled:before {
  --pf-c-wizard__nav-link--before--BackgroundColor: var(
    --pf-c-wizard__nav-link--m-disabled--before--BackgroundColor
  );
  --pf-c-wizard__nav-link--before--Color: var(
    --pf-c-wizard__nav-link--m-disabled--before--Color
  );
}
.pf-c-wizard__nav-link-text {
  flex-grow: 1;
}
.pf-c-wizard__nav-link-toggle {
  padding-right: var(--pf-c-wizard__nav-link-toggle--PaddingRight);
  padding-left: var(--pf-c-wizard__nav-link-toggle--PaddingLeft);
  color: var(--pf-c-wizard__nav-link-toggle--Color);
}
.pf-c-wizard__nav-link-toggle-icon {
  display: inline-block;
  transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition);
  transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate));
}
.pf-c-wizard__main {
  z-index: var(--pf-c-wizard__main--ZIndex);
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-word;
}
.pf-c-wizard__main-body {
  padding: var(--pf-c-wizard__main-body--PaddingTop)
    var(--pf-c-wizard__main-body--PaddingRight)
    var(--pf-c-wizard__main-body--PaddingBottom)
    var(--pf-c-wizard__main-body--PaddingLeft);
}
.pf-c-wizard__main-body.pf-m-no-padding {
  padding: 0;
}
.pf-c-wizard__footer {
  position: relative;
  z-index: var(--pf-c-wizard__footer--ZIndex);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  padding: var(--pf-c-wizard__footer--PaddingTop)
    var(--pf-c-wizard__footer--PaddingRight)
    var(--pf-c-wizard__footer--PaddingBottom)
    var(--pf-c-wizard__footer--PaddingLeft);
  background-color: var(--pf-c-wizard__footer--BackgroundColor);
}
.pf-c-wizard__footer > * {
  margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom);
}
.pf-c-wizard__footer > *:not(:last-child) {
  margin-right: var(--pf-c-wizard__footer--child--MarginRight);
}
.pf-c-page__main-wizard .pf-c-wizard__footer,
.pf-c-modal-box .pf-c-wizard__footer,
.pf-c-drawer > .pf-c-wizard__footer {
  box-shadow: var(--pf-c-wizard__footer--BoxShadow);
}
.pf-c-wizard__footer-cancel {
  margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
}
:where(.pf-theme-dark) .pf-c-wizard__header {
  --pf-global--Color--100: #e0e0e0;
  --pf-global--Color--200: #aaabac;
  --pf-global--BorderColor--100: #444548;
  --pf-global--primary-color--100: #1fa7f8;
  --pf-global--link--Color: #1fa7f8;
  --pf-global--link--Color--hover: #73bcf7;
  --pf-global--BackgroundColor--100: #1b1d21;
}
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
}
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--BackgroundColor: var(
    --pf-global--primary-color--300
  );
  --pf-c-button--m-primary--hover--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-button--m-primary--focus--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-button--m-primary--active--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--hover--Color: var(
    --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--focus--Color: var(
    --pf-global--primary-color--100
  );
  --pf-c-button--m-secondary--active--Color: var(
    --pf-global--primary-color--100
  );
}
:where(.pf-theme-dark) .pf-c-wizard {
  --pf-c-wizard__header--BackgroundColor: var(--pf-global--palette--black-1000);
  --pf-c-wizard__nav-link--before--BackgroundColor: var(
    --pf-global--palette--black-500
  );
  --pf-c-wizard__nav-link--m-disabled--Color: var(
    --pf-global--disabled-color--300
  );
  --pf-c-wizard__nav-link--m-disabled--before--Color: var(
    --pf-global--disabled-color--300
  );
}
:where(.pf-theme-dark) .pf-c-wizard__header {
  color: var(--pf-global--Color--100);
}
.pf-c-code-block {
  --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-code-block__header--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-code-block__header--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-code-block__content--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-code-block__content--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-code-block__pre--FontFamily: var(--pf-global--FontFamily--monospace);
  --pf-c-code-block__pre--FontSize: var(--pf-global--FontSize--sm);
  background-color: var(--pf-c-code-block--BackgroundColor);
}
.pf-c-code-block__header {
  display: flex;
  border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid
    var(--pf-c-code-block__header--BorderBottomColor);
}
.pf-c-code-block__actions {
  display: flex;
  margin-left: auto;
}
.pf-c-code-block__content {
  padding: var(--pf-c-code-block__content--PaddingTop)
    var(--pf-c-code-block__content--PaddingRight)
    var(--pf-c-code-block__content--PaddingBottom)
    var(--pf-c-code-block__content--PaddingLeft);
}
.pf-c-code-block__pre {
  font-family: var(--pf-c-code-block__pre--FontFamily);
  font-size: var(--pf-c-code-block__pre--FontSize);
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.pf-c-code-block__code {
  font-family: var(--pf-c-code-block__code--FontFamily, inherit);
}
.kc-attributes__table {
  --pf-c-table--border-width--base: 0;
  --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: 0;
}
.kc-attributes__plus-icon {
  margin-left: calc(var(--pf-global--spacer--md) * -1);
}
.pf-c-button.kc-attributes__minus-icon {
  margin-left: calc(var(--pf-global--spacer--md) * -1);
  color: var(--pf-c-button--m-plain--Color);
}
.kc-attributes__action-group {
  --pf-c-form__group--m-action--MarginTop: calc(
    var(--pf-global--spacer--2xl) - var(--pf-global--spacer--sm)
  );
}
.pf-c-select.kc-attribute-key-selectable,
.pf-c-select.kc-attribute-value-selectable,
.pf-c-form-control.value-input {
  width: 400px;
}
td#permit {
  color: var(--pf-global--success-color--100);
  font-weight: 700;
}
td#deny {
  color: var(--pf-global--danger-color--100);
  font-weight: 700;
}
.kc-evaluated-options {
  padding-top: 300px;
}
button#back-btn,
button#reevaluate-btn {
  margin-right: var(--pf-global--spacer--md);
}
.kc-identity-information,
.kc-permissions {
  border: none !important;
}
.kc-identity-information > div.pf-c-card__header.kc-form-panel__header {
  padding-top: 0;
}
#resourcesAndScopes
  > .pf-c-form__group-control
  > .kc-attributes__table
  > thead
  #key,
#resourcesAndScopes
  > .pf-c-form__group-control
  > .kc-attributes__table
  > thead
  #value {
  display: none;
}
textarea#authorizationDetails {
  height: 280px;
}
.keycloak__client_authentication__searchdropdown {
  --pf-c-dropdown__toggle--MinWidth: 21rem;
}
.keycloak__client_authentication__searchdropdown_form {
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 5rem;
  --pf-c-form--m-horizontal__group-control--md--GridColumnWidth: 24rem;
  margin: 0 var(--pf-global--spacer--lg) var(--pf-global--spacer--lg)
    var(--pf-global--spacer--lg);
}
.pf-c-button.keycloak__permissions__empty_state {
  color: var(--pf-c-button--disabled--Color);
  background-color: var(--pf-c-button--disabled--BackgroundColor);
  --pf-c-button--after--BorderWidth: 0;
}
.keycloak_resource_details {
  --pf-c-description-list--m-horizontal__term--width: 20ch;
}
.kc-signedJWTAlert {
  margin: 0.1rem 0 0 10.4rem;
}
@media (max-width: 768px) {
  .kc-signedJWTAlert {
    margin: 0.5rem 0 0;
  }
}
.keycloak__scopes_evaluate__clipboard-copy input {
  display: none;
}
.keycloak__scopes_evaluate__tabs {
  padding-top: var(--pf-global--spacer--2xl);
}
#tabs .pf-c-tabs__list {
  max-width: 300px;
}
.keycloak--service-account--info-text {
  color: var(--pf-global--info-color--100);
  display: inline;
  font-size: var(--pf-global--FontSize--lg);
}
@media (min-width: 768px) {
  .keycloak__capability-config__form .pf-c-form__group {
    --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem;
  }
}
div#authenticationFlowGrid > .pf-l-grid__item {
  padding-bottom: var(--pf-global--spacer--lg);
}
.keycloak__client-scopes__searchtype button {
  width: 200px;
}
.keycloak__client-scopes-add__add-dropdown {
  margin-right: var(--pf-global--spacer--md);
}
.kc-protocolType-select {
  max-width: 25%;
}
.pf-c-button.keycloak__client-authorization__policy-row-remove {
  color: var(--pf-c-button--m-plain--Color);
}
.keycloak__resource-details__form {
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem;
}
.keycloak_eventsection_details {
  --pf-c-description-list--m-horizontal__term--width: 15ch;
}
.keycloak__events_search_selector_dropdown__toggle {
  --pf-c-dropdown__toggle--MinWidth: 21rem;
  position: relative;
  z-index: 1;
}
.keycloak__events_search__form {
  --pf-c-form--m-horizontal__group-control--md--GridColumnWidth: 24rem;
  margin: 0 var(--pf-global--spacer--lg) var(--pf-global--spacer--lg)
    var(--pf-global--spacer--lg);
  --pf-c-form__group--m-action--MarginTop: 0rem;
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 5rem;
}
.keycloak__events_search__form_label {
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 5rem;
  line-height: 0px;
}
.keycloak__events_search__type_select .pf-c-select__menu {
  max-height: 200px;
  overflow: auto;
}
.pf-c-description-list {
  --pf-c-description-list--RowGap: var(--pf-global--gutter--md);
  --pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);
  --pf-c-description-list--GridTemplateColumns--count: 1;
  --pf-c-description-list--GridTemplateColumns--width: 1fr;
  --pf-c-description-list--GridTemplateColumns--min: 0;
  --pf-c-description-list--GridTemplateColumns: repeat(
    var(--pf-c-description-list--GridTemplateColumns--count),
    var(--pf-c-description-list--GridTemplateColumns--width)
  );
  --pf-c-description-list__group--RowGap: var(--pf-global--spacer--sm);
  --pf-c-description-list__group--ColumnGap: var(--pf-global--spacer--sm);
  --pf-c-description-list__group--GridTemplateColumns: auto;
  --pf-c-description-list__group--GridTemplateRows: auto 1fr;
  --pf-c-description-list__group--GridColumn: auto;
  --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
  --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
  --pf-c-description-list__term--Display: inline;
  --pf-c-description-list__term--sm--Display: flex;
  --pf-c-description-list__term--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-description-list__term--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-description-list__term--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-description-list__term-icon--MinWidth: var(
    --pf-global--icon--FontSize--sm
  );
  --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-description-list__term-icon--Color: var(
    --pf-global--icon--Color--light
  );
  --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(
    var(--pf-c-description-list--GridTemplateColumns--count)
  );
  --pf-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
  --pf-c-description-list--m-horizontal__term--width: 12ch;
  --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
  --pf-c-description-list--m-horizontal__group--GridTemplateColumns: var(
      --pf-c-description-list__term--width
    )
    var(--pf-c-description-list--m-horizontal__description--width);
  --pf-c-description-list--m-horizontal__group--GridTemplateRows: auto;
  --pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
  --pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
  --pf-c-description-list--m-3-col--GridTemplateColumns--count: 3;
  --pf-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
  --pf-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(
    --pf-c-description-list--m-auto-fit--GridTemplateColumns--min
  );
  --pf-c-description-list__text--m-help-text--TextDecorationColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-description-list__text--m-help-text--TextDecorationThickness: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
  --pf-c-description-list__text--m-help-text--hover--TextDecorationColor: var(
    --pf-global--Color--100
  );
  --pf-c-description-list__text--m-help-text--focus--TextDecorationColor: var(
    --pf-global--Color--100
  );
  --pf-c-description-list--m-display-lg__description--FontSize: var(
    --pf-global--FontSize--lg
  );
  --pf-c-description-list--m-display-2xl__description--FontSize: var(
    --pf-global--FontSize--2xl
  );
  display: grid;
  align-items: baseline;
  row-gap: var(--pf-c-description-list--RowGap);
  column-gap: var(--pf-c-description-list--ColumnGap);
  grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
}
@media screen and (min-width: 576px) {
  .pf-c-description-list {
    --pf-c-description-list__term--Display: var(
      --pf-c-description-list__term--sm--Display
    );
  }
}
.pf-c-description-list[class*="pf-m-horizontal"] {
  --pf-c-description-list__term--width: var(
    --pf-c-description-list--m-horizontal__term--width
  );
}
@media (min-width: 576px) {
  .pf-c-description-list[class*="pf-m-horizontal"] {
    --pf-c-description-list__term--width: var(
      --pf-c-description-list--m-horizontal__term--width-on-sm,
      var(--pf-c-description-list--m-horizontal__term--width)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-description-list[class*="pf-m-horizontal"] {
    --pf-c-description-list__term--width: var(
      --pf-c-description-list--m-horizontal__term--width-on-md,
      var(
        --pf-c-description-list--m-horizontal__term--width-on-sm,
        var(--pf-c-description-list--m-horizontal__term--width)
      )
    );
  }
}
@media (min-width: 992px) {
  .pf-c-description-list[class*="pf-m-horizontal"] {
    --pf-c-description-list__term--width: var(
      --pf-c-description-list--m-horizontal__term--width-on-lg,
      var(
        --pf-c-description-list--m-horizontal__term--width-on-md,
        var(
          --pf-c-description-list--m-horizontal__term--width-on-sm,
          var(--pf-c-description-list--m-horizontal__term--width)
        )
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-description-list[class*="pf-m-horizontal"] {
    --pf-c-description-list__term--width: var(
      --pf-c-description-list--m-horizontal__term--width-on-xl,
      var(
        --pf-c-description-list--m-horizontal__term--width-on-lg,
        var(
          --pf-c-description-list--m-horizontal__term--width-on-md,
          var(
            --pf-c-description-list--m-horizontal__term--width-on-sm,
            var(--pf-c-description-list--m-horizontal__term--width)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-description-list[class*="pf-m-horizontal"] {
    --pf-c-description-list__term--width: var(
      --pf-c-description-list--m-horizontal__term--width-on-2xl,
      var(
        --pf-c-description-list--m-horizontal__term--width-on-xl,
        var(
          --pf-c-description-list--m-horizontal__term--width-on-lg,
          var(
            --pf-c-description-list--m-horizontal__term--width-on-md,
            var(
              --pf-c-description-list--m-horizontal__term--width-on-sm,
              var(--pf-c-description-list--m-horizontal__term--width)
            )
          )
        )
      )
    );
  }
}
.pf-c-description-list.pf-m-inline-grid {
  display: inline-grid;
}
.pf-c-description-list.pf-m-auto-column-widths {
  --pf-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content);
}
.pf-c-description-list.pf-m-auto-fit {
  grid-template-columns: repeat(
    auto-fit,
    minmax(
      var(
        --pf-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min
      ),
      1fr
    )
  );
  --pf-c-description-list--GridTemplateColumns--minmax--min: var(
    --pf-c-description-list--GridTemplateColumns--min
  );
}
@media (min-width: 576px) {
  .pf-c-description-list.pf-m-auto-fit {
    --pf-c-description-list--GridTemplateColumns--minmax--min: var(
      --pf-c-description-list--GridTemplateColumns--min-on-sm,
      var(--pf-c-description-list--GridTemplateColumns--min)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-description-list.pf-m-auto-fit {
    --pf-c-description-list--GridTemplateColumns--minmax--min: var(
      --pf-c-description-list--GridTemplateColumns--min-on-md,
      var(
        --pf-c-description-list--GridTemplateColumns--min-on-sm,
        var(--pf-c-description-list--GridTemplateColumns--min)
      )
    );
  }
}
@media (min-width: 992px) {
  .pf-c-description-list.pf-m-auto-fit {
    --pf-c-description-list--GridTemplateColumns--minmax--min: var(
      --pf-c-description-list--GridTemplateColumns--min-on-lg,
      var(
        --pf-c-description-list--GridTemplateColumns--min-on-md,
        var(
          --pf-c-description-list--GridTemplateColumns--min-on-sm,
          var(--pf-c-description-list--GridTemplateColumns--min)
        )
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-description-list.pf-m-auto-fit {
    --pf-c-description-list--GridTemplateColumns--minmax--min: var(
      --pf-c-description-list--GridTemplateColumns--min-on-xl,
      var(
        --pf-c-description-list--GridTemplateColumns--min-on-lg,
        var(
          --pf-c-description-list--GridTemplateColumns--min-on-md,
          var(
            --pf-c-description-list--GridTemplateColumns--min-on-sm,
            var(--pf-c-description-list--GridTemplateColumns--min)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-description-list.pf-m-auto-fit {
    --pf-c-description-list--GridTemplateColumns--minmax--min: var(
      --pf-c-description-list--GridTemplateColumns--min-on-2xl,
      var(
        --pf-c-description-list--GridTemplateColumns--min-on-xl,
        var(
          --pf-c-description-list--GridTemplateColumns--min-on-lg,
          var(
            --pf-c-description-list--GridTemplateColumns--min-on-md,
            var(
              --pf-c-description-list--GridTemplateColumns--min-on-sm,
              var(--pf-c-description-list--GridTemplateColumns--min)
            )
          )
        )
      )
    );
  }
}
.pf-c-description-list.pf-m-compact {
  --pf-c-description-list--RowGap: var(
    --pf-c-description-list--m-compact--RowGap
  );
  --pf-c-description-list--ColumnGap: var(
    --pf-c-description-list--m-compact--ColumnGap
  );
}
.pf-c-description-list.pf-m-fluid {
  --pf-c-description-list--m-horizontal__term--width: fit-content(20ch);
}
.pf-c-description-list.pf-m-fill-columns {
  display: block;
  column-count: var(--pf-c-description-list--GridTemplateColumns--count);
  margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
}
.pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group,
.pf-c-description-list.pf-m-fill-columns > .pf-c-card {
  display: inline-grid;
  width: 100%;
  margin-bottom: var(--pf-c-description-list--RowGap);
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
}
.pf-c-description-list.pf-m-display-lg {
  --pf-c-description-list__description--FontSize: var(
    --pf-c-description-list--m-display-lg__description--FontSize
  );
}
.pf-c-description-list.pf-m-display-2xl {
  --pf-c-description-list__description--FontSize: var(
    --pf-c-description-list--m-display-2xl__description--FontSize
  );
}
.pf-c-description-list > .pf-c-card {
  align-self: stretch;
  padding: var(--pf-c-card--first-child--PaddingTop)
    var(--pf-c-card--child--PaddingRight) var(--pf-c-card--child--PaddingBottom)
    var(--pf-c-card--child--PaddingLeft);
}
.pf-c-description-list__group,
.pf-c-description-list > .pf-c-card {
  display: grid;
  grid-column: var(--pf-c-description-list__group--GridColumn);
  row-gap: var(--pf-c-description-list__group--RowGap);
  column-gap: var(--pf-c-description-list__group--ColumnGap);
  grid-template-columns: var(
    --pf-c-description-list__group--GridTemplateColumns
  );
  grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
  align-items: baseline;
}
.pf-c-description-list__term,
.pf-c-description-list__description {
  min-width: 0;
  text-align: left;
  overflow-wrap: break-word;
}
.pf-c-description-list__term {
  display: var(--pf-c-description-list__term--Display);
  font-size: var(--pf-c-description-list__term--FontSize);
  font-weight: var(--pf-c-description-list__term--FontWeight);
  line-height: var(--pf-c-description-list__term--LineHeight);
}
.pf-c-description-list__term .pf-c-description-list__text {
  display: inline;
}
.pf-c-description-list__term-icon {
  flex-shrink: 0;
  min-width: var(--pf-c-description-list__term-icon--MinWidth);
  margin-right: var(--pf-c-description-list__term-icon--MarginRight);
  color: var(--pf-c-description-list__term-icon--Color);
}
.pf-c-description-list__description {
  font-size: var(--pf-c-description-list__description--FontSize, inherit);
}
.pf-c-description-list__text {
  min-width: 0;
}
.pf-c-description-list__text.pf-m-help-text {
  text-decoration: underline;
  cursor: pointer;
  text-decoration-style: dashed;
  text-decoration-thickness: var(
    --pf-c-description-list__text--m-help-text--TextDecorationThickness
  );
  text-underline-offset: var(
    --pf-c-description-list__text--m-help-text--TextDecorationOffset
  );
  text-decoration-color: var(
    --pf-c-description-list__text--m-help-text--TextDecorationColor
  );
}
.pf-c-description-list__text.pf-m-help-text:hover {
  --pf-c-description-list__text--m-help-text--TextDecorationColor: var(
    --pf-c-description-list__text--m-help-text--hover--TextDecorationColor
  );
}
.pf-c-description-list__text.pf-m-help-text:focus {
  --pf-c-description-list__text--m-help-text--TextDecorationColor: var(
    --pf-c-description-list__text--m-help-text--focus--TextDecorationColor
  );
}
.pf-c-description-list.pf-m-1-col {
  --pf-c-description-list--GridTemplateColumns--count: var(
    --pf-c-description-list--m-1-col--GridTemplateColumns--count
  );
}
.pf-c-description-list.pf-m-2-col {
  --pf-c-description-list--GridTemplateColumns--count: var(
    --pf-c-description-list--m-2-col--GridTemplateColumns--count
  );
}
.pf-c-description-list.pf-m-3-col {
  --pf-c-description-list--GridTemplateColumns--count: var(
    --pf-c-description-list--m-3-col--GridTemplateColumns--count
  );
}
.pf-c-description-list.pf-m-horizontal {
  --pf-c-description-list__group--GridTemplateColumns: var(
    --pf-c-description-list--m-horizontal__group--GridTemplateColumns
  );
  --pf-c-description-list__group--GridTemplateRows: var(
    --pf-c-description-list--m-horizontal__group--GridTemplateRows
  );
}
.pf-c-description-list.pf-m-vertical {
  --pf-c-description-list__group--GridTemplateColumns: var(
    --pf-c-description-list--m-vertical__group--GridTemplateColumns
  );
  --pf-c-description-list__group--GridTemplateRows: var(
    --pf-c-description-list--m-vertical__group--GridTemplateRows
  );
}
@media (min-width: 576px) {
  .pf-c-description-list.pf-m-1-col-on-sm {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-1-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-2-col-on-sm {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-2-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-3-col-on-sm {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-3-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-horizontal-on-sm {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateRows
    );
  }
  .pf-c-description-list.pf-m-vertical-on-sm {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-vertical__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-vertical__group--GridTemplateRows
    );
  }
}
@media (min-width: 768px) {
  .pf-c-description-list.pf-m-1-col-on-md {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-1-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-2-col-on-md {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-2-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-3-col-on-md {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-3-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-horizontal-on-md {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateRows
    );
  }
  .pf-c-description-list.pf-m-vertical-on-md {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-vertical__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-vertical__group--GridTemplateRows
    );
  }
}
@media (min-width: 992px) {
  .pf-c-description-list.pf-m-1-col-on-lg {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-1-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-2-col-on-lg {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-2-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-3-col-on-lg {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-3-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-horizontal-on-lg {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateRows
    );
  }
  .pf-c-description-list.pf-m-vertical-on-lg {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-vertical__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-vertical__group--GridTemplateRows
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-description-list.pf-m-1-col-on-xl {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-1-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-2-col-on-xl {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-2-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-3-col-on-xl {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-3-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-horizontal-on-xl {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateRows
    );
  }
  .pf-c-description-list.pf-m-vertical-on-xl {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-vertical__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-vertical__group--GridTemplateRows
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-description-list.pf-m-1-col-on-2xl {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-1-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-2-col-on-2xl {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-2-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-3-col-on-2xl {
    --pf-c-description-list--GridTemplateColumns--count: var(
      --pf-c-description-list--m-3-col--GridTemplateColumns--count
    );
  }
  .pf-c-description-list.pf-m-horizontal-on-2xl {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-horizontal__group--GridTemplateRows
    );
  }
  .pf-c-description-list.pf-m-vertical-on-2xl {
    --pf-c-description-list__group--GridTemplateColumns: var(
      --pf-c-description-list--m-vertical__group--GridTemplateColumns
    );
    --pf-c-description-list__group--GridTemplateRows: var(
      --pf-c-description-list--m-vertical__group--GridTemplateRows
    );
  }
}
.pf-c-calendar-month {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-calendar-month {
  --pf-c-calendar-month--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
  --pf-c-calendar-month__header-year--Width: 8.5ch;
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
  --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
  --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
  --pf-c-calendar-month__days--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-calendar-month__days--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
  --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
  --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
  --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
  --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(
    --pf-global--active-color--100
  );
  --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(
    --pf-global--active-color--100
  );
  --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(
    --pf-global--primary-color--200
  );
  --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0
    0.3125rem var(--pf-global--primary-color--100);
  --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(
    --pf-global--Color--light-100
  );
  --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
  --pf-c-calendar-month__dates-cell--before--Top: 0;
  --pf-c-calendar-month__dates-cell--before--Right: 0;
  --pf-c-calendar-month__dates-cell--before--Bottom: var(
    --pf-c-calendar-month__dates-cell--PaddingBottom
  );
  --pf-c-calendar-month__dates-cell--before--Left: 0;
  --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(
    --pf-global--palette--blue-50
  );
  --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
  --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
  --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(
    --pf-global--palette--blue-100
  );
  --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(
    --pf-global--palette--blue-100
  );
  --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(
    --pf-global--disabled-color--100
  );
  --pf-c-calendar-month__date--Width: 4ch;
  --pf-c-calendar-month__date--Height: 4ch;
  --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
  --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
  --pf-c-calendar-month__date--BackgroundColor: transparent;
  --pf-c-calendar-month__date--disabled--Color: var(
    --pf-global--disabled-color--200
  );
  --pf-c-calendar-month__date--after--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-calendar-month__date--after--BorderColor: transparent;
  --pf-c-calendar-month__date--hover--BackgroundColor: var(
    --pf-global--palette--blue-50
  );
  --pf-c-calendar-month__date--focus--BackgroundColor: var(
    --pf-global--palette--blue-50
  );
  --pf-c-calendar-month__date--focus--after--BorderColor: var(
    --pf-global--active-color--100
  );
  --pf-c-calendar-month__date--focus--BoxShadow: none;
  color: var(--pf-global--Color--100);
  display: inline-flex;
  flex-direction: column;
  padding: var(--pf-c-calendar-month--PaddingTop)
    var(--pf-c-calendar-month--PaddingRight)
    var(--pf-c-calendar-month--PaddingBottom)
    var(--pf-c-calendar-month--PaddingLeft);
  font-size: var(--pf-c-calendar-month--FontSize);
  background-color: var(--pf-c-calendar-month--BackgroundColor);
}
.pf-c-calendar-month__header {
  display: flex;
  margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
}
.pf-c-calendar-month__header-nav-control {
  margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
  margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
}
.pf-c-calendar-month__header-nav-control.pf-m-prev-month {
  --pf-c-calendar-month__header-nav-control--MarginRight: var(
    --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight
  );
  --pf-c-calendar-month__header-nav-control--MarginLeft: var(
    --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft
  );
}
.pf-c-calendar-month__header-nav-control.pf-m-next-month {
  --pf-c-calendar-month__header-nav-control--MarginRight: var(
    --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight
  );
  --pf-c-calendar-month__header-nav-control--MarginLeft: var(
    --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft
  );
}
.pf-c-calendar-month__header-month {
  flex-grow: 1;
}
.pf-c-calendar-month__header-year {
  width: var(--pf-c-calendar-month__header-year--Width);
}
.pf-c-calendar-month__calendar {
  table-layout: fixed;
}
.pf-c-calendar-month__days {
  border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid
    var(--pf-c-calendar-month__days--BorderBottomColor);
}
.pf-c-calendar-month__day {
  padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
  font-weight: var(--pf-c-calendar-month__day--FontWeight);
  text-align: center;
}
.pf-c-calendar-month__dates-row:first-child {
  --pf-c-calendar-month__dates-cell--PaddingTop: var(
    --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop
  );
}
.pf-c-calendar-month__dates-cell {
  --pf-c-calendar-month__dates-cell--before--Top: var(
    --pf-c-calendar-month__dates-cell--PaddingTop
  );
  position: relative;
  padding: var(--pf-c-calendar-month__dates-cell--PaddingTop)
    var(--pf-c-calendar-month__dates-cell--PaddingRight)
    var(--pf-c-calendar-month__dates-cell--PaddingBottom)
    var(--pf-c-calendar-month__dates-cell--PaddingLeft);
  text-align: center;
}
.pf-c-calendar-month__dates-cell:before {
  position: absolute;
  top: var(--pf-c-calendar-month__dates-cell--before--Top);
  right: var(--pf-c-calendar-month__dates-cell--before--Right);
  bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
  left: var(--pf-c-calendar-month__dates-cell--before--Left);
  content: "";
  background-color: var(
    --pf-c-calendar-month__dates-cell--before--BackgroundColor
  );
}
.pf-c-calendar-month__dates-cell.pf-m-current {
  --pf-c-calendar-month__date--BackgroundColor: var(
    --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor
  );
}
.pf-c-calendar-month__dates-cell.pf-m-in-range {
  --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(
    --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor
  );
  --pf-c-calendar-month__date--hover--BackgroundColor: var(
    --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor
  );
  --pf-c-calendar-month__date--focus--BackgroundColor: var(
    --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor
  );
}
.pf-c-calendar-month__dates-cell.pf-m-start-range {
  --pf-c-calendar-month__dates-cell--before--Left: var(
    --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left
  );
}
.pf-c-calendar-month__dates-cell.pf-m-end-range {
  --pf-c-calendar-month__dates-cell--before--Right: var(
    --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right
  );
}
.pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
  --pf-c-calendar-month__date--Color: var(
    --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color
  );
}
.pf-c-calendar-month__dates-cell.pf-m-selected {
  --pf-c-calendar-month__date--BackgroundColor: var(
    --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor
  );
  --pf-c-calendar-month__date--hover--BackgroundColor: var(
    --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor
  );
  --pf-c-calendar-month__date--focus--BackgroundColor: var(
    --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor
  );
  --pf-c-calendar-month__date--focus--after--BorderColor: var(
    --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor
  );
  --pf-c-calendar-month__date--focus--BoxShadow: var(
    --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow
  );
  --pf-c-calendar-month__date--Color: var(
    --pf-c-calendar-month__dates-cell--m-selected__date--Color
  );
}
.pf-c-calendar-month__dates-cell.pf-m-disabled {
  --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
  --pf-c-calendar-month__date--BackgroundColor: transparent;
}
.pf-c-calendar-month__date {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pf-c-calendar-month__date--Width);
  height: var(--pf-c-calendar-month__date--Height);
  line-height: 1;
  color: var(--pf-c-calendar-month__date--Color);
  background-color: var(--pf-c-calendar-month__date--BackgroundColor);
  border: 0;
}
.pf-c-calendar-month__date:after {
  position: absolute;
  inset: 0;
  content: "";
  border: var(--pf-c-calendar-month__date--after--BorderWidth) solid
    var(--pf-c-calendar-month__date--after--BorderColor);
}
.pf-c-calendar-month__date,
.pf-c-calendar-month__date:after {
  border-radius: var(--pf-c-calendar-month__date--BorderRadius);
}
.pf-c-calendar-month__date:hover,
.pf-c-calendar-month__date.pf-m-hover {
  --pf-c-calendar-month__date--BackgroundColor: var(
    --pf-c-calendar-month__date--hover--BackgroundColor
  );
}
.pf-c-calendar-month__date:focus,
.pf-c-calendar-month__date.pf-m-focus {
  --pf-c-calendar-month__date--BackgroundColor: var(
    --pf-c-calendar-month__date--focus--BackgroundColor
  );
  --pf-c-calendar-month__date--after--BorderColor: var(
    --pf-c-calendar-month__date--focus--after--BorderColor
  );
  outline: 0;
  box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
}
.pf-c-calendar-month__date:disabled {
  pointer-events: none;
  --pf-c-calendar-month__date--Color: var(
    --pf-c-calendar-month__date--disabled--Color
  );
  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
}
:where(.pf-theme-dark) .pf-c-calendar-month {
  --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(
    --pf-global--palette--black-500
  );
  --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(
    --pf-global--primary-color--300
  );
  --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(
    --pf-global--palette--black-900
  );
  --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(
    --pf-global--palette--blue-400
  );
  --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-calendar-month__date--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-calendar-month__date--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-calendar-month__date--focus--after--BorderColor: transparent;
}
:where(.pf-theme-dark) .pf-c-calendar-month__date:hover,
:where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-hover {
  --pf-c-calendar-month__date--after--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-calendar-month__date--after--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
}
:where(.pf-theme-dark) .pf-c-calendar-month__date:focus,
:where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-focus {
  --pf-c-calendar-month__date--after--BorderColor: var(
    --pf-global--active-color--100
  );
  --pf-c-calendar-month__date--after--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-calendar-month__date--BackgroundColor: var(
    --pf-global--primary-color--300
  );
}
.pf-c-date-picker {
  --pf-c-date-picker--m-top__calendar--Top: 0;
  --pf-c-date-picker--m-top__calendar--TranslateY: calc(
    -100% - var(--pf-global--spacer--xs)
  );
  --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
  --pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
  --pf-c-date-picker__helper-text--m-error--Color: var(
    --pf-global--danger-color--100
  );
  --pf-c-date-picker__input--c-form-control--Width: calc(
    var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch +
      var(--pf-c-date-picker__input--c-form-control--width-base)
  );
  --pf-c-date-picker__input--c-form-control--width-base: calc(
    var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm)
  );
  --pf-c-date-picker__input--c-form-control--width-chars: 10;
  --pf-c-date-picker__calendar--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
  --pf-c-date-picker__calendar--Right: auto;
  --pf-c-date-picker__calendar--Left: 0;
  --pf-c-date-picker__calendar--m-align-right--Right: 0;
  --pf-c-date-picker__calendar--m-align-right--Left: auto;
  position: relative;
  display: inline-block;
}
.pf-c-date-picker__helper-text {
  margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
  font-size: var(--pf-c-date-picker__helper-text--FontSize);
  color: var(--pf-c-date-picker__helper-text--Color);
}
.pf-c-date-picker__helper-text.pf-m-error {
  --pf-c-date-picker__helper-text--Color: var(
    --pf-c-date-picker__helper-text--m-error--Color
  );
}
.pf-c-date-picker__input .pf-c-form-control {
  width: var(--pf-c-date-picker__input--c-form-control--Width);
}
.pf-c-date-picker__calendar {
  position: absolute;
  top: var(--pf-c-date-picker__calendar--Top);
  right: var(--pf-c-date-picker__calendar--Right);
  left: var(--pf-c-date-picker__calendar--Left);
  z-index: var(--pf-c-date-picker__calendar--ZIndex);
  background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
  box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
}
.pf-c-date-picker__calendar.pf-m-align-right {
  --pf-c-date-picker__calendar--Right: var(
    --pf-c-date-picker__calendar--m-align-right--Right
  );
  --pf-c-date-picker__calendar--Left: var(
    --pf-c-date-picker__calendar--m-align-right--Left
  );
}
.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
  --pf-c-date-picker__calendar--Top: var(
    --pf-c-date-picker--m-top__calendar--Top
  );
  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
}
.pf-c-date-picker__calendar.pf-m-static {
  --pf-c-date-picker--m-top__calendar--TranslateY: 0;
  position: static;
  inset: auto;
  z-index: auto;
  min-width: min-content;
}
:where(.pf-theme-dark) .pf-c-date-picker {
  --pf-c-date-picker__calendar--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-date-picker__calendar--Top: 100%;
}
.pf-c-tree-view {
  --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node--indent--base: calc(
    var(--pf-global--spacer--md) * 2 +
      var(--pf-c-tree-view__node-toggle-icon--MinWidth)
  );
  --pf-c-tree-view__node--nested-indent--base: calc(
    var(--pf-c-tree-view__node--indent--base) - var(--pf-global--spacer--md)
  );
  --pf-c-tree-view__node--PaddingTop--base: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node--PaddingTop: var(
    --pf-c-tree-view__node--PaddingTop--base
  );
  --pf-c-tree-view__node--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node--PaddingLeft: var(
    --pf-c-tree-view__node--indent--base
  );
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
  --pf-c-tree-view__node--m-current--FontWeight: var(
    --pf-global--FontWeight--bold
  );
  --pf-c-tree-view__node-container--Display: contents;
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node-content--Overflow: visible;
  --pf-c-tree-view__node--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-tree-view__node--focus--BackgroundColor: var(
    --pf-global--palette--black-200
  );
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(
    --pf-c-tree-view__node--PaddingTop--base
  );
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
  --pf-c-tree-view__node-toggle--Position: absolute;
  --pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
  --pf-c-tree-view__node-toggle--Color: var(
    --pf-c-tree-view__node-toggle--Color--base
  );
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(
    --pf-global--Color--100
  );
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
  --pf-c-tree-view__node-toggle-icon--Transition: transform
    var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
  --pf-c-tree-view__node-toggle-button--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-tree-view__node-toggle-button--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-tree-view__node-toggle-button--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-tree-view__node-toggle-button--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-tree-view__node-toggle-button--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-tree-view__node-toggle-button--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-tree-view__node-check--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node-count--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(
    --pf-global--disabled-color--200
  );
  --pf-c-tree-view__search--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-tree-view__search--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-tree-view__search--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tree-view__search--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node-icon--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-tree-view__node-icon--Color: var(--pf-global--icon--Color--light);
  --pf-c-tree-view__node-toggle-icon--base--Rotate: 0;
  --pf-c-tree-view__node-toggle-icon--Rotate: var(
    --pf-c-tree-view__node-toggle-icon--base--Rotate
  );
  --pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
  --pf-c-tree-view__node-text--max-lines: 1;
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-tree-view__action--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
  --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
  --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
  --pf-c-tree-view--m-guides--guide--Left: var(
    --pf-c-tree-view--m-guides--guide-left--base
  );
  --pf-c-tree-view--m-guides--guide-color--base: var(
    --pf-global--BorderColor--100
  );
  --pf-c-tree-view--m-guides--guide-width--base: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-tree-view--m-guides--guide-left--base: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides__list-node--guide-width--base)
  );
  --pf-c-tree-view--m-guides--guide-left--base--offset: calc(
    var(--pf-c-tree-view__list-item__list-item__node-toggle--Left) +
      var(--pf-c-tree-view__node-toggle-icon--MinWidth) / 2
  );
  --pf-c-tree-view--m-guides__list-node--guide-width--base: var(
    --pf-global--spacer--lg
  );
  --pf-c-tree-view--m-guides__list-item--before--Top: 0;
  --pf-c-tree-view--m-guides__list-item--before--Width: var(
    --pf-c-tree-view--m-guides--guide-width--base
  );
  --pf-c-tree-view--m-guides__list-item--before--Height: 100%;
  --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(
    --pf-c-tree-view--m-guides--guide-color--base
  );
  --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(
    --pf-c-tree-view--m-guides__node--before--Top
  );
  --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(
    --pf-c-tree-view--m-guides__list-item--last-child--before--Top
  );
  --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-tree-view--m-guides__node--before--Width: 1rem;
  --pf-c-tree-view--m-guides__node--before--Height: var(
    --pf-c-tree-view--m-guides--guide-width--base
  );
  --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
  --pf-c-tree-view--m-guides__node--before--BackgroundColor: var(
    --pf-c-tree-view--m-guides--guide-color--base
  );
  --pf-c-tree-view--m-compact--base-border--Left--offset: var(
    --pf-global--spacer--md
  );
  --pf-c-tree-view--m-compact--base-border--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact__node--indent--base: var(
    --pf-c-tree-view__node--indent--base
  );
  --pf-c-tree-view--m-compact__node--nested-indent--base: var(
    --pf-global--spacer--lg
  );
  --pf-c-tree-view--m-compact--border--Left: var(
    --pf-c-tree-view--m-compact--base-border--Left
  );
  --pf-c-tree-view--m-compact__node--PaddingTop: 0;
  --pf-c-tree-view--m-compact__node--PaddingBottom: 0;
  --pf-c-tree-view--m-compact__node--nested--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-tree-view--m-compact__node--nested--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(
    var(--pf-c-tree-view--m-compact__node-container--PaddingTop)
  );
  --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-tree-view--m-compact__list-item--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-tree-view--m-compact__list-item--before--Top: 0;
  --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(
    --pf-c-tree-view--m-compact__node--before--Top
  );
  --pf-c-tree-view--m-compact__list-item--nested--before--Top: calc(
    var(--pf-c-tree-view__node--PaddingTop--base) * -1
  );
  --pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(
    var(--pf-c-tree-view--m-compact__node--before--Top) +
      var(--pf-c-tree-view__node--PaddingTop--base)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: var(
    --pf-c-tree-view--m-compact__node--indent--base
  );
  --pf-c-tree-view--m-compact__node--before--Top: calc(
    var(--pf-c-tree-view--m-compact__node-container--PaddingTop) +
      var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem
  );
  --pf-c-tree-view--m-compact__node--level-2--PaddingLeft: var(
    --pf-c-tree-view--m-compact__node--indent--base
  );
  --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(
    var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -0.5
  );
  --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(
    var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -1.5
  );
  --pf-c-tree-view--m-compact__node-container--Display: flex;
  --pf-c-tree-view--m-compact__node-container--PaddingBottom--base: var(
    --pf-global--spacer--lg
  );
  --pf-c-tree-view--m-compact__node-container--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-tree-view--m-compact__node-container--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(
    --pf-c-tree-view--m-compact__node-container--PaddingBottom--base
  );
  --pf-c-tree-view--m-compact__node-container--PaddingLeft: var(
    --pf-global--spacer--xs
  );
  --pf-c-tree-view--m-compact__node-container--nested--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-tree-view--m-compact__node-container--nested--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
  --pf-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
  --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(
    --pf-global--spacer--sm
  );
  --pf-c-tree-view--m-compact--m-no-background--base-border--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
  --pf-c-tree-view--m-compact--m-no-background__node--indent--base: var(
    --pf-c-tree-view__node--indent--base
  );
  --pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(
    --pf-global--spacer--2xl
  );
  --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
  --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
  --pf-c-tree-view--m-compact--m-no-background__node--before--Top: calc(
    var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) +
      var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem
  );
  padding-top: var(--pf-c-tree-view--PaddingTop);
  padding-bottom: var(--pf-c-tree-view--PaddingBottom);
}
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item,
.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item {
  position: relative;
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:before,
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__node:before,
.pf-c-tree-view.pf-m-guides
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:before,
.pf-c-tree-view.pf-m-guides
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__node:before {
  position: absolute;
  left: var(--pf-c-tree-view--m-guides--guide--Left);
  content: "";
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:before,
.pf-c-tree-view.pf-m-guides
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:before {
  top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
  z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
  width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
  height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
  background-color: var(
    --pf-c-tree-view--m-guides__list-item--before--BackgroundColor
  );
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__node:before,
.pf-c-tree-view.pf-m-guides
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__node:before {
  top: var(--pf-c-tree-view--m-guides__node--before--Top);
  width: var(--pf-c-tree-view--m-guides__node--before--Width);
  height: var(--pf-c-tree-view--m-guides__node--before--Height);
  background-color: var(
    --pf-c-tree-view--m-guides__node--before--BackgroundColor
  );
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:last-child:before,
.pf-c-tree-view.pf-m-guides
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:last-child:before {
  height: var(
    --pf-c-tree-view--m-guides__list-item--last-child--before--Height
  );
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item,
.pf-c-tree-view.pf-m-guides
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view--m-guides--guide--Left: var(
    --pf-c-tree-view--m-guides--border--nested--Left
  );
}
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:last-child,
.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item:last-child {
  --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
}
.pf-c-tree-view.pf-m-compact {
  --pf-c-tree-view__node--PaddingTop: var(
    --pf-c-tree-view--m-compact__node--PaddingTop
  );
  --pf-c-tree-view__node--PaddingBottom: var(
    --pf-c-tree-view--m-compact__node--PaddingBottom
  );
  --pf-c-tree-view__node-container--Display: var(
    --pf-c-tree-view--m-compact__node-container--Display
  );
  --pf-c-tree-view__node--hover--BackgroundColor: transparent;
  --pf-c-tree-view__node--focus--BackgroundColor: transparent;
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(
    --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top
  );
}
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item {
  border-bottom: var(--pf-c-tree-view--m-compact__list-item--BorderBottomWidth)
    solid var(--pf-c-tree-view--m-compact__list-item--BorderBottomColor);
}
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item.pf-m-expanded {
  --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(
    --pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom
  );
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__node--PaddingTop: var(
    --pf-c-tree-view--m-compact__node--nested--PaddingTop
  );
  --pf-c-tree-view__node--PaddingBottom: var(
    --pf-c-tree-view--m-compact__node--nested--PaddingBottom
  );
  --pf-c-tree-view__node-toggle--Position: static;
  --pf-c-tree-view__node--PaddingLeft: var(
    --pf-c-tree-view--m-compact__node--level-2--PaddingLeft
  );
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
  --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
  --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(
    --pf-c-tree-view--m-compact__node-container--PaddingBottom--base
  );
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:before,
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__node:before {
  left: var(--pf-c-tree-view--m-compact--border--Left);
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:before {
  top: var(--pf-c-tree-view--m-compact__list-item--before--Top);
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__node:before {
  top: var(--pf-c-tree-view--m-compact__node--before--Top);
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item:last-child:before {
  height: var(
    --pf-c-tree-view--m-compact__list-item--last-child--before--Height
  );
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__node--PaddingLeft: var(
    --pf-c-tree-view--m-compact__node--PaddingLeft
  );
  --pf-c-tree-view--m-compact--border--Left: var(
    --pf-c-tree-view--m-compact--border--nested--Left
  );
  --pf-c-tree-view--m-compact__list-item--before--Top: var(
    --pf-c-tree-view--m-compact__list-item--nested--before--Top
  );
  --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(
    --pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height
  );
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__node-container {
  padding: var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop)
    var(--pf-c-tree-view--m-compact__node-container--nested--PaddingRight)
    var(--pf-c-tree-view--m-compact__node-container--nested--PaddingBottom)
    var(--pf-c-tree-view--m-compact__node-container--nested--PaddingLeft);
  background-color: var(
    --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor
  );
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__node-toggle {
  margin-right: var(
    --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight
  );
  margin-left: var(
    --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft
  );
}
.pf-c-tree-view.pf-m-compact .pf-c-tree-view__node-container {
  padding: var(--pf-c-tree-view--m-compact__node-container--PaddingTop)
    var(--pf-c-tree-view--m-compact__node-container--PaddingRight)
    var(--pf-c-tree-view--m-compact__node-container--PaddingBottom)
    var(--pf-c-tree-view--m-compact__node-container--PaddingLeft);
}
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item:not([aria-expanded])
  > .pf-c-tree-view__content
  > .pf-c-tree-view__node,
.pf-c-tree-view.pf-m-compact
  .pf-c-tree-view__list-item:not([aria-expanded])
  > .pf-c-tree-view__content
  > .pf-c-tree-view__node
  > .pf-c-tree-view__node-container {
  cursor: default;
}
.pf-c-tree-view.pf-m-compact.pf-m-no-background {
  --pf-c-tree-view--m-compact__node--before--Top: var(
    --pf-c-tree-view--m-compact--m-no-background__node--before--Top
  );
}
.pf-c-tree-view.pf-m-compact.pf-m-no-background
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__node--PaddingTop: var(
    --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop
  );
  --pf-c-tree-view__node--PaddingBottom: var(
    --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom
  );
}
.pf-c-tree-view.pf-m-compact.pf-m-no-background
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view--m-compact--border--Left: var(
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left
  );
  --pf-c-tree-view__node--PaddingLeft: var(
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
  );
}
.pf-c-tree-view.pf-m-no-background {
  --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(
    --pf-c-tree-view--m-no-background__node-container--BackgroundColor
  );
}
.pf-c-tree-view__node-toggle-icon {
  display: inline-block;
  min-width: var(--pf-c-tree-view__node-toggle-icon--MinWidth);
  text-align: center;
  transition: var(--pf-c-tree-view__node-toggle-icon--Transition);
  transform: rotate(var(--pf-c-tree-view__node-toggle-icon--Rotate));
}
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
  --pf-c-tree-view__node-toggle-icon--Rotate: var(
    --pf-c-tree-view__node-toggle-icon--base--Rotate
  );
  --pf-c-tree-view__node-toggle--Color: var(
    --pf-c-tree-view__node-toggle--Color--base
  );
}
.pf-c-tree-view__list-item.pf-m-expanded {
  --pf-c-tree-view__node-toggle--Color: var(
    --pf-c-tree-view__list-item--m-expanded__node-toggle--Color
  );
  --pf-c-tree-view__node-toggle-icon--Rotate: var(
    --pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate
  );
}
.pf-c-tree-view__node,
.pf-c-tree-view__node-container {
  flex: 1 1;
  align-items: flex-start;
  min-width: 0;
  text-align: left;
  cursor: pointer;
  border: 0;
}
.pf-c-tree-view__node {
  position: relative;
  display: flex;
  padding: var(--pf-c-tree-view__node--PaddingTop)
    var(--pf-c-tree-view__node--PaddingRight)
    var(--pf-c-tree-view__node--PaddingBottom)
    var(--pf-c-tree-view__node--PaddingLeft);
  color: var(--pf-c-tree-view__node--Color);
}
.pf-c-tree-view__node.pf-m-current {
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
}
.pf-c-tree-view__node:focus {
  background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
}
.pf-c-tree-view__node .pf-c-tree-view__node-count {
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
}
.pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
  --pf-c-badge--m-read--BackgroundColor: var(
    --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor
  );
}
.pf-c-tree-view__node:not(.pf-m-selectable):hover,
.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:hover {
  --pf-c-tree-view__node-toggle--Color: var(
    --pf-c-tree-view__node-toggle--hover--Color
  );
}
.pf-c-tree-view__node:not(.pf-m-selectable):focus,
.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus {
  --pf-c-tree-view__node-toggle--Color: var(
    --pf-c-tree-view__node-toggle--focus--Color
  );
}
.pf-c-tree-view__node:not(.pf-m-selectable):active,
.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active {
  --pf-c-tree-view__node-toggle--Color: var(
    --pf-c-tree-view__node-toggle--active--Color
  );
}
.pf-c-tree-view__node-container {
  display: var(--pf-c-tree-view__node-container--Display);
  flex-grow: 1;
}
.pf-c-tree-view__node-content {
  display: flex;
  flex-direction: column;
  overflow: var(--pf-c-tree-view__node-content--Overflow);
}
.pf-c-tree-view__node-content > * + * {
  margin-top: var(--pf-c-tree-view__node-content--RowGap);
}
.pf-c-tree-view__node-check {
  margin-right: var(--pf-c-tree-view__node-check--MarginRight);
}
.pf-c-tree-view__node-toggle {
  position: var(--pf-c-tree-view__node-toggle--Position);
  top: var(--pf-c-tree-view__list-item__list-item__node-toggle--Top);
  left: var(--pf-c-tree-view__list-item__list-item__node-toggle--Left);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop)
    var(--pf-c-tree-view__node-toggle-button--PaddingRight)
    var(--pf-c-tree-view__node-toggle-button--PaddingBottom)
    var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
  color: var(--pf-c-tree-view__node-toggle--Color);
  border: 0;
  transform: translate(
    var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX)
  );
}
.pf-c-tree-view__node-title.pf-m-truncate,
.pf-c-tree-view__node-text.pf-m-truncate,
.pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-title,
.pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-text {
  --pf-c-tree-view__node-content--Overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pf-c-tree-view__node-text {
  font-weight: inherit;
  color: inherit;
  text-align: left;
  border: 0;
}
label.pf-c-tree-view__node-text {
  cursor: pointer;
}
.pf-c-tree-view__node-title {
  font-weight: var(--pf-c-tree-view__node-title--FontWeight);
}
.pf-c-tree-view__search {
  padding: var(--pf-c-tree-view__search--PaddingTop)
    var(--pf-c-tree-view__search--PaddingRight)
    var(--pf-c-tree-view__search--PaddingBottom)
    var(--pf-c-tree-view__search--PaddingLeft);
}
.pf-c-tree-view__node-icon {
  padding-right: var(--pf-c-tree-view__node-icon--PaddingRight);
  color: var(--pf-c-tree-view__node-icon--Color);
}
.pf-c-tree-view__content {
  display: flex;
  align-items: center;
}
.pf-c-tree-view__content:hover,
.pf-c-tree-view__content:focus-within {
  background-color: var(--pf-c-tree-view__node--hover--BackgroundColor);
}
.pf-c-tree-view__action {
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
  color: var(--pf-c-tree-view__action--Color);
  border: 0;
}
.pf-c-tree-view__action:hover {
  --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
}
.pf-c-tree-view__action:focus {
  --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
  background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
}
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 1 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 2 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 1 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      1 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 3 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 2 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      2 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 4 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 3 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      3 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 5 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 4 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      4 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 6 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 5 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      5 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 7 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 6 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      6 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 8 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 7 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      7 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 9 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 8 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      8 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
.pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item
  .pf-c-tree-view__list-item {
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(
    --pf-c-tree-view__node--PaddingLeft
  );
  --pf-c-tree-view__node--PaddingLeft: calc(
    var(--pf-c-tree-view__node--nested-indent--base) * 10 +
      var(--pf-c-tree-view__node--indent--base)
  );
  --pf-c-tree-view--m-guides--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-guides--guide-left--base--offset)
  );
  --pf-c-tree-view--m-compact__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 9 +
      var(--pf-c-tree-view--m-compact__node--indent--base)
  );
  --pf-c-tree-view--m-compact--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(--pf-c-tree-view--m-compact--base-border--Left--offset)
  );
  --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(
    var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) *
      9 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)
  );
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(
    var(--pf-c-tree-view__node--PaddingLeft) -
      var(
        --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
      )
  );
}
:where(.pf-theme-dark) .pf-c-tree-view {
  --pf-c-tree-view__node--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-tree-view__node--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
}
.keycloak_groups_treeview .pf-c-tree-view__node {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.keycloak-admin--groups__member-count {
  display: flex;
  align-items: center;
}
.keycloak-admin--groups__member-count svg {
  color: var(--pf-global--Color--200);
  font-size: var(--pf-global--FontSize--md);
  margin-right: var(--pf-global--spacer--sm);
}
.keycloak__identity-providers__saml_link > .pf-c-form__group-control {
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
}
.keycloak__discovery-settings__metadata .pf-c-expandable-section__toggle {
  margin-left: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth);
}
input#kc-role {
  width: 300px;
  margin-right: 24px;
}
h1.kc-add-mapper-title {
  margin-left: calc(-1 * var(--pf-global--spacer--md));
}
.pf-c-expandable-section {
  --pf-c-expandable-section__toggle--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-expandable-section__toggle--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-expandable-section__toggle--PaddingLeft: 0;
  --pf-c-expandable-section__toggle--MarginTop: 0;
  --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
  --pf-c-expandable-section__toggle--hover--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-expandable-section__toggle--active--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-expandable-section__toggle--focus--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-expandable-section__toggle--m-expanded--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
  --pf-c-expandable-section__toggle-icon--Transition: 0.2s ease-in 0s;
  --pf-c-expandable-section__toggle-icon--Rotate: 0;
  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
  --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
  --pf-c-expandable-section__toggle-text--MarginLeft: calc(
    var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm)
  );
  --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
  --pf-c-expandable-section__content--MaxWidth: auto;
  --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
  --pf-c-expandable-section--m-display-lg--BoxShadow: var(
    --pf-global--BoxShadow--md
  );
  --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
  --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
  --pf-c-expandable-section--m-display-lg--after--Width: var(
    --pf-global--BorderWidth--lg
  );
  --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(
    var(--pf-c-expandable-section__toggle-text--MarginLeft) +
      var(--pf-c-expandable-section__toggle-icon--MinWidth)
  );
  --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
  --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(
    --pf-global--spacer--xs
  );
}
.pf-c-expandable-section.pf-m-expanded {
  --pf-c-expandable-section__toggle--Color: var(
    --pf-c-expandable-section__toggle--m-expanded--Color
  );
  --pf-c-expandable-section__toggle-icon--Rotate: var(
    --pf-c-expandable-section--m-expanded__toggle-icon--Rotate
  );
  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(
    --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate
  );
  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(
    --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor
  );
}
.pf-c-expandable-section.pf-m-detached,
.pf-c-expandable-section.pf-m-truncate {
  --pf-c-expandable-section__content--MarginTop: 0;
}
.pf-c-expandable-section.pf-m-limit-width {
  --pf-c-expandable-section__content--MaxWidth: var(
    --pf-c-expandable-section--m-limit-width__content--MaxWidth
  );
}
.pf-c-expandable-section.pf-m-display-lg {
  --pf-c-expandable-section__toggle--PaddingTop: var(
    --pf-c-expandable-section--m-display-lg__toggle--PaddingTop
  );
  --pf-c-expandable-section__toggle--PaddingRight: var(
    --pf-c-expandable-section--m-display-lg__toggle--PaddingRight
  );
  --pf-c-expandable-section__toggle--PaddingBottom: var(
    --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom
  );
  --pf-c-expandable-section__toggle--PaddingLeft: var(
    --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft
  );
  --pf-c-expandable-section__content--PaddingRight: var(
    --pf-c-expandable-section--m-display-lg__content--PaddingRight
  );
  --pf-c-expandable-section__content--PaddingBottom: var(
    --pf-c-expandable-section--m-display-lg__content--PaddingBottom
  );
  --pf-c-expandable-section__content--PaddingLeft: var(
    --pf-c-expandable-section--m-display-lg__content--PaddingLeft
  );
  --pf-c-expandable-section__content--MarginTop: var(
    --pf-c-expandable-section--m-display-lg__content--MarginTop
  );
  position: relative;
  box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
}
.pf-c-expandable-section.pf-m-display-lg:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--pf-c-expandable-section--m-display-lg--after--Width);
  content: "";
  background-color: var(
    --pf-c-expandable-section--m-display-lg--after--BackgroundColor
  );
}
.pf-c-expandable-section.pf-m-indented {
  --pf-c-expandable-section__content--PaddingLeft: var(
    --pf-c-expandable-section--m-indented__content--PaddingLeft
  );
}
.pf-c-expandable-section.pf-m-truncate {
  --pf-c-expandable-section__toggle--MarginTop: var(
    --pf-c-expandable-section--m-truncate__toggle--MarginTop
  );
  --pf-c-expandable-section__toggle--PaddingTop: 0;
  --pf-c-expandable-section__toggle--PaddingRight: 0;
  --pf-c-expandable-section__toggle--PaddingBottom: 0;
  --pf-c-expandable-section__toggle-text--MarginLeft: 0;
}
.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded)
  .pf-c-expandable-section__content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(
    --pf-c-expandable-section--m-truncate__content--LineClamp
  );
  overflow: hidden;
}
.pf-c-expandable-section.pf-m-detached {
  --pf-c-expandable-section--m-truncate__toggle--MarginTop: 0;
}
.pf-c-expandable-section__toggle {
  display: flex;
  padding: var(--pf-c-expandable-section__toggle--PaddingTop)
    var(--pf-c-expandable-section__toggle--PaddingRight)
    var(--pf-c-expandable-section__toggle--PaddingBottom)
    var(--pf-c-expandable-section__toggle--PaddingLeft);
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
  color: var(--pf-c-expandable-section__toggle--Color);
  border: none;
}
.pf-c-expandable-section__toggle:hover {
  --pf-c-expandable-section__toggle--Color: var(
    --pf-c-expandable-section__toggle--hover--Color
  );
}
.pf-c-expandable-section__toggle:active,
.pf-c-expandable-section__toggle.pf-m-active {
  --pf-c-expandable-section__toggle--Color: var(
    --pf-c-expandable-section__toggle--active--Color
  );
}
.pf-c-expandable-section__toggle:focus {
  --pf-c-expandable-section__toggle--Color: var(
    --pf-c-expandable-section__toggle--focus--Color
  );
}
.pf-c-expandable-section__toggle-icon {
  min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
  color: var(--pf-c-expandable-section__toggle-icon--Color);
  transition: var(--pf-c-expandable-section__toggle-icon--Transition);
  transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
}
.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
  --pf-c-expandable-section__toggle-icon--Rotate: var(
    --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate
  );
}
.pf-c-expandable-section__toggle-text {
  margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
}
.pf-c-expandable-section__content {
  max-width: var(--pf-c-expandable-section__content--MaxWidth);
  padding-right: var(--pf-c-expandable-section__content--PaddingRight);
  padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
  padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
  margin-top: var(--pf-c-expandable-section__content--MarginTop);
}
.pf-m-overpass-font .pf-c-expandable-section__toggle {
  font-weight: var(--pf-global--FontWeight--semi-bold);
}
.pf-c-title {
  --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
  --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-title--m-4xl--FontSize: var(--pf-global--FontSize--4xl);
  --pf-c-title--m-4xl--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-title--m-3xl--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-title--m-3xl--FontSize: var(--pf-global--FontSize--3xl);
  --pf-c-title--m-3xl--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);
  --pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);
  --pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);
  --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);
  --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal);
  font-family: var(--pf-c-title--FontFamily);
  word-break: break-word;
}
.pf-c-title.pf-m-4xl {
  font-size: var(--pf-c-title--m-4xl--FontSize);
  font-weight: var(--pf-c-title--m-4xl--FontWeight);
  line-height: var(--pf-c-title--m-4xl--LineHeight);
}
.pf-c-title.pf-m-3xl {
  font-size: var(--pf-c-title--m-3xl--FontSize);
  font-weight: var(--pf-c-title--m-3xl--FontWeight);
  line-height: var(--pf-c-title--m-3xl--LineHeight);
}
.pf-c-title.pf-m-2xl {
  font-size: var(--pf-c-title--m-2xl--FontSize);
  font-weight: var(--pf-c-title--m-2xl--FontWeight);
  line-height: var(--pf-c-title--m-2xl--LineHeight);
}
.pf-c-title.pf-m-xl {
  font-size: var(--pf-c-title--m-xl--FontSize);
  font-weight: var(--pf-c-title--m-xl--FontWeight);
  line-height: var(--pf-c-title--m-xl--LineHeight);
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-title.pf-m-lg {
  font-size: var(--pf-c-title--m-lg--FontSize);
  font-weight: var(--pf-c-title--m-lg--FontWeight);
  line-height: var(--pf-c-title--m-lg--LineHeight);
}
.pf-c-title.pf-m-md {
  font-size: var(--pf-c-title--m-md--FontSize);
  font-weight: var(--pf-c-title--m-md--FontWeight);
  line-height: var(--pf-c-title--m-md--LineHeight);
}
.pf-m-overpass-font .pf-c-title {
  --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
}
.pf-c-popover {
  --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-popover--MinWidth: calc(
    var(--pf-c-popover__content--PaddingLeft) +
      var(--pf-c-popover__content--PaddingRight) + 18.75rem
  );
  --pf-c-popover--MaxWidth: calc(
    var(--pf-c-popover__content--PaddingLeft) +
      var(--pf-c-popover__content--PaddingRight) + 18.75rem
  );
  --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-popover--m-danger__title-icon--Color: var(
    --pf-global--danger-color--100
  );
  --pf-c-popover--m-warning__title-icon--Color: var(
    --pf-global--warning-color--100
  );
  --pf-c-popover--m-success__title-icon--Color: var(
    --pf-global--success-color--100
  );
  --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
  --pf-c-popover--m-default__title-icon--Color: var(
    --pf-global--default-color--200
  );
  --pf-c-popover--m-danger__title-text--Color: var(
    --pf-global--danger-color--200
  );
  --pf-c-popover--m-warning__title-text--Color: var(
    --pf-global--warning-color--200
  );
  --pf-c-popover--m-success__title-text--Color: var(
    --pf-global--success-color--200
  );
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
  --pf-c-popover--m-default__title-text--Color: var(
    --pf-global--default-color--300
  );
  --pf-c-popover__content--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
  --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
  --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-popover__arrow--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-popover__arrow--m-top--TranslateX: -50%;
  --pf-c-popover__arrow--m-top--TranslateY: 50%;
  --pf-c-popover__arrow--m-top--Rotate: 45deg;
  --pf-c-popover__arrow--m-right--TranslateX: -50%;
  --pf-c-popover__arrow--m-right--TranslateY: -50%;
  --pf-c-popover__arrow--m-right--Rotate: 45deg;
  --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
  --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
  --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
  --pf-c-popover__arrow--m-left--TranslateX: 50%;
  --pf-c-popover__arrow--m-left--TranslateY: -50%;
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-popover--c-button--Top: calc(
    var(--pf-c-popover__content--PaddingTop) -
      var(--pf-global--spacer--form-element)
  );
  --pf-c-popover--c-button--Right: calc(
    var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md)
  );
  --pf-c-popover--c-button--sibling--PaddingRight: var(
    --pf-global--spacer--2xl
  );
  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-popover__title--FontFamily: var(
    --pf-global--FontFamily--heading--sans-serif
  );
  --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
  position: relative;
  min-width: var(--pf-c-popover--MinWidth);
  max-width: var(--pf-c-popover--MaxWidth);
  font-size: var(--pf-c-popover--FontSize);
  box-shadow: var(--pf-c-popover--BoxShadow);
}
.pf-c-popover.pf-m-no-padding {
  --pf-c-popover__content--PaddingTop: 0px;
  --pf-c-popover__content--PaddingRight: 0px;
  --pf-c-popover__content--PaddingBottom: 0px;
  --pf-c-popover__content--PaddingLeft: 0px;
}
.pf-c-popover.pf-m-width-auto {
  --pf-c-popover--MinWidth: auto;
  --pf-c-popover--MaxWidth: none;
}
.pf-c-popover.pf-m-top .pf-c-popover__arrow,
.pf-c-popover.pf-m-top-left .pf-c-popover__arrow,
.pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
  bottom: 0;
  left: 50%;
  transform: translate(var(--pf-c-popover__arrow--m-top--TranslateX))
    translateY(var(--pf-c-popover__arrow--m-top--TranslateY))
    rotate(var(--pf-c-popover__arrow--m-top--Rotate));
}
.pf-c-popover.pf-m-bottom .pf-c-popover__arrow,
.pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow,
.pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
  top: 0;
  left: 50%;
  transform: translate(var(--pf-c-popover__arrow--m-bottom--TranslateX))
    translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY))
    rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
}
.pf-c-popover.pf-m-left .pf-c-popover__arrow,
.pf-c-popover.pf-m-left-top .pf-c-popover__arrow,
.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
  top: 50%;
  right: 0;
  transform: translate(var(--pf-c-popover__arrow--m-left--TranslateX))
    translateY(var(--pf-c-popover__arrow--m-left--TranslateY))
    rotate(var(--pf-c-popover__arrow--m-left--Rotate));
}
.pf-c-popover.pf-m-right .pf-c-popover__arrow,
.pf-c-popover.pf-m-right-top .pf-c-popover__arrow,
.pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
  top: 50%;
  left: 0;
  transform: translate(var(--pf-c-popover__arrow--m-right--TranslateX))
    translateY(var(--pf-c-popover__arrow--m-right--TranslateY))
    rotate(var(--pf-c-popover__arrow--m-right--Rotate));
}
.pf-c-popover.pf-m-left-top .pf-c-popover__arrow,
.pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
  top: var(--pf-c-popover__arrow--Height);
}
.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow,
.pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
  top: auto;
  bottom: 0;
}
.pf-c-popover.pf-m-top-left .pf-c-popover__arrow,
.pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
  left: var(--pf-c-popover__arrow--Width);
}
.pf-c-popover.pf-m-top-right .pf-c-popover__arrow,
.pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
  right: 0;
  left: auto;
}
.pf-c-popover.pf-m-danger {
  --pf-c-popover__title-icon--Color: var(
    --pf-c-popover--m-danger__title-icon--Color
  );
  --pf-c-popover__title-text--Color: var(
    --pf-c-popover--m-danger__title-text--Color
  );
}
.pf-c-popover.pf-m-warning {
  --pf-c-popover__title-icon--Color: var(
    --pf-c-popover--m-warning__title-icon--Color
  );
  --pf-c-popover__title-text--Color: var(
    --pf-c-popover--m-warning__title-text--Color
  );
}
.pf-c-popover.pf-m-success {
  --pf-c-popover__title-icon--Color: var(
    --pf-c-popover--m-success__title-icon--Color
  );
  --pf-c-popover__title-text--Color: var(
    --pf-c-popover--m-success__title-text--Color
  );
}
.pf-c-popover.pf-m-default {
  --pf-c-popover__title-icon--Color: var(
    --pf-c-popover--m-default__title-icon--Color
  );
  --pf-c-popover__title-text--Color: var(
    --pf-c-popover--m-default__title-text--Color
  );
}
.pf-c-popover.pf-m-info {
  --pf-c-popover__title-icon--Color: var(
    --pf-c-popover--m-info__title-icon--Color
  );
  --pf-c-popover__title-text--Color: var(
    --pf-c-popover--m-info__title-text--Color
  );
}
.pf-c-popover__content {
  position: relative;
  padding: var(--pf-c-popover__content--PaddingTop)
    var(--pf-c-popover__content--PaddingRight)
    var(--pf-c-popover__content--PaddingBottom)
    var(--pf-c-popover__content--PaddingLeft);
  background-color: var(--pf-c-popover__content--BackgroundColor);
}
.pf-c-popover__content > .pf-c-title {
  margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
}
.pf-c-popover__content > .pf-c-button {
  position: absolute;
  top: var(--pf-c-popover--c-button--Top);
  right: var(--pf-c-popover--c-button--Right);
}
.pf-c-popover__content > .pf-c-button + * {
  padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
}
.pf-c-popover__arrow {
  position: absolute;
  width: var(--pf-c-popover__arrow--Width);
  height: var(--pf-c-popover__arrow--Height);
  pointer-events: none;
  background-color: var(--pf-c-popover__arrow--BackgroundColor);
  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
}
.pf-c-popover__title {
  flex: 0 0 auto;
  margin-bottom: var(--pf-c-popover__title--MarginBottom);
  font-family: var(--pf-c-popover__title--FontFamily);
  font-size: var(--pf-c-popover__title--FontSize);
  line-height: var(--pf-c-popover__title--LineHeight);
}
.pf-c-popover__title.pf-m-icon {
  display: flex;
}
.pf-c-popover__title-icon {
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
  color: var(--pf-c-popover__title-icon--Color);
}
.pf-c-popover__title-text {
  color: var(--pf-c-popover__title-text--Color, inherit);
}
.pf-c-popover__body {
  word-wrap: break-word;
}
.pf-c-popover__footer {
  margin-top: var(--pf-c-popover__footer--MarginTop);
}
:where(.pf-theme-dark) .pf-c-popover {
  --pf-c-popover--BoxShadow: none;
  --pf-c-popover__arrow--BoxShadow: none;
  --pf-c-popover__arrow--BackgroundColor: var(
    --pf-c-popover__content--BackgroundColor
  );
  --pf-c-popover--m-default__title-text--Color: var(
    --pf-global--default-color--200
  );
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
  --pf-c-popover--m-success__title-text--Color: var(
    --pf-global--success-color--100
  );
}
:where(.pf-theme-dark) .pf-c-popover,
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
  border: 4px solid var(--pf-global--BorderColor--400);
}
.pf-c-toolbar__content-section,
.pf-c-toolbar__content,
.pf-c-toolbar__item,
.pf-c-toolbar__group {
  --pf-hidden-visible--visible--Visibility: visible;
  --pf-hidden-visible--hidden--Display: none;
  --pf-hidden-visible--hidden--Visibility: hidden;
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
  --pf-hidden-visible--Visibility: var(
    --pf-hidden-visible--visible--Visibility
  );
  display: var(--pf-hidden-visible--Display);
  visibility: var(--pf-hidden-visible--Visibility);
}
.pf-m-hidden.pf-c-toolbar__content-section,
.pf-m-hidden.pf-c-toolbar__content,
.pf-m-hidden.pf-c-toolbar__item,
.pf-m-hidden.pf-c-toolbar__group {
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
}
@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-c-toolbar__content-section,
  .pf-m-hidden-on-sm.pf-c-toolbar__content,
  .pf-m-hidden-on-sm.pf-c-toolbar__item,
  .pf-m-hidden-on-sm.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-sm.pf-c-toolbar__content-section,
  .pf-m-visible-on-sm.pf-c-toolbar__content,
  .pf-m-visible-on-sm.pf-c-toolbar__item,
  .pf-m-visible-on-sm.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-c-toolbar__content-section,
  .pf-m-hidden-on-md.pf-c-toolbar__content,
  .pf-m-hidden-on-md.pf-c-toolbar__item,
  .pf-m-hidden-on-md.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-md.pf-c-toolbar__content-section,
  .pf-m-visible-on-md.pf-c-toolbar__content,
  .pf-m-visible-on-md.pf-c-toolbar__item,
  .pf-m-visible-on-md.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-c-toolbar__content-section,
  .pf-m-hidden-on-lg.pf-c-toolbar__content,
  .pf-m-hidden-on-lg.pf-c-toolbar__item,
  .pf-m-hidden-on-lg.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-lg.pf-c-toolbar__content-section,
  .pf-m-visible-on-lg.pf-c-toolbar__content,
  .pf-m-visible-on-lg.pf-c-toolbar__item,
  .pf-m-visible-on-lg.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-c-toolbar__content-section,
  .pf-m-hidden-on-xl.pf-c-toolbar__content,
  .pf-m-hidden-on-xl.pf-c-toolbar__item,
  .pf-m-hidden-on-xl.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-xl.pf-c-toolbar__content-section,
  .pf-m-visible-on-xl.pf-c-toolbar__content,
  .pf-m-visible-on-xl.pf-c-toolbar__item,
  .pf-m-visible-on-xl.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-c-toolbar__content-section,
  .pf-m-hidden-on-2xl.pf-c-toolbar__content,
  .pf-m-hidden-on-2xl.pf-c-toolbar__item,
  .pf-m-hidden-on-2xl.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-2xl.pf-c-toolbar__content-section,
  .pf-m-visible-on-2xl.pf-c-toolbar__content,
  .pf-m-visible-on-2xl.pf-c-toolbar__item,
  .pf-m-visible-on-2xl.pf-c-toolbar__group {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
.pf-c-toolbar {
  --pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-toolbar--RowGap: var(--pf-global--spacer--lg);
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-toolbar__item--Display: block;
  --pf-c-toolbar__item--MinWidth--base: auto;
  --pf-c-toolbar__group--Display: flex;
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-toolbar__content--Display: flex;
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-toolbar__content-section--Display: flex;
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
  --pf-c-toolbar__expandable-content--Display: grid;
  --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-toolbar--RowGap);
  --pf-c-toolbar__expandable-content--PaddingRight: var(
    --pf-c-toolbar__content--PaddingRight
  );
  --pf-c-toolbar__expandable-content--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-toolbar__expandable-content--PaddingLeft: var(
    --pf-c-toolbar__content--PaddingLeft
  );
  --pf-c-toolbar__expandable-content--lg--PaddingRight: 0;
  --pf-c-toolbar__expandable-content--lg--PaddingBottom: 0;
  --pf-c-toolbar__expandable-content--lg--PaddingLeft: 0;
  --pf-c-toolbar__expandable-content--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-toolbar__expandable-content--BoxShadow: var(
    --pf-global--BoxShadow--md-bottom
  );
  --pf-c-toolbar__expandable-content--BackgroundColor: var(
    --pf-c-toolbar--BackgroundColor
  );
  --pf-c-toolbar__expandable-content--m-expanded--GridRowGap: var(
    --pf-global--gutter--md
  );
  --pf-c-toolbar__group--m-chip-container--MarginTop: calc(
    var(--pf-global--spacer--md) * -1
  );
  --pf-c-toolbar__group--m-chip-container__item--MarginTop: var(
    --pf-global--spacer--md
  );
  --pf-c-toolbar--spacer--base: var(--pf-global--spacer--md);
  --pf-c-toolbar__item--spacer: var(--pf-c-toolbar--spacer--base);
  --pf-c-toolbar__group--spacer: var(--pf-c-toolbar--spacer--base);
  --pf-c-toolbar__item--Width: auto;
  --pf-c-toolbar__group--m-toggle-group--spacer: var(--pf-global--spacer--sm);
  --pf-c-toolbar__group--m-toggle-group--m-show--spacer: var(
    --pf-c-toolbar__group--spacer
  );
  --pf-c-toolbar__group--m-icon-button-group--spacer: var(
    --pf-c-toolbar__group--spacer
  );
  --pf-c-toolbar__group--m-icon-button-group--space-items: 0;
  --pf-c-toolbar__group--m-button-group--spacer: var(
    --pf-c-toolbar__group--spacer
  );
  --pf-c-toolbar__group--m-button-group--space-items: var(
    --pf-global--spacer--sm
  );
  --pf-c-toolbar__group--m-filter-group--spacer: var(
    --pf-c-toolbar__group--spacer
  );
  --pf-c-toolbar__group--m-filter-group--space-items: 0;
  --pf-c-toolbar__item--m-overflow-menu--spacer: var(
    --pf-c-toolbar__item--spacer
  );
  --pf-c-toolbar__item--m-bulk-select--spacer: var(--pf-global--spacer--lg);
  --pf-c-toolbar__expand-all-icon--Rotate: 0;
  --pf-c-toolbar__expand-all-icon--Transition: var(--pf-global--Transition);
  --pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
  --pf-c-toolbar__item--m-search-filter--spacer: var(--pf-global--spacer--sm);
  --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
  --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
  --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(
    -1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm)
  );
  --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(
    --pf-global--FontSize--sm
  );
  --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(
    --pf-global--Color--100
  );
  --pf-c-toolbar--c-divider--m-vertical--spacer: var(
    --pf-c-toolbar--spacer--base
  );
  --pf-c-toolbar--m-full-height--PaddingTop: 0;
  --pf-c-toolbar--m-full-height--PaddingBottom: 0;
  --pf-c-toolbar--m-full-height__item--Display: flex;
  --pf-c-toolbar--m-full-height__item--AlignItems: center;
  position: relative;
  row-gap: var(--pf-c-toolbar--RowGap);
  display: grid;
  padding-top: var(--pf-c-toolbar--PaddingTop);
  padding-bottom: var(--pf-c-toolbar--PaddingBottom);
  background-color: var(--pf-c-toolbar--BackgroundColor);
}
@media screen and (min-width: 992px) {
  .pf-c-toolbar {
    --pf-c-toolbar__expandable-content--PaddingRight: var(
      --pf-c-toolbar__expandable-content--lg--PaddingRight
    );
    --pf-c-toolbar__expandable-content--PaddingBottom: var(
      --pf-c-toolbar__expandable-content--lg--PaddingBottom
    );
    --pf-c-toolbar__expandable-content--PaddingLeft: var(
      --pf-c-toolbar__expandable-content--lg--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-toolbar {
    --pf-c-toolbar--m-page-insets--inset: var(
      --pf-c-toolbar--m-page-insets--xl--inset
    );
  }
}
.pf-c-toolbar.pf-m-page-insets {
  --pf-c-toolbar__content--PaddingRight: var(
    --pf-c-toolbar--m-page-insets--inset
  );
  --pf-c-toolbar__content--PaddingLeft: var(
    --pf-c-toolbar--m-page-insets--inset
  );
}
.pf-c-toolbar.pf-m-sticky {
  position: sticky;
  top: 0;
  z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
  box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
}
.pf-c-toolbar.pf-m-full-height {
  --pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);
  --pf-c-toolbar--PaddingBottom: var(--pf-c-toolbar--m-full-height--PaddingTop);
  --pf-c-toolbar__item--Display: var(
    --pf-c-toolbar--m-full-height__item--Display
  );
  height: 100%;
}
.pf-c-toolbar.pf-m-full-height,
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__expandable-content,
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group {
  min-width: 0;
}
.pf-c-toolbar.pf-m-full-height,
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group,
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
  align-self: stretch;
}
.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
  align-items: var(--pf-c-toolbar--m-full-height__item--AlignItems);
}
.pf-c-toolbar.pf-m-static,
.pf-c-toolbar.pf-m-static .pf-c-toolbar__content {
  position: static;
}
.pf-c-toolbar.pf-m-static .pf-c-toolbar__expandable-content {
  position: absolute;
}
.pf-c-toolbar__content-section > .pf-c-divider,
.pf-c-toolbar__group > .pf-c-divider {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar--c-divider--m-vertical--spacer);
}
.pf-c-toolbar__content-section > .pf-c-divider.pf-m-vertical,
.pf-c-toolbar__group > .pf-c-divider.pf-m-vertical {
  margin-right: var(--pf-c-toolbar--spacer);
}
.pf-c-toolbar__content-section > .pf-c-divider.pf-m-vertical:last-child,
.pf-c-toolbar__group > .pf-c-divider.pf-m-vertical:last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar__group {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
  align-items: center;
  margin-right: var(--pf-c-toolbar--spacer);
}
.pf-c-toolbar__group.pf-m-button-group {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
}
.pf-c-toolbar__group.pf-m-button-group > * {
  --pf-c-toolbar--spacer: var(
    --pf-c-toolbar__group--m-button-group--space-items
  );
}
.pf-c-toolbar__group.pf-m-icon-button-group {
  --pf-c-toolbar--spacer: var(
    --pf-c-toolbar__group--m-icon-button-group--spacer
  );
}
.pf-c-toolbar__group.pf-m-icon-button-group > * {
  --pf-c-toolbar--spacer: var(
    --pf-c-toolbar__group--m-icon-button-group--space-items
  );
}
.pf-c-toolbar__group.pf-m-filter-group {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-filter-group--spacer);
}
.pf-c-toolbar__group.pf-m-filter-group > * {
  --pf-c-toolbar--spacer: var(
    --pf-c-toolbar__group--m-filter-group--space-items
  );
}
.pf-c-toolbar__group.pf-m-filter-group > * + * {
  margin-left: -1px;
}
.pf-c-toolbar__group.pf-m-toggle-group {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--spacer);
}
.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__group,
.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__item {
  display: none;
  visibility: hidden;
}
.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__toggle {
  display: inline-block;
  visibility: visible;
}
.pf-c-toolbar__group:last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar__item {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--spacer);
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
  width: var(--pf-c-toolbar__item--Width--base);
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
  margin-right: var(--pf-c-toolbar--spacer);
}
@media (min-width: 576px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--Width--base: var(
      --pf-c-toolbar__item--Width-on-sm,
      var(--pf-c-toolbar__item--Width)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--Width--base: var(
      --pf-c-toolbar__item--Width-on-md,
      var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))
    );
  }
}
@media (min-width: 992px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--Width--base: var(
      --pf-c-toolbar__item--Width-on-lg,
      var(
        --pf-c-toolbar__item--Width-on-md,
        var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--Width--base: var(
      --pf-c-toolbar__item--Width-on-xl,
      var(
        --pf-c-toolbar__item--Width-on-lg,
        var(
          --pf-c-toolbar__item--Width-on-md,
          var(
            --pf-c-toolbar__item--Width-on-sm,
            var(--pf-c-toolbar__item--Width)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--Width--base: var(
      --pf-c-toolbar__item--Width-on-2xl,
      var(
        --pf-c-toolbar__item--Width-on-xl,
        var(
          --pf-c-toolbar__item--Width-on-lg,
          var(
            --pf-c-toolbar__item--Width-on-md,
            var(
              --pf-c-toolbar__item--Width-on-sm,
              var(--pf-c-toolbar__item--Width)
            )
          )
        )
      )
    );
  }
}
@media (min-width: 576px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--MinWidth--base: var(
      --pf-c-toolbar__item--MinWidth-on-sm,
      var(--pf-c-toolbar__item--MinWidth)
    );
  }
}
@media (min-width: 768px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--MinWidth--base: var(
      --pf-c-toolbar__item--MinWidth-on-md,
      var(
        --pf-c-toolbar__item--MinWidth-on-sm,
        var(--pf-c-toolbar__item--MinWidth)
      )
    );
  }
}
@media (min-width: 992px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--MinWidth--base: var(
      --pf-c-toolbar__item--MinWidth-on-lg,
      var(
        --pf-c-toolbar__item--MinWidth-on-md,
        var(
          --pf-c-toolbar__item--MinWidth-on-sm,
          var(--pf-c-toolbar__item--MinWidth)
        )
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--MinWidth--base: var(
      --pf-c-toolbar__item--MinWidth-on-xl,
      var(
        --pf-c-toolbar__item--MinWidth-on-lg,
        var(
          --pf-c-toolbar__item--MinWidth-on-md,
          var(
            --pf-c-toolbar__item--MinWidth-on-sm,
            var(--pf-c-toolbar__item--MinWidth)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-c-toolbar__item {
    --pf-c-toolbar__item--MinWidth--base: var(
      --pf-c-toolbar__item--MinWidth-on-2xl,
      var(
        --pf-c-toolbar__item--MinWidth-on-xl,
        var(
          --pf-c-toolbar__item--MinWidth-on-lg,
          var(
            --pf-c-toolbar__item--MinWidth-on-md,
            var(
              --pf-c-toolbar__item--MinWidth-on-sm,
              var(--pf-c-toolbar__item--MinWidth)
            )
          )
        )
      )
    );
  }
}
.pf-c-toolbar__item.pf-m-overflow-menu {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
}
.pf-c-toolbar__item.pf-m-bulk-select {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-bulk-select--spacer);
}
.pf-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
  --pf-c-toolbar__expand-all-icon--Rotate: var(
    --pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate
  );
}
.pf-c-toolbar__item.pf-m-search-filter {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-search-filter--spacer);
}
.pf-c-toolbar__item.pf-m-chip-group {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-chip-group--spacer);
}
.pf-c-toolbar__item.pf-m-label {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-label--spacer);
  font-weight: var(--pf-c-toolbar__item--m-label--FontWeight);
}
.pf-c-toolbar__item.pf-m-pagination {
  margin-left: auto;
}
.pf-c-toolbar__item.pf-m-pagination .pf-c-pagination {
  flex-wrap: nowrap;
}
.pf-c-toolbar__item:last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar__group.pf-m-overflow-container,
.pf-c-toolbar__item.pf-m-overflow-container {
  flex: 1;
  overflow: hidden;
}
.pf-c-toolbar__expand-all-icon {
  display: inline-block;
  transition: var(--pf-c-toolbar__expand-all-icon--Transition);
  transform: rotate(var(--pf-c-toolbar__expand-all-icon--Rotate));
}
.pf-c-toolbar__content,
.pf-c-toolbar__content-section {
  flex-wrap: wrap;
  align-items: center;
}
.pf-c-toolbar__content {
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
  position: relative;
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
}
.pf-c-toolbar__content-section {
  --pf-hidden-visible--visible--Display: var(
    --pf-c-toolbar__content-section--Display
  );
  width: 100%;
}
.pf-c-toolbar__expandable-content {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
  display: none;
  width: 100%;
  padding: var(--pf-c-toolbar__expandable-content--PaddingTop)
    var(--pf-c-toolbar__expandable-content--PaddingRight)
    var(--pf-c-toolbar__expandable-content--PaddingBottom)
    var(--pf-c-toolbar__expandable-content--PaddingLeft);
  visibility: hidden;
  background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
  box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
}
@media screen and (min-width: 992px) {
  .pf-c-toolbar__expandable-content {
    position: static;
    box-shadow: none;
  }
}
.pf-c-toolbar__expandable-content.pf-m-expanded {
  display: grid;
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
  visibility: visible;
}
.pf-c-toolbar__expandable-content .pf-c-toolbar__group,
.pf-c-toolbar__expandable-content .pf-c-toolbar__item {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar__expandable-content .pf-c-toolbar__group {
  display: grid;
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
}
.pf-c-toolbar__expandable-content .pf-m-label {
  margin-bottom: var(
    --pf-c-toolbar__expandable-content__item--m-label--MarginBottom
  );
  font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
}
.pf-c-toolbar__content.pf-m-chip-container,
.pf-c-toolbar__group.pf-m-chip-container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
  grid-row-gap: 0;
}
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--spacer);
  margin-top: var(--pf-c-toolbar__group--m-chip-container__item--MarginTop);
}
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group,
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group {
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 0;
}
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group:last-child,
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item:last-child,
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group:last-child,
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item:last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar .pf-c-chip-group:last-child {
  --pf-c-chip-group--MarginRight: 0;
}
.pf-c-toolbar .pf-c-chip-group li:last-child {
  --pf-c-chip-group__li--m-toolbar--MarginRight: 0;
}
.pf-c-toolbar__toggle.pf-m-expanded .pf-c-button.pf-m-plain {
  color: var(--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color);
}
.pf-m-toggle-group.pf-m-show {
  --pf-c-toolbar--spacer: var(
    --pf-c-toolbar__group--m-toggle-group--m-show--spacer
  );
}
.pf-m-toggle-group.pf-m-show .pf-c-toolbar__group,
.pf-m-toggle-group.pf-m-show .pf-c-toolbar__item {
  display: flex;
  flex: 0 1 auto;
  visibility: visible;
}
.pf-m-toggle-group.pf-m-show .pf-c-toolbar__toggle {
  display: none;
  visibility: hidden;
}
@media (min-width: 576px) {
  .pf-m-toggle-group.pf-m-show-on-sm {
    --pf-c-toolbar--spacer: var(
      --pf-c-toolbar__group--m-toggle-group--m-show--spacer
    );
  }
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
    visibility: visible;
  }
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__toggle {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .pf-m-toggle-group.pf-m-show-on-md {
    --pf-c-toolbar--spacer: var(
      --pf-c-toolbar__group--m-toggle-group--m-show--spacer
    );
  }
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
    visibility: visible;
  }
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__toggle {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 992px) {
  .pf-m-toggle-group.pf-m-show-on-lg {
    --pf-c-toolbar--spacer: var(
      --pf-c-toolbar__group--m-toggle-group--m-show--spacer
    );
  }
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
    visibility: visible;
  }
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__toggle {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 1200px) {
  .pf-m-toggle-group.pf-m-show-on-xl {
    --pf-c-toolbar--spacer: var(
      --pf-c-toolbar__group--m-toggle-group--m-show--spacer
    );
  }
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
    visibility: visible;
  }
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__toggle {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 1450px) {
  .pf-m-toggle-group.pf-m-show-on-2xl {
    --pf-c-toolbar--spacer: var(
      --pf-c-toolbar__group--m-toggle-group--m-show--spacer
    );
  }
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
    visibility: visible;
  }
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__toggle {
    display: none;
    visibility: hidden;
  }
}
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right {
  margin-left: auto;
}
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
  margin-left: 0;
}
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left {
  margin-left: 0;
}
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
  margin-left: auto;
}
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap {
  flex-wrap: nowrap;
}
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap {
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
    flex-wrap: nowrap;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
    flex-wrap: nowrap;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
    flex-wrap: nowrap;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
    flex-wrap: nowrap;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
    flex-wrap: wrap;
  }
}
@media (min-width: 1450px) {
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
  .pf-c-toolbar
    .pf-c-toolbar__group.pf-m-align-right-on-2xl
    ~ .pf-m-pagination {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
    margin-left: 0;
  }
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
    margin-left: auto;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
    flex-wrap: nowrap;
  }
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
    flex-wrap: wrap;
  }
}
.pf-c-toolbar .pf-m-space-items-none > * {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar .pf-m-space-items-none > :last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar .pf-m-space-items-sm > * {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
}
.pf-c-toolbar .pf-m-space-items-sm > :last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar .pf-m-space-items-md > * {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
}
.pf-c-toolbar .pf-m-space-items-md > :last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar .pf-m-space-items-lg > * {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
}
.pf-c-toolbar .pf-m-space-items-lg > :last-child {
  --pf-c-toolbar--spacer: 0;
}
@media (min-width: 576px) {
  .pf-c-toolbar .pf-m-space-items-none-on-sm > * {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-sm > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-sm > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-md-on-sm > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-space-items-md-on-sm > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-sm > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-sm > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
}
@media (min-width: 768px) {
  .pf-c-toolbar .pf-m-space-items-none-on-md > * {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-none-on-md > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-md > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-md > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-md-on-md > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-space-items-md-on-md > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-md > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-md > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
}
@media (min-width: 992px) {
  .pf-c-toolbar .pf-m-space-items-none-on-lg > * {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-lg > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-lg > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-md-on-lg > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-space-items-md-on-lg > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-lg > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-lg > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
}
@media (min-width: 1200px) {
  .pf-c-toolbar .pf-m-space-items-none-on-xl > * {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-xl > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-xl > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-md-on-xl > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-space-items-md-on-xl > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-xl > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-xl > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
}
@media (min-width: 1450px) {
  .pf-c-toolbar .pf-m-space-items-none-on-2xl > * {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-2xl > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-md-on-2xl > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-space-items-md-on-2xl > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-2xl > * {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child {
    --pf-c-toolbar--spacer: 0;
  }
}
.pf-c-toolbar .pf-m-spacer-none {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar .pf-m-spacer-none:last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-toolbar .pf-m-spacer-sm {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
}
.pf-c-toolbar .pf-m-spacer-sm:last-child {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
}
.pf-c-toolbar .pf-m-spacer-md {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
}
.pf-c-toolbar .pf-m-spacer-md:last-child {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
}
.pf-c-toolbar .pf-m-spacer-lg {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
}
.pf-c-toolbar .pf-m-spacer-lg:last-child {
  --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
}
@media (min-width: 576px) {
  .pf-c-toolbar .pf-m-spacer-none-on-sm {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-none-on-sm:last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-sm {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-sm {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-sm:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-sm {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
}
@media (min-width: 768px) {
  .pf-c-toolbar .pf-m-spacer-none-on-md {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-none-on-md:last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-md {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-md:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-md {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-md:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-md {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-md:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
}
@media (min-width: 992px) {
  .pf-c-toolbar .pf-m-spacer-none-on-lg {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-none-on-lg:last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-lg {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-lg {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-lg:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-lg {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
}
@media (min-width: 1200px) {
  .pf-c-toolbar .pf-m-spacer-none-on-xl {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-none-on-xl:last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-xl {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-xl {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-xl:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-xl {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
}
@media (min-width: 1450px) {
  .pf-c-toolbar .pf-m-spacer-none-on-2xl {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
    --pf-c-toolbar--spacer: 0;
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-2xl {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-2xl {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-2xl {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
  .pf-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
  }
}
.pf-c-toolbar.pf-m-inset-none {
  --pf-c-toolbar--inset: 0;
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
}
.pf-c-toolbar.pf-m-inset-sm {
  --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
}
.pf-c-toolbar.pf-m-inset-md {
  --pf-c-toolbar--inset: var(--pf-global--spacer--md);
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
}
.pf-c-toolbar.pf-m-inset-lg {
  --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
}
.pf-c-toolbar.pf-m-inset-xl {
  --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
}
.pf-c-toolbar.pf-m-inset-2xl {
  --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
}
@media (min-width: 576px) {
  .pf-c-toolbar.pf-m-inset-none-on-sm {
    --pf-c-toolbar--inset: 0;
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-sm-on-sm {
    --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-md-on-sm {
    --pf-c-toolbar--inset: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-lg-on-sm {
    --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-xl-on-sm {
    --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-2xl-on-sm {
    --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
}
@media (min-width: 768px) {
  .pf-c-toolbar.pf-m-inset-none-on-md {
    --pf-c-toolbar--inset: 0;
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-sm-on-md {
    --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-md-on-md {
    --pf-c-toolbar--inset: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-lg-on-md {
    --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-xl-on-md {
    --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-2xl-on-md {
    --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
}
@media (min-width: 992px) {
  .pf-c-toolbar.pf-m-inset-none-on-lg {
    --pf-c-toolbar--inset: 0;
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-sm-on-lg {
    --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-md-on-lg {
    --pf-c-toolbar--inset: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-lg-on-lg {
    --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-xl-on-lg {
    --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-2xl-on-lg {
    --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
}
@media (min-width: 1200px) {
  .pf-c-toolbar.pf-m-inset-none-on-xl {
    --pf-c-toolbar--inset: 0;
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-sm-on-xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-md-on-xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-lg-on-xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-xl-on-xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-2xl-on-xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
}
@media (min-width: 1450px) {
  .pf-c-toolbar.pf-m-inset-none-on-2xl {
    --pf-c-toolbar--inset: 0;
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-sm-on-2xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-md-on-2xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-lg-on-2xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-xl-on-2xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
  .pf-c-toolbar.pf-m-inset-2xl-on-2xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
  }
}
.pf-c-toolbar__content-section > :last-child {
  --pf-c-toolbar--spacer: 0;
}
.pf-c-empty-state {
  --pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-empty-state__content--MaxWidth: none;
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
  --pf-c-empty-state__content--c-title--m-lg--FontSize: var(
    --pf-global--FontSize--xl
  );
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
  --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
  --pf-c-empty-state__primary--secondary--MarginTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
  --pf-c-empty-state__secondary--MarginBottom: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-empty-state__secondary--child--MarginRight: calc(
    var(--pf-global--spacer--xs) / 2
  );
  --pf-c-empty-state__secondary--child--MarginBottom: var(
    --pf-global--spacer--xs
  );
  --pf-c-empty-state__secondary--child--MarginLeft: calc(
    var(--pf-global--spacer--xs) / 2
  );
  --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
  --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
  --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
  --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
  --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
  --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
  --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
  --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(
    --pf-global--spacer--md
  );
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--pf-c-empty-state--PaddingTop)
    var(--pf-c-empty-state--PaddingRight) var(--pf-c-empty-state--PaddingBottom)
    var(--pf-c-empty-state--PaddingLeft);
  text-align: center;
}
.pf-c-empty-state.pf-m-xs {
  --pf-c-empty-state--PaddingTop: var(--pf-c-empty-state--m-xs--PaddingTop);
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
  --pf-c-empty-state--PaddingBottom: var(
    --pf-c-empty-state--m-xs--PaddingBottom
  );
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
  --pf-c-empty-state__content--MaxWidth: var(
    --pf-c-empty-state--m-xs__content--MaxWidth
  );
  --pf-c-empty-state__icon--MarginBottom: var(
    --pf-c-empty-state--m-xs__icon--MarginBottom
  );
  --pf-c-empty-state__body--MarginTop: var(
    --pf-c-empty-state--m-xs__body--MarginTop
  );
  --pf-c-empty-state__primary--MarginTop: var(
    --pf-c-empty-state--m-xs__primary--MarginTop
  );
  --pf-c-empty-state__secondary--MarginTop: var(
    --pf-c-empty-state--m-xs__secondary--MarginTop
  );
}
.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
  font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
}
.pf-c-empty-state.pf-m-xs .pf-c-button {
  --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
}
.pf-c-empty-state.pf-m-sm {
  --pf-c-empty-state__content--MaxWidth: var(
    --pf-c-empty-state--m-sm__content--MaxWidth
  );
}
.pf-c-empty-state.pf-m-lg {
  --pf-c-empty-state__content--MaxWidth: var(
    --pf-c-empty-state--m-lg__content--MaxWidth
  );
}
.pf-c-empty-state.pf-m-xl {
  --pf-c-empty-state__body--MarginTop: var(
    --pf-c-empty-state--m-xl__body--MarginTop
  );
  --pf-c-empty-state__icon--MarginBottom: var(
    --pf-c-empty-state--m-xl__icon--MarginBottom
  );
  --pf-c-empty-state__icon--FontSize: var(
    --pf-c-empty-state--m-xl__icon--FontSize
  );
  --pf-c-empty-state--c-button__secondary--MarginTop: var(
    --pf-c-empty-state--m-xl--c-button__secondary--MarginTop
  );
}
.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
  font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
}
.pf-c-empty-state.pf-m-full-height {
  height: 100%;
}
.pf-c-empty-state__content {
  max-width: var(--pf-c-empty-state__content--MaxWidth);
}
.pf-c-empty-state__content > .pf-c-title.pf-m-lg {
  font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-empty-state__icon {
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
  font-size: var(--pf-c-empty-state__icon--FontSize);
  color: var(--pf-c-empty-state__icon--Color);
}
.pf-c-empty-state__body {
  margin-top: var(--pf-c-empty-state__body--MarginTop);
  color: var(--pf-c-empty-state__body--Color);
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-empty-state__content > .pf-c-button.pf-m-primary,
.pf-c-empty-state__primary {
  margin-top: var(--pf-c-empty-state__primary--MarginTop);
}
.pf-c-empty-state__content
  > .pf-c-button.pf-m-primary
  + .pf-c-empty-state__secondary,
.pf-c-empty-state__primary + .pf-c-empty-state__secondary {
  margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
}
.pf-c-empty-state__secondary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--pf-c-empty-state__secondary--MarginTop);
  margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
}
.pf-c-empty-state__secondary > * {
  margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
  margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
  margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
}
.pf-m-overpass-font
  .pf-c-empty-state
  .pf-c-empty-state__content
  > .pf-c-title.pf-m-lg {
  font-size: var(--pf-global--FontSize--lg);
}
.pf-c-tabs {
  --pf-c-tabs--inset: 0;
  --pf-c-tabs--Width: auto;
  --pf-c-tabs--before--BorderColor: var(
  --pf-global--BorderColor--100);
  --pf-c-tabs--before--border-width--base: var(
  --pf-global--BorderWidth--sm);
  --pf-c-tabs--before--BorderTopWidth: 0;
  --pf-c-tabs--before--BorderRightWidth: 0;
  --pf-c-tabs--before--BorderBottomWidth: var(
  --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs--before--BorderLeftWidth: 0;
  --pf-c-tabs--m-vertical--inset: var(
  --pf-global--spacer--lg);
  --pf-c-tabs--m-page-insets--inset: var(
  --pf-global--spacer--md);
  --pf-c-tabs--m-page-insets--xl--inset: var(
  --pf-global--spacer--lg);
  --pf-c-tabs--m-vertical--Width: 100%;
  --pf-c-tabs--m-vertical--MaxWidth: 15.625rem;
  --pf-c-tabs--m-vertical--m-box--inset: var(
  --pf-global--spacer--xl);
  --pf-c-tabs--m-vertical__list--before--BorderColor: var(
  --pf-c-tabs--before--BorderColor
  );
  --pf-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
  --pf-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
  --pf-c-tabs--m-vertical__list--before--BorderBottomWidth: 0;
  --pf-c-tabs--m-vertical__list--before--BorderLeftWidth: var(
  --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(
  --pf-c-tabs__link--before--border-width--base
  );
  --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(
  --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor: transparent;
  --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(
  --pf-global--BackgroundColor--light-300
  );
  --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(
  --pf-global--palette--black-150
  );
  --pf-c-tabs__list--Display: flex;
  --pf-c-tabs__list--Visibility: visible;
  --pf-c-tabs__item--m-action--before--ZIndex: var(
  --pf-global--ZIndex--xs);
  --pf-c-tabs__link--Color: var(
  --pf-global--Color--200);
  --pf-c-tabs__link--FontSize: var(
  --pf-global--FontSize--md);
  --pf-c-tabs__link--BackgroundColor: transparent;
  --pf-c-tabs__link--OutlineOffset: -0.375rem;
  --pf-c-tabs__link--PaddingTop: var(
  --pf-global--spacer--sm);
  --pf-c-tabs__link--PaddingRight: var(
  --pf-global--spacer--md);
  --pf-c-tabs__link--PaddingBottom: var(
  --pf-global--spacer--sm);
  --pf-c-tabs__link--PaddingLeft: var(
  --pf-global--spacer--md);
  --pf-c-tabs__link--disabled--Color: var(
  --pf-global--disabled-color--100);
  --pf-c-tabs__link--disabled--BackgroundColor: var(
  --pf-global--palette--black-150
  );
  --pf-c-tabs__item--m-current__link--Color: var(
  --pf-global--Color--100);
  --pf-c-tabs__item--m-current__link--BackgroundColor: var(
  --pf-global--BackgroundColor--100
  );
  --pf-c-tabs--m-vertical__link--PaddingTop: var(
  --pf-global--spacer--md);
  --pf-c-tabs--m-vertical__link--PaddingBottom: var(
  --pf-global--spacer--md);
  --pf-c-tabs--m-box__link--BackgroundColor: var(
  --pf-global--BackgroundColor--200
  );
  --pf-c-tabs--m-box__link--disabled--BackgroundColor: var(
  --pf-global--disabled-color--200
  );
  --pf-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor: var(
  --pf-global--palette--black-400
  );
  --pf-c-tabs--m-secondary__link--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-tabs__item--m-action__link--PaddingRight: var(
  --pf-global--spacer--xs);
  --pf-c-tabs__link--before--border-color--base: var(
  --pf-global--BorderColor--100
  );
  --pf-c-tabs__link--before--border-width--base: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-tabs__link--before--BorderTopColor: var(
  --pf-c-tabs__link--before--border-color--base
  );
  --pf-c-tabs__link--before--BorderRightColor: var(
  --pf-c-tabs__link--before--border-color--base
  );
  --pf-c-tabs__link--before--BorderBottomColor: var(
  --pf-c-tabs__link--before--border-color--base
  );
  --pf-c-tabs__link--before--BorderLeftColor: var(
  --pf-c-tabs__link--before--border-color--base
  );
  --pf-c-tabs__link--before--BorderTopWidth: 0;
  --pf-c-tabs__link--before--BorderRightWidth: 0;
  --pf-c-tabs__link--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--before--BorderLeftWidth: 0;
  --pf-c-tabs__link--before--Left: calc(
    var(
  --pf-c-tabs__link--before--border-width--base) * -1
  );
  --pf-c-tabs__link--disabled--before--BorderRightWidth: 0;
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(
  --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs__link--disabled--before--BorderLeftWidth: 0;
  --pf-c-tabs__link--after--Top: auto;
  --pf-c-tabs__link--after--Right: 0;
  --pf-c-tabs__link--after--Bottom: 0;
  --pf-c-tabs__link--after--BorderColor: var(
  --pf-global--BorderColor--light-100
  );
  --pf-c-tabs__link--after--BorderWidth: 0;
  --pf-c-tabs__link--after--BorderTopWidth: 0;
  --pf-c-tabs__link--after--BorderRightWidth: 0;
  --pf-c-tabs__link--after--BorderLeftWidth: 0;
  --pf-c-tabs__link--hover--after--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-tabs__link--focus--after--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-tabs__link--active--after--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-tabs__item--m-current__link--after--BorderColor: var(
  --pf-global--active-color--100
  );
  --pf-c-tabs__item--m-current__link--after--BorderWidth: var(
  --pf-global--BorderWidth--lg
  );
  --pf-c-tabs__link--child--MarginRight: var(
  --pf-global--spacer--md);
  --pf-c-tabs__scroll-button--Color: var(
  --pf-global--Color--100);
  --pf-c-tabs__scroll-button--hover--Color: var(
  --pf-global--active-color--100);
  --pf-c-tabs__scroll-button--disabled--Color: var(
  --pf-global--disabled-color--200
  );
  --pf-c-tabs__scroll-button--BackgroundColor: var(
  --pf-global--BackgroundColor--100
  );
  --pf-c-tabs__scroll-button--Width: var(
  --pf-global--spacer--2xl);
  --pf-c-tabs__scroll-button--xl--Width: var(
  --pf-global--spacer--3xl);
  --pf-c-tabs__scroll-button--OutlineOffset: calc(
    -1 * var(
  --pf-global--spacer--xs)
  );
  --pf-c-tabs__scroll-button--TransitionDuration--margin: 0.125s;
  --pf-c-tabs__scroll-button--TransitionDuration--transform: 0.125s;
  --pf-c-tabs__scroll-button--TransitionDuration--opacity: 0.125s;
  --pf-c-tabs__scroll-button--before--BorderColor: var(
  --pf-c-tabs--before--BorderColor
  );
  --pf-c-tabs__scroll-button--before--border-width--base: var(
  --pf-global--BorderWidth--sm
  );
  --pf-c-tabs__scroll-button--before--BorderRightWidth: 0;
  --pf-c-tabs__scroll-button--before--BorderBottomWidth: var(
  --pf-c-tabs__scroll-button--before--border-width--base
  );
  --pf-c-tabs__scroll-button--before--BorderLeftWidth: 0;
  --pf-c-tabs__list--ScrollSnapTypeAxis: x;
  --pf-c-tabs__list--ScrollSnapTypeStrictness: proximity;
  --pf-c-tabs__list--ScrollSnapType: var(
  --pf-c-tabs__list--ScrollSnapTypeAxis)
    var(--pf-c-tabs__list--ScrollSnapTypeStrictness);
  --pf-c-tabs__item--ScrollSnapAlign: end;
  --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
  --pf-c-tabs__toggle--Display: flex;
  --pf-c-tabs__toggle--Visibility: hidden;
  --pf-c-tabs__toggle--MarginBottom: 0;
  --pf-c-tabs--m-expanded__toggle--MarginBottom: var(
  --pf-global--spacer--md);
  --pf-c-tabs__toggle-icon--Color: currentcolor;
  --pf-c-tabs__toggle-icon--Transition: var(
  --pf-global--Transition);
  --pf-c-tabs__toggle-icon--Rotate: 0;
  --pf-c-tabs__toggle-text--MarginLeft: 0;
  --pf-c-tabs__toggle-button__toggle-text--MarginLeft: var(
  --pf-global--spacer--md
  );
  --pf-c-tabs__toggle-button__toggle-text--Color: var(
  --pf-global--Color--100);
  --pf-c-tabs__toggle-button--MarginTop: calc(
    -1 * var(
  --pf-global--spacer--form-element)
  );
  --pf-c-tabs__toggle-button--MarginBottom: calc(
    -1 * var(
  --pf-global--spacer--form-element)
  );
  --pf-c-tabs__toggle-button--MarginLeft: calc(
    -1 * var(
  --pf-global--spacer--md)
  );
  --pf-c-tabs--m-expanded__toggle-icon--Color: var(
  --pf-global--Color--100);
  --pf-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-tabs__item-action--c-button--FontSize: var(
  --pf-global--FontSize--xs);
  --pf-c-tabs--m-secondary__item-action--c-button--FontSize: var(
  --pf-global--icon--FontSize--sm
  );
  --pf-c-tabs__item-action--c-button--PaddingTop: var(
  --pf-global--spacer--sm);
  --pf-c-tabs__item-action--c-button--PaddingRight: var(
  --pf-global--spacer--sm
  );
  --pf-c-tabs__item-action--c-button--PaddingBottom: var(
  --pf-global--spacer--sm
  );
  --pf-c-tabs__item-action--c-button--PaddingLeft: var(
  --pf-global--spacer--sm);
  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(
  --pf-global--spacer--md
  );
  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
  --pf-c-tabs__add--before--BorderColor: var(
  --pf-c-tabs__link--before--border-color--base
  );
  --pf-c-tabs__add--before--BorderLeftWidth: var(
  --pf-c-tabs__link--before--border-width--base
  );
  --pf-c-tabs__add--c-button--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-tabs--m-secondary__add--c-button--FontSize: var(
  --pf-global--FontSize--xs
  );
  --pf-c-tabs__add--c-button--PaddingTop: var(
  --pf-c-tabs__link--PaddingTop);
  --pf-c-tabs__add--c-button--PaddingBottom: var(
  --pf-c-tabs__link--PaddingBottom
  );
  --pf-c-tabs__add--c-button--OutlineOffset: calc(
    -1 * var(
  --pf-global--spacer--xs)
  );
  --pf-c-tabs__link-toggle-icon--Color: var(
  --pf-global--Color--200);
  --pf-c-tabs__link-toggle-icon--Transition: 0.2s ease-in 0s;
  --pf-c-tabs__link-toggle-icon--Rotate: 0;
  --pf-c-tabs__link-toggle-icon--FontSize: var(
  --pf-global--FontSize--sm);
  --pf-c-tabs__link--m-expanded__toggle-icon--Color: var(
  --pf-global--Color--100
  );
  --pf-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-tabs__link--hover__toggle-icon--Color: var(
  --pf-global--Color--100);
  --pf-c-tabs__link--active__toggle-icon--Color: var(
  --pf-global--Color--100);
  --pf-c-tabs__link--focus__toggle-icon--Color: var(
  --pf-global--Color--100);
  position: relative;
  display: flex;
  width: var(--pf-c-tabs--Width);
  padding-right: var(--pf-c-tabs--inset);
  padding-left: var(--pf-c-tabs--inset);
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .pf-c-tabs {
    --pf-c-tabs__scroll-button--Width: var(
      --pf-c-tabs__scroll-button--xl--Width
    );
    --pf-c-tabs--m-page-insets--inset: var(
      --pf-c-tabs--m-page-insets--xl--inset
    );
  }
}
.pf-c-tabs:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid var(--pf-c-tabs--before--BorderColor);
  border-width: var(--pf-c-tabs--before--BorderTopWidth)
    var(--pf-c-tabs--before--BorderRightWidth)
    var(--pf-c-tabs--before--BorderBottomWidth)
    var(--pf-c-tabs--before--BorderLeftWidth);
}
.pf-c-tabs.pf-m-fill .pf-c-tabs__list {
  flex-basis: 100%;
}
.pf-c-tabs.pf-m-fill .pf-c-tabs__item {
  flex-grow: 1;
}
.pf-c-tabs.pf-m-fill .pf-c-tabs__item:first-child {
  --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: 0;
}
.pf-c-tabs.pf-m-fill .pf-c-tabs__item:last-child {
  --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: 0;
}
.pf-c-tabs.pf-m-fill .pf-c-tabs__link {
  flex-basis: 100%;
  justify-content: center;
}
.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button {
  opacity: 1;
}
.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(1) {
  margin-right: 0;
  transform: translate(0);
}
.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2) {
  margin-left: 0;
  transform: translate(0);
}
.pf-c-tabs.pf-m-secondary,
.pf-c-tabs.pf-m-no-border-bottom {
  --pf-c-tabs--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
}
.pf-c-tabs.pf-m-border-bottom {
  --pf-c-tabs--before--BorderBottomWidth: var(
    --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(
    --pf-c-tabs--before--border-width--base
  );
}
.pf-c-tabs.pf-m-box .pf-c-tabs__link,
.pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
  --pf-c-tabs__link--after--BorderBottomWidth: 0;
}
.pf-c-tabs.pf-m-box {
  --pf-c-tabs__link--BackgroundColor: var(
  --pf-c-tabs--m-box__link--BackgroundColor
  );
  --pf-c-tabs__link--disabled--BackgroundColor: var(
  --pf-c-tabs--m-box__link--disabled--BackgroundColor
  );
  --pf-c-tabs__link--before--BorderBottomWidth: var(
  --pf-c-tabs__link--before--border-width--base
  );
  --pf-c-tabs__link--before--BorderRightWidth: var(
  --pf-c-tabs__link--before--border-width--base
  );
  --pf-c-tabs__link--disabled--before--BorderRightWidth: var(
  --pf-c-tabs__link--before--border-width--base
  );
  --pf-c-tabs__link--after--Top: 0;
  --pf-c-tabs__link--after--Bottom: auto;
}
.pf-c-tabs.pf-m-box .pf-c-tabs__link {
  --pf-c-tabs__link--after--BorderTopWidth: var(
  --pf-c-tabs__link--after--BorderWidth
  );
}
.pf-c-tabs.pf-m-box .pf-c-tabs__item:last-child {
  --pf-c-tabs__link--before--BorderRightWidth: 0;
}
.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current {
  --pf-c-tabs__link--BackgroundColor: aliceblue;
  --pf-c-tabs__link--before--BorderBottomColor: aliceblue;
}
.pf-c-tabs.pf-m-box
  .pf-c-tabs__item.pf-m-current:first-child
  .pf-c-tabs__link:before {
  border-left-width: var(
    --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth
  );
}
.pf-c-tabs.pf-m-box
  .pf-c-tabs__item.pf-m-current:last-child
  .pf-c-tabs__link:before {
  border-right-width: var(
    --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth
  );
}
.pf-c-tabs.pf-m-box.pf-m-scrollable
  .pf-c-tabs__item.pf-m-current:first-child
  .pf-c-tabs__link:before {
  left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
}
.pf-c-tabs.pf-m-box.pf-m-scrollable
  .pf-c-tabs__scroll-button:nth-of-type(2):before {
  left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
}
.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current + .pf-c-tabs__item {
  --pf-c-tabs__link--before--Left: 0;
}
.pf-c-tabs.pf-m-box.pf-m-color-scheme--light-300 {
  --pf-c-tabs__link--BackgroundColor: var(
    --pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor
  );
  --pf-c-tabs__item--m-current__link--BackgroundColor: var(
    --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor
  );
  --pf-c-tabs__link--disabled--BackgroundColor: var(
    --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor
  );
}
.pf-c-tabs.pf-m-box .pf-c-tabs__item-action .pf-c-button {
  --pf-c-button--m-plain--disabled--Color: var(
    --pf-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor
  );
}
.pf-c-tabs.pf-m-vertical {
  --pf-c-tabs--Width: var(--pf-c-tabs--m-vertical--Width);
  --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--inset);
  --pf-c-tabs--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--PaddingTop: var(--pf-c-tabs--m-vertical__link--PaddingTop);
  --pf-c-tabs__link--PaddingBottom: var(
    --pf-c-tabs--m-vertical__link--PaddingBottom
  );
  --pf-c-tabs__link--before--Left: 0;
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--disabled--before--BorderLeftWidth: var(
    --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs__link--after--Top: 0;
  --pf-c-tabs__link--after--Bottom: 0;
  --pf-c-tabs__link--after--Right: auto;
  --pf-c-tabs__list--ScrollSnapTypeAxis: var(
    --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis
  );
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: visible;
}
.pf-c-tabs.pf-m-vertical .pf-c-tabs__list {
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  max-width: var(--pf-c-tabs--m-vertical--MaxWidth);
}
.pf-c-tabs.pf-m-vertical .pf-c-tabs__list:before {
  position: absolute;
  right: auto;
  border: solid var(--pf-c-tabs--m-vertical__list--before--BorderColor);
  border-width: var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth)
    var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth)
    var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth)
    var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth);
}
.pf-c-tabs.pf-m-vertical .pf-c-tabs__item:first-child {
  margin-top: var(--pf-c-tabs--inset);
}
.pf-c-tabs.pf-m-vertical .pf-c-tabs__item:last-child {
  margin-bottom: var(--pf-c-tabs--inset);
}
.pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
  --pf-c-tabs__link--after--BorderTopWidth: 0;
  --pf-c-tabs__link--after--BorderLeftWidth: var(
    --pf-c-tabs__link--after--BorderWidth
  );
  max-width: 100%;
  text-align: left;
}
.pf-c-tabs.pf-m-vertical .pf-c-tabs__item-text {
  max-width: 100%;
  overflow-wrap: break-word;
}
.pf-c-tabs.pf-m-vertical.pf-m-expandable {
  --pf-c-tabs__list--Display: none;
  --pf-c-tabs__list--Visibility: hidden;
  --pf-c-tabs__toggle--Display: flex;
  --pf-c-tabs__toggle--Visibility: visible;
}
.pf-c-tabs.pf-m-vertical.pf-m-non-expandable {
  --pf-c-tabs__list--Display: flex;
  --pf-c-tabs__list--Visibility: visible;
  --pf-c-tabs__toggle--Display: none;
  --pf-c-tabs__toggle--Visibility: hidden;
}
@media (min-width: 576px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}
@media (min-width: 768px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}
@media (min-width: 992px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}
@media (min-width: 1200px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}
@media (min-width: 1450px) {
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible;
  }
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden;
  }
}
.pf-c-tabs.pf-m-vertical.pf-m-expanded {
  --pf-c-tabs__list--Display: flex;
  --pf-c-tabs__list--Visibility: visible;
  --pf-c-tabs__toggle--MarginBottom: var(
    --pf-c-tabs--m-expanded__toggle--MarginBottom
  );
  --pf-c-tabs__toggle-icon--Color: var(
    --pf-c-tabs--m-expanded__toggle-icon--Color
  );
  --pf-c-tabs__toggle-icon--Rotate: var(
    --pf-c-tabs--m-expanded__toggle-icon--Rotate
  );
}
.pf-c-tabs.pf-m-box.pf-m-vertical {
  --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--m-box--inset);
  --pf-c-tabs--m-vertical__list--before--BorderLeftWidth: 0;
  --pf-c-tabs--m-vertical__list--before--BorderRightWidth: var(
    --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs__link--disabled--before--BorderRightWidth: var(
    --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(
    --pf-c-tabs--before--border-width--base
  );
  --pf-c-tabs__link--disabled--before--BorderLeftWidth: 0;
}
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__list:before {
  right: 0;
  left: auto;
}
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:last-child {
  --pf-c-tabs__link--before--BorderBottomWidth: 0;
  --pf-c-tabs__link--before--BorderRightWidth: var(
    --pf-c-tabs__link--before--border-width--base
  );
}
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current {
  --pf-c-tabs__link--before--BorderRightColor: var(
    --pf-c-tabs__item--m-current__link--BackgroundColor
  );
  --pf-c-tabs__link--before--BorderBottomColor: var(
    --pf-c-tabs__link--before--border-color--base
  );
  --pf-c-tabs__link--before--BorderBottomWidth: var(
    --pf-c-tabs__link--before--border-width--base
  );
}
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current:first-child,
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:first-child.pf-m-current {
  --pf-c-tabs__link--before--BorderTopWidth: var(
    --pf-c-tabs__link--before--border-width--base
  );
}
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__link:after {
  top: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
}
.pf-c-tabs.pf-m-box.pf-m-vertical
  .pf-c-tabs__item:first-child
  .pf-c-tabs__link:after,
.pf-c-tabs.pf-m-box.pf-m-vertical
  .pf-c-tabs__item.pf-m-current
  + .pf-c-tabs__item
  .pf-c-tabs__link:after {
  top: 0;
}
.pf-c-tabs.pf-m-secondary {
  --pf-c-tabs__link--FontSize: var(--pf-c-tabs--m-secondary__link--FontSize);
  --pf-c-tabs__item-action--c-button--FontSize: var(
    --pf-c-tabs--m-secondary__item-action--c-button--FontSize
  );
  --pf-c-tabs__add--c-button--FontSize: var(
    --pf-c-tabs--m-secondary__add--c-button--FontSize
  );
}
.pf-c-tabs.pf-m-page-insets {
  --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
}
.pf-c-tabs.pf-m-overflow,
.pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
  overflow: visible;
}
.pf-c-tabs__toggle {
  display: var(--pf-c-tabs__toggle--Display);
  align-items: center;
  margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
  visibility: var(--pf-c-tabs__toggle--Visibility);
}
.pf-c-tabs__toggle-button {
  --pf-c-tabs__toggle-text--MarginLeft: var(
    --pf-c-tabs__toggle-button__toggle-text--MarginLeft
  );
  --pf-c-tabs__toggle-text--Color: var(
    --pf-c-tabs__toggle-button__toggle-text--Color
  );
  margin-top: var(--pf-c-tabs__toggle-button--MarginTop);
  margin-bottom: var(--pf-c-tabs__toggle-button--MarginBottom);
  margin-left: var(--pf-c-tabs__toggle-button--MarginLeft);
}
.pf-c-tabs__toggle-button .pf-c-button {
  display: flex;
  text-align: left;
  white-space: normal;
}
.pf-c-tabs__toggle-icon {
  display: inline-block;
  color: var(--pf-c-tabs__toggle-icon--Color);
  transition: var(--pf-c-tabs__toggle-icon--Transition);
  transform: rotate(var(--pf-c-tabs__toggle-icon--Rotate));
}
.pf-c-tabs__toggle-text {
  margin-left: var(--pf-c-tabs__toggle-text--MarginLeft);
  color: var(--pf-c-tabs__toggle-text--Color, inherit);
}
.pf-c-tabs__list {
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position: relative;
  display: var(--pf-c-tabs__list--Display);
  max-width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
  visibility: var(--pf-c-tabs__list--Visibility);
  -webkit-overflow-scrolling: touch;
}
.pf-c-tabs__list::-webkit-scrollbar {
  display: none;
}
.pf-c-tabs__item {
  display: flex;
  flex: none;
  scroll-snap-align: var(--pf-c-tabs__item--ScrollSnapAlign);
}
.pf-c-tabs__item.pf-m-current {
  --pf-c-tabs__link--Color: var(
  --pf-c-tabs__item--m-current__link--Color);
  /* --pf-c-tabs__link--after--BorderColor: aliceblue; */
  --pf-c-tabs__link--after--BorderWidth: var(
  --pf-c-tabs__item--m-current__link--after--BorderWidth
  );
}
.pf-c-tabs__item.pf-m-action {
  --pf-c-tabs__link--PaddingRight: var(
    --pf-c-tabs__item--m-action__link--PaddingRight
  );
  position: relative;
}
.pf-c-tabs__item.pf-m-action:before {
  z-index: var(--pf-c-tabs__item--m-action--before--ZIndex);
}
.pf-c-tabs__item.pf-m-action .pf-c-tabs__link:before,
.pf-c-tabs__item.pf-m-action .pf-c-tabs__link:after {
  content: revert;
}
.pf-c-tabs:before,
.pf-c-tabs__list:before,
.pf-c-tabs__link:before,
.pf-c-tabs__link:after,
.pf-c-tabs__item.pf-m-action:before,
.pf-c-tabs__item.pf-m-action:after,
.pf-c-tabs__scroll-button:before,
.pf-c-tabs__add:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-style: solid;
}
.pf-c-tabs__list:before,
.pf-c-tabs__link:before,
.pf-c-tabs__link:after,
.pf-c-tabs__item.pf-m-action:before,
.pf-c-tabs__item.pf-m-action:after,
.pf-c-tabs__scroll-button:before,
.pf-c-tabs__add:before {
  top: 0;
}
.pf-c-tabs__link,
.pf-c-tabs__scroll-button,
.pf-c-tabs__list:before,
.pf-c-tabs__add:before {
  border: 0;
}
.pf-c-tabs__link {
  position: relative;
  display: flex;
  flex: 1;
  padding: var(--pf-c-tabs__link--PaddingTop)
    var(--pf-c-tabs__link--PaddingRight) var(--pf-c-tabs__link--PaddingBottom)
    var(--pf-c-tabs__link--PaddingLeft);
  font-size: var(--pf-c-tabs__link--FontSize);
  color: var(--pf-c-tabs__link--Color);
  text-decoration: none;
  outline-offset: var(--pf-c-tabs__link--OutlineOffset);
}
.pf-c-tabs__item.pf-m-action,
.pf-c-tabs__link {
  --pf-c-tabs__link--after--BorderBottomWidth: var(
  --pf-c-tabs__link--after--BorderWidth
  );
  background-color: var(--pf-c-tabs__link--BackgroundColor);
}
.pf-c-tabs__item.pf-m-action:before,
.pf-c-tabs__link:before {
  pointer-events: none;
  border-width: var(--pf-c-tabs__link--before--BorderTopWidth)
    var(--pf-c-tabs__link--before--BorderRightWidth)
    var(--pf-c-tabs__link--before--BorderBottomWidth)
    var(--pf-c-tabs__link--before--BorderLeftWidth);
  border-top-color: var(--pf-c-tabs__link--before--BorderTopColor);
  border-right-color: var(--pf-c-tabs__link--before--BorderRightColor);
  border-bottom-color: var(--pf-c-tabs__link--before--BorderBottomColor);
  border-left-color: var(--pf-c-tabs__link--before--BorderLeftColor);
}
.pf-c-tabs__item.pf-m-action:after,
.pf-c-tabs__link:after {
  top: var(--pf-c-tabs__link--after--Top);
  right: var(--pf-c-tabs__link--after--Right);
  bottom: var(--pf-c-tabs__link--after--Bottom);
  left: var(--pf-c-tabs__link--before--Left);
  border-color: var(--pf-c-tabs__link--after--BorderColor);
  border-width: var(--pf-c-tabs__link--after--BorderTopWidth)
    var(--pf-c-tabs__link--after--BorderRightWidth)
    var(--pf-c-tabs__link--after--BorderBottomWidth)
    var(--pf-c-tabs__link--after--BorderLeftWidth);
}
.pf-c-tabs__item.pf-m-action:hover,
.pf-c-tabs__link:hover {
  --pf-c-tabs__link--after--BorderWidth: var(
    --pf-c-tabs__link--hover--after--BorderWidth
  );
}
.pf-c-tabs__item.pf-m-action:focus-within,
.pf-c-tabs__link:focus {
  --pf-c-tabs__link--after--BorderWidth: var(
    --pf-c-tabs__link--focus--after--BorderWidth
  );
}
.pf-c-tabs__item.pf-m-action:active,
.pf-c-tabs__link:active {
  --pf-c-tabs__link--after--BorderWidth: var(
    --pf-c-tabs__link--active--after--BorderWidth
  );
}
.pf-c-tabs__link:hover {
  --pf-c-tabs__link-toggle-icon--Color: var(
    --pf-c-tabs__link--hover__toggle-icon--Color
  );
}
.pf-c-tabs__link:focus {
  --pf-c-tabs__link-toggle-icon--Color: var(
    --pf-c-tabs__link--focus__toggle-icon--Color
  );
}
.pf-c-tabs__link:active,
.pf-c-tabs__link.pf-m-active {
  --pf-c-tabs__link-toggle-icon--Color: var(
    --pf-c-tabs__link--active__toggle-icon--Color
  );
}
.pf-c-tabs__link:disabled,
.pf-c-tabs__link.pf-m-disabled {
  pointer-events: none;
}
.pf-c-tabs__item.pf-m-action.pf-m-disabled,
.pf-c-tabs__link:disabled,
.pf-c-tabs__link.pf-m-disabled,
.pf-c-tabs__link.pf-m-aria-disabled {
  --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
  --pf-c-tabs__link--BackgroundColor: var(
    --pf-c-tabs__link--disabled--BackgroundColor
  );
  --pf-c-tabs__link--before--BorderRightWidth: var(
    --pf-c-tabs__link--disabled--before--BorderRightWidth
  );
  --pf-c-tabs__link--before--BorderBottomWidth: var(
    --pf-c-tabs__link--disabled--before--BorderBottomWidth
  );
  --pf-c-tabs__link--before--BorderLeftWidth: var(
    --pf-c-tabs__link--disabled--before--BorderLeftWidth
  );
  --pf-c-tabs__link--after--BorderWidth: 0;
}
.pf-c-tabs__link.pf-m-aria-disabled {
  cursor: default;
}
.pf-c-tabs__link .pf-c-tabs__item-icon,
.pf-c-tabs__link .pf-c-tabs__item-text {
  margin-right: var(--pf-c-tabs__link--child--MarginRight);
}
.pf-c-tabs__link .pf-c-tabs__item-icon:last-child,
.pf-c-tabs__link .pf-c-tabs__item-text:last-child {
  --pf-c-tabs__link--child--MarginRight: 0;
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-tabs__link.pf-m-expanded {
  --pf-c-tabs__link-toggle-icon--Color: var(
    --pf-c-tabs__link--m-expanded__toggle-icon--Color
  );
  --pf-c-tabs__link-toggle-icon--Rotate: var(
    --pf-c-tabs__link--m-expanded__toggle-icon--Rotate
  );
}
.pf-c-tabs__link-toggle-icon {
  align-self: end;
  font-size: var(--pf-c-tabs__link-toggle-icon--FontSize);
  color: var(--pf-c-tabs__link-toggle-icon--Color);
  transition: var(--pf-c-tabs__link-toggle-icon--Transition);
  transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate));
}
.pf-c-tabs__item-action {
  display: flex;
}
.pf-c-tabs__item-action .pf-c-button {
  --pf-c-button--FontSize: var(--pf-c-tabs__item-action--c-button--FontSize);
  --pf-c-button--PaddingTop: var(
    --pf-c-tabs__item-action--c-button--PaddingTop
  );
  --pf-c-button--PaddingRight: var(
    --pf-c-tabs__item-action--c-button--PaddingRight
  );
  --pf-c-button--PaddingBottom: var(
    --pf-c-tabs__item-action--c-button--PaddingBottom
  );
  --pf-c-button--PaddingLeft: var(
    --pf-c-tabs__item-action--c-button--PaddingLeft
  );
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
}
.pf-c-tabs__item-action:last-child {
  --pf-c-tabs__item-action--c-button--PaddingRight: var(
    --pf-c-tabs__item-action--last-child--c-button--PaddingRight
  );
}
.pf-c-tabs__item-action-icon {
  display: inline-block;
  margin-top: var(--pf-c-tabs__item-action-icon--MarginTop);
}
.pf-c-tabs__scroll-button {
  flex: none;
  width: var(--pf-c-tabs__scroll-button--Width);
  line-height: 1;
  color: var(--pf-c-tabs__scroll-button--Color);
  background-color: var(--pf-c-tabs__scroll-button--BackgroundColor);
  outline-offset: var(--pf-c-tabs__scroll-button--OutlineOffset);
  opacity: 0;
  transition: margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin),
    transform var(--pf-c-tabs__scroll-button--TransitionDuration--transform),
    opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity);
}
.pf-c-tabs__scroll-button:hover,
.pf-c-tabs__scroll-button:active,
.pf-c-tabs__scroll-button:focus {
  --pf-c-tabs__scroll-button--Color: var(
    --pf-c-tabs__scroll-button--hover--Color
  );
}
.pf-c-tabs__scroll-button:before {
  border-color: var(--pf-c-tabs__scroll-button--before--BorderColor);
  border-width: 0 var(--pf-c-tabs__scroll-button--before--BorderRightWidth)
    var(--pf-c-tabs__scroll-button--before--BorderBottomWidth)
    var(--pf-c-tabs__scroll-button--before--BorderLeftWidth);
}
.pf-c-tabs__scroll-button:nth-of-type(1) {
  --pf-c-tabs__scroll-button--before--BorderRightWidth: var(
    --pf-c-tabs__scroll-button--before--border-width--base
  );
  margin-right: calc(var(--pf-c-tabs__scroll-button--Width) * -1);
  transform: translate(-100%);
}
.pf-c-tabs__scroll-button:nth-of-type(2) {
  --pf-c-tabs__scroll-button--before--BorderLeftWidth: var(
    --pf-c-tabs__scroll-button--before--border-width--base
  );
  margin-left: calc(var(--pf-c-tabs__scroll-button--Width) * -1);
  transform: translate(100%);
}
.pf-c-tabs__scroll-button:disabled {
  --pf-c-tabs__scroll-button--Color: var(
    --pf-c-tabs__scroll-button--disabled--Color
  );
  pointer-events: none;
}
.pf-c-tabs__add {
  position: relative;
  display: flex;
}
.pf-c-tabs__add:before {
  border-left: var(--pf-c-tabs__add--before--BorderLeftWidth) solid
    var(--pf-c-tabs__add--before--BorderColor);
}
.pf-c-tabs__add .pf-c-button {
  --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
  --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
  --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
  outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
}
.pf-c-tabs.pf-m-inset-none {
  --pf-c-tabs--inset: 0;
  --pf-c-tabs--m-vertical--inset: 0;
  --pf-c-tabs--m-vertical--m-box--inset: 0;
}
.pf-c-tabs.pf-m-inset-sm {
  --pf-c-tabs--inset: var(--pf-global--spacer--sm);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
}
.pf-c-tabs.pf-m-inset-md {
  --pf-c-tabs--inset: var(--pf-global--spacer--md);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
}
.pf-c-tabs.pf-m-inset-lg {
  --pf-c-tabs--inset: var(--pf-global--spacer--lg);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
}
.pf-c-tabs.pf-m-inset-xl {
  --pf-c-tabs--inset: var(--pf-global--spacer--xl);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
}
.pf-c-tabs.pf-m-inset-2xl {
  --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
}
@media (min-width: 576px) {
  .pf-c-tabs.pf-m-inset-none-on-sm {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }
  .pf-c-tabs.pf-m-inset-sm-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-tabs.pf-m-inset-md-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }
  .pf-c-tabs.pf-m-inset-lg-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-tabs.pf-m-inset-xl-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-tabs.pf-m-inset-2xl-on-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}
@media (min-width: 768px) {
  .pf-c-tabs.pf-m-inset-none-on-md {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }
  .pf-c-tabs.pf-m-inset-sm-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-tabs.pf-m-inset-md-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }
  .pf-c-tabs.pf-m-inset-lg-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-tabs.pf-m-inset-xl-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-tabs.pf-m-inset-2xl-on-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}
@media (min-width: 992px) {
  .pf-c-tabs.pf-m-inset-none-on-lg {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }
  .pf-c-tabs.pf-m-inset-sm-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-tabs.pf-m-inset-md-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }
  .pf-c-tabs.pf-m-inset-lg-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-tabs.pf-m-inset-xl-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-tabs.pf-m-inset-2xl-on-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}
@media (min-width: 1200px) {
  .pf-c-tabs.pf-m-inset-none-on-xl {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }
  .pf-c-tabs.pf-m-inset-sm-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-tabs.pf-m-inset-md-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }
  .pf-c-tabs.pf-m-inset-lg-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-tabs.pf-m-inset-xl-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-tabs.pf-m-inset-2xl-on-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
  }
}
@media (min-width: 1450px) {
  .pf-c-tabs.pf-m-inset-none-on-2xl {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0;
  }
  .pf-c-tabs.pf-m-inset-sm-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-tabs.pf-m-inset-md-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
  }
  .pf-c-tabs.pf-m-inset-lg-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-tabs.pf-m-inset-xl-on-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-tabs.pf-m-inset-2xl-on-2xl {
    --pf-c-tabs--inset: var(
    --pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(
    --pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(
    --pf-global--spacer--2xl);
    width: max-content;
  }
}
:where(.pf-theme-dark) .pf-c-tabs {
  --pf-c-tabs__scroll-button--BackgroundColor: transparent;
  --pf-c-tabs__link--disabled--BackgroundColor: var(
    --pf-global--disabled-color--200
  );
  --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(
    --pf-global--disabled-color--200
  );
}
.pf-c-tab-content {
  --pf-c-tab-content__body--PaddingTop: 0;
  --pf-c-tab-content__body--PaddingRight: 0;
  --pf-c-tab-content__body--PaddingBottom: 0;
  --pf-c-tab-content__body--PaddingLeft: 0;
  --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-tab-content__body--m-padding--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-tab-content__body--m-padding--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-tab-content__body--m-padding--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
}
@media screen and (min-width: 1200px) {
  .pf-c-tab-content {
    --pf-c-tab-content__body--m-padding--PaddingTop: var(
      --pf-c-tab-content__body--m-padding--xl--PaddingTop
    );
    --pf-c-tab-content__body--m-padding--PaddingRight: var(
      --pf-c-tab-content__body--m-padding--xl--PaddingRight
    );
    --pf-c-tab-content__body--m-padding--PaddingBottom: var(
      --pf-c-tab-content__body--m-padding--xl--PaddingBottom
    );
    --pf-c-tab-content__body--m-padding--PaddingLeft: var(
      --pf-c-tab-content__body--m-padding--xl--PaddingLeft
    );
  }
}
.pf-c-tab-content.pf-m-light-300 {
  background-color: var(--pf-c-tab-content--m-light-300);
}
.pf-c-tab-content__body {
  padding: var(--pf-c-tab-content__body--PaddingTop)
    var(--pf-c-tab-content__body--PaddingRight)
    var(--pf-c-tab-content__body--PaddingBottom)
    var(--pf-c-tab-content__body--PaddingLeft);
}
.pf-c-tab-content__body.pf-m-padding {
  --pf-c-tab-content__body--PaddingTop: var(
    --pf-c-tab-content__body--m-padding--PaddingTop
  );
  --pf-c-tab-content__body--PaddingRight: var(
    --pf-c-tab-content__body--m-padding--PaddingRight
  );
  --pf-c-tab-content__body--PaddingBottom: var(
    --pf-c-tab-content__body--m-padding--PaddingBottom
  );
  --pf-c-tab-content__body--PaddingLeft: var(
    --pf-c-tab-content__body--m-padding--PaddingLeft
  );
}
.pf-l-grid {
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
  --pf-l-grid__item--GridColumnStart: auto;
  --pf-l-grid__item--GridColumnEnd: span 12;
  --pf-l-grid--item--Order: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
}
.pf-l-grid > *,
.pf-l-grid .pf-l-grid__item {
  min-width: 0;
  min-height: 0;
  grid-column-start: var(--pf-l-grid__item--GridColumnStart);
  grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
  order: var(--pf-l-grid--item--Order);
}
@media (min-width: 576px) {
  .pf-l-grid > *,
  .pf-l-grid .pf-l-grid__item {
    order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
  }
}
@media (min-width: 768px) {
  .pf-l-grid > *,
  .pf-l-grid .pf-l-grid__item {
    order: var(
      --pf-l-grid--item--Order-on-md,
      var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))
    );
  }
}
@media (min-width: 992px) {
  .pf-l-grid > *,
  .pf-l-grid .pf-l-grid__item {
    order: var(
      --pf-l-grid--item--Order-on-lg,
      var(
        --pf-l-grid--item--Order-on-md,
        var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-l-grid > *,
  .pf-l-grid .pf-l-grid__item {
    order: var(
      --pf-l-grid--item--Order-on-xl,
      var(
        --pf-l-grid--item--Order-on-lg,
        var(
          --pf-l-grid--item--Order-on-md,
          var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-l-grid > *,
  .pf-l-grid .pf-l-grid__item {
    order: var(
      --pf-l-grid--item--Order-on-2xl,
      var(
        --pf-l-grid--item--Order-on-xl,
        var(
          --pf-l-grid--item--Order-on-lg,
          var(
            --pf-l-grid--item--Order-on-md,
            var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))
          )
        )
      )
    );
  }
}
.pf-l-grid.pf-m-all-1-col > * {
  --pf-l-grid__item--GridColumnEnd: span 1;
}
.pf-l-grid.pf-m-all-2-col > * {
  --pf-l-grid__item--GridColumnEnd: span 2;
}
.pf-l-grid.pf-m-all-3-col > * {
  --pf-l-grid__item--GridColumnEnd: span 3;
}
.pf-l-grid.pf-m-all-4-col > * {
  --pf-l-grid__item--GridColumnEnd: span 4;
}
.pf-l-grid.pf-m-all-5-col > * {
  --pf-l-grid__item--GridColumnEnd: span 5;
}
.pf-l-grid.pf-m-all-6-col > * {
  --pf-l-grid__item--GridColumnEnd: span 6;
}
.pf-l-grid.pf-m-all-7-col > * {
  --pf-l-grid__item--GridColumnEnd: span 7;
}
.pf-l-grid.pf-m-all-8-col > * {
  --pf-l-grid__item--GridColumnEnd: span 8;
}
.pf-l-grid.pf-m-all-9-col > * {
  --pf-l-grid__item--GridColumnEnd: span 9;
}
.pf-l-grid.pf-m-all-10-col > * {
  --pf-l-grid__item--GridColumnEnd: span 10;
}
.pf-l-grid.pf-m-all-11-col > * {
  --pf-l-grid__item--GridColumnEnd: span 11;
}
.pf-l-grid.pf-m-all-12-col > * {
  --pf-l-grid__item--GridColumnEnd: span 12;
}
@media screen and (min-width: 576px) {
  .pf-l-grid.pf-m-all-1-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid.pf-m-all-2-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid.pf-m-all-3-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid.pf-m-all-4-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid.pf-m-all-5-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid.pf-m-all-6-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid.pf-m-all-7-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid.pf-m-all-8-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid.pf-m-all-9-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid.pf-m-all-10-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid.pf-m-all-11-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid.pf-m-all-12-col-on-sm > * {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
}
@media screen and (min-width: 768px) {
  .pf-l-grid.pf-m-all-1-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid.pf-m-all-2-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid.pf-m-all-3-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid.pf-m-all-4-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid.pf-m-all-5-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid.pf-m-all-6-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid.pf-m-all-7-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid.pf-m-all-8-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid.pf-m-all-9-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid.pf-m-all-10-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid.pf-m-all-11-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid.pf-m-all-12-col-on-md > * {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
}
@media screen and (min-width: 992px) {
  .pf-l-grid.pf-m-all-1-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid.pf-m-all-2-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid.pf-m-all-3-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid.pf-m-all-4-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid.pf-m-all-5-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid.pf-m-all-6-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid.pf-m-all-7-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid.pf-m-all-8-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid.pf-m-all-9-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid.pf-m-all-10-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid.pf-m-all-11-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid.pf-m-all-12-col-on-lg > * {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
}
@media screen and (min-width: 1200px) {
  .pf-l-grid.pf-m-all-1-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid.pf-m-all-2-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid.pf-m-all-3-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid.pf-m-all-4-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid.pf-m-all-5-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid.pf-m-all-6-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid.pf-m-all-7-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid.pf-m-all-8-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid.pf-m-all-9-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid.pf-m-all-10-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid.pf-m-all-11-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid.pf-m-all-12-col-on-xl > * {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
}
@media screen and (min-width: 1450px) {
  .pf-l-grid.pf-m-all-1-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid.pf-m-all-2-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid.pf-m-all-3-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid.pf-m-all-4-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid.pf-m-all-5-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid.pf-m-all-6-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid.pf-m-all-7-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid.pf-m-all-8-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid.pf-m-all-9-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid.pf-m-all-10-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid.pf-m-all-11-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid.pf-m-all-12-col-on-2xl > * {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
}
.pf-l-grid > .pf-m-1-col {
  --pf-l-grid__item--GridColumnEnd: span 1;
}
.pf-l-grid > .pf-m-2-col {
  --pf-l-grid__item--GridColumnEnd: span 2;
}
.pf-l-grid > .pf-m-3-col {
  --pf-l-grid__item--GridColumnEnd: span 3;
}
.pf-l-grid > .pf-m-4-col {
  --pf-l-grid__item--GridColumnEnd: span 4;
}
.pf-l-grid > .pf-m-5-col {
  --pf-l-grid__item--GridColumnEnd: span 5;
}
.pf-l-grid > .pf-m-6-col {
  --pf-l-grid__item--GridColumnEnd: span 6;
}
.pf-l-grid > .pf-m-7-col {
  --pf-l-grid__item--GridColumnEnd: span 7;
}
.pf-l-grid > .pf-m-8-col {
  --pf-l-grid__item--GridColumnEnd: span 8;
}
.pf-l-grid > .pf-m-9-col {
  --pf-l-grid__item--GridColumnEnd: span 9;
}
.pf-l-grid > .pf-m-10-col {
  --pf-l-grid__item--GridColumnEnd: span 10;
}
.pf-l-grid > .pf-m-11-col {
  --pf-l-grid__item--GridColumnEnd: span 11;
}
.pf-l-grid > .pf-m-12-col {
  --pf-l-grid__item--GridColumnEnd: span 12;
}
.pf-l-grid > .pf-m-offset-1-col {
  --pf-l-grid__item--GridColumnStart: col-start 2;
}
.pf-l-grid > .pf-m-offset-2-col {
  --pf-l-grid__item--GridColumnStart: col-start 3;
}
.pf-l-grid > .pf-m-offset-3-col {
  --pf-l-grid__item--GridColumnStart: col-start 4;
}
.pf-l-grid > .pf-m-offset-4-col {
  --pf-l-grid__item--GridColumnStart: col-start 5;
}
.pf-l-grid > .pf-m-offset-5-col {
  --pf-l-grid__item--GridColumnStart: col-start 6;
}
.pf-l-grid > .pf-m-offset-6-col {
  --pf-l-grid__item--GridColumnStart: col-start 7;
}
.pf-l-grid > .pf-m-offset-7-col {
  --pf-l-grid__item--GridColumnStart: col-start 8;
}
.pf-l-grid > .pf-m-offset-8-col {
  --pf-l-grid__item--GridColumnStart: col-start 9;
}
.pf-l-grid > .pf-m-offset-9-col {
  --pf-l-grid__item--GridColumnStart: col-start 10;
}
.pf-l-grid > .pf-m-offset-10-col {
  --pf-l-grid__item--GridColumnStart: col-start 11;
}
.pf-l-grid > .pf-m-offset-11-col {
  --pf-l-grid__item--GridColumnStart: col-start 12;
}
.pf-l-grid > .pf-m-offset-12-col {
  --pf-l-grid__item--GridColumnStart: col-start 13;
}
.pf-l-grid > .pf-m-1-row {
  grid-row: span 1;
}
.pf-l-grid > .pf-m-2-row {
  grid-row: span 2;
}
.pf-l-grid > .pf-m-3-row {
  grid-row: span 3;
}
.pf-l-grid > .pf-m-4-row {
  grid-row: span 4;
}
.pf-l-grid > .pf-m-5-row {
  grid-row: span 5;
}
.pf-l-grid > .pf-m-6-row {
  grid-row: span 6;
}
.pf-l-grid > .pf-m-7-row {
  grid-row: span 7;
}
.pf-l-grid > .pf-m-8-row {
  grid-row: span 8;
}
.pf-l-grid > .pf-m-9-row {
  grid-row: span 9;
}
.pf-l-grid > .pf-m-10-row {
  grid-row: span 10;
}
.pf-l-grid > .pf-m-11-row {
  grid-row: span 11;
}
.pf-l-grid > .pf-m-12-row {
  grid-row: span 12;
}
@media screen and (min-width: 576px) {
  .pf-l-grid > .pf-m-1-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid > .pf-m-2-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid > .pf-m-3-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid > .pf-m-4-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid > .pf-m-5-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid > .pf-m-6-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid > .pf-m-7-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid > .pf-m-8-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid > .pf-m-9-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid > .pf-m-10-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid > .pf-m-11-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid > .pf-m-12-col-on-sm {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
  .pf-l-grid > .pf-m-offset-1-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 2;
  }
  .pf-l-grid > .pf-m-offset-2-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 3;
  }
  .pf-l-grid > .pf-m-offset-3-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 4;
  }
  .pf-l-grid > .pf-m-offset-4-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 5;
  }
  .pf-l-grid > .pf-m-offset-5-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 6;
  }
  .pf-l-grid > .pf-m-offset-6-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 7;
  }
  .pf-l-grid > .pf-m-offset-7-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 8;
  }
  .pf-l-grid > .pf-m-offset-8-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 9;
  }
  .pf-l-grid > .pf-m-offset-9-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 10;
  }
  .pf-l-grid > .pf-m-offset-10-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 11;
  }
  .pf-l-grid > .pf-m-offset-11-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 12;
  }
  .pf-l-grid > .pf-m-offset-12-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start 13;
  }
  .pf-l-grid > .pf-m-1-row-on-sm {
    grid-row: span 1;
  }
  .pf-l-grid > .pf-m-2-row-on-sm {
    grid-row: span 2;
  }
  .pf-l-grid > .pf-m-3-row-on-sm {
    grid-row: span 3;
  }
  .pf-l-grid > .pf-m-4-row-on-sm {
    grid-row: span 4;
  }
  .pf-l-grid > .pf-m-5-row-on-sm {
    grid-row: span 5;
  }
  .pf-l-grid > .pf-m-6-row-on-sm {
    grid-row: span 6;
  }
  .pf-l-grid > .pf-m-7-row-on-sm {
    grid-row: span 7;
  }
  .pf-l-grid > .pf-m-8-row-on-sm {
    grid-row: span 8;
  }
  .pf-l-grid > .pf-m-9-row-on-sm {
    grid-row: span 9;
  }
  .pf-l-grid > .pf-m-10-row-on-sm {
    grid-row: span 10;
  }
  .pf-l-grid > .pf-m-11-row-on-sm {
    grid-row: span 11;
  }
  .pf-l-grid > .pf-m-12-row-on-sm {
    grid-row: span 12;
  }
}
@media screen and (min-width: 768px) {
  .pf-l-grid > .pf-m-1-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid > .pf-m-2-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid > .pf-m-3-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid > .pf-m-4-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid > .pf-m-5-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid > .pf-m-6-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid > .pf-m-7-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid > .pf-m-8-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid > .pf-m-9-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid > .pf-m-10-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid > .pf-m-11-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid > .pf-m-12-col-on-md {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
  .pf-l-grid > .pf-m-offset-1-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 2;
  }
  .pf-l-grid > .pf-m-offset-2-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 3;
  }
  .pf-l-grid > .pf-m-offset-3-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 4;
  }
  .pf-l-grid > .pf-m-offset-4-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 5;
  }
  .pf-l-grid > .pf-m-offset-5-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 6;
  }
  .pf-l-grid > .pf-m-offset-6-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 7;
  }
  .pf-l-grid > .pf-m-offset-7-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 8;
  }
  .pf-l-grid > .pf-m-offset-8-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 9;
  }
  .pf-l-grid > .pf-m-offset-9-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 10;
  }
  .pf-l-grid > .pf-m-offset-10-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 11;
  }
  .pf-l-grid > .pf-m-offset-11-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 12;
  }
  .pf-l-grid > .pf-m-offset-12-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start 13;
  }
  .pf-l-grid > .pf-m-1-row-on-md {
    grid-row: span 1;
  }
  .pf-l-grid > .pf-m-2-row-on-md {
    grid-row: span 2;
  }
  .pf-l-grid > .pf-m-3-row-on-md {
    grid-row: span 3;
  }
  .pf-l-grid > .pf-m-4-row-on-md {
    grid-row: span 4;
  }
  .pf-l-grid > .pf-m-5-row-on-md {
    grid-row: span 5;
  }
  .pf-l-grid > .pf-m-6-row-on-md {
    grid-row: span 6;
  }
  .pf-l-grid > .pf-m-7-row-on-md {
    grid-row: span 7;
  }
  .pf-l-grid > .pf-m-8-row-on-md {
    grid-row: span 8;
  }
  .pf-l-grid > .pf-m-9-row-on-md {
    grid-row: span 9;
  }
  .pf-l-grid > .pf-m-10-row-on-md {
    grid-row: span 10;
  }
  .pf-l-grid > .pf-m-11-row-on-md {
    grid-row: span 11;
  }
  .pf-l-grid > .pf-m-12-row-on-md {
    grid-row: span 12;
  }
}
@media screen and (min-width: 992px) {
  .pf-l-grid > .pf-m-1-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid > .pf-m-2-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid > .pf-m-3-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid > .pf-m-4-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid > .pf-m-5-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid > .pf-m-6-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid > .pf-m-7-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid > .pf-m-8-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid > .pf-m-9-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid > .pf-m-10-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid > .pf-m-11-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid > .pf-m-12-col-on-lg {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
  .pf-l-grid > .pf-m-offset-1-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 2;
  }
  .pf-l-grid > .pf-m-offset-2-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 3;
  }
  .pf-l-grid > .pf-m-offset-3-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 4;
  }
  .pf-l-grid > .pf-m-offset-4-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 5;
  }
  .pf-l-grid > .pf-m-offset-5-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 6;
  }
  .pf-l-grid > .pf-m-offset-6-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 7;
  }
  .pf-l-grid > .pf-m-offset-7-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 8;
  }
  .pf-l-grid > .pf-m-offset-8-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 9;
  }
  .pf-l-grid > .pf-m-offset-9-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 10;
  }
  .pf-l-grid > .pf-m-offset-10-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 11;
  }
  .pf-l-grid > .pf-m-offset-11-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 12;
  }
  .pf-l-grid > .pf-m-offset-12-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start 13;
  }
  .pf-l-grid > .pf-m-1-row-on-lg {
    grid-row: span 1;
  }
  .pf-l-grid > .pf-m-2-row-on-lg {
    grid-row: span 2;
  }
  .pf-l-grid > .pf-m-3-row-on-lg {
    grid-row: span 3;
  }
  .pf-l-grid > .pf-m-4-row-on-lg {
    grid-row: span 4;
  }
  .pf-l-grid > .pf-m-5-row-on-lg {
    grid-row: span 5;
  }
  .pf-l-grid > .pf-m-6-row-on-lg {
    grid-row: span 6;
  }
  .pf-l-grid > .pf-m-7-row-on-lg {
    grid-row: span 7;
  }
  .pf-l-grid > .pf-m-8-row-on-lg {
    grid-row: span 8;
  }
  .pf-l-grid > .pf-m-9-row-on-lg {
    grid-row: span 9;
  }
  .pf-l-grid > .pf-m-10-row-on-lg {
    grid-row: span 10;
  }
  .pf-l-grid > .pf-m-11-row-on-lg {
    grid-row: span 11;
  }
  .pf-l-grid > .pf-m-12-row-on-lg {
    grid-row: span 12;
  }
}
@media screen and (min-width: 1200px) {
  .pf-l-grid > .pf-m-1-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid > .pf-m-2-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid > .pf-m-3-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid > .pf-m-4-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid > .pf-m-5-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid > .pf-m-6-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid > .pf-m-7-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid > .pf-m-8-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid > .pf-m-9-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid > .pf-m-10-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid > .pf-m-11-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid > .pf-m-12-col-on-xl {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
  .pf-l-grid > .pf-m-offset-1-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 2;
  }
  .pf-l-grid > .pf-m-offset-2-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 3;
  }
  .pf-l-grid > .pf-m-offset-3-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 4;
  }
  .pf-l-grid > .pf-m-offset-4-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 5;
  }
  .pf-l-grid > .pf-m-offset-5-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 6;
  }
  .pf-l-grid > .pf-m-offset-6-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 7;
  }
  .pf-l-grid > .pf-m-offset-7-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 8;
  }
  .pf-l-grid > .pf-m-offset-8-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 9;
  }
  .pf-l-grid > .pf-m-offset-9-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 10;
  }
  .pf-l-grid > .pf-m-offset-10-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 11;
  }
  .pf-l-grid > .pf-m-offset-11-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 12;
  }
  .pf-l-grid > .pf-m-offset-12-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start 13;
  }
  .pf-l-grid > .pf-m-1-row-on-xl {
    grid-row: span 1;
  }
  .pf-l-grid > .pf-m-2-row-on-xl {
    grid-row: span 2;
  }
  .pf-l-grid > .pf-m-3-row-on-xl {
    grid-row: span 3;
  }
  .pf-l-grid > .pf-m-4-row-on-xl {
    grid-row: span 4;
  }
  .pf-l-grid > .pf-m-5-row-on-xl {
    grid-row: span 5;
  }
  .pf-l-grid > .pf-m-6-row-on-xl {
    grid-row: span 6;
  }
  .pf-l-grid > .pf-m-7-row-on-xl {
    grid-row: span 7;
  }
  .pf-l-grid > .pf-m-8-row-on-xl {
    grid-row: span 8;
  }
  .pf-l-grid > .pf-m-9-row-on-xl {
    grid-row: span 9;
  }
  .pf-l-grid > .pf-m-10-row-on-xl {
    grid-row: span 10;
  }
  .pf-l-grid > .pf-m-11-row-on-xl {
    grid-row: span 11;
  }
  .pf-l-grid > .pf-m-12-row-on-xl {
    grid-row: span 12;
  }
}
@media screen and (min-width: 1450px) {
  .pf-l-grid > .pf-m-1-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 1;
  }
  .pf-l-grid > .pf-m-2-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 2;
  }
  .pf-l-grid > .pf-m-3-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 3;
  }
  .pf-l-grid > .pf-m-4-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 4;
  }
  .pf-l-grid > .pf-m-5-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 5;
  }
  .pf-l-grid > .pf-m-6-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 6;
  }
  .pf-l-grid > .pf-m-7-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 7;
  }
  .pf-l-grid > .pf-m-8-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 8;
  }
  .pf-l-grid > .pf-m-9-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 9;
  }
  .pf-l-grid > .pf-m-10-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 10;
  }
  .pf-l-grid > .pf-m-11-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 11;
  }
  .pf-l-grid > .pf-m-12-col-on-2xl {
    --pf-l-grid__item--GridColumnEnd: span 12;
  }
  .pf-l-grid > .pf-m-offset-1-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 2;
  }
  .pf-l-grid > .pf-m-offset-2-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 3;
  }
  .pf-l-grid > .pf-m-offset-3-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 4;
  }
  .pf-l-grid > .pf-m-offset-4-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 5;
  }
  .pf-l-grid > .pf-m-offset-5-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 6;
  }
  .pf-l-grid > .pf-m-offset-6-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 7;
  }
  .pf-l-grid > .pf-m-offset-7-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 8;
  }
  .pf-l-grid > .pf-m-offset-8-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 9;
  }
  .pf-l-grid > .pf-m-offset-9-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 10;
  }
  .pf-l-grid > .pf-m-offset-10-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 11;
  }
  .pf-l-grid > .pf-m-offset-11-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 12;
  }
  .pf-l-grid > .pf-m-offset-12-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start 13;
  }
  .pf-l-grid > .pf-m-1-row-on-2xl {
    grid-row: span 1;
  }
  .pf-l-grid > .pf-m-2-row-on-2xl {
    grid-row: span 2;
  }
  .pf-l-grid > .pf-m-3-row-on-2xl {
    grid-row: span 3;
  }
  .pf-l-grid > .pf-m-4-row-on-2xl {
    grid-row: span 4;
  }
  .pf-l-grid > .pf-m-5-row-on-2xl {
    grid-row: span 5;
  }
  .pf-l-grid > .pf-m-6-row-on-2xl {
    grid-row: span 6;
  }
  .pf-l-grid > .pf-m-7-row-on-2xl {
    grid-row: span 7;
  }
  .pf-l-grid > .pf-m-8-row-on-2xl {
    grid-row: span 8;
  }
  .pf-l-grid > .pf-m-9-row-on-2xl {
    grid-row: span 9;
  }
  .pf-l-grid > .pf-m-10-row-on-2xl {
    grid-row: span 10;
  }
  .pf-l-grid > .pf-m-11-row-on-2xl {
    grid-row: span 11;
  }
  .pf-l-grid > .pf-m-12-row-on-2xl {
    grid-row: span 12;
  }
}
.pf-l-grid.pf-m-gutter {
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
}
.pf-c-card {
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
  --pf-c-card--first-child--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-card--child--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-card__title--FontFamily: var(
    --pf-global--FontFamily--heading--sans-serif
  );
  --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
  --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-card__title--not--last-child--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-card__header-toggle--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
  --pf-c-card__header-toggle--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-card__header-toggle--MarginLeft: calc(
    var(--pf-global--spacer--md) * -1
  );
  --pf-c-card__header-toggle-icon--Transition: var(--pf-global--Transition);
  --pf-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
  --pf-c-card--m-hoverable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-card--m-selectable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-card--m-selectable--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-card--m-selectable--active--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-card--m-selectable--m-selected--BoxShadow: var(
    --pf-global--BoxShadow--lg
  );
  --pf-c-card--m-selectable--m-selected--before--Height: var(
    --pf-global--BorderWidth--lg
  );
  --pf-c-card--m-selectable--m-selected--before--BackgroundColor: var(
    --pf-global--active-color--100
  );
  --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(
    --pf-global--BoxShadow--md
  );
  --pf-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(
    --pf-global--active-color--400
  );
  --pf-c-card--m-selectable-raised--before--Right: 0;
  --pf-c-card--m-selectable-raised--before--Bottom: 0;
  --pf-c-card--m-selectable-raised--before--Left: 0;
  --pf-c-card--m-flat--m-selectable-raised--before--Right: calc(
    -1 * var(--pf-c-card--m-flat--BorderWidth)
  );
  --pf-c-card--m-flat--m-selectable-raised--before--Bottom: calc(
    -1 * var(--pf-c-card--m-flat--BorderWidth)
  );
  --pf-c-card--m-flat--m-selectable-raised--before--Left: calc(
    -1 * var(--pf-c-card--m-flat--BorderWidth)
  );
  --pf-c-card--m-selectable-raised--before--Height: var(
    --pf-global--BorderWidth--xl
  );
  --pf-c-card--m-selectable-raised--before--BackgroundColor: transparent;
  --pf-c-card--m-selectable-raised--before--Transition: none;
  --pf-c-card--m-selectable-raised--before--ScaleY: 1;
  --pf-c-card--m-selectable-raised--before--TranslateY: 0;
  --pf-c-card--m-selectable-raised--hover--BoxShadow: var(
    --pf-global--BoxShadow--md
  );
  --pf-c-card--m-selectable-raised--hover--before--BackgroundColor: var(
    --pf-global--active-color--400
  );
  --pf-c-card--m-selectable-raised--focus--BoxShadow: var(
    --pf-global--BoxShadow--md
  );
  --pf-c-card--m-selectable-raised--focus--before--BackgroundColor: var(
    --pf-global--active-color--400
  );
  --pf-c-card--m-selectable-raised--active--BoxShadow: var(
    --pf-global--BoxShadow--md
  );
  --pf-c-card--m-selectable-raised--active--before--BackgroundColor: var(
    --pf-global--active-color--400
  );
  --pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(
    --pf-global--active-color--100
  );
  --pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(
    --pf-global--BoxShadow--lg
  );
  --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
  --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(
    --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base
  );
  --pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(
    var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) +
      var(--pf-c-card--m-flat--BorderWidth)
  );
  --pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(
    var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) +
      var(--pf-c-card--m-rounded--BorderRadius)
  );
  --pf-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(
    --pf-global--ZIndex--xs
  );
  --pf-c-card--m-selectable-raised--m-selected-raised--Transition: transform
      0.25s linear,
    box-shadow 0.25s linear;
  --pf-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform
    0.25s linear;
  --pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(
    var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1
  );
  --pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
  --pf-c-card--m-non-selectable-raised--BackgroundColor: var(
    --pf-global--BackgroundColor--light-200
  );
  --pf-c-card--m-non-selectable-raised--before--BackgroundColor: var(
    --pf-global--disabled-color--200
  );
  --pf-c-card--m-non-selectable-raised--before--ScaleY: 2;
  --pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(
    --pf-global--disabled-color--200
  );
  --pf-c-card--m-compact__body--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-card--m-compact__footer--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-card--m-compact--first-child--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-card--m-compact--child--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-card--m-compact--child--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-card--m-compact--c-divider--child--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
  --pf-c-card--m-display-lg--first-child--PaddingTop: var(
    --pf-global--spacer--xl
  );
  --pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
  --pf-c-card--m-display-lg--child--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-card--m-display-lg--c-divider--child--PaddingTop: var(
    --pf-global--spacer--xl
  );
  --pf-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-card--m-flat--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-card--m-flat--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-card--m-rounded--BorderRadius: var(--pf-global--BorderRadius--sm);
  --pf-c-card--m-full-height--Height: 100%;
  --pf-c-card--m-plain--BoxShadow: none;
  --pf-c-card--m-plain--BackgroundColor: transparent;
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(
    --pf-global--spacer--xs
  );
  --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
  display: flex;
  flex-direction: column;
  background-color: var(--pf-c-card--BackgroundColor);
  box-shadow: var(--pf-c-card--BoxShadow);
}
.pf-c-card.pf-m-hoverable:hover {
  box-shadow: var(--pf-c-card--m-hoverable--hover--BoxShadow);
}
.pf-c-card.pf-m-selectable {
  position: relative;
  cursor: pointer;
}
.pf-c-card.pf-m-selectable:hover {
  box-shadow: var(--pf-c-card--m-selectable--hover--BoxShadow);
}
.pf-c-card.pf-m-selectable:focus {
  box-shadow: var(--pf-c-card--m-selectable--focus--BoxShadow);
}
.pf-c-card.pf-m-selectable:active {
  box-shadow: var(--pf-c-card--m-selectable--active--BoxShadow);
}
.pf-c-card.pf-m-selectable.pf-m-selected {
  box-shadow: var(--pf-c-card--m-selectable--m-selected--BoxShadow);
}
.pf-c-card.pf-m-selectable.pf-m-selected:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: var(--pf-c-card--m-selectable--m-selected--before--Height);
  content: "";
  background-color: var(
    --pf-c-card--m-selectable--m-selected--before--BackgroundColor
  );
}
.pf-c-card.pf-m-hoverable-raised,
.pf-c-card.pf-m-selectable-raised,
.pf-c-card.pf-m-non-selectable-raised {
  position: relative;
}
.pf-c-card.pf-m-hoverable-raised:before,
.pf-c-card.pf-m-selectable-raised:before,
.pf-c-card.pf-m-non-selectable-raised:before {
  position: absolute;
  right: var(--pf-c-card--m-selectable-raised--before--Right);
  bottom: var(--pf-c-card--m-selectable-raised--before--Bottom);
  left: var(--pf-c-card--m-selectable-raised--before--Left);
  height: var(--pf-c-card--m-selectable-raised--before--Height);
  content: "";
  background-color: var(
    --pf-c-card--m-selectable-raised--before--BackgroundColor
  );
  transition: var(--pf-c-card--m-selectable-raised--before--Transition);
  transform: translateY(
      var(--pf-c-card--m-selectable-raised--before--TranslateY)
    )
    scaleY(var(--pf-c-card--m-selectable-raised--before--ScaleY));
  transform-origin: center bottom;
}
.pf-c-card.pf-m-hoverable-raised:hover {
  --pf-c-card--BoxShadow: var(
    --pf-c-card--m-hoverable-raised--hover--BoxShadow
  );
  --pf-c-card--m-selectable-raised--before--BackgroundColor: var(
    --pf-c-card--m-hoverable-raised--hover--before--BackgroundColor
  );
}
.pf-c-card.pf-m-selectable-raised {
  cursor: pointer;
}
.pf-c-card.pf-m-selectable-raised:hover {
  --pf-c-card--BoxShadow: var(
    --pf-c-card--m-selectable-raised--hover--BoxShadow
  );
  --pf-c-card--m-selectable-raised--before--BackgroundColor: var(
    --pf-c-card--m-selectable-raised--hover--before--BackgroundColor
  );
}
.pf-c-card.pf-m-selectable-raised:focus {
  --pf-c-card--BoxShadow: var(
    --pf-c-card--m-selectable-raised--focus--BoxShadow
  );
  --pf-c-card--m-selectable-raised--before--BackgroundColor: var(
    --pf-c-card--m-selectable-raised--focus--before--BackgroundColor
  );
}
.pf-c-card.pf-m-selectable-raised:active {
  --pf-c-card--BoxShadow: var(
    --pf-c-card--m-selectable-raised--active--BoxShadow
  );
  --pf-c-card--m-selectable-raised--before--BackgroundColor: var(
    --pf-c-card--m-selectable-raised--active--before--BackgroundColor
  );
}
.pf-c-card.pf-m-selectable-raised.pf-m-selected-raised {
  --pf-c-card--m-selectable-raised--before--BackgroundColor: var(
    --pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor
  );
  --pf-c-card--m-selectable-raised--before--Transition: var(
    --pf-c-card--m-selectable-raised--m-selected-raised--before--Transition
  );
  --pf-c-card--m-selectable-raised--before--TranslateY: var(
    --pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY
  );
  --pf-c-card--m-selectable-raised--before--ScaleY: var(
    --pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY
  );
  z-index: var(--pf-c-card--m-selectable-raised--m-selected-raised--ZIndex);
  box-shadow: var(
    --pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow
  );
  transition: var(
    --pf-c-card--m-selectable-raised--m-selected-raised--Transition
  );
  transform: translateY(
    var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY)
  );
}
.pf-c-card.pf-m-non-selectable-raised {
  --pf-c-card--BackgroundColor: var(
    --pf-c-card--m-non-selectable-raised--BackgroundColor
  );
  --pf-c-card--BoxShadow: none;
  --pf-c-card--m-flat--BorderColor: var(
    --pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor
  );
  --pf-c-card--m-selectable-raised--before--BackgroundColor: var(
    --pf-c-card--m-non-selectable-raised--before--BackgroundColor
  );
  --pf-c-card--m-selectable-raised--before--ScaleY: var(
    --pf-c-card--m-non-selectable-raised--before--ScaleY
  );
}
.pf-c-card.pf-m-compact {
  --pf-c-card__body--FontSize: var(--pf-c-card--m-compact__body--FontSize);
  --pf-c-card__footer--FontSize: var(--pf-c-card--m-compact__footer--FontSize);
  --pf-c-card--first-child--PaddingTop: var(
    --pf-c-card--m-compact--first-child--PaddingTop
  );
  --pf-c-card--child--PaddingRight: var(
    --pf-c-card--m-compact--child--PaddingRight
  );
  --pf-c-card--child--PaddingBottom: var(
    --pf-c-card--m-compact--child--PaddingBottom
  );
  --pf-c-card--child--PaddingLeft: var(
    --pf-c-card--m-compact--child--PaddingLeft
  );
  --pf-c-card--c-divider--child--PaddingTop: var(
    --pf-c-card--m-compact--c-divider--child--PaddingTop
  );
  --pf-c-card__title--not--last-child--PaddingBottom: var(
    --pf-c-card--m-compact__title--not--last-child--PaddingBottom
  );
}
.pf-c-card.pf-m-display-lg {
  --pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
  --pf-c-card--first-child--PaddingTop: var(
    --pf-c-card--m-display-lg--first-child--PaddingTop
  );
  --pf-c-card--child--PaddingRight: var(
    --pf-c-card--m-display-lg--child--PaddingRight
  );
  --pf-c-card--child--PaddingBottom: var(
    --pf-c-card--m-display-lg--child--PaddingBottom
  );
  --pf-c-card--child--PaddingLeft: var(
    --pf-c-card--m-display-lg--child--PaddingLeft
  );
  --pf-c-card--c-divider--child--PaddingTop: var(
    --pf-c-card--m-display-lg--c-divider--child--PaddingTop
  );
  --pf-c-card__title--not--last-child--PaddingBottom: var(
    --pf-c-card--m-display-lg__title--not--last-child--PaddingBottom
  );
}
.pf-c-card.pf-m-flat {
  --pf-c-card--BoxShadow: none;
  --pf-c-card--m-selectable-raised--before--Right: var(
    --pf-c-card--m-flat--m-selectable-raised--before--Right
  );
  --pf-c-card--m-selectable-raised--before--Bottom: var(
    --pf-c-card--m-flat--m-selectable-raised--before--Bottom
  );
  --pf-c-card--m-selectable-raised--before--Left: var(
    --pf-c-card--m-flat--m-selectable-raised--before--Left
  );
  --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(
    --pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY
  );
  border: var(--pf-c-card--m-flat--BorderWidth) solid
    var(--pf-c-card--m-flat--BorderColor);
}
.pf-c-card.pf-m-plain {
  --pf-c-card--BoxShadow: var(--pf-c-card--m-plain--BoxShadow);
  --pf-c-card--BackgroundColor: var(--pf-c-card--m-plain--BackgroundColor);
}
.pf-c-card.pf-m-rounded {
  --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(
    --pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY
  );
  border-radius: var(--pf-c-card--m-rounded--BorderRadius);
}
.pf-c-card.pf-m-expanded .pf-c-card__header-toggle-icon {
  transform: rotate(var(--pf-c-card--m-expanded__header-toggle-icon--Rotate));
}
.pf-c-card.pf-m-full-height {
  height: var(--pf-c-card--m-full-height--Height);
}
.pf-c-card > .pf-c-divider + .pf-c-card__header,
.pf-c-card > .pf-c-divider + .pf-c-card__title,
.pf-c-card > .pf-c-divider + .pf-c-card__body,
.pf-c-card > .pf-c-divider + .pf-c-card__footer {
  padding-top: var(--pf-c-card--c-divider--child--PaddingTop);
}
.pf-c-card__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pf-c-card__header .pf-c-card__title {
  --pf-c-card--first-child--PaddingTop: 0;
  --pf-c-card__title--not--last-child--PaddingBottom: 0;
  padding: 0;
}
.pf-c-card__header.pf-m-toggle-right {
  --pf-c-card__header-toggle--MarginRight: var(
    --pf-c-card__header--m-toggle-right--toggle--MarginRight
  );
  --pf-c-card__header-toggle--MarginLeft: var(
    --pf-c-card__header--m-toggle-right--toggle--MarginLeft
  );
}
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
  --pf-c-card__header-toggle--MarginRight: var(
    --pf-c-card__header--m-toggle-right--actions--MarginRight
  );
}
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
  order: 2;
}
.pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
  flex: 1;
}
.pf-c-card__header-toggle {
  align-self: flex-start;
  margin: var(--pf-c-card__header-toggle--MarginTop)
    var(--pf-c-card__header-toggle--MarginRight)
    var(--pf-c-card__header-toggle--MarginBottom)
    var(--pf-c-card__header-toggle--MarginLeft);
}
.pf-c-card__header-toggle-icon {
  display: inline-block;
  transition: var(--pf-c-card__header-toggle-icon--Transition);
}
.pf-c-card__title {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: var(--pf-c-card__title--FontSize);
  font-weight: var(--pf-c-card__title--FontWeight);
}
.pf-c-card__actions {
  display: flex;
  align-items: center;
  align-self: flex-start;
  order: 1;
  padding-left: var(--pf-c-card__actions--PaddingLeft);
  margin: var(--pf-c-card__header-toggle--MarginTop)
    var(--pf-c-card__header-toggle--MarginRight)
    var(--pf-c-card__header-toggle--MarginBottom) auto;
}
.pf-c-card__actions > * + * {
  margin-left: var(--pf-c-card__actions--child--MarginLeft);
}
.pf-c-card__actions + .pf-c-card__title,
.pf-c-card__actions + .pf-c-card__body,
.pf-c-card__actions + .pf-c-card__footer {
  padding: 0;
}
.pf-c-card__actions.pf-m-no-offset {
  --pf-c-card__header-toggle--MarginTop: 0;
  --pf-c-card__header-toggle--MarginBottom: 0;
}
.pf-c-card__header,
.pf-c-card__title,
.pf-c-card__body,
.pf-c-card__footer {
  padding-right: var(--pf-c-card--child--PaddingRight);
  padding-bottom: var(--pf-c-card--child--PaddingBottom);
  padding-left: var(--pf-c-card--child--PaddingLeft);
}
.pf-c-card__header:first-child,
.pf-c-card__title:first-child,
.pf-c-card__body:first-child,
.pf-c-card__footer:first-child {
  padding-top: var(--pf-c-card--first-child--PaddingTop);
}
.pf-c-card__header:not(:last-child),
.pf-c-card__title:not(:last-child) {
  padding-bottom: var(--pf-c-card__title--not--last-child--PaddingBottom);
}
.pf-c-card__expandable-content {
  --pf-c-card--first-child--PaddingTop: 0;
}
.pf-c-card__body:not(.pf-m-no-fill) {
  flex: 1 1 auto;
}
.pf-c-card__body {
  font-size: var(--pf-c-card__body--FontSize);
}
.pf-c-card__footer {
  font-size: var(--pf-c-card__footer--FontSize);
}
.pf-c-card__sr-input:focus + .pf-c-card:after {
  position: absolute;
  inset: 0;
  content: "";
  border: var(--pf-c-card__input--focus--BorderWidth) solid
    var(--pf-c-card__input--focus--BorderColor);
}
.pf-m-overpass-font .pf-c-card .pf-c-card__title {
  font-weight: var(--pf-global--FontWeight--normal);
}
:where(.pf-theme-dark) .pf-c-card,
:where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(
    --pf-global--BoxShadow--lg
  );
  --pf-c-card--m-selectable-raised--hover--BoxShadow: var(
    --pf-global--BoxShadow--lg
  );
  --pf-c-card--m-selectable-raised--focus--BoxShadow: var(
    --pf-global--BoxShadow--lg
  );
  --pf-c-card--m-selectable-raised--active--BoxShadow: var(
    --pf-global--BoxShadow--lg
  );
}
.pf-c-list {
  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-list--m-bordered--li--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-list--m-bordered--li--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
  --pf-c-list__item-icon--MarginTop: 0.375rem;
  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(
    --pf-global--icon--FontSize--lg
  );
  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
  --pf-c-list--m-icon-lg__item-icon--FontSize: var(
    --pf-global--icon--FontSize--lg
  );
  padding-left: var(--pf-c-list--PaddingLeft);
}
.pf-c-list ol,
.pf-c-list ul {
  margin-top: var(--pf-c-list--nested--MarginTop);
  margin-left: var(--pf-c-list--nested--MarginLeft);
}
.pf-c-list li + li {
  margin-top: var(--pf-c-list--li--MarginTop);
}
ul.pf-c-list {
  list-style: var(--pf-c-list--ul--ListStyle);
}
.pf-c-list .pf-c-list__item {
  display: flex;
}
.pf-c-list .pf-c-list__item-icon {
  flex-shrink: 0;
  min-width: var(--pf-c-list__item-icon--MinWidth);
  margin-top: var(--pf-c-list__item-icon--MarginTop);
  margin-right: var(--pf-c-list__item-icon--MarginRight);
  font-size: var(--pf-c-list__item-icon--FontSize);
  line-height: 1;
  color: var(--pf-c-list__item-icon--Color);
}
.pf-c-list.pf-m-icon-lg {
  --pf-c-list__item-icon--MinWidth: var(
    --pf-c-list--m-icon-lg__item-icon--MinWidth
  );
  --pf-c-list__item-icon--MarginTop: 0;
  --pf-c-list__item-icon--MarginRight: var(
    --pf-c-list--m-icon-lg__item-icon--MarginRight
  );
  --pf-c-list__item-icon--FontSize: var(
    --pf-c-list--m-icon-lg__item-icon--FontSize
  );
}
.pf-c-list.pf-m-plain {
  --pf-c-list--PaddingLeft: 0;
  list-style: none;
}
.pf-c-list.pf-m-inline {
  --pf-c-list--PaddingLeft: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.pf-c-list.pf-m-inline li {
  --pf-c-list--li--MarginTop: 0;
}
.pf-c-list.pf-m-inline li:not(:last-child) {
  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
}
.pf-c-list.pf-m-bordered > * {
  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid
    var(--pf-c-list--m-bordered--li--BorderBottomColor);
}
.pf-c-list.pf-m-bordered > :last-child {
  --pf-c-list--m-bordered--li--PaddingBottom: 0;
  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
}
.pf-c-panel {
  --pf-c-panel--Width: auto;
  --pf-c-panel--MinWidth: auto;
  --pf-c-panel--MaxWidth: none;
  --pf-c-panel--ZIndex: auto;
  --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-panel--BoxShadow: none;
  --pf-c-panel--before--BorderWidth: 0;
  --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-panel--m-bordered--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-panel__main--MaxHeight: none;
  --pf-c-panel__main--Overflow: visible;
  --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-panel__footer--BoxShadow: none;
  --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
  --pf-c-panel--m-scrollable__main--Overflow: auto;
  --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem
    rgba(3, 3, 3, 0.16);
  position: relative;
  z-index: var(--pf-c-panel--ZIndex);
  width: var(--pf-c-panel--Width);
  min-width: var(--pf-c-panel--MinWidth);
  max-width: var(--pf-c-panel--MaxWidth);
  background-color: var(--pf-c-panel--BackgroundColor);
  box-shadow: var(--pf-c-panel--BoxShadow);
}
.pf-c-panel:before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-c-panel--before--BorderWidth) solid
    var(--pf-c-panel--before--BorderColor);
}
.pf-c-panel.pf-m-bordered {
  --pf-c-panel--before--BorderWidth: var(
    --pf-c-panel--m-bordered--before--BorderWidth
  );
}
.pf-c-panel.pf-m-raised {
  --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
  --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
}
.pf-c-panel.pf-m-scrollable {
  --pf-c-panel__main--MaxHeight: var(
    --pf-c-panel--m-scrollable__main--MaxHeight
  );
  --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
  --pf-c-panel__footer--BoxShadow: var(
    --pf-c-panel--m-scrollable__footer--BoxShadow
  );
}
.pf-c-panel__header {
  padding: var(--pf-c-panel__header--PaddingTop)
    var(--pf-c-panel__header--PaddingRight)
    var(--pf-c-panel__header--PaddingBottom)
    var(--pf-c-panel__header--PaddingLeft);
}
.pf-c-panel__main {
  max-height: var(--pf-c-panel__main--MaxHeight);
  overflow: var(--pf-c-panel__main--Overflow);
}
.pf-c-panel__main-body {
  padding: var(--pf-c-panel__main-body--PaddingTop)
    var(--pf-c-panel__main-body--PaddingRight)
    var(--pf-c-panel__main-body--PaddingBottom)
    var(--pf-c-panel__main-body--PaddingLeft);
}
.pf-c-panel__footer {
  padding: var(--pf-c-panel__footer--PaddingTop)
    var(--pf-c-panel__footer--PaddingRight)
    var(--pf-c-panel__footer--PaddingBottom)
    var(--pf-c-panel__footer--PaddingLeft);
  box-shadow: var(--pf-c-panel__footer--BoxShadow);
}
.pf-c-text-input-group {
  --pf-c-text-input-group--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-text-input-group__text--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-text-input-group__text--before--BorderColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-text-input-group__text--after--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-text-input-group__text--after--BorderBottomColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-text-input-group--hover__text--after--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(
    --pf-global--spacer--xl
  );
  --pf-c-text-input-group__main--RowGap: var(--pf-global--spacer--xs);
  --pf-c-text-input-group__main--ColumnGap: var(--pf-global--spacer--sm);
  --pf-c-text-input-group--c-chip-group__main--PaddingTop: var(
    --pf-global--spacer--xs
  );
  --pf-c-text-input-group--c-chip-group__main--PaddingRight: var(
    --pf-global--spacer--xs
  );
  --pf-c-text-input-group--c-chip-group__main--PaddingBottom: var(
    --pf-global--spacer--xs
  );
  --pf-c-text-input-group__text-input--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-text-input-group__text-input--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-text-input-group__text-input--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-text-input-group__text-input--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
  --pf-c-text-input-group__text-input--m-hint--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-text-input-group--placeholder--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
  --pf-c-text-input-group__text--hover__icon--Color: var(
    --pf-global--Color--100
  );
  --pf-c-text-input-group__icon--TranslateY: -50%;
  --pf-c-text-input-group__utilities--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-text-input-group__utilities--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-text-input-group__utilities--child--MarginLeft: var(
    --pf-global--spacer--xs
  );
  --pf-c-text-input-group__utilities--c-button--PaddingRight: var(
    --pf-global--spacer--xs
  );
  --pf-c-text-input-group__utilities--c-button--PaddingLeft: var(
    --pf-global--spacer--xs
  );
  --pf-c-text-input-group--m-disabled--Color: var(
    --pf-global--disabled-color--100
  );
  --pf-c-text-input-group--m-disabled--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  position: relative;
  display: flex;
  width: 100%;
  color: var(--pf-c-text-input-group--Color, inherit);
  background-color: var(--pf-c-text-input-group--BackgroundColor);
}
.pf-c-text-input-group:hover {
  --pf-c-text-input-group__text--after--BorderBottomColor: var(
    --pf-c-text-input-group--hover__text--after--BorderBottomColor
  );
}
.pf-c-text-input-group.pf-m-disabled {
  --pf-c-text-input-group__text--before--BorderWidth: 0;
  --pf-c-text-input-group__text--after--BorderBottomWidth: 0;
  --pf-c-text-input-group--Color: var(
    --pf-c-text-input-group--m-disabled--Color
  );
  --pf-c-text-input-group__icon--Color: var(
    --pf-c-text-input-group--m-disabled--Color
  );
  --pf-c-text-input-group--BackgroundColor: var(
    --pf-c-text-input-group--m-disabled--BackgroundColor
  );
  pointer-events: none;
}
.pf-c-text-input-group.pf-m-plain {
  --pf-c-text-input-group--BackgroundColor: transparent;
}
.pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text:before,
.pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text:after {
  border: 0;
}
.pf-c-text-input-group__main {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: var(--pf-c-text-input-group__main--RowGap)
    var(--pf-c-text-input-group__main--ColumnGap);
  min-width: 0;
}
.pf-c-text-input-group__main.pf-m-icon {
  --pf-c-text-input-group__text-input--PaddingLeft: var(
    --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft
  );
}
.pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
  margin-left: var(
    --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft
  );
}
.pf-c-text-input-group__main .pf-c-chip-group__main {
  padding-top: var(--pf-c-text-input-group--c-chip-group__main--PaddingTop);
  padding-right: var(--pf-c-text-input-group--c-chip-group__main--PaddingRight);
  padding-bottom: var(
    --pf-c-text-input-group--c-chip-group__main--PaddingBottom
  );
}
.pf-c-text-input-group__text {
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-template-areas: "text-input";
  flex: 1;
}
.pf-c-text-input-group__text:before,
.pf-c-text-input-group__text:after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}
.pf-c-text-input-group__text:before {
  border: var(--pf-c-text-input-group__text--before--BorderWidth) solid
    var(--pf-c-text-input-group__text--before--BorderColor);
}
.pf-c-text-input-group__text:after {
  border-bottom: var(--pf-c-text-input-group__text--after--BorderBottomWidth)
    solid var(--pf-c-text-input-group__text--after--BorderBottomColor);
}
.pf-c-text-input-group__text:hover,
.pf-c-text-input-group__text:focus-within {
  --pf-c-text-input-group__icon--Color: var(
    --pf-c-text-input-group__text--hover__icon--Color
  );
}
.pf-c-text-input-group__text:focus-within {
  --pf-c-text-input-group__text--after--BorderBottomWidth: var(
    --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth
  );
  --pf-c-text-input-group__text--after--BorderBottomColor: var(
    --pf-c-text-input-group__text--focus-within--after--BorderBottomColor
  );
}
.pf-c-text-input-group__icon {
  position: absolute;
  top: 50%;
  left: var(--pf-c-text-input-group__icon--Left);
  color: var(--pf-c-text-input-group__icon--Color);
  transform: translateY(var(--pf-c-text-input-group__icon--TranslateY));
}
.pf-c-text-input-group__text-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  width: 100%;
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
  padding: var(--pf-c-text-input-group__text-input--PaddingTop)
    var(--pf-c-text-input-group__text-input--PaddingRight)
    var(--pf-c-text-input-group__text-input--PaddingBottom)
    var(--pf-c-text-input-group__text-input--PaddingLeft);
  border: 0;
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-text-input-group__text-input,
.pf-c-text-input-group__text-input.pf-m-hint {
  grid-area: text-input;
}
.pf-c-text-input-group__text-input.pf-m-hint {
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
}
.pf-c-text-input-group__text-input::placeholder {
  color: var(--pf-c-text-input-group--placeholder--Color);
}
.pf-c-text-input-group__utilities {
  display: flex;
  align-items: center;
  margin-right: var(--pf-c-text-input-group__utilities--MarginRight);
  margin-left: var(--pf-c-text-input-group__utilities--MarginLeft);
}
.pf-c-text-input-group__utilities > * + * {
  margin-left: var(--pf-c-text-input-group__utilities--child--MarginLeft);
}
.pf-c-text-input-group__utilities .pf-c-button {
  --pf-c-button--PaddingRight: var(
    --pf-c-text-input-group__utilities--c-button--PaddingRight
  );
  --pf-c-button--PaddingLeft: var(
    --pf-c-text-input-group__utilities--c-button--PaddingLeft
  );
}
.pf-c-text-input-group__group {
  display: flex;
}
.pf-c-inline-edit {
  --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(
    --pf-global--link--Color
  );
  --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
  --pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);
  --pf-c-inline-edit__label--m-bold--FontWeight: var(
    --pf-global--FontWeight--semi-bold
  );
}
.pf-c-inline-edit__group {
  display: flex;
  align-items: baseline;
}
.pf-c-inline-edit__group > * {
  margin-right: var(--pf-c-inline-edit__group--item--MarginRight);
}
.pf-c-inline-edit__group.pf-m-icon-group {
  --pf-c-inline-edit__group--item--MarginRight: var(
    --pf-c-inline-edit__action--m-icon-group--item--MarginRight
  );
}
.pf-c-inline-edit__group.pf-m-footer {
  margin-top: var(--pf-c-inline-edit__group--m-footer--MarginTop);
}
.pf-c-inline-edit__group.pf-m-column {
  --pf-c-inline-edit__group--item--MarginRight: 0;
  flex-direction: column;
}
.pf-c-inline-edit__group > :last-child {
  --pf-c-inline-edit__group--item--MarginRight: 0;
}
.pf-c-inline-edit__input {
  flex: 1;
}
.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain {
  --pf-c-button--m-plain--Color: var(
    --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color
  );
}
.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain:hover {
  --pf-c-button--m-plain--Color: var(
    --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color
  );
}
.pf-c-inline-edit__input,
.pf-c-inline-edit__action,
.pf-c-inline-edit__group.pf-m-action-group {
  display: none;
  visibility: hidden;
}
.pf-c-inline-edit__action.pf-m-enable-editable {
  display: inline-block;
  visibility: visible;
}
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,
.pf-c-inline-edit.pf-m-inline-editable
  .pf-c-inline-edit__group.pf-m-action-group,
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,
.pf-c-inline-edit
  .pf-m-inline-editable
  .pf-c-inline-edit__group.pf-m-action-group {
  visibility: visible;
}
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input {
  display: block;
}
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action {
  display: inline-block;
}
.pf-c-inline-edit.pf-m-inline-editable
  .pf-c-inline-edit__group.pf-m-action-group,
.pf-c-inline-edit
  .pf-m-inline-editable
  .pf-c-inline-edit__group.pf-m-action-group {
  display: inline-flex;
}
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__value,
.pf-c-inline-edit.pf-m-inline-editable
  .pf-c-inline-edit__action.pf-m-enable-editable,
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,
.pf-c-inline-edit
  .pf-m-inline-editable
  .pf-c-inline-edit__action.pf-m-enable-editable {
  display: none;
  visibility: hidden;
}
.pf-c-inline-edit__label
  + .pf-c-inline-edit__action.pf-m-enable
  > .pf-c-button {
  margin-top: calc(var(--pf-c-button--PaddingTop) * -1);
  margin-bottom: calc(var(--pf-c-button--PaddingBottom) * -1);
}
.pf-c-inline-edit__label.pf-m-bold {
  font-weight: var(--pf-c-inline-edit__label--m-bold--FontWeight);
}
.pf-c-inline-edit__editable-text br {
  display: none;
}
.pf-c-table {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-table tr > * {
  --pf-hidden-visible--visible--Visibility: visible;
  --pf-hidden-visible--hidden--Display: none;
  --pf-hidden-visible--hidden--Visibility: hidden;
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
  --pf-hidden-visible--Visibility: var(
    --pf-hidden-visible--visible--Visibility
  );
  display: var(--pf-hidden-visible--Display);
  visibility: var(--pf-hidden-visible--Visibility);
}
.pf-c-table tr > .pf-m-hidden {
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
}
@media screen and (min-width: 576px) {
  .pf-c-table tr > .pf-m-hidden-on-sm {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-c-table tr > .pf-m-visible-on-sm {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 768px) {
  .pf-c-table tr > .pf-m-hidden-on-md {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-c-table tr > .pf-m-visible-on-md {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 992px) {
  .pf-c-table tr > .pf-m-hidden-on-lg {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-c-table tr > .pf-m-visible-on-lg {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-table tr > .pf-m-hidden-on-xl {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-c-table tr > .pf-m-visible-on-xl {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1450px) {
  .pf-c-table tr > .pf-m-hidden-on-2xl {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-c-table tr > .pf-m-visible-on-2xl {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
.pf-c-table {
  --pf-c-table--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-table--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-table--border-width--base: var(--pf-global--BorderWidth--sm);
  --pf-c-table-caption--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-table-caption--Color: var(--pf-global--Color--200);
  --pf-c-table-caption--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-table-caption--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-table-caption--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-table-caption--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-table-caption--xl--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-table-caption--xl--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-table--thead--cell--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-table--thead--cell--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-table--tbody--cell--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-table--tbody--cell--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem
    rgba(3, 3, 3, 0.08);
  --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);
  --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);
  --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-table--cell--Color: var(--pf-global--Color--100);
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--cell--Padding--base);
  --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
  --pf-c-table--cell--first-last-child--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-table--cell--first-last-child--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--cell--first-last-child--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(
    --pf-c-table--cell--Padding--base
  );
  --pf-c-table--cell--MinWidth: 0;
  --pf-c-table--cell--MaxWidth: none;
  --pf-c-table--cell--Width: auto;
  --pf-c-table--cell--Overflow: visible;
  --pf-c-table--cell--TextOverflow: clip;
  --pf-c-table--cell--WhiteSpace: normal;
  --pf-c-table--cell--WordBreak: normal;
  --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-table--cell--m-border-right--before--BorderRightColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-table--cell--m-help--MinWidth: 11ch;
  --pf-c-table--m-truncate--cell--MaxWidth: 1px;
  --pf-c-table--m-truncate--cell--MinWidth: calc(
    5ch + var(--pf-c-table--cell--PaddingRight) +
      var(--pf-c-table--cell--PaddingLeft)
  );
  --pf-c-table--cell--hidden-visible--Display: table-cell;
  --pf-c-table__toggle--c-button--MarginTop: -0.375rem;
  --pf-c-table__toggle--c-button--MarginBottom: -0.375rem;
  --pf-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
  --pf-c-table__toggle--c-button__toggle-icon--Transition: 0.2s ease-in 0s;
  --pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
  --pf-c-table__button--BackgroundColor: transparent;
  --pf-c-table__button--Color: var(--pf-global--Color--100);
  --pf-c-table__button--hover--Color: var(--pf-global--Color--100);
  --pf-c-table__button--focus--Color: var(--pf-global--Color--100);
  --pf-c-table__button--active--Color: var(--pf-global--Color--100);
  --pf-c-table__button--OutlineOffset: calc(
    var(--pf-global--BorderWidth--lg) * -1
  );
  --pf-c-table--m-compact__toggle--PaddingTop: 0;
  --pf-c-table--m-compact__toggle--PaddingBottom: 0;
  --pf-c-table__check--input--MarginTop: 0.25rem;
  --pf-c-table__check--input--FontSize: var(--pf-global--FontSize--md);
  --pf-c-table--cell--m-favorite--Color: var(--pf-global--Color--light-300);
  --pf-c-table__favorite--c-button--Color: var(--pf-global--Color--light-300);
  --pf-c-table__favorite--c-button--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-table__favorite--c-button--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-table__favorite--c-button--MarginRight: calc(
    var(--pf-global--spacer--md) * -1
  );
  --pf-c-table__favorite--c-button--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-table__favorite--c-button--MarginLeft: calc(
    var(--pf-global--spacer--md) * -1
  );
  --pf-c-table__favorite--m-favorited--c-button--Color: var(
    --pf-global--palette--gold-400
  );
  --pf-c-table__sort--m-favorite__button__text--Color: var(
    --pf-global--Color--200
  );
  --pf-c-table__sort--m-favorite__button--hover__text--Color: var(
    --pf-global--Color--100
  );
  --pf-c-table__sort--m-favorite__button--focus__text--Color: var(
    --pf-global--Color--100
  );
  --pf-c-table__sort--m-favorite__button--active__text--Color: var(
    --pf-global--Color--100
  );
  --pf-c-table__draggable--c-button--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-table__draggable--c-button--MarginRight: calc(
    var(--pf-global--spacer--md) * -1
  );
  --pf-c-table__draggable--c-button--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-table__draggable--c-button--MarginLeft: calc(
    var(--pf-global--spacer--md) * -1
  );
  --pf-c-table__tr--m-ghost-row--Opacity: 0.4;
  --pf-c-table__tr--m-ghost-row--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table__action--PaddingTop: 0;
  --pf-c-table__action--PaddingRight: 0;
  --pf-c-table__action--PaddingBottom: 0;
  --pf-c-table__action--PaddingLeft: 0;
  --pf-c-table__inline-edit-action--PaddingTop: 0;
  --pf-c-table__inline-edit-action--PaddingRight: 0;
  --pf-c-table__inline-edit-action--PaddingBottom: 0;
  --pf-c-table__inline-edit-action--PaddingLeft: 0;
  --pf-c-table__expandable-row--Transition: var(--pf-global--Transition);
  --pf-c-table__expandable-row--MaxHeight: 28.125rem;
  --pf-c-table__expandable-row-content--Transition: var(
    --pf-global--Transition
  );
  --pf-c-table__expandable-row-content--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-table__expandable-row-content--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-table__expandable-row--after--Top: calc(
    var(--pf-c-table--border-width--base) * -1
  );
  --pf-c-table__expandable-row--after--Bottom: calc(
    var(--pf-c-table--border-width--base) * -1
  );
  --pf-c-table__expandable-row--after--border-width--base: var(
    --pf-global--BorderWidth--lg
  );
  --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
  --pf-c-table__expandable-row--after--BorderColor: var(
    --pf-global--active-color--100
  );
  --pf-c-table__icon-inline--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-table__sort--MinWidth: calc(
    6ch + var(--pf-c-table--cell--PaddingRight) +
      var(--pf-c-table--cell--PaddingLeft) +
      var(--pf-c-table__sort-indicator--MarginLeft)
  );
  --pf-c-table__sort__button--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-table__sort__button--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-table__sort__button--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-table__sort__button--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-table__sort__button--MarginTop: calc(
    var(--pf-c-table__sort__button--PaddingTop) * -1
  );
  --pf-c-table__sort__button--MarginBottom: calc(
    var(--pf-c-table__sort__button--PaddingBottom) * -1
  );
  --pf-c-table__sort__button--MarginLeft: calc(
    var(--pf-c-table__sort__button--PaddingLeft) * -1
  );
  --pf-c-table__sort__button--Color: var(--pf-global--Color--100);
  --pf-c-table__sort--m-selected__button--Color: var(
    --pf-global--active-color--100
  );
  --pf-c-table__sort--m-help--MinWidth: 15ch;
  --pf-c-table__sort__button__text--Color: currentcolor;
  --pf-c-table__sort__button--hover__text--Color: currentcolor;
  --pf-c-table__sort__button--focus__text--Color: currentcolor;
  --pf-c-table__sort__button--active__text--Color: currentcolor;
  --pf-c-table__sort-indicator--Color: var(--pf-global--disabled-color--200);
  --pf-c-table__sort-indicator--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-table__sort--m-selected__sort-indicator--Color: var(
    --pf-global--active-color--100
  );
  --pf-c-table__sort__button--hover__sort-indicator--Color: var(
    --pf-global--Color--100
  );
  --pf-c-table__sort__button--active__sort-indicator--Color: var(
    --pf-global--Color--100
  );
  --pf-c-table__sort__button--focus__sort-indicator--Color: var(
    --pf-global--Color--100
  );
  --pf-c-table--th--m-help--MinWidth: 11ch;
  --pf-c-table__column-help--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-table__column-help--TranslateY: 0.125rem;
  --pf-c-table__column-help--c-button--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-table__column-help--c-button--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-table__column-help--c-button--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-table__column-help--c-button--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-table__compound-expansion-toggle__button--Color: var(
    --pf-global--active-color--100
  );
  --pf-c-table__compound-expansion-toggle__button--hover--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-table__compound-expansion-toggle__button--focus--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-table__compound-expansion-toggle__button--active--Color: var(
    --pf-global--link--Color--hover
  );
  --pf-c-table__compound-expansion-toggle__button--before--border-width--base: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-table__compound-expansion-toggle__button--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
  --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
  --pf-c-table__compound-expansion-toggle__button--before--Bottom: calc(
    var(
        --pf-c-table__compound-expansion-toggle__button--before--border-width--base
      ) * -1
  );
  --pf-c-table__compound-expansion-toggle__button--before--Left: calc(
    var(
        --pf-c-table__compound-expansion-toggle__button--before--border-width--base
      ) * -1
  );
  --pf-c-table__compound-expansion-toggle__button--after--border-width--base: var(
    --pf-global--BorderWidth--lg
  );
  --pf-c-table__compound-expansion-toggle__button--after--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
  --pf-c-table__compound-expansion-toggle__button--after--Top: calc(
    var(
        --pf-c-table__compound-expansion-toggle__button--before--border-width--base
      ) * -1
  );
  --pf-c-table__compound-expansion-toggle__button--after--Left: calc(
    var(
        --pf-c-table__compound-expansion-toggle__button--before--border-width--base
      ) * -1
  );
  --pf-c-table--m-compact-th--PaddingTop: calc(
    var(--pf-global--spacer--sm) + var(--pf-global--spacer--xs)
  );
  --pf-c-table--m-compact-th--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-table--m-compact--cell--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-table--m-compact--cell--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-table--m-compact--cell--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-table--m-compact--cell--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-table--m-compact--cell--first-last-child--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--m-compact--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-table--m-compact__expandable-row-content--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--m-compact__expandable-row-content--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--nested--first-last-child--PaddingRight: var(
    --pf-c-table--m-compact--cell--first-last-child--PaddingLeft
  );
  --pf-c-table--nested--first-last-child--PaddingLeft: var(
    --pf-c-table--m-compact--cell--first-last-child--PaddingRight
  );
  --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-table--tr--m-hoverable--BoxShadow--top: var(
    --pf-c-table--tr--BoxShadow--top--base
  );
  --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
  --pf-c-table--tr--m-hoverable--BoxShadow: none;
  --pf-c-table--tr--m-hoverable--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--xs)
  );
  --pf-c-table--tr--m-hoverable--hover--BoxShadow: var(
      --pf-c-table--tr--m-hoverable--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tr--m-hoverable--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table--tr--m-hoverable--focus--BoxShadow: var(
      --pf-c-table--tr--m-hoverable--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tr--m-hoverable--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table--tr--m-hoverable--active--BoxShadow: var(
      --pf-c-table--tr--m-hoverable--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tr--m-hoverable--active--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table--tr--m-hoverable--m-selected--BoxShadow: var(
        --pf-global--BoxShadow--sm-bottom
      )
      inset,
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tr--m-selected--BoxShadow--top: var(
    --pf-c-table--tr--BoxShadow--top--base
  );
  --pf-c-table--tr--m-selected--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table--tr--m-selected--BoxShadow: var(
      --pf-c-table--tr--m-selected--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tr--m-selected--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--xs)
  );
  --pf-c-table--tr--m-selected--after--BorderLeftWidth: var(
    --pf-c-table__expandable-row--after--border-width--base
  );
  --pf-c-table--tr--m-selected--after--BorderLeftColor: var(
    --pf-global--active-color--100
  );
  --pf-c-table--tr--m-selected--m-selected--BoxShadow: var(
    --pf-global--BoxShadow--sm-bottom
  );
  --pf-c-table--tr--m-selected--hover--m-selected--BoxShadow: var(
        --pf-global--BoxShadow--sm-bottom
      )
      inset,
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow: var(
      --pf-c-table--tr--m-selected--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tbody--m-hoverable--BoxShadow--top: var(
    --pf-c-table--tr--BoxShadow--top--base
  );
  --pf-c-table--tbody--m-hoverable--BoxShadow: none;
  --pf-c-table--tbody--m-hoverable--BackgroundColor: transparent;
  --pf-c-table--tbody--m-hoverable--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--xs)
  );
  --pf-c-table--tbody--m-hoverable--hover--BoxShadow: var(
      --pf-c-table--tbody--m-hoverable--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tbody--m-hoverable--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table--tbody--m-hoverable--focus--BoxShadow: var(
      --pf-c-table--tbody--m-hoverable--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tbody--m-hoverable--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table--tbody--m-hoverable--active--BoxShadow: var(
      --pf-c-table--tbody--m-hoverable--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tbody--m-hoverable--active--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table--tbody--m-hoverable--m-expanded--BorderColor: var(
    --pf-global--active-color--400
  );
  --pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow: var(
        --pf-global--BoxShadow--sm-bottom
      )
      inset,
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tbody--m-selected--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table--tbody--m-selected--BoxShadow--top: var(
    --pf-c-table--tr--BoxShadow--top--base
  );
  --pf-c-table--tbody--m-selected--BoxShadow: var(
      --pf-c-table--tbody--m-selected--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tbody--m-selected--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--xs)
  );
  --pf-c-table--tbody--m-selected--after--BorderLeftWidth: var(
    --pf-c-table__expandable-row--after--border-width--base
  );
  --pf-c-table--tbody--m-selected--after--BorderLeftColor: var(
    --pf-global--active-color--100
  );
  --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(
    --pf-global--BoxShadow--sm-bottom
  );
  --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(
        --pf-global--BoxShadow--sm-bottom
      )
      inset,
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(
      --pf-c-table--tr--m-selected--BoxShadow--top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
  --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(
    --pf-global--spacer--xs
  );
  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(
    --pf-global--spacer--xs
  );
  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
  --pf-c-table--m-striped__tr--BackgroundColor: var(
    --pf-global--BackgroundColor--light-200
  );
  color: var(--pf-global--Color--100);
  width: 100%;
  background-color: var(--pf-c-table--BackgroundColor);
}
@media screen and (max-width: 1200px) {
  .pf-c-table {
    --pf-c-table-caption--PaddingRight: var(
      --pf-c-table-caption--xl--PaddingRight
    );
    --pf-c-table-caption--PaddingLeft: var(
      --pf-c-table-caption--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-table {
    --pf-c-table--cell--first-last-child--PaddingRight: var(
      --pf-c-table--cell--first-last-child--xl--PaddingRight
    );
    --pf-c-table--cell--first-last-child--PaddingLeft: var(
      --pf-c-table--cell--first-last-child--xl--PaddingLeft
    );
    --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: var(
      --pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft
    );
    --pf-c-table--m-compact--cell--first-last-child--PaddingRight: var(
      --pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight
    );
  }
}
.pf-c-table.pf-m-fixed {
  table-layout: fixed;
}
.pf-c-table.pf-m-sticky-header {
  position: relative;
}
.pf-c-table.pf-m-sticky-header > thead > tr {
  border-bottom: 0;
}
.pf-c-table.pf-m-sticky-header > thead > tr > * {
  z-index: var(--pf-global--ZIndex--xs);
}
.pf-c-table.pf-m-sticky-header
  > thead:not(.pf-m-nested-column-header)
  > tr
  > * {
  position: sticky;
  top: 0;
  background: var(--pf-c-table--BackgroundColor);
}
.pf-c-table.pf-m-sticky-header
  > thead:not(.pf-m-nested-column-header)
  > tr
  > *:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-bottom: var(--pf-c-table--border-width--base) solid
    var(--pf-c-table--BorderColor);
}
.pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
  position: sticky;
  top: 0;
  z-index: var(--pf-global--ZIndex--xs);
  background: var(--pf-c-table--BackgroundColor);
}
.pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
  height: var(--pf-c-table--border-width--base);
  background-color: var(--pf-c-table--BorderColor);
}
.pf-c-table.pf-m-sticky-header
  > .pf-m-nested-column-header
  tr:not(:nth-last-child(2))
  th:not([rowspan]),
.pf-c-table.pf-m-sticky-header
  > .pf-m-nested-column-header
  tr:not(:nth-last-child(2))
  td:not([rowspan]) {
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom
  );
}
.pf-c-table:not(.pf-m-sticky-header)
  > .pf-m-nested-column-header
  tr:not(:last-child) {
  border-bottom: 0;
}
.pf-c-table:not(.pf-m-sticky-header)
  > .pf-m-nested-column-header
  tr:not(:last-child)
  th:not([rowspan]),
.pf-c-table:not(.pf-m-sticky-header)
  > .pf-m-nested-column-header
  tr:not(:last-child)
  td:not([rowspan]) {
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom
  );
}
.pf-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd),
.pf-c-table.pf-m-striped.pf-m-expandable
  > tbody:nth-of-type(odd)
  > tr:not(.pf-c-table__expandable-row),
.pf-c-table > .pf-m-striped > tr:nth-child(odd),
.pf-c-table > .pf-m-striped-even > tr:nth-child(even),
.pf-c-table tr.pf-m-striped {
  --pf-c-table__sticky-column--BackgroundColor: var(
    --pf-c-table--m-striped__tr--BackgroundColor
  );
  background: var(--pf-c-table--m-striped__tr--BackgroundColor);
}
.pf-c-table tr:not(.pf-c-table__expandable-row) {
  border-bottom: var(--pf-c-table--border-width--base) solid
    var(--pf-c-table--BorderColor);
}
.pf-c-table tr:not(.pf-c-table__expandable-row).pf-m-ghost-row {
  background-color: var(--pf-c-table__tr--m-ghost-row--BackgroundColor);
  opacity: var(--pf-c-table__tr--m-ghost-row--Opacity);
}
.pf-c-table tr > * {
  --pf-hidden-visible--visible--Display: var(
  --pf-c-table--cell--hidden-visible--Display
  );
  position: relative;
  width: var(--pf-c-table--cell--Width);
  min-width: var(--pf-c-table--cell--MinWidth);
  max-width: var(--pf-c-table--cell--MaxWidth);
  padding: var(--pf-c-table--cell--PaddingTop)
    var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom)
    var(--pf-c-table--cell--PaddingLeft);
  overflow: var(--pf-c-table--cell--Overflow);
  font-size: var(--pf-c-table--cell--FontSize);
  font-weight: var(--pf-c-table--cell--FontWeight);
  color: var(--pf-c-table--cell--Color);
  text-overflow: var(--pf-c-table--cell--TextOverflow);
  word-break: var(--pf-c-table--cell--WordBreak);
  font-family: 'Source Sans Pro', sans-serif;
  white-space: var(--pf-c-table--cell--WhiteSpace);
}
.pf-c-table tr > *:first-child {
  --pf-c-table--cell--PaddingLeft: var(
    --pf-c-table--cell--first-last-child--PaddingLeft
  );
}
.pf-c-table tr > *:last-child {
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table--cell--first-last-child--PaddingRight
  );
}
.pf-c-table tr > *.pf-m-center {
  text-align: center;
}
.pf-c-table tr > *:empty {
  width: auto;
  min-width: 0;
  padding: 0;
}
.pf-c-table tr > *.pf-m-help {
  --pf-c-table--cell--MinWidth: var(--pf-c-table--cell--m-help--MinWidth);
}
.pf-c-table tr > *.pf-m-favorite {
  --pf-c-table__button--Color: var(--pf-c-table--cell--m-favorite--Color);
  --pf-c-table__sort--MinWidth: fit-content;
  --pf-c-table--cell--MaxWidth: fit-content;
  --pf-c-table--cell--Overflow: visible;
}
.pf-c-table tr > *.pf-m-border-right:before,
.pf-c-table tr > *.pf-m-border-left:before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}
.pf-c-table tr > *.pf-m-border-right:before {
  border-right: var(
      --pf-c-table--cell--m-border-right--before--BorderRightWidth
    )
    solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
}
.pf-c-table tr > *.pf-m-border-left:before {
  border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth)
    solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
}
.pf-c-table caption {
  padding-top: var(--pf-c-table-caption--PaddingTop);
  padding-bottom: var(--pf-c-table-caption--PaddingBottom);
  padding-left: var(--pf-c-table-caption--PaddingLeft);
  font-size: var(--pf-c-table-caption--FontSize);
  color: var(--pf-c-table-caption--Color);
  text-align: left;
  background-color: var(--pf-c-table--BackgroundColor);
}
.pf-c-table thead {
  --pf-c-table--cell--FontSize: var(--pf-c-table--thead--cell--FontSize);
  --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight);
  vertical-align: bottom;
}
.pf-c-table thead.pf-m-nested-column-header button {
  outline-offset: var(
    --pf-c-table--thead--m-nested-column-header--button--OutlineOffset
  );
}
.pf-c-table thead.pf-m-nested-column-header th,
.pf-c-table thead.pf-m-nested-column-header td,
.pf-c-table thead.pf-m-nested-column-header input {
  vertical-align: middle;
}
.pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {
  display: flex;
  align-items: center;
}
.pf-c-table
  thead.pf-m-nested-column-header
  tr:not(:first-child)
  th:not([rowspan]),
.pf-c-table
  thead.pf-m-nested-column-header
  tr:not(:first-child)
  td:not([rowspan]) {
  --pf-c-table--cell--PaddingTop: var(
    --pf-c-table--thead--m-nested-column-header--tr--PaddingTop
  );
}
.pf-c-table thead .pf-c-table__subhead {
  --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
  color: var(--pf-c-table__subhead--Color);
}
.pf-c-table tbody {
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--tbody--cell--PaddingBottom
  );
}
.pf-c-table tbody > tr > * {
  overflow-wrap: break-word;
  vertical-align: baseline;
}
.pf-c-table tbody > tr > :first-child:after {
  position: absolute;
  top: var(--pf-c-table__expandable-row--after--Top);
  bottom: var(--pf-c-table__expandable-row--after--Bottom);
  left: 0;
  content: "";
  background-color: transparent;
  border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid
    var(--pf-c-table__expandable-row--after--BorderColor);
}
.pf-c-table tbody .pf-c-table__check input {
  margin-top: var(--pf-c-table__check--input--MarginTop);
  vertical-align: top;
}
.pf-c-table .pf-c-table__compound-expansion-toggle,
.pf-c-table .pf-c-table__compound-expansion-toggle:first-child,
.pf-c-table .pf-c-table__compound-expansion-toggle:last-child {
  padding: 0;
}
.pf-c-table .pf-c-table__sort {
  min-width: var(--pf-c-table__sort--MinWidth);
}
.pf-c-table .pf-m-help {
  min-width: var(--pf-c-table--th--m-help--MinWidth);
}
.pf-c-table thead,
.pf-c-table .pf-m-truncate {
  --pf-c-table--cell--MinWidth: var(--pf-c-table--m-truncate--cell--MinWidth);
  --pf-c-table--cell--MaxWidth: var(--pf-c-table--m-truncate--cell--MaxWidth);
  --pf-c-table--cell--Overflow: hidden;
  --pf-c-table--cell--TextOverflow: ellipsis;
  --pf-c-table--cell--WhiteSpace: nowrap;
}
.pf-c-table .pf-m-wrap {
  --pf-c-table--cell--MinWidth: 0;
  --pf-c-table--cell--MaxWidth: none;
  --pf-c-table--cell--Overflow: visible;
  --pf-c-table--cell--TextOverflow: clip;
  --pf-c-table--cell--WhiteSpace: normal;
}
.pf-c-table .pf-m-nowrap {
  --pf-c-table--cell--MinWidth: 0;
  --pf-c-table--cell--MaxWidth: none;
  --pf-c-table--cell--Overflow: visible;
  --pf-c-table--cell--TextOverflow: clip;
  --pf-c-table--cell--WhiteSpace: nowrap;
}
.pf-c-table .pf-c-table__icon,
.pf-c-table .pf-m-fit-content {
  --pf-c-table--cell--MinWidth: fit-content;
  --pf-c-table--cell--MaxWidth: none;
  --pf-c-table--cell--Width: 1%;
  --pf-c-table--cell--Overflow: visible;
  --pf-c-table--cell--TextOverflow: clip;
  --pf-c-table--cell--WhiteSpace: nowrap;
}
.pf-c-table .pf-m-break-word {
  --pf-c-table--cell--WordBreak: break-word;
  --pf-c-table--cell--WhiteSpace: normal;
}
.pf-c-table.pf-m-no-border-rows > tbody > tr {
  border-bottom: 0;
}
.pf-c-table.pf-m-no-border-rows > tbody > tr > :first-child:after {
  border-left: 0;
}
.pf-c-table.pf-m-no-border-rows
  > tbody:not(.pf-m-expanded)
  .pf-c-table__compound-expansion-toggle
  .pf-c-table__button:before {
  display: none;
}
.pf-c-table.pf-m-no-border-rows
  > tbody.pf-m-expanded
  > .pf-c-table__control-row {
  border-bottom: var(--pf-c-table--border-width--base) solid
    var(--pf-c-table--BorderColor);
}
.pf-c-table.pf-m-no-border-rows
  > tbody
  .pf-c-table__control-row
  > .pf-c-table__compound-expansion-toggle:first-child
  > :before {
  border-left-width: 0;
}
.pf-c-table tr.pf-m-hoverable {
  cursor: pointer;
  background-color: var(--pf-c-table--tr--m-hoverable--BackgroundColor);
  outline-offset: var(--pf-c-table--tr--m-hoverable--OutlineOffset);
  box-shadow: var(--pf-c-table--tr--m-hoverable--BoxShadow);
}
.pf-c-table tr.pf-m-hoverable:hover:not(.pf-m-selected) + tr.pf-m-selected,
.pf-c-table tr.pf-m-hoverable:focus:not(.pf-m-selected) + tr.pf-m-selected,
.pf-c-table tr.pf-m-hoverable:active:not(.pf-m-selected) + tr.pf-m-selected {
  box-shadow: var(--pf-c-table--tr--m-hoverable--m-selected--BoxShadow);
}
.pf-c-table tr.pf-m-hoverable:hover {
  --pf-c-table--tr--m-hoverable--BoxShadow: var(
    --pf-c-table--tr--m-hoverable--hover--BoxShadow
  );
  --pf-c-table--tr--m-hoverable--BackgroundColor: var(
    --pf-c-table--tr--m-hoverable--hover--BackgroundColor
  );
}
.pf-c-table tr.pf-m-hoverable:focus {
  --pf-c-table--tr--m-hoverable--BoxShadow: var(
    --pf-c-table--tr--m-hoverable--focus--BoxShadow
  );
  --pf-c-table--tr--m-hoverable--BackgroundColor: var(
    --pf-c-table--tr--m-hoverable--focus--BackgroundColor
  );
}
.pf-c-table tr.pf-m-hoverable:active {
  --pf-c-table--tr--m-hoverable--BoxShadow: var(
    --pf-c-table--tr--m-hoverable--active--BoxShadow
  );
  --pf-c-table--tr--m-hoverable--BackgroundColor: var(
    --pf-c-table--tr--m-hoverable--active--BackgroundColor
  );
}
.pf-c-table tr.pf-m-selected {
  --pf-c-table__expandable-row--after--BorderLeftWidth: var(
    --pf-c-table--tr--m-selected--after--BorderLeftWidth
  );
  --pf-c-table__expandable-row--after--BorderColor: var(
    --pf-c-table--tr--m-selected--after--BorderLeftColor
  );
  position: relative;
  background-color: var(--pf-c-table--tr--m-selected--BackgroundColor);
  outline-offset: var(--pf-c-table--tr--m-selected--OutlineOffset);
  box-shadow: var(--pf-c-table--tr--m-selected--BoxShadow);
}
.pf-c-table tr.pf-m-selected + tr.pf-m-selected {
  box-shadow: var(--pf-c-table--tr--m-selected--m-selected--BoxShadow);
}
.pf-c-table tr.pf-m-selected + tr.pf-m-selected:hover {
  box-shadow: var(
    --pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow
  );
}
.pf-c-table tr.pf-m-selected:hover + tr.pf-m-selected {
  box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow);
}
.pf-c-table tr.pf-m-first-cell-offset-reset {
  --pf-c-table--cell--first-last-child--PaddingLeft: var(
    --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft
  );
}
.pf-c-table tbody.pf-m-hoverable {
  cursor: pointer;
  background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);
  outline-offset: var(--pf-c-table--tbody--m-hoverable--OutlineOffset);
  box-shadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow);
}
.pf-c-table tbody.pf-m-hoverable.pf-m-expanded:not(.pf-m-selected) {
  --pf-c-table__expandable-row--after--BorderColor: var(
    --pf-c-table--tbody--m-hoverable--m-expanded--BorderColor
  );
}
.pf-c-table
  tbody.pf-m-hoverable:hover:not(.pf-m-selected)
  + tbody.pf-m-selected,
.pf-c-table
  tbody.pf-m-hoverable:focus:not(.pf-m-selected)
  + tbody.pf-m-selected,
.pf-c-table
  tbody.pf-m-hoverable:active:not(.pf-m-selected)
  + tbody.pf-m-selected {
  box-shadow: var(
    --pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow
  );
}
.pf-c-table tbody.pf-m-hoverable:hover {
  --pf-c-table--tbody--m-hoverable--BoxShadow: var(
    --pf-c-table--tbody--m-hoverable--hover--BoxShadow
  );
  --pf-c-table--tbody--m-hoverable--BackgroundColor: var(
    --pf-c-table--tbody--m-hoverable--hover--BackgroundColor
  );
}
.pf-c-table tbody.pf-m-hoverable:focus {
  --pf-c-table--tbody--m-hoverable--BoxShadow: var(
    --pf-c-table--tbody--m-hoverable--focus--BoxShadow
  );
  --pf-c-table--tbody--m-hoverable--BackgroundColor: var(
    --pf-c-table--tbody--m-hoverable--focus--BackgroundColor
  );
}
.pf-c-table tbody.pf-m-hoverable:active {
  --pf-c-table--tbody--m-hoverable--BoxShadow: var(
    --pf-c-table--tbody--m-hoverable--active--BoxShadow
  );
  --pf-c-table--tbody--m-hoverable--BackgroundColor: var(
    --pf-c-table--tbody--m-hoverable--active--BackgroundColor
  );
}
.pf-c-table tbody.pf-m-selected {
  --pf-c-table__expandable-row--after--BorderLeftWidth: var(
    --pf-c-table--tbody--m-selected--after--BorderLeftWidth
  );
  --pf-c-table__expandable-row--after--BorderColor: var(
    --pf-c-table--tbody--m-selected--after--BorderLeftColor
  );
  background-color: var(--pf-c-table--tbody--m-selected--BackgroundColor);
  outline-offset: var(--pf-c-table--tbody--m-selected--OutlineOffset);
  box-shadow: var(--pf-c-table--tbody--m-selected--BoxShadow);
}
.pf-c-table tbody.pf-m-selected + tbody.pf-m-selected {
  --pf-c-table--tbody--m-selected--BoxShadow: var(
    --pf-c-table--tbody--m-selected--m-selected--BoxShadow
  );
}
.pf-c-table tbody.pf-m-selected + tbody.pf-m-selected:hover {
  box-shadow: var(
    --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow
  );
}
.pf-c-table tbody.pf-m-selected:hover + tbody.pf-m-selected {
  box-shadow: var(
    --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow
  );
}
.pf-c-table.pf-m-drag-over {
  overflow-anchor: none;
}
.pf-c-table__text {
  --pf-c-table--cell--MaxWidth: 100%;
  position: relative;
  display: block;
  width: var(--pf-c-table--cell--Width);
  min-width: var(--pf-c-table--cell--MinWidth);
  max-width: var(--pf-c-table--cell--MaxWidth);
  overflow: var(--pf-c-table--cell--Overflow);
  text-overflow: var(--pf-c-table--cell--TextOverflow);
  word-break: var(--pf-c-table--cell--WordBreak);
  white-space: var(--pf-c-table--cell--WhiteSpace);
}
.pf-c-table__text.pf-m-truncate {
  --pf-c-table--cell--MinWidth: 100%;
}
.pf-c-table__text.pf-m-truncate > * {
  overflow: var(--pf-c-table--cell--Overflow);
  text-overflow: var(--pf-c-table--cell--TextOverflow);
  white-space: var(--pf-c-table--cell--WhiteSpace);
}
.pf-c-table__button {
  position: static;
  width: 100%;
  padding: var(--pf-c-table--cell--PaddingTop)
    var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom)
    var(--pf-c-table--cell--PaddingLeft);
  font-size: inherit;
  font-weight: inherit;
  color: var(--pf-c-table__button--Color);
  text-align: left;
  white-space: inherit;
  user-select: text;
  background-color: var(--pf-c-table__button--BackgroundColor);
  border: 0;
}
.pf-c-table__button:before {
  position: absolute;
  inset: 0;
  cursor: pointer;
  content: "";
}
.pf-c-table__button:hover {
  color: var(--pf-c-table__button--hover--Color);
}
.pf-c-table__button:focus {
  color: var(--pf-c-table__button--focus--Color);
}
.pf-c-table__button:active {
  color: var(--pf-c-table__button--active--Color);
}
.pf-c-table__sort .pf-c-table__text,
.pf-c-table__compound-expansion-toggle .pf-c-table__text {
  display: block;
  width: auto;
  overflow: var(--pf-c-table--cell--Overflow);
  text-overflow: var(--pf-c-table--cell--TextOverflow);
  white-space: var(--pf-c-table--cell--WhiteSpace);
}
.pf-c-table__sort .pf-c-table__text {
  --pf-c-table--cell--MinWidth: 0;
}
.pf-c-table__button-content,
.pf-c-table__column-help {
  display: grid;
  align-items: end;
  justify-content: start;
  grid-template-columns: auto max-content;
}
.pf-c-table__button-content .pf-c-table__text,
.pf-c-table__column-help .pf-c-table__text {
  min-width: auto;
}
.pf-c-table thead.pf-m-nowrap .pf-c-table__button-content,
.pf-c-table tr.pf-m-nowrap .pf-c-table__button-content,
.pf-c-table th.pf-m-nowrap .pf-c-table__button-content,
.pf-c-table thead.pf-m-nowrap .pf-c-table__column-help,
.pf-c-table tr.pf-m-nowrap .pf-c-table__column-help,
.pf-c-table th.pf-m-nowrap .pf-c-table__column-help {
  grid-template-columns: min-content max-content;
}
.pf-c-table thead.pf-m-fit-content .pf-c-table__button-content,
.pf-c-table tr.pf-m-fit-content .pf-c-table__button-content,
.pf-c-table th.pf-m-fit-content .pf-c-table__button-content,
.pf-c-table thead.pf-m-fit-content .pf-c-table__column-help,
.pf-c-table tr.pf-m-fit-content .pf-c-table__column-help,
.pf-c-table th.pf-m-fit-content .pf-c-table__column-help {
  grid-template-columns: fit-content max-content;
}
.pf-c-table thead.pf-m-wrap .pf-c-table__button-content,
.pf-c-table tr.pf-m-wrap .pf-c-table__button-content,
.pf-c-table th.pf-m-wrap .pf-c-table__button-content,
.pf-c-table thead.pf-m-truncate .pf-c-table__button-content,
.pf-c-table tr.pf-m-truncate .pf-c-table__button-content,
.pf-c-table th.pf-m-truncate .pf-c-table__button-content,
.pf-c-table thead.pf-m-wrap .pf-c-table__column-help,
.pf-c-table tr.pf-m-wrap .pf-c-table__column-help,
.pf-c-table th.pf-m-wrap .pf-c-table__column-help,
.pf-c-table thead.pf-m-truncate .pf-c-table__column-help,
.pf-c-table tr.pf-m-truncate .pf-c-table__column-help,
.pf-c-table th.pf-m-truncate .pf-c-table__column-help {
  grid-template-columns: auto max-content;
}
.pf-c-table .pf-c-table__toggle,
.pf-c-table .pf-c-table__action,
.pf-c-table .pf-c-table__inline-edit-action {
  --pf-c-table--cell--PaddingBottom: 0;
}
.pf-c-table .pf-c-table__check,
.pf-c-table .pf-c-table__toggle,
.pf-c-table .pf-c-table__action,
.pf-c-table .pf-c-table__favorite,
.pf-c-table th.pf-m-favorite,
.pf-c-table .pf-c-table__inline-edit-action,
.pf-c-table .pf-c-table__draggable {
  --pf-c-table--cell--MinWidth: 0;
  --pf-c-table--cell--Width: 1%;
}
.pf-c-table__toggle {
  --pf-c-table--cell--PaddingRight: 0;
  --pf-c-table--cell--PaddingLeft: 0;
  vertical-align: top;
}
.pf-c-table__toggle .pf-c-button {
  margin-top: var(--pf-c-table__toggle--c-button--MarginTop);
  margin-bottom: var(--pf-c-table__toggle--c-button--MarginBottom);
}
.pf-c-table__toggle .pf-c-button.pf-m-expanded .pf-c-table__toggle-icon {
  transform: rotate(
    var(--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate)
  );
}
.pf-c-table__toggle .pf-c-table__toggle-icon {
  transition: var(--pf-c-table__toggle--c-button__toggle-icon--Transition);
  transform: rotate(var(--pf-c-table__toggle--c-button__toggle-icon--Rotate));
}
.pf-c-table__toggle svg {
  pointer-events: none;
}
.pf-c-table__check {
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
}
.pf-c-table__check label:not([disabled]),
.pf-c-table__check input:not([disabled]) {
  cursor: pointer;
}
.pf-c-table__check label {
  display: block;
  padding: inherit;
  margin: calc(var(--pf-c-table--cell--PaddingTop) * -1)
    calc(var(--pf-c-table--cell--PaddingRight) * -1)
    calc(var(--pf-c-table--cell--PaddingBottom) * -1)
    calc(var(--pf-c-table--cell--PaddingLeft) * -1);
}
.pf-c-table__favorite .pf-c-button {
  --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);
  --pf-c-button--FontSize: var(--pf-c-table__favorite--c-button--FontSize);
  margin: var(--pf-c-table__favorite--c-button--MarginTop)
    var(--pf-c-table__favorite--c-button--MarginRight)
    var(--pf-c-table__favorite--c-button--MarginBottom)
    var(--pf-c-table__favorite--c-button--MarginLeft);
}
.pf-m-favorited.pf-c-table__favorite .pf-c-button {
  --pf-c-button--m-plain--Color: var(
    --pf-c-table__favorite--m-favorited--c-button--Color
  );
}
.pf-c-table__draggable .pf-c-button {
  margin: var(--pf-c-table__draggable--c-button--MarginTop)
    var(--pf-c-table__draggable--c-button--MarginRight)
    var(--pf-c-table__draggable--c-button--MarginBottom)
    var(--pf-c-table__draggable--c-button--MarginLeft);
  cursor: grab;
}
.pf-c-table__draggable .pf-c-button:active {
  cursor: grabbing;
}
.pf-c-table__action,
.pf-c-table__inline-edit-action {
  --pf-c-table--cell--PaddingTop: 0;
  --pf-c-table--cell--PaddingRight: var(--pf-c-table__action--PaddingRight);
  --pf-c-table--cell--PaddingBottom: 0;
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table__action--PaddingLeft);
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
.pf-c-table__inline-edit-action {
  --pf-c-table--cell--PaddingLeft: 0;
  --pf-c-table--cell--PaddingRight: 0;
  text-align: right;
}
.pf-c-table__compound-expansion-toggle {
  --pf-c-table__button--Color: var(
    --pf-c-table__compound-expansion-toggle__button--Color
  );
  --pf-c-table__button--hover--Color: var(
    --pf-c-table__compound-expansion-toggle__button--hover--Color
  );
  --pf-c-table__button--focus--Color: var(
    --pf-c-table__compound-expansion-toggle__button--focus--Color
  );
  --pf-c-table__button--active--Color: var(
    --pf-c-table__compound-expansion-toggle__button--active--Color
  );
  position: relative;
}
.pf-c-table__compound-expansion-toggle.pf-m-truncate {
  overflow: visible;
}
.pf-c-table__compound-expansion-toggle .pf-c-table__button {
  min-width: 100%;
  overflow: hidden;
}
.pf-c-table__compound-expansion-toggle .pf-c-table__button:hover,
.pf-c-table__compound-expansion-toggle .pf-c-table__button:focus,
.pf-c-table__compound-expansion-toggle .pf-c-table__button:active {
  outline: 0;
}
.pf-c-table__compound-expansion-toggle .pf-c-table__button:before,
.pf-c-table__compound-expansion-toggle .pf-c-table__button:after {
  position: absolute;
  right: 0;
  content: "";
  border-style: solid;
  border-width: 0;
}
.pf-c-table__compound-expansion-toggle .pf-c-table__button:before {
  top: 0;
  bottom: var(--pf-c-table__compound-expansion-toggle__button--before--Bottom);
  left: var(--pf-c-table__compound-expansion-toggle__button--before--Left);
  border-color: var(
    --pf-c-table__compound-expansion-toggle__button--before--BorderColor
  );
  border-right-width: var(
    --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth
  );
  border-left-width: var(
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth
  );
}
.pf-c-table__compound-expansion-toggle .pf-c-table__button:after {
  top: var(--pf-c-table__compound-expansion-toggle__button--after--Top);
  left: var(--pf-c-table__compound-expansion-toggle__button--after--Left);
  pointer-events: none;
  border-color: var(
    --pf-c-table__compound-expansion-toggle__button--after--BorderColor
  );
  border-top-width: var(
    --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth
  );
}
.pf-c-table__compound-expansion-toggle:hover,
.pf-c-table__compound-expansion-toggle:focus-within,
.pf-c-table__compound-expansion-toggle.pf-m-expanded {
  --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(
    --pf-c-table__compound-expansion-toggle__button--before--border-width--base
  );
  --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(
    --pf-c-table__compound-expansion-toggle__button--before--border-width--base
  );
  --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(
    --pf-c-table__compound-expansion-toggle__button--after--border-width--base
  );
}
.pf-c-table__compound-expansion-toggle:first-child {
  --pf-c-table__compound-expansion-toggle__button--before--Left: 0;
  --pf-c-table__compound-expansion-toggle__button--after--Left: 0;
}
.pf-c-table__compound-expansion-toggle.pf-m-expanded
  .pf-c-table__button:before {
  border-bottom: var(--pf-c-table--BackgroundColor) solid
    var(
      --pf-c-table__compound-expansion-toggle__button--before--border-width--base
    );
}
.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child {
  --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
}
.pf-c-table__compound-expansion-toggle:focus-within {
  outline-offset: var(--pf-c-table__button--OutlineOffset);
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .pf-c-table__compound-expansion-toggle:focus-within {
    outline-style: auto;
    outline-color: -webkit-focus-ring-color;
  }
}
.pf-c-table__column-help-action {
  margin-left: var(--pf-c-table__column-help--MarginLeft);
  transform: translateY(var(--pf-c-table__column-help--TranslateY));
}
.pf-c-table__column-help-action .pf-c-button {
  --pf-c-button--PaddingRight: var(
    --pf-c-table__column-help--c-button--PaddingRight
  );
  --pf-c-button--PaddingLeft: var(
    --pf-c-table__column-help--c-button--PaddingLeft
  );
  margin-top: var(--pf-c-table__column-help--c-button--MarginTop);
  margin-bottom: var(--pf-c-table__column-help--c-button--MarginBottom);
  font-size: inherit;
  line-height: 1;
}
.pf-c-table__sort .pf-c-table__button {
  --pf-c-table--cell--PaddingTop: var(--pf-c-table__sort__button--PaddingTop);
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table__sort__button--PaddingRight
  );
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table__sort__button--PaddingBottom
  );
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table__sort__button--PaddingLeft);
  display: flex;
  width: auto;
  margin-top: var(--pf-c-table__sort__button--MarginTop);
  margin-bottom: var(--pf-c-table__sort__button--MarginBottom);
  margin-left: var(--pf-c-table__sort__button--MarginLeft);
}
.pf-c-table__sort .pf-c-table__button:hover {
  --pf-c-table__sort-indicator--Color: var(
    --pf-c-table__sort__button--hover__sort-indicator--Color
  );
  --pf-c-table__sort__button__text--Color: var(
    --pf-c-table__sort__button--hover__text--Color
  );
}
.pf-c-table__sort .pf-c-table__button:focus {
  --pf-c-table__sort-indicator--Color: var(
    --pf-c-table__sort__button--focus__sort-indicator--Color
  );
  --pf-c-table__sort__button__text--Color: var(
    --pf-c-table__sort__button--focus__text--Color
  );
}
.pf-c-table__sort .pf-c-table__button:active {
  --pf-c-table__sort-indicator--Color: var(
    --pf-c-table__sort__button--active__sort-indicator--Color
  );
  --pf-c-table__sort__button__text--Color: var(
    --pf-c-table__sort__button--active__text--Color
  );
}
.pf-c-table__sort .pf-c-table__button .pf-c-table__text {
  color: var(--pf-c-table__sort__button__text--Color);
}
.pf-c-table__sort.pf-m-selected .pf-c-table__button {
  --pf-c-table__sort-indicator--Color: var(
    --pf-c-table__sort--m-selected__sort-indicator--Color
  );
  --pf-c-table__sort__button__text--Color: var(
    --pf-c-table__sort--m-selected__button__text--Color
  );
  color: var(--pf-c-table__sort--m-selected__button--Color);
}
.pf-c-table__sort.pf-m-help {
  --pf-c-table--th--m-help--MinWidth: var(--pf-c-table__sort--m-help--MinWidth);
}
.pf-c-table__sort.pf-m-favorite {
  --pf-c-table__sort__button__text--Color: var(
    --pf-c-table__sort--m-favorite__button__text--Color
  );
  --pf-c-table__sort__button--hover__text--Color: var(
    --pf-c-table__sort--m-favorite__button--hover__text--Color
  );
  --pf-c-table__sort__button--focus__text--Color: var(
    --pf-c-table__sort--m-favorite__button--focus__text--Color
  );
  --pf-c-table__sort__button--active__text--Color: var(
    --pf-c-table__sort--m-favorite__button--active__text--Color
  );
  --pf-c-table__sort--m-selected__button__text--Color: currentcolor;
}
.pf-c-table__sort-indicator {
  grid-column: 2;
  margin-left: var(--pf-c-table__sort-indicator--MarginLeft);
  color: var(--pf-c-table__sort-indicator--Color);
  pointer-events: none;
}
.pf-c-table__expandable-row {
  --pf-c-table--cell--PaddingTop: 0;
  --pf-c-table--cell--PaddingBottom: 0;
  position: relative;
  border-bottom: 0 solid transparent;
  box-shadow: 0 0 0 0 transparent;
}
.pf-c-table__expandable-row,
.pf-c-table__expandable-row td:first-child:after {
  transition: var(--pf-c-table__expandable-row--Transition);
}
.pf-c-table__expandable-row td.pf-m-no-padding,
.pf-c-table__expandable-row th.pf-m-no-padding {
  padding: 0 0 0 var(--pf-c-table__expandable-row--after--border-width--base);
}
.pf-c-table__expandable-row
  td.pf-m-no-padding
  .pf-c-table__expandable-row-content,
.pf-c-table__expandable-row
  th.pf-m-no-padding
  .pf-c-table__expandable-row-content {
  padding: 0;
}
.pf-c-table__expandable-row .pf-c-table__expandable-row-content {
  padding-top: var(--pf-c-table__expandable-row-content--PaddingTop);
  padding-bottom: var(--pf-c-table__expandable-row-content--PaddingBottom);
}
.pf-c-table__expandable-row.pf-m-expanded {
  border-bottom-color: var(
    --pf-c-table__expandable-row--m-expanded--BorderBottomColor
  );
  border-bottom-width: var(--pf-c-table--border-width--base);
  box-shadow: var(--pf-c-table__expandable-row--m-expanded--BoxShadow);
}
.pf-c-table__expandable-row:not(.pf-m-expanded) {
  display: none;
  visibility: hidden;
}
.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child,
.pf-c-table__expandable-row.pf-m-expanded > :first-child,
.pf-c-table
  tbody.pf-m-expanded
  > tr
  > :not(.pf-c-table__compound-expansion-toggle) {
  --pf-c-table__expandable-row--after--BorderLeftWidth: var(
    --pf-c-table__expandable-row--after--border-width--base
  );
}
.pf-c-table .pf-c-table tr > *:first-child {
  --pf-c-table--cell--PaddingLeft: var(
    --pf-c-table--nested--first-last-child--PaddingLeft
  );
}
.pf-c-table .pf-c-table tr > *:last-child {
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table--nested--first-last-child--PaddingRight
  );
}
.pf-c-table.pf-m-compact {
  --pf-c-table--cell--FontSize: var(--pf-c-table--m-compact--FontSize);
  --pf-c-table--cell--PaddingTop: var(
    --pf-c-table--m-compact--cell--PaddingTop
  );
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--m-compact--cell--PaddingBottom
  );
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table--m-compact--cell--PaddingLeft
  );
}
.pf-c-table.pf-m-compact tr {
  --pf-c-table--cell--PaddingLeft: var(
    --pf-c-table--m-compact--cell--PaddingLeft
  );
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table--m-compact--cell--PaddingRight
  );
}
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) {
  --pf-c-table--cell--FontSize: var(--pf-c-table--m-compact--FontSize);
  --pf-c-table--cell--PaddingTop: var(
    --pf-c-table--m-compact--cell--PaddingTop
  );
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--m-compact--cell--PaddingBottom
  );
}
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:first-child {
  --pf-c-table--cell--PaddingLeft: var(
    --pf-c-table--m-compact--cell--first-last-child--PaddingLeft
  );
}
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child {
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table--m-compact--cell--first-last-child--PaddingRight
  );
}
.pf-c-table.pf-m-compact thead th,
.pf-c-table.pf-m-compact thead .pf-c-table__toggle {
  --pf-c-table--cell--PaddingTop: var(
  --pf-c-table--m-compact-th--PaddingTop);
  --pf-c-table--cell--PaddingBottom: var(
  --pf-c-table--m-compact-th--PaddingBottom
  );
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-table.pf-m-compact .pf-c-table__action {
  --pf-c-table--cell--PaddingTop: var(--pf-c-table__action--PaddingTop);
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table__action--PaddingBottom);
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table__action--PaddingLeft);
}
.pf-c-table.pf-m-compact .pf-c-table__toggle {
  --pf-c-table--cell--PaddingTop: var(
    --pf-c-table--m-compact__toggle--PaddingTop
  );
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--m-compact__toggle--PaddingBottom
  );
}
.pf-c-table.pf-m-compact .pf-c-table__icon {
  width: auto;
  min-width: 0;
  text-align: center;
}
.pf-c-table .pf-c-table.pf-m-compact tr > *:first-child {
  --pf-c-table--cell--PaddingLeft: var(
    --pf-c-table--nested--first-last-child--PaddingLeft
  );
}
.pf-c-table .pf-c-table.pf-m-compact tr > *:last-child {
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table--nested--first-last-child--PaddingRight
  );
}
.pf-c-table.pf-m-compact .pf-c-table__expandable-row-content {
  --pf-c-table__expandable-row-content--PaddingTop: var(
    --pf-c-table--m-compact__expandable-row-content--PaddingTop
  );
  --pf-c-table__expandable-row-content--PaddingBottom: var(
    --pf-c-table--m-compact__expandable-row-content--PaddingBottom
  );
}
.pf-c-table__icon-inline {
  display: flex;
  align-items: center;
}
.pf-c-table__icon-inline > :not(:last-child) {
  margin-right: var(--pf-c-table__icon-inline--MarginRight);
}
.pf-c-table .pf-m-width-10 {
  --pf-c-table--cell--Width: 10%;
}
.pf-c-table .pf-m-width-15 {
  --pf-c-table--cell--Width: 15%;
}
.pf-c-table .pf-m-width-20 {
  --pf-c-table--cell--Width: 20%;
}
.pf-c-table .pf-m-width-25 {
  --pf-c-table--cell--Width: 25%;
}
.pf-c-table .pf-m-width-30 {
  --pf-c-table--cell--Width: 30%;
}
.pf-c-table .pf-m-width-35 {
  --pf-c-table--cell--Width: 35%;
}
.pf-c-table .pf-m-width-40 {
  --pf-c-table--cell--Width: 40%;
}
.pf-c-table .pf-m-width-45 {
  --pf-c-table--cell--Width: 45%;
}
.pf-c-table .pf-m-width-50 {
  --pf-c-table--cell--Width: 50%;
}
.pf-c-table .pf-m-width-60 {
  --pf-c-table--cell--Width: 60%;
}
.pf-c-table .pf-m-width-70 {
  --pf-c-table--cell--Width: 70%;
}
.pf-c-table .pf-m-width-80 {
  --pf-c-table--cell--Width: 80%;
}
.pf-c-table .pf-m-width-90 {
  --pf-c-table--cell--Width: 90%;
}
.pf-c-table .pf-m-width-100 {
  --pf-c-table--cell--Width: 100%;
}
:where(.pf-theme-dark) .pf-c-table {
  --pf-c-table--m-striped__tr--BackgroundColor: var(
    --pf-global--BackgroundColor--150
  );
}
:where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:hover,
:where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:focus {
  --pf-c-button--m-plain--Color: var(--pf-global--palette--gold-100);
}
.pf-c-table[class*="pf-m-grid"] {
  --pf-c-table--responsive--BorderColor: var(--pf-global--BorderColor--300);
  --pf-c-table--tbody--responsive--border-width--base: var(
    --pf-global--spacer--sm
  );
  --pf-c-table--tbody--after--border-width--base: var(
    --pf-global--BorderWidth--lg
  );
  --pf-c-table--tbody--after--BorderLeftWidth: 0;
  --pf-c-table--tbody--after--BorderColor: var(--pf-global--active-color--100);
  --pf-c-table-tr--responsive--border-width--base: var(--pf-global--spacer--sm);
  --pf-c-table-tr--responsive--last-child--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-table-tr--responsive--GridColumnGap: var(--pf-global--spacer--md);
  --pf-c-table-tr--responsive--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-table-tr--responsive--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-table-tr--responsive--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-table-tr--responsive--xl--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-table-tr--responsive--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-table-tr--responsive--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-table-tr--responsive--xl--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-table-tr--responsive--nested-table--PaddingTop: var(
    --pf-global--spacer--xl
  );
  --pf-c-table-tr--responsive--nested-table--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-table-tr--responsive--nested-table--PaddingBottom: var(
    --pf-global--spacer--xl
  );
  --pf-c-table-tr--responsive--nested-table--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-table--tbody--after--tr--BorderLeftWidth: 0;
  --pf-c-table--tbody--after--tr--BorderLeftColor: transparent;
  --pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth: var(
    --pf-c-table__expandable-row--after--border-width--base
  );
  --pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor: var(
    --pf-global--active-color--400
  );
  --pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth: var(
    --pf-c-table__expandable-row--after--border-width--base
  );
  --pf-c-table--tbody--m-selected--after--tr--BorderLeftColor: var(
    --pf-global--active-color--100
  );
  --pf-c-table--m-grid--cell--hidden-visible--Display: grid;
  --pf-c-table--m-grid--cell--PaddingTop: 0;
  --pf-c-table--m-grid--cell--PaddingRight: 0;
  --pf-c-table--m-grid--cell--PaddingBottom: 0;
  --pf-c-table--m-grid--cell--PaddingLeft: 0;
  --pf-c-table-td--responsive--GridColumnGap: var(--pf-global--spacer--md);
  --pf-c-table--cell--responsive--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-table--cell--responsive--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-table--cell--first-child--responsive--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-table--cell--responsive--PaddingRight: 0;
  --pf-c-table--cell--responsive--PaddingLeft: 0;
  --pf-c-table--m-compact-tr--responsive--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-table--m-compact-tr--responsive--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-table--m-compact-tr-td--responsive--PaddingTop: var(
    --pf-global--spacer--xs
  );
  --pf-c-table--m-compact-tr-td--responsive--PaddingBottom: var(
    --pf-global--spacer--xs
  );
  --pf-c-table--m-compact__action--responsive--MarginTop: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-table--m-compact__action--responsive--MarginBottom: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom: -0.375rem;
  --pf-c-table__expandable-row-content--responsive--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-table__expandable-row-content--responsive--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-table__expandable-row-content--responsive--xl--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-table__expandable-row-content--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table__check--responsive--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-table__check--responsive--MarginTop: 0.875rem;
  --pf-c-table--m-grid__favorite--MarginTop: 0.5rem;
  --pf-c-table--m-grid__check--favorite--MarginLeft: var(
    --pf-global--spacer--xl
  );
  --pf-c-table--m-grid__action--MarginTop: 0.375rem;
  --pf-c-table__action--responsive--MarginLeft: var(--pf-global--spacer--xl);
  --pf-c-table--m-grid__favorite--action--MarginLeft: var(
    --pf-global--spacer--2xl
  );
  --pf-c-table--m-grid__check--favorite--action--MarginLeft: calc(
    var(--pf-c-table--m-grid__check--favorite--MarginLeft) +
      var(--pf-c-table--m-grid__favorite--action--MarginLeft)
  );
  --pf-c-table__toggle__icon--Transition: 0.2s ease-in 0s;
  --pf-c-table__toggle--m-expanded__icon--Rotate: 180deg;
}
@media screen and (max-width: 1200px) {
  .pf-c-table[class*="pf-m-grid"] {
    --pf-c-table-tr--responsive--PaddingRight: var(
      --pf-c-table-tr--responsive--xl--PaddingRight
    );
    --pf-c-table-tr--responsive--PaddingLeft: var(
      --pf-c-table-tr--responsive--xl--PaddingLeft
    );
  }
}
@media screen and (max-width: 1200px) {
  .pf-c-table[class*="pf-m-grid"] {
    --pf-c-table__expandable-row-content--responsive--PaddingRight: var(
      --pf-c-table__expandable-row-content--responsive--xl--PaddingRight
    );
    --pf-c-table__expandable-row-content--responsive--PaddingLeft: var(
      --pf-c-table__expandable-row-content--responsive--xl--PaddingLeft
    );
  }
}
.pf-m-grid.pf-c-table {
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table--m-grid--cell--PaddingRight
  );
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--m-grid--cell--PaddingBottom
  );
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
  --pf-c-table__favorite--c-button--MarginTop: auto;
  --pf-c-table__favorite--c-button--MarginRight: auto;
  --pf-c-table__favorite--c-button--MarginBottom: auto;
  --pf-c-table__favorite--c-button--MarginLeft: auto;
  display: grid;
  border: none;
}
.pf-m-grid.pf-c-table tr > * {
  width: auto;
  min-width: 0;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.pf-m-grid.pf-c-table .pf-c-table__text {
  position: relative;
  width: auto;
  min-width: 0;
  max-width: none;
  overflow: var(--pf-c-table--cell--Overflow);
  text-overflow: var(--pf-c-table--cell--TextOverflow);
  white-space: var(--pf-c-table--cell--WhiteSpace);
}
.pf-m-grid.pf-c-table thead {
  display: none;
  visibility: hidden;
}
.pf-m-grid.pf-c-table tbody {
  display: block;
}
.pf-m-grid.pf-c-table tbody:first-of-type {
  border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid
    var(--pf-c-table--responsive--BorderColor);
}
.pf-m-grid.pf-c-table table.pf-m-compact > tbody {
  border-top: 0;
}
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) {
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid
    var(--pf-c-table--responsive--BorderColor);
}
.pf-m-grid.pf-c-table tr:last-child,
.pf-m-grid.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
  border-bottom-width: var(
    --pf-c-table-tr--responsive--last-child--BorderBottomWidth
  );
}
.pf-m-grid.pf-c-table tbody.pf-m-expanded {
  border-bottom: var(--pf-c-table--border-width--base) solid
    var(--pf-c-table--BorderColor);
}
.pf-m-grid.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) {
  border-bottom: 0;
}
.pf-m-grid.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
  border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid
    var(--pf-c-table--responsive--BorderColor);
}
.pf-m-grid.pf-c-table tr.pf-m-selected {
  --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
  --pf-c-table__expandable-row--after--BorderColor: transparent;
}
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) {
  display: grid;
  grid-template-columns: 1fr;
  height: auto;
  grid-auto-columns: max-content;
  grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
  padding: var(--pf-c-table-tr--responsive--PaddingTop)
    var(--pf-c-table-tr--responsive--PaddingRight)
    var(--pf-c-table-tr--responsive--PaddingBottom)
    var(--pf-c-table-tr--responsive--PaddingLeft);
}
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) > * {
  padding: var(--pf-c-table--cell--responsive--PaddingTop)
    var(--pf-c-table--cell--responsive--PaddingRight)
    var(--pf-c-table--cell--responsive--PaddingBottom)
    var(--pf-c-table--cell--responsive--PaddingLeft);
}
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) > *:first-child {
  --pf-c-table--cell--responsive--PaddingTop: var(
    --pf-c-table--cell--first-child--responsive--PaddingTop
  );
}
.pf-m-grid.pf-c-table.pf-m-compact {
  --pf-c-table-tr--responsive--PaddingTop: var(
    --pf-c-table--m-compact-tr--responsive--PaddingTop
  );
  --pf-c-table-tr--responsive--PaddingBottom: var(
    --pf-c-table--m-compact-tr--responsive--PaddingBottom
  );
  --pf-c-table--cell--responsive--PaddingTop: var(
    --pf-c-table--m-compact-tr-td--responsive--PaddingTop
  );
  --pf-c-table--cell--responsive--PaddingBottom: var(
    --pf-c-table--m-compact-tr-td--responsive--PaddingBottom
  );
  --pf-c-table__check--input--MarginTop: 0;
}
.pf-m-grid.pf-c-table.pf-m-compact .pf-c-table__action {
  margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
  margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
}
.pf-m-grid.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
  margin-bottom: var(
    --pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom
  );
}
.pf-m-grid.pf-c-table .pf-c-table__icon > * {
  text-align: left;
}
.pf-m-grid.pf-c-table [data-label] {
  --pf-c-table--cell--hidden-visible--Display: var(
    --pf-c-table--m-grid--cell--hidden-visible--Display
  );
  grid-column: 1;
  grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
  grid-template-columns: 1fr minmax(0, 1.5fr);
  align-items: start;
}
.pf-m-grid.pf-c-table [data-label] > * {
  grid-column: 2;
}
.pf-m-grid.pf-c-table [data-label]:before {
  font-weight: 700;
  text-align: left;
  content: attr(data-label);
}
.pf-m-grid.pf-c-table tr > *:first-child {
  --pf-c-table--cell--PaddingLeft: 0;
}
.pf-m-grid.pf-c-table tr > *:last-child {
  --pf-c-table--cell--PaddingRight: 0;
}
.pf-m-grid.pf-c-table .pf-c-table {
  --pf-c-table-tr--responsive--PaddingTop: var(
    --pf-c-table-tr--responsive--nested-table--PaddingTop
  );
  --pf-c-table-tr--responsive--PaddingRight: var(
    --pf-c-table-tr--responsive--nested-table--PaddingRight
  );
  --pf-c-table-tr--responsive--PaddingBottom: var(
    --pf-c-table-tr--responsive--nested-table--PaddingBottom
  );
  --pf-c-table-tr--responsive--PaddingLeft: var(
    --pf-c-table-tr--responsive--nested-table--PaddingLeft
  );
  border: 0;
}
.pf-m-grid.pf-c-table
  .pf-c-table
  tr:not(.pf-c-table__expandable-row)
  + tr:not(.pf-c-table__expandable-row) {
  --pf-c-table-tr--responsive--PaddingTop: 0;
}
.pf-m-grid.pf-c-table .pf-c-table__compound-expansion-toggle {
  --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
  --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
  --pf-c-table__compound-expansion-toggle__button--after--Top: 100%;
}
.pf-m-grid.pf-c-table tbody {
  position: relative;
}
.pf-m-grid.pf-c-table tbody:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: 0;
  border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid
    var(--pf-c-table--tbody--after--BorderColor);
}
.pf-m-grid.pf-c-table tbody.pf-m-expanded {
  --pf-c-table--tbody--after--BorderLeftWidth: var(
    --pf-c-table--tbody--after--border-width--base
  );
}
.pf-m-grid.pf-c-table tbody.pf-m-expanded tbody {
  --pf-c-table--tbody--after--BorderLeftWidth: 0;
}
.pf-m-grid.pf-c-table tbody > tr > :first-child:not(.pf-c-table__check):after {
  --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
  position: static;
  width: auto;
  background-color: transparent;
}
.pf-m-grid.pf-c-table .pf-c-table__expandable-row {
  --pf-c-table--cell--responsive--PaddingTop: 0;
  --pf-c-table--cell--responsive--PaddingRight: 0;
  --pf-c-table--cell--responsive--PaddingBottom: 0;
  --pf-c-table--cell--responsive--PaddingLeft: 0;
  --pf-c-table--cell--PaddingRight: 0;
  --pf-c-table--cell--PaddingLeft: 0;
  display: block;
  max-height: var(--pf-c-table__expandable-row--MaxHeight);
  overflow-y: auto;
  border-bottom: none;
  box-shadow: none;
}
.pf-m-grid.pf-c-table .pf-c-table__expandable-row > * {
  position: static;
  display: block;
}
.pf-m-grid.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
  border-top-color: var(--pf-c-table--BorderColor);
}
.pf-m-grid.pf-c-table
  .pf-c-table__expandable-row
  > :first-child:not(.pf-c-table__check):after {
  content: none;
}
.pf-m-grid.pf-c-table
  .pf-c-table__expandable-row
  td.pf-m-no-padding
  .pf-c-table__expandable-row-content,
.pf-m-grid.pf-c-table
  .pf-c-table__expandable-row
  th.pf-m-no-padding
  .pf-c-table__expandable-row-content {
  padding: 0;
}
.pf-m-grid.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
  display: none;
  visibility: hidden;
}
.pf-m-grid.pf-c-table
  .pf-c-table__expandable-row
  .pf-c-table__expandable-row-content {
  padding-right: var(
    --pf-c-table__expandable-row-content--responsive--PaddingRight
  );
  padding-left: var(
    --pf-c-table__expandable-row-content--responsive--PaddingLeft
  );
}
.pf-m-grid.pf-c-table tbody.pf-m-hoverable {
  --pf-c-table--tbody--after--BorderLeftWidth: 0;
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
}
.pf-m-grid.pf-c-table tbody.pf-m-hoverable,
.pf-m-grid.pf-c-table tbody.pf-m-hoverable > tr {
  position: relative;
}
.pf-m-grid.pf-c-table tbody.pf-m-hoverable > tr:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
  background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
}
.pf-m-grid.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
  --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
    --pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth
  );
  --pf-c-table--tbody--after--tr--BorderLeftColor: var(
    --pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor
  );
}
.pf-m-grid.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
  --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
    --pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth
  );
  --pf-c-table--tbody--after--tr--BorderLeftColor: var(
    --pf-c-table--tbody--m-selected--after--tr--BorderLeftColor
  );
}
.pf-m-grid.pf-c-table tr.pf-m-selected:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
}
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
  width: auto;
  padding: 0;
}
.pf-m-grid.pf-c-table .pf-c-table__toggle {
  grid-row-start: 20;
  grid-column: -1;
  justify-self: end;
  padding-right: 0;
}
.pf-m-grid.pf-c-table .pf-c-table__toggle:after {
  content: none;
}
.pf-m-grid.pf-c-table .pf-c-table__button {
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
  --pf-c-table--cell--PaddingRight: var(
    --pf-c-table--m-grid--cell--PaddingRight
  );
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--m-grid--cell--PaddingBottom
  );
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
}
.pf-m-grid.pf-c-table .pf-c-table__check,
.pf-m-grid.pf-c-table .pf-c-table__favorite,
.pf-m-grid.pf-c-table .pf-c-table__action {
  grid-row-start: 1;
  grid-column-start: 2;
}
.pf-m-grid.pf-c-table .pf-c-table__check {
  margin-top: var(--pf-c-table__check--responsive--MarginTop);
  margin-left: var(--pf-c-table__check--responsive--MarginLeft);
}
.pf-m-grid.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite {
  margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft);
}
.pf-m-grid.pf-c-table
  .pf-c-table__check
  ~ .pf-c-table__favorite
  ~ .pf-c-table__action {
  margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft);
}
.pf-m-grid.pf-c-table .pf-c-table__check ~ .pf-c-table__action {
  margin-left: var(--pf-c-table__action--responsive--MarginLeft);
}
.pf-m-grid.pf-c-table .pf-c-table__favorite {
  margin-top: var(--pf-c-table--m-grid__favorite--MarginTop);
}
.pf-m-grid.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action {
  margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft);
}
.pf-m-grid.pf-c-table .pf-c-table__action {
  margin-top: var(--pf-c-table--m-grid__action--MarginTop);
  text-align: right;
}
@media screen and (max-width: 576px) {
  .pf-m-grid.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
    margin-left: 0;
  }
}
.pf-m-grid.pf-c-table .pf-c-table__inline-edit-action {
  grid-column: 2;
  grid-row: 2;
}
.pf-m-grid.pf-c-table .pf-c-table__toggle-icon {
  transition: var(--pf-c-table__toggle__icon--Transition);
}
.pf-c-button.pf-m-expanded > .pf-m-grid.pf-c-table .pf-c-table__toggle-icon {
  transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
}
.pf-m-grid.pf-c-table .pf-m-nowrap {
  --pf-c-table--cell--Overflow: auto;
}
.pf-m-grid.pf-c-table .pf-m-fit-content {
  width: auto;
  white-space: normal;
}
.pf-m-grid.pf-c-table .pf-m-truncate {
  --pf-c-table--cell--MaxWidth: 100%;
}
.pf-m-grid.pf-c-table [class*="pf-m-width"] {
  --pf-c-table--cell--Width: auto;
}
@media screen and (max-width: 768px) {
  .pf-m-grid-md.pf-c-table {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(
      --pf-c-table--m-grid--cell--PaddingRight
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-grid--cell--PaddingBottom
    );
    --pf-c-table--cell--PaddingLeft: var(
      --pf-c-table--m-grid--cell--PaddingLeft
    );
    --pf-c-table__favorite--c-button--MarginTop: auto;
    --pf-c-table__favorite--c-button--MarginRight: auto;
    --pf-c-table__favorite--c-button--MarginBottom: auto;
    --pf-c-table__favorite--c-button--MarginLeft: auto;
    display: grid;
    border: none;
  }
  .pf-m-grid-md.pf-c-table tr > * {
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__text {
    position: relative;
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: var(--pf-c-table--cell--Overflow);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace);
  }
  .pf-m-grid-md.pf-c-table thead {
    display: none;
    visibility: hidden;
  }
  .pf-m-grid-md.pf-c-table tbody {
    display: block;
  }
  .pf-m-grid-md.pf-c-table tbody:first-of-type {
    border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid
      var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-md.pf-c-table table.pf-m-compact > tbody {
    border-top: 0;
  }
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) {
    border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid
      var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-md.pf-c-table tr:last-child,
  .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
    border-bottom-width: var(
      --pf-c-table-tr--responsive--last-child--BorderBottomWidth
    );
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
    border-bottom: var(--pf-c-table--border-width--base) solid
      var(--pf-c-table--BorderColor);
  }
  .pf-m-grid-md.pf-c-table
    tbody.pf-m-expanded
    tr:not(.pf-c-table__expandable-row) {
    border-bottom: 0;
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
    border-bottom: var(--pf-c-table--tbody--responsive--border-width--base)
      solid var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-md.pf-c-table tr.pf-m-selected {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    --pf-c-table__expandable-row--after--BorderColor: transparent;
  }
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    grid-auto-columns: max-content;
    grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
    padding: var(--pf-c-table-tr--responsive--PaddingTop)
      var(--pf-c-table-tr--responsive--PaddingRight)
      var(--pf-c-table-tr--responsive--PaddingBottom)
      var(--pf-c-table-tr--responsive--PaddingLeft);
  }
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) > * {
    padding: var(--pf-c-table--cell--responsive--PaddingTop)
      var(--pf-c-table--cell--responsive--PaddingRight)
      var(--pf-c-table--cell--responsive--PaddingBottom)
      var(--pf-c-table--cell--responsive--PaddingLeft);
  }
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) > *:first-child {
    --pf-c-table--cell--responsive--PaddingTop: var(
      --pf-c-table--cell--first-child--responsive--PaddingTop
    );
  }
  .pf-m-grid-md.pf-c-table.pf-m-compact {
    --pf-c-table-tr--responsive--PaddingTop: var(
      --pf-c-table--m-compact-tr--responsive--PaddingTop
    );
    --pf-c-table-tr--responsive--PaddingBottom: var(
      --pf-c-table--m-compact-tr--responsive--PaddingBottom
    );
    --pf-c-table--cell--responsive--PaddingTop: var(
      --pf-c-table--m-compact-tr-td--responsive--PaddingTop
    );
    --pf-c-table--cell--responsive--PaddingBottom: var(
      --pf-c-table--m-compact-tr-td--responsive--PaddingBottom
    );
    --pf-c-table__check--input--MarginTop: 0;
  }
  .pf-m-grid-md.pf-c-table.pf-m-compact .pf-c-table__action {
    margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
    margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
  }
  .pf-m-grid-md.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
    margin-bottom: var(
      --pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom
    );
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__icon > * {
    text-align: left;
  }
  .pf-m-grid-md.pf-c-table [data-label] {
    --pf-c-table--cell--hidden-visible--Display: var(
      --pf-c-table--m-grid--cell--hidden-visible--Display
    );
    grid-column: 1;
    grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
    grid-template-columns: 1fr minmax(0, 1.5fr);
    align-items: start;
  }
  .pf-m-grid-md.pf-c-table [data-label] > * {
    grid-column: 2;
  }
  .pf-m-grid-md.pf-c-table [data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label);
  }
  .pf-m-grid-md.pf-c-table tr > *:first-child {
    --pf-c-table--cell--PaddingLeft: 0;
  }
  .pf-m-grid-md.pf-c-table tr > *:last-child {
    --pf-c-table--cell--PaddingRight: 0;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table {
    --pf-c-table-tr--responsive--PaddingTop: var(
      --pf-c-table-tr--responsive--nested-table--PaddingTop
    );
    --pf-c-table-tr--responsive--PaddingRight: var(
      --pf-c-table-tr--responsive--nested-table--PaddingRight
    );
    --pf-c-table-tr--responsive--PaddingBottom: var(
      --pf-c-table-tr--responsive--nested-table--PaddingBottom
    );
    --pf-c-table-tr--responsive--PaddingLeft: var(
      --pf-c-table-tr--responsive--nested-table--PaddingLeft
    );
    border: 0;
  }
  .pf-m-grid-md.pf-c-table
    .pf-c-table
    tr:not(.pf-c-table__expandable-row)
    + tr:not(.pf-c-table__expandable-row) {
    --pf-c-table-tr--responsive--PaddingTop: 0;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__compound-expansion-toggle {
    --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--after--Top: 100%;
  }
  .pf-m-grid-md.pf-c-table tbody {
    position: relative;
  }
  .pf-m-grid-md.pf-c-table tbody:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 0;
    border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid
      var(--pf-c-table--tbody--after--BorderColor);
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
    --pf-c-table--tbody--after--BorderLeftWidth: var(
      --pf-c-table--tbody--after--border-width--base
    );
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded tbody {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
  }
  .pf-m-grid-md.pf-c-table
    tbody
    > tr
    > :first-child:not(.pf-c-table__check):after {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    position: static;
    width: auto;
    background-color: transparent;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row {
    --pf-c-table--cell--responsive--PaddingTop: 0;
    --pf-c-table--cell--responsive--PaddingRight: 0;
    --pf-c-table--cell--responsive--PaddingBottom: 0;
    --pf-c-table--cell--responsive--PaddingLeft: 0;
    --pf-c-table--cell--PaddingRight: 0;
    --pf-c-table--cell--PaddingLeft: 0;
    display: block;
    max-height: var(--pf-c-table__expandable-row--MaxHeight);
    overflow-y: auto;
    border-bottom: none;
    box-shadow: none;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row > * {
    position: static;
    display: block;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
    border-top-color: var(--pf-c-table--BorderColor);
  }
  .pf-m-grid-md.pf-c-table
    .pf-c-table__expandable-row
    > :first-child:not(.pf-c-table__check):after {
    content: none;
  }
  .pf-m-grid-md.pf-c-table
    .pf-c-table__expandable-row
    td.pf-m-no-padding
    .pf-c-table__expandable-row-content,
  .pf-m-grid-md.pf-c-table
    .pf-c-table__expandable-row
    th.pf-m-no-padding
    .pf-c-table__expandable-row-content {
    padding: 0;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
    display: none;
    visibility: hidden;
  }
  .pf-m-grid-md.pf-c-table
    .pf-c-table__expandable-row
    .pf-c-table__expandable-row-content {
    padding-right: var(
      --pf-c-table__expandable-row-content--responsive--PaddingRight
    );
    padding-left: var(
      --pf-c-table__expandable-row-content--responsive--PaddingLeft
    );
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
    --pf-c-table--tbody--after--BorderLeftColor: transparent;
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
    position: relative;
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
    background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
      --pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth
    );
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(
      --pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor
    );
  }
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
      --pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth
    );
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(
      --pf-c-table--tbody--m-selected--after--tr--BorderLeftColor
    );
  }
  .pf-m-grid-md.pf-c-table tr.pf-m-selected:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
    background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
  }
  .pf-m-grid-md.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__toggle,
  .pf-m-grid-md.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__check,
  .pf-m-grid-md.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__favorite,
  .pf-m-grid-md.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__action {
    width: auto;
    padding: 0;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__toggle {
    grid-row-start: 20;
    grid-column: -1;
    justify-self: end;
    padding-right: 0;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__toggle:after {
    content: none;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__button {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(
      --pf-c-table--m-grid--cell--PaddingRight
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-grid--cell--PaddingBottom
    );
    --pf-c-table--cell--PaddingLeft: var(
      --pf-c-table--m-grid--cell--PaddingLeft
    );
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
  .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
  .pf-m-grid-md.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__check {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite {
    margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft);
  }
  .pf-m-grid-md.pf-c-table
    .pf-c-table__check
    ~ .pf-c-table__favorite
    ~ .pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft);
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__check ~ .pf-c-table__action {
    margin-left: var(--pf-c-table__action--responsive--MarginLeft);
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__favorite {
    margin-top: var(--pf-c-table--m-grid__favorite--MarginTop);
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft);
  }
  .pf-m-grid-md.pf-c-table .pf-c-table__action {
    margin-top: var(--pf-c-table--m-grid__action--MarginTop);
    text-align: right;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .pf-m-grid-md.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .pf-m-grid-md.pf-c-table .pf-c-table__inline-edit-action {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 768px) {
  .pf-m-grid-md.pf-c-table .pf-c-table__toggle-icon {
    transition: var(--pf-c-table__toggle__icon--Transition);
  }
  .pf-c-button.pf-m-expanded
    > .pf-m-grid-md.pf-c-table
    .pf-c-table__toggle-icon {
    transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
  }
}
@media screen and (max-width: 768px) {
  .pf-m-grid-md.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto;
  }
}
@media screen and (max-width: 768px) {
  .pf-m-grid-md.pf-c-table .pf-m-fit-content {
    width: auto;
    white-space: normal;
  }
}
@media screen and (max-width: 768px) {
  .pf-m-grid-md.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pf-m-grid-md.pf-c-table [class*="pf-m-width"] {
    --pf-c-table--cell--Width: auto;
  }
}
@media screen and (max-width: 992px) {
  .pf-m-grid-lg.pf-c-table {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(
      --pf-c-table--m-grid--cell--PaddingRight
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-grid--cell--PaddingBottom
    );
    --pf-c-table--cell--PaddingLeft: var(
      --pf-c-table--m-grid--cell--PaddingLeft
    );
    --pf-c-table__favorite--c-button--MarginTop: auto;
    --pf-c-table__favorite--c-button--MarginRight: auto;
    --pf-c-table__favorite--c-button--MarginBottom: auto;
    --pf-c-table__favorite--c-button--MarginLeft: auto;
    display: grid;
    border: none;
  }
  .pf-m-grid-lg.pf-c-table tr > * {
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__text {
    position: relative;
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: var(--pf-c-table--cell--Overflow);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace);
  }
  .pf-m-grid-lg.pf-c-table thead {
    display: none;
    visibility: hidden;
  }
  .pf-m-grid-lg.pf-c-table tbody {
    display: block;
  }
  .pf-m-grid-lg.pf-c-table tbody:first-of-type {
    border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid
      var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-lg.pf-c-table table.pf-m-compact > tbody {
    border-top: 0;
  }
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) {
    border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid
      var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-lg.pf-c-table tr:last-child,
  .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
    border-bottom-width: var(
      --pf-c-table-tr--responsive--last-child--BorderBottomWidth
    );
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
    border-bottom: var(--pf-c-table--border-width--base) solid
      var(--pf-c-table--BorderColor);
  }
  .pf-m-grid-lg.pf-c-table
    tbody.pf-m-expanded
    tr:not(.pf-c-table__expandable-row) {
    border-bottom: 0;
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
    border-bottom: var(--pf-c-table--tbody--responsive--border-width--base)
      solid var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-lg.pf-c-table tr.pf-m-selected {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    --pf-c-table__expandable-row--after--BorderColor: transparent;
  }
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    grid-auto-columns: max-content;
    grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
    padding: var(--pf-c-table-tr--responsive--PaddingTop)
      var(--pf-c-table-tr--responsive--PaddingRight)
      var(--pf-c-table-tr--responsive--PaddingBottom)
      var(--pf-c-table-tr--responsive--PaddingLeft);
  }
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) > * {
    padding: var(--pf-c-table--cell--responsive--PaddingTop)
      var(--pf-c-table--cell--responsive--PaddingRight)
      var(--pf-c-table--cell--responsive--PaddingBottom)
      var(--pf-c-table--cell--responsive--PaddingLeft);
  }
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) > *:first-child {
    --pf-c-table--cell--responsive--PaddingTop: var(
      --pf-c-table--cell--first-child--responsive--PaddingTop
    );
  }
  .pf-m-grid-lg.pf-c-table.pf-m-compact {
    --pf-c-table-tr--responsive--PaddingTop: var(
      --pf-c-table--m-compact-tr--responsive--PaddingTop
    );
    --pf-c-table-tr--responsive--PaddingBottom: var(
      --pf-c-table--m-compact-tr--responsive--PaddingBottom
    );
    --pf-c-table--cell--responsive--PaddingTop: var(
      --pf-c-table--m-compact-tr-td--responsive--PaddingTop
    );
    --pf-c-table--cell--responsive--PaddingBottom: var(
      --pf-c-table--m-compact-tr-td--responsive--PaddingBottom
    );
    --pf-c-table__check--input--MarginTop: 0;
  }
  .pf-m-grid-lg.pf-c-table.pf-m-compact .pf-c-table__action {
    margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
    margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
  }
  .pf-m-grid-lg.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
    margin-bottom: var(
      --pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom
    );
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__icon > * {
    text-align: left;
  }
  .pf-m-grid-lg.pf-c-table [data-label] {
    --pf-c-table--cell--hidden-visible--Display: var(
      --pf-c-table--m-grid--cell--hidden-visible--Display
    );
    grid-column: 1;
    grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
    grid-template-columns: 1fr minmax(0, 1.5fr);
    align-items: start;
  }
  .pf-m-grid-lg.pf-c-table [data-label] > * {
    grid-column: 2;
  }
  .pf-m-grid-lg.pf-c-table [data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label);
  }
  .pf-m-grid-lg.pf-c-table tr > *:first-child {
    --pf-c-table--cell--PaddingLeft: 0;
  }
  .pf-m-grid-lg.pf-c-table tr > *:last-child {
    --pf-c-table--cell--PaddingRight: 0;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table {
    --pf-c-table-tr--responsive--PaddingTop: var(
      --pf-c-table-tr--responsive--nested-table--PaddingTop
    );
    --pf-c-table-tr--responsive--PaddingRight: var(
      --pf-c-table-tr--responsive--nested-table--PaddingRight
    );
    --pf-c-table-tr--responsive--PaddingBottom: var(
      --pf-c-table-tr--responsive--nested-table--PaddingBottom
    );
    --pf-c-table-tr--responsive--PaddingLeft: var(
      --pf-c-table-tr--responsive--nested-table--PaddingLeft
    );
    border: 0;
  }
  .pf-m-grid-lg.pf-c-table
    .pf-c-table
    tr:not(.pf-c-table__expandable-row)
    + tr:not(.pf-c-table__expandable-row) {
    --pf-c-table-tr--responsive--PaddingTop: 0;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__compound-expansion-toggle {
    --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--after--Top: 100%;
  }
  .pf-m-grid-lg.pf-c-table tbody {
    position: relative;
  }
  .pf-m-grid-lg.pf-c-table tbody:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 0;
    border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid
      var(--pf-c-table--tbody--after--BorderColor);
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
    --pf-c-table--tbody--after--BorderLeftWidth: var(
      --pf-c-table--tbody--after--border-width--base
    );
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded tbody {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
  }
  .pf-m-grid-lg.pf-c-table
    tbody
    > tr
    > :first-child:not(.pf-c-table__check):after {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    position: static;
    width: auto;
    background-color: transparent;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row {
    --pf-c-table--cell--responsive--PaddingTop: 0;
    --pf-c-table--cell--responsive--PaddingRight: 0;
    --pf-c-table--cell--responsive--PaddingBottom: 0;
    --pf-c-table--cell--responsive--PaddingLeft: 0;
    --pf-c-table--cell--PaddingRight: 0;
    --pf-c-table--cell--PaddingLeft: 0;
    display: block;
    max-height: var(--pf-c-table__expandable-row--MaxHeight);
    overflow-y: auto;
    border-bottom: none;
    box-shadow: none;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row > * {
    position: static;
    display: block;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
    border-top-color: var(--pf-c-table--BorderColor);
  }
  .pf-m-grid-lg.pf-c-table
    .pf-c-table__expandable-row
    > :first-child:not(.pf-c-table__check):after {
    content: none;
  }
  .pf-m-grid-lg.pf-c-table
    .pf-c-table__expandable-row
    td.pf-m-no-padding
    .pf-c-table__expandable-row-content,
  .pf-m-grid-lg.pf-c-table
    .pf-c-table__expandable-row
    th.pf-m-no-padding
    .pf-c-table__expandable-row-content {
    padding: 0;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
    display: none;
    visibility: hidden;
  }
  .pf-m-grid-lg.pf-c-table
    .pf-c-table__expandable-row
    .pf-c-table__expandable-row-content {
    padding-right: var(
      --pf-c-table__expandable-row-content--responsive--PaddingRight
    );
    padding-left: var(
      --pf-c-table__expandable-row-content--responsive--PaddingLeft
    );
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
    --pf-c-table--tbody--after--BorderLeftColor: transparent;
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
    position: relative;
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
    background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
      --pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth
    );
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(
      --pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor
    );
  }
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
      --pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth
    );
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(
      --pf-c-table--tbody--m-selected--after--tr--BorderLeftColor
    );
  }
  .pf-m-grid-lg.pf-c-table tr.pf-m-selected:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
    background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
  }
  .pf-m-grid-lg.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__toggle,
  .pf-m-grid-lg.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__check,
  .pf-m-grid-lg.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__favorite,
  .pf-m-grid-lg.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__action {
    width: auto;
    padding: 0;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__toggle {
    grid-row-start: 20;
    grid-column: -1;
    justify-self: end;
    padding-right: 0;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__toggle:after {
    content: none;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__button {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(
      --pf-c-table--m-grid--cell--PaddingRight
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-grid--cell--PaddingBottom
    );
    --pf-c-table--cell--PaddingLeft: var(
      --pf-c-table--m-grid--cell--PaddingLeft
    );
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
  .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
  .pf-m-grid-lg.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__check {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite {
    margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft);
  }
  .pf-m-grid-lg.pf-c-table
    .pf-c-table__check
    ~ .pf-c-table__favorite
    ~ .pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft);
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__check ~ .pf-c-table__action {
    margin-left: var(--pf-c-table__action--responsive--MarginLeft);
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__favorite {
    margin-top: var(--pf-c-table--m-grid__favorite--MarginTop);
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft);
  }
  .pf-m-grid-lg.pf-c-table .pf-c-table__action {
    margin-top: var(--pf-c-table--m-grid__action--MarginTop);
    text-align: right;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  .pf-m-grid-lg.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  .pf-m-grid-lg.pf-c-table .pf-c-table__inline-edit-action {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 992px) {
  .pf-m-grid-lg.pf-c-table .pf-c-table__toggle-icon {
    transition: var(--pf-c-table__toggle__icon--Transition);
  }
  .pf-c-button.pf-m-expanded
    > .pf-m-grid-lg.pf-c-table
    .pf-c-table__toggle-icon {
    transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
  }
}
@media screen and (max-width: 992px) {
  .pf-m-grid-lg.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto;
  }
}
@media screen and (max-width: 992px) {
  .pf-m-grid-lg.pf-c-table .pf-m-fit-content {
    width: auto;
    white-space: normal;
  }
}
@media screen and (max-width: 992px) {
  .pf-m-grid-lg.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%;
  }
}
@media screen and (max-width: 992px) {
  .pf-m-grid-lg.pf-c-table [class*="pf-m-width"] {
    --pf-c-table--cell--Width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .pf-m-grid-xl.pf-c-table {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(
      --pf-c-table--m-grid--cell--PaddingRight
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-grid--cell--PaddingBottom
    );
    --pf-c-table--cell--PaddingLeft: var(
      --pf-c-table--m-grid--cell--PaddingLeft
    );
    --pf-c-table__favorite--c-button--MarginTop: auto;
    --pf-c-table__favorite--c-button--MarginRight: auto;
    --pf-c-table__favorite--c-button--MarginBottom: auto;
    --pf-c-table__favorite--c-button--MarginLeft: auto;
    display: grid;
    border: none;
  }
  .pf-m-grid-xl.pf-c-table tr > * {
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__text {
    position: relative;
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: var(--pf-c-table--cell--Overflow);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace);
  }
  .pf-m-grid-xl.pf-c-table thead {
    display: none;
    visibility: hidden;
  }
  .pf-m-grid-xl.pf-c-table tbody {
    display: block;
  }
  .pf-m-grid-xl.pf-c-table tbody:first-of-type {
    border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid
      var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-xl.pf-c-table table.pf-m-compact > tbody {
    border-top: 0;
  }
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
    border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid
      var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-xl.pf-c-table tr:last-child,
  .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
    border-bottom-width: var(
      --pf-c-table-tr--responsive--last-child--BorderBottomWidth
    );
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
    border-bottom: var(--pf-c-table--border-width--base) solid
      var(--pf-c-table--BorderColor);
  }
  .pf-m-grid-xl.pf-c-table
    tbody.pf-m-expanded
    tr:not(.pf-c-table__expandable-row) {
    border-bottom: 0;
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
    border-bottom: var(--pf-c-table--tbody--responsive--border-width--base)
      solid var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-xl.pf-c-table tr.pf-m-selected {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    --pf-c-table__expandable-row--after--BorderColor: transparent;
  }
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    grid-auto-columns: max-content;
    grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
    padding: var(--pf-c-table-tr--responsive--PaddingTop)
      var(--pf-c-table-tr--responsive--PaddingRight)
      var(--pf-c-table-tr--responsive--PaddingBottom)
      var(--pf-c-table-tr--responsive--PaddingLeft);
  }
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) > * {
    padding: var(--pf-c-table--cell--responsive--PaddingTop)
      var(--pf-c-table--cell--responsive--PaddingRight)
      var(--pf-c-table--cell--responsive--PaddingBottom)
      var(--pf-c-table--cell--responsive--PaddingLeft);
  }
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) > *:first-child {
    --pf-c-table--cell--responsive--PaddingTop: var(
      --pf-c-table--cell--first-child--responsive--PaddingTop
    );
  }
  .pf-m-grid-xl.pf-c-table.pf-m-compact {
    --pf-c-table-tr--responsive--PaddingTop: var(
      --pf-c-table--m-compact-tr--responsive--PaddingTop
    );
    --pf-c-table-tr--responsive--PaddingBottom: var(
      --pf-c-table--m-compact-tr--responsive--PaddingBottom
    );
    --pf-c-table--cell--responsive--PaddingTop: var(
      --pf-c-table--m-compact-tr-td--responsive--PaddingTop
    );
    --pf-c-table--cell--responsive--PaddingBottom: var(
      --pf-c-table--m-compact-tr-td--responsive--PaddingBottom
    );
    --pf-c-table__check--input--MarginTop: 0;
  }
  .pf-m-grid-xl.pf-c-table.pf-m-compact .pf-c-table__action {
    margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
    margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
  }
  .pf-m-grid-xl.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
    margin-bottom: var(
      --pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom
    );
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__icon > * {
    text-align: left;
  }
  .pf-m-grid-xl.pf-c-table [data-label] {
    --pf-c-table--cell--hidden-visible--Display: var(
      --pf-c-table--m-grid--cell--hidden-visible--Display
    );
    grid-column: 1;
    grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
    grid-template-columns: 1fr minmax(0, 1.5fr);
    align-items: start;
  }
  .pf-m-grid-xl.pf-c-table [data-label] > * {
    grid-column: 2;
  }
  .pf-m-grid-xl.pf-c-table [data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label);
  }
  .pf-m-grid-xl.pf-c-table tr > *:first-child {
    --pf-c-table--cell--PaddingLeft: 0;
  }
  .pf-m-grid-xl.pf-c-table tr > *:last-child {
    --pf-c-table--cell--PaddingRight: 0;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table {
    --pf-c-table-tr--responsive--PaddingTop: var(
      --pf-c-table-tr--responsive--nested-table--PaddingTop
    );
    --pf-c-table-tr--responsive--PaddingRight: var(
      --pf-c-table-tr--responsive--nested-table--PaddingRight
    );
    --pf-c-table-tr--responsive--PaddingBottom: var(
      --pf-c-table-tr--responsive--nested-table--PaddingBottom
    );
    --pf-c-table-tr--responsive--PaddingLeft: var(
      --pf-c-table-tr--responsive--nested-table--PaddingLeft
    );
    border: 0;
  }
  .pf-m-grid-xl.pf-c-table
    .pf-c-table
    tr:not(.pf-c-table__expandable-row)
    + tr:not(.pf-c-table__expandable-row) {
    --pf-c-table-tr--responsive--PaddingTop: 0;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__compound-expansion-toggle {
    --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--after--Top: 100%;
  }
  .pf-m-grid-xl.pf-c-table tbody {
    position: relative;
  }
  .pf-m-grid-xl.pf-c-table tbody:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 0;
    border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid
      var(--pf-c-table--tbody--after--BorderColor);
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
    --pf-c-table--tbody--after--BorderLeftWidth: var(
      --pf-c-table--tbody--after--border-width--base
    );
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded tbody {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
  }
  .pf-m-grid-xl.pf-c-table
    tbody
    > tr
    > :first-child:not(.pf-c-table__check):after {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    position: static;
    width: auto;
    background-color: transparent;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row {
    --pf-c-table--cell--responsive--PaddingTop: 0;
    --pf-c-table--cell--responsive--PaddingRight: 0;
    --pf-c-table--cell--responsive--PaddingBottom: 0;
    --pf-c-table--cell--responsive--PaddingLeft: 0;
    --pf-c-table--cell--PaddingRight: 0;
    --pf-c-table--cell--PaddingLeft: 0;
    display: block;
    max-height: var(--pf-c-table__expandable-row--MaxHeight);
    overflow-y: auto;
    border-bottom: none;
    box-shadow: none;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row > * {
    position: static;
    display: block;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
    border-top-color: var(--pf-c-table--BorderColor);
  }
  .pf-m-grid-xl.pf-c-table
    .pf-c-table__expandable-row
    > :first-child:not(.pf-c-table__check):after {
    content: none;
  }
  .pf-m-grid-xl.pf-c-table
    .pf-c-table__expandable-row
    td.pf-m-no-padding
    .pf-c-table__expandable-row-content,
  .pf-m-grid-xl.pf-c-table
    .pf-c-table__expandable-row
    th.pf-m-no-padding
    .pf-c-table__expandable-row-content {
    padding: 0;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
    display: none;
    visibility: hidden;
  }
  .pf-m-grid-xl.pf-c-table
    .pf-c-table__expandable-row
    .pf-c-table__expandable-row-content {
    padding-right: var(
      --pf-c-table__expandable-row-content--responsive--PaddingRight
    );
    padding-left: var(
      --pf-c-table__expandable-row-content--responsive--PaddingLeft
    );
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
    --pf-c-table--tbody--after--BorderLeftColor: transparent;
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
    position: relative;
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
    background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
      --pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth
    );
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(
      --pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor
    );
  }
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
      --pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth
    );
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(
      --pf-c-table--tbody--m-selected--after--tr--BorderLeftColor
    );
  }
  .pf-m-grid-xl.pf-c-table tr.pf-m-selected:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
    background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
  }
  .pf-m-grid-xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__toggle,
  .pf-m-grid-xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__check,
  .pf-m-grid-xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__favorite,
  .pf-m-grid-xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__action {
    width: auto;
    padding: 0;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__toggle {
    grid-row-start: 20;
    grid-column: -1;
    justify-self: end;
    padding-right: 0;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__toggle:after {
    content: none;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__button {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(
      --pf-c-table--m-grid--cell--PaddingRight
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-grid--cell--PaddingBottom
    );
    --pf-c-table--cell--PaddingLeft: var(
      --pf-c-table--m-grid--cell--PaddingLeft
    );
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
  .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
  .pf-m-grid-xl.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__check {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite {
    margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft);
  }
  .pf-m-grid-xl.pf-c-table
    .pf-c-table__check
    ~ .pf-c-table__favorite
    ~ .pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft);
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__check ~ .pf-c-table__action {
    margin-left: var(--pf-c-table__action--responsive--MarginLeft);
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__favorite {
    margin-top: var(--pf-c-table--m-grid__favorite--MarginTop);
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft);
  }
  .pf-m-grid-xl.pf-c-table .pf-c-table__action {
    margin-top: var(--pf-c-table--m-grid__action--MarginTop);
    text-align: right;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  .pf-m-grid-xl.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
    margin-left: 0;
  }
}
@media screen and (max-width: 1200px) {
  .pf-m-grid-xl.pf-c-table .pf-c-table__inline-edit-action {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 1200px) {
  .pf-m-grid-xl.pf-c-table .pf-c-table__toggle-icon {
    transition: var(--pf-c-table__toggle__icon--Transition);
  }
  .pf-c-button.pf-m-expanded
    > .pf-m-grid-xl.pf-c-table
    .pf-c-table__toggle-icon {
    transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
  }
}
@media screen and (max-width: 1200px) {
  .pf-m-grid-xl.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto;
  }
}
@media screen and (max-width: 1200px) {
  .pf-m-grid-xl.pf-c-table .pf-m-fit-content {
    width: auto;
    white-space: normal;
  }
}
@media screen and (max-width: 1200px) {
  .pf-m-grid-xl.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .pf-m-grid-xl.pf-c-table [class*="pf-m-width"] {
    --pf-c-table--cell--Width: auto;
  }
}
@media screen and (max-width: 1450px) {
  .pf-m-grid-2xl.pf-c-table {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(
      --pf-c-table--m-grid--cell--PaddingRight
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-grid--cell--PaddingBottom
    );
    --pf-c-table--cell--PaddingLeft: var(
      --pf-c-table--m-grid--cell--PaddingLeft
    );
    --pf-c-table__favorite--c-button--MarginTop: auto;
    --pf-c-table__favorite--c-button--MarginRight: auto;
    --pf-c-table__favorite--c-button--MarginBottom: auto;
    --pf-c-table__favorite--c-button--MarginLeft: auto;
    display: grid;
    border: none;
  }
  .pf-m-grid-2xl.pf-c-table tr > * {
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__text {
    position: relative;
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: var(--pf-c-table--cell--Overflow);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace);
  }
  .pf-m-grid-2xl.pf-c-table thead {
    display: none;
    visibility: hidden;
  }
  .pf-m-grid-2xl.pf-c-table tbody {
    display: block;
  }
  .pf-m-grid-2xl.pf-c-table tbody:first-of-type {
    border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid
      var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-2xl.pf-c-table table.pf-m-compact > tbody {
    border-top: 0;
  }
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
    border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid
      var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-2xl.pf-c-table tr:last-child,
  .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
    border-bottom-width: var(
      --pf-c-table-tr--responsive--last-child--BorderBottomWidth
    );
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
    border-bottom: var(--pf-c-table--border-width--base) solid
      var(--pf-c-table--BorderColor);
  }
  .pf-m-grid-2xl.pf-c-table
    tbody.pf-m-expanded
    tr:not(.pf-c-table__expandable-row) {
    border-bottom: 0;
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
    border-bottom: var(--pf-c-table--tbody--responsive--border-width--base)
      solid var(--pf-c-table--responsive--BorderColor);
  }
  .pf-m-grid-2xl.pf-c-table tr.pf-m-selected {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    --pf-c-table__expandable-row--after--BorderColor: transparent;
  }
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    grid-auto-columns: max-content;
    grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
    padding: var(--pf-c-table-tr--responsive--PaddingTop)
      var(--pf-c-table-tr--responsive--PaddingRight)
      var(--pf-c-table-tr--responsive--PaddingBottom)
      var(--pf-c-table-tr--responsive--PaddingLeft);
  }
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) > * {
    padding: var(--pf-c-table--cell--responsive--PaddingTop)
      var(--pf-c-table--cell--responsive--PaddingRight)
      var(--pf-c-table--cell--responsive--PaddingBottom)
      var(--pf-c-table--cell--responsive--PaddingLeft);
  }
  .pf-m-grid-2xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    > *:first-child {
    --pf-c-table--cell--responsive--PaddingTop: var(
      --pf-c-table--cell--first-child--responsive--PaddingTop
    );
  }
  .pf-m-grid-2xl.pf-c-table.pf-m-compact {
    --pf-c-table-tr--responsive--PaddingTop: var(
      --pf-c-table--m-compact-tr--responsive--PaddingTop
    );
    --pf-c-table-tr--responsive--PaddingBottom: var(
      --pf-c-table--m-compact-tr--responsive--PaddingBottom
    );
    --pf-c-table--cell--responsive--PaddingTop: var(
      --pf-c-table--m-compact-tr-td--responsive--PaddingTop
    );
    --pf-c-table--cell--responsive--PaddingBottom: var(
      --pf-c-table--m-compact-tr-td--responsive--PaddingBottom
    );
    --pf-c-table__check--input--MarginTop: 0;
  }
  .pf-m-grid-2xl.pf-c-table.pf-m-compact .pf-c-table__action {
    margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
    margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
  }
  .pf-m-grid-2xl.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
    margin-bottom: var(
      --pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom
    );
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__icon > * {
    text-align: left;
  }
  .pf-m-grid-2xl.pf-c-table [data-label] {
    --pf-c-table--cell--hidden-visible--Display: var(
      --pf-c-table--m-grid--cell--hidden-visible--Display
    );
    grid-column: 1;
    grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
    grid-template-columns: 1fr minmax(0, 1.5fr);
    align-items: start;
  }
  .pf-m-grid-2xl.pf-c-table [data-label] > * {
    grid-column: 2;
  }
  .pf-m-grid-2xl.pf-c-table [data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label);
  }
  .pf-m-grid-2xl.pf-c-table tr > *:first-child {
    --pf-c-table--cell--PaddingLeft: 0;
  }
  .pf-m-grid-2xl.pf-c-table tr > *:last-child {
    --pf-c-table--cell--PaddingRight: 0;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table {
    --pf-c-table-tr--responsive--PaddingTop: var(
      --pf-c-table-tr--responsive--nested-table--PaddingTop
    );
    --pf-c-table-tr--responsive--PaddingRight: var(
      --pf-c-table-tr--responsive--nested-table--PaddingRight
    );
    --pf-c-table-tr--responsive--PaddingBottom: var(
      --pf-c-table-tr--responsive--nested-table--PaddingBottom
    );
    --pf-c-table-tr--responsive--PaddingLeft: var(
      --pf-c-table-tr--responsive--nested-table--PaddingLeft
    );
    border: 0;
  }
  .pf-m-grid-2xl.pf-c-table
    .pf-c-table
    tr:not(.pf-c-table__expandable-row)
    + tr:not(.pf-c-table__expandable-row) {
    --pf-c-table-tr--responsive--PaddingTop: 0;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__compound-expansion-toggle {
    --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--after--Top: 100%;
  }
  .pf-m-grid-2xl.pf-c-table tbody {
    position: relative;
  }
  .pf-m-grid-2xl.pf-c-table tbody:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 0;
    border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid
      var(--pf-c-table--tbody--after--BorderColor);
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
    --pf-c-table--tbody--after--BorderLeftWidth: var(
      --pf-c-table--tbody--after--border-width--base
    );
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded tbody {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
  }
  .pf-m-grid-2xl.pf-c-table
    tbody
    > tr
    > :first-child:not(.pf-c-table__check):after {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    position: static;
    width: auto;
    background-color: transparent;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row {
    --pf-c-table--cell--responsive--PaddingTop: 0;
    --pf-c-table--cell--responsive--PaddingRight: 0;
    --pf-c-table--cell--responsive--PaddingBottom: 0;
    --pf-c-table--cell--responsive--PaddingLeft: 0;
    --pf-c-table--cell--PaddingRight: 0;
    --pf-c-table--cell--PaddingLeft: 0;
    display: block;
    max-height: var(--pf-c-table__expandable-row--MaxHeight);
    overflow-y: auto;
    border-bottom: none;
    box-shadow: none;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row > * {
    position: static;
    display: block;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
    border-top-color: var(--pf-c-table--BorderColor);
  }
  .pf-m-grid-2xl.pf-c-table
    .pf-c-table__expandable-row
    > :first-child:not(.pf-c-table__check):after {
    content: none;
  }
  .pf-m-grid-2xl.pf-c-table
    .pf-c-table__expandable-row
    td.pf-m-no-padding
    .pf-c-table__expandable-row-content,
  .pf-m-grid-2xl.pf-c-table
    .pf-c-table__expandable-row
    th.pf-m-no-padding
    .pf-c-table__expandable-row-content {
    padding: 0;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
    display: none;
    visibility: hidden;
  }
  .pf-m-grid-2xl.pf-c-table
    .pf-c-table__expandable-row
    .pf-c-table__expandable-row-content {
    padding-right: var(
      --pf-c-table__expandable-row-content--responsive--PaddingRight
    );
    padding-left: var(
      --pf-c-table__expandable-row-content--responsive--PaddingLeft
    );
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
    --pf-c-table--tbody--after--BorderLeftColor: transparent;
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
    position: relative;
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
    background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
      --pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth
    );
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(
      --pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor
    );
  }
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(
      --pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth
    );
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(
      --pf-c-table--tbody--m-selected--after--tr--BorderLeftColor
    );
  }
  .pf-m-grid-2xl.pf-c-table tr.pf-m-selected:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
    background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
  }
  .pf-m-grid-2xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__toggle,
  .pf-m-grid-2xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__check,
  .pf-m-grid-2xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__favorite,
  .pf-m-grid-2xl.pf-c-table
    tr:not(.pf-c-table__expandable-row)
    .pf-c-table__action {
    width: auto;
    padding: 0;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle {
    grid-row-start: 20;
    grid-column: -1;
    justify-self: end;
    padding-right: 0;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle:after {
    content: none;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__button {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(
      --pf-c-table--m-grid--cell--PaddingRight
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-grid--cell--PaddingBottom
    );
    --pf-c-table--cell--PaddingLeft: var(
      --pf-c-table--m-grid--cell--PaddingLeft
    );
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
  .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
  .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite {
    margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft);
  }
  .pf-m-grid-2xl.pf-c-table
    .pf-c-table__check
    ~ .pf-c-table__favorite
    ~ .pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft);
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check ~ .pf-c-table__action {
    margin-left: var(--pf-c-table__action--responsive--MarginLeft);
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite {
    margin-top: var(--pf-c-table--m-grid__favorite--MarginTop);
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft);
  }
  .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
    margin-top: var(--pf-c-table--m-grid__action--MarginTop);
    text-align: right;
  }
}
@media screen and (max-width: 1450px) and (max-width: 576px) {
  .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
    grid-row-start: 1;
    grid-column-start: 2;
    margin-left: 0;
  }
}
@media screen and (max-width: 1450px) {
  .pf-m-grid-2xl.pf-c-table .pf-c-table__inline-edit-action {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 1450px) {
  .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle-icon {
    transition: var(--pf-c-table__toggle__icon--Transition);
  }
  .pf-c-button.pf-m-expanded
    > .pf-m-grid-2xl.pf-c-table
    .pf-c-table__toggle-icon {
    transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
  }
}
@media screen and (max-width: 1450px) {
  .pf-m-grid-2xl.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto;
  }
}
@media screen and (max-width: 1450px) {
  .pf-m-grid-2xl.pf-c-table .pf-m-fit-content {
    width: auto;
    white-space: normal;
  }
}
@media screen and (max-width: 1450px) {
  .pf-m-grid-2xl.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%;
  }
}
@media screen and (max-width: 1450px) {
  .pf-m-grid-2xl.pf-c-table [class*="pf-m-width"] {
    --pf-c-table--cell--Width: auto;
  }
}
.pf-c-table {
  --pf-c-table__tree-view-main--indent--base: calc(
    var(--pf-global--spacer--md) * 2 +
      var(--pf-c-table__tree-view-icon--MinWidth)
  );
  --pf-c-table__tree-view-main--nested-indent--base: calc(
    var(--pf-c-table__tree-view-main--indent--base) -
      var(--pf-global--spacer--md)
  );
  --pf-c-table__tree-view-main--PaddingLeft: var(
    --pf-c-table__tree-view-main--indent--base
  );
  --pf-c-table__tree-view-main--MarginLeft: calc(
    var(--pf-c-table--cell--PaddingLeft) * -1
  );
  --pf-c-table__tree-view-main--c-table__check--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-table__tree-view-main--c-table__check--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-table__tree-view-main--c-table__check--MarginRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-table__tree-view-icon--MinWidth: var(--pf-global--FontSize--md);
  --pf-c-table__tree-view-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-table--m-tree-view__toggle--Position: absolute;
  --pf-c-table--m-tree-view__toggle--Left: var(
    --pf-c-table__tree-view-main--PaddingLeft
  );
  --pf-c-table--m-tree-view__toggle--TranslateX: -100%;
  --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(
    --pf-global--FontSize--md
  );
}
.pf-c-table.pf-m-tree-view > tbody > tr {
  --pf-c-table--m-tree-view__toggle--Left: var(
    --pf-c-table__tree-view-main--PaddingLeft
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="2"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 1 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="3"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 2 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="4"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 3 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="5"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 4 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="6"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 5 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="7"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 6 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="8"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 7 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="9"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 8 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table.pf-m-tree-view tr[aria-level="10"] {
  --pf-c-table__tree-view-main--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 9 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-c-table__tree-view-main {
  position: relative;
  display: flex;
  align-items: baseline;
  min-width: 0;
  padding-left: var(--pf-c-table__tree-view-main--PaddingLeft);
  margin-left: var(--pf-c-table__tree-view-main--MarginLeft);
  text-align: left;
  cursor: pointer;
}
.pf-c-table__tree-view-main > .pf-c-table__toggle {
  position: var(--pf-c-table--m-tree-view__toggle--Position);
  left: var(--pf-c-table--m-tree-view__toggle--Left);
  transform: translate(var(--pf-c-table--m-tree-view__toggle--TranslateX));
}
.pf-c-table__tree-view-main > .pf-c-table__toggle .pf-c-table__toggle-icon {
  min-width: var(--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
}
.pf-c-table__tree-view-main > .pf-c-table__check {
  margin-right: var(--pf-c-table__tree-view-main--c-table__check--MarginRight);
}
.pf-c-table__tree-view-main > .pf-c-table__check label {
  padding-right: var(
    --pf-c-table__tree-view-main--c-table__check--PaddingRight
  );
  padding-left: var(--pf-c-table__tree-view-main--c-table__check--PaddingLeft);
  margin: 0
    calc(var(--pf-c-table__tree-view-main--c-table__check--MarginRight) * -1) 0
    0;
}
.pf-c-table__tree-view-text {
  display: flex;
}
.pf-c-table__tree-view-icon {
  min-width: var(--pf-c-table__tree-view-icon--MinWidth);
  margin-right: var(--pf-c-table__tree-view-icon--MarginRight);
}
.pf-c-table__tree-view-details-toggle {
  display: none;
  visibility: hidden;
}
.pf-m-tree-view-grid.pf-c-table {
  --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--xs)
  );
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
    --pf-c-table__tree-view-main--indent--base
  );
  --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(
    --pf-global--spacer--sm
  );
  --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
  --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(
    --pf-global--spacer--xl
  );
  --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(
    --pf-global--spacer--xl
  );
  --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(
    --pf-global--spacer--xl
  );
  --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(
    auto-fit,
    minmax(150px, 1fr)
  );
  --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
    --pf-global--spacer--xs
  );
  --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
    --pf-global--spacer--xs
  );
  --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
  --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
  --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-table--tbody--cell--PaddingTop: var(
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop
  );
  --pf-c-table--tbody--cell--PaddingBottom: var(
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom
  );
  --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
  --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem;
  --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
  --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem;
}
.pf-m-tree-view-grid.pf-c-table tbody tr {
  position: relative;
  outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
  border: none;
}
.pf-m-tree-view-grid.pf-c-table tbody tr:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
  border-bottom: var(--pf-c-table--border-width--base) solid
    var(--pf-c-table--BorderColor);
  content: "";
}
.pf-m-tree-view-grid.pf-c-table tr:not([hidden]) {
  display: grid;
  grid-template-columns: 1fr max-content;
}
.pf-m-tree-view-grid.pf-c-table
  tr[aria-expanded]
  .pf-c-table__tree-view-title-cell {
  --pf-c-table--cell--PaddingTop: var(
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop
  );
}
.pf-m-tree-view-grid.pf-c-table
  tr[aria-expanded]
  .pf-c-table__tree-view-title-cell
  ~ .pf-c-table__action {
  --pf-c-table--cell--PaddingTop: var(
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop
  );
}
.pf-m-tree-view-grid.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
  --pf-c-table--cell--PaddingTop: var(
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop
  );
  --pf-c-table--cell--PaddingBottom: var(
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom
  );
  padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
}
.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-text {
  padding-right: var(--pf-c-table__tree-view-text--PaddingRight);
}
.pf-m-tree-view-grid.pf-c-table thead th {
  display: none;
  visibility: none;
}
.pf-m-tree-view-grid.pf-c-table td {
  display: none;
}
.pf-m-tree-view-grid.pf-c-table td[data-label] {
  grid-column: 1;
  grid-column-gap: var(
    --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap
  );
  grid-template-columns: var(
    --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns
  );
  align-items: start;
}
.pf-m-tree-view-grid.pf-c-table td[data-label] > * {
  grid-column: 2;
}
.pf-m-tree-view-grid.pf-c-table td[data-label]:before {
  font-weight: 700;
  text-align: left;
  content: attr(data-label);
}
.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded {
  padding-bottom: var(
    --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom
  );
}
.pf-m-tree-view-grid.pf-c-table
  tr.pf-m-tree-view-details-expanded
  td[data-label] {
  display: grid;
}
.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {
  display: block;
  visibility: visible;
}
.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle,
.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {
  display: inline-block;
  visibility: visible;
}
.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {
  --pf-c-table--cell--Width: auto;
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft
  );
  --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop
  );
  --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom
  );
  grid-column: 2;
  grid-row: 1;
}
.pf-m-tree-view-grid.pf-c-table .pf-c-table__action > .pf-c-dropdown {
  margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
  margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);
}
.pf-m-tree-view-grid.pf-c-table
  .pf-c-table__tree-view-main
  > .pf-c-table__check {
  margin-right: var(
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight
  );
  margin-left: auto;
  order: var(
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order
  );
}
.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle {
  margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
  margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="2"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 1 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="3"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 2 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="4"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 3 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="5"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 4 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="6"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 5 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="7"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 6 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="8"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 7 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="9"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 8 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
.pf-m-tree-view-grid.pf-c-table tr[aria-level="10"] {
  --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
    var(--pf-c-table__tree-view-main--nested-indent--base) * 9 +
      var(--pf-c-table__tree-view-main--indent--base)
  );
}
@media screen and (max-width: 768px) {
  .pf-m-tree-view-grid-md.pf-c-table {
    --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(
      -1 * var(--pf-global--spacer--xs)
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
      --pf-c-table__tree-view-main--indent--base
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(
      --pf-global--spacer--sm
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(
      auto-fit,
      minmax(150px, 1fr)
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
      --pf-global--spacer--xs
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
      --pf-global--spacer--xs
    );
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
    --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-table--tbody--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop
    );
    --pf-c-table--tbody--cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom
    );
    --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
    --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem;
  }
  .pf-m-tree-view-grid-md.pf-c-table tbody tr {
    position: relative;
    outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
    border: none;
  }
  .pf-m-tree-view-grid-md.pf-c-table tbody tr:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
    border-bottom: var(--pf-c-table--border-width--base) solid
      var(--pf-c-table--BorderColor);
    content: "";
  }
  .pf-m-tree-view-grid-md.pf-c-table tr:not([hidden]) {
    display: grid;
    grid-template-columns: 1fr max-content;
  }
  .pf-m-tree-view-grid-md.pf-c-table
    tr[aria-expanded]
    .pf-c-table__tree-view-title-cell {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table
    tr[aria-expanded]
    .pf-c-table__tree-view-title-cell
    ~ .pf-c-table__action {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom
    );
    padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
  }
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-text {
    padding-right: var(--pf-c-table__tree-view-text--PaddingRight);
  }
  .pf-m-tree-view-grid-md.pf-c-table thead th {
    display: none;
    visibility: none;
  }
  .pf-m-tree-view-grid-md.pf-c-table td {
    display: none;
  }
  .pf-m-tree-view-grid-md.pf-c-table td[data-label] {
    grid-column: 1;
    grid-column-gap: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap
    );
    grid-template-columns: var(
      --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns
    );
    align-items: start;
  }
  .pf-m-tree-view-grid-md.pf-c-table td[data-label] > * {
    grid-column: 2;
  }
  .pf-m-tree-view-grid-md.pf-c-table td[data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label);
  }
  .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded {
    padding-bottom: var(
      --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table
    tr.pf-m-tree-view-details-expanded
    td[data-label] {
    display: grid;
  }
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {
    display: block;
    visibility: visible;
  }
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
    display: inline-block;
    visibility: visible;
  }
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
    --pf-c-table--cell--Width: auto;
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom
    );
    grid-column: 2;
    grid-row: 1;
  }
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action > .pf-c-dropdown {
    margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
    margin-bottom: var(
      --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table
    .pf-c-table__tree-view-main
    > .pf-c-table__check {
    margin-right: var(
      --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight
    );
    margin-left: auto;
    order: var(
      --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle {
    margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
    margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="2"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 1 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="3"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 2 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="4"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 3 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="5"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 4 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="6"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 5 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="7"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 6 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="8"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 7 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="9"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 8 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="10"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 9 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
}
@media screen and (max-width: 992px) {
  .pf-m-tree-view-grid-lg.pf-c-table {
    --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(
      -1 * var(--pf-global--spacer--xs)
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
      --pf-c-table__tree-view-main--indent--base
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(
      --pf-global--spacer--sm
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(
      auto-fit,
      minmax(150px, 1fr)
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
      --pf-global--spacer--xs
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
      --pf-global--spacer--xs
    );
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
    --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-table--tbody--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop
    );
    --pf-c-table--tbody--cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom
    );
    --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
    --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem;
  }
  .pf-m-tree-view-grid-lg.pf-c-table tbody tr {
    position: relative;
    outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
    border: none;
  }
  .pf-m-tree-view-grid-lg.pf-c-table tbody tr:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
    border-bottom: var(--pf-c-table--border-width--base) solid
      var(--pf-c-table--BorderColor);
    content: "";
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr:not([hidden]) {
    display: grid;
    grid-template-columns: 1fr max-content;
  }
  .pf-m-tree-view-grid-lg.pf-c-table
    tr[aria-expanded]
    .pf-c-table__tree-view-title-cell {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table
    tr[aria-expanded]
    .pf-c-table__tree-view-title-cell
    ~ .pf-c-table__action {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom
    );
    padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
  }
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-text {
    padding-right: var(--pf-c-table__tree-view-text--PaddingRight);
  }
  .pf-m-tree-view-grid-lg.pf-c-table thead th {
    display: none;
    visibility: none;
  }
  .pf-m-tree-view-grid-lg.pf-c-table td {
    display: none;
  }
  .pf-m-tree-view-grid-lg.pf-c-table td[data-label] {
    grid-column: 1;
    grid-column-gap: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap
    );
    grid-template-columns: var(
      --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns
    );
    align-items: start;
  }
  .pf-m-tree-view-grid-lg.pf-c-table td[data-label] > * {
    grid-column: 2;
  }
  .pf-m-tree-view-grid-lg.pf-c-table td[data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label);
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded {
    padding-bottom: var(
      --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table
    tr.pf-m-tree-view-details-expanded
    td[data-label] {
    display: grid;
  }
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {
    display: block;
    visibility: visible;
  }
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
    display: inline-block;
    visibility: visible;
  }
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
    --pf-c-table--cell--Width: auto;
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom
    );
    grid-column: 2;
    grid-row: 1;
  }
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action > .pf-c-dropdown {
    margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
    margin-bottom: var(
      --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table
    .pf-c-table__tree-view-main
    > .pf-c-table__check {
    margin-right: var(
      --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight
    );
    margin-left: auto;
    order: var(
      --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle {
    margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
    margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="2"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 1 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="3"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 2 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="4"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 3 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="5"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 4 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="6"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 5 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="7"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 6 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="8"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 7 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="9"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 8 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="10"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 9 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
}
@media screen and (max-width: 1200px) {
  .pf-m-tree-view-grid-xl.pf-c-table {
    --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(
      -1 * var(--pf-global--spacer--xs)
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
      --pf-c-table__tree-view-main--indent--base
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(
      --pf-global--spacer--sm
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(
      auto-fit,
      minmax(150px, 1fr)
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
      --pf-global--spacer--xs
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
      --pf-global--spacer--xs
    );
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
    --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-table--tbody--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop
    );
    --pf-c-table--tbody--cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom
    );
    --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
    --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem;
  }
  .pf-m-tree-view-grid-xl.pf-c-table tbody tr {
    position: relative;
    outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
    border: none;
  }
  .pf-m-tree-view-grid-xl.pf-c-table tbody tr:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
    border-bottom: var(--pf-c-table--border-width--base) solid
      var(--pf-c-table--BorderColor);
    content: "";
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr:not([hidden]) {
    display: grid;
    grid-template-columns: 1fr max-content;
  }
  .pf-m-tree-view-grid-xl.pf-c-table
    tr[aria-expanded]
    .pf-c-table__tree-view-title-cell {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table
    tr[aria-expanded]
    .pf-c-table__tree-view-title-cell
    ~ .pf-c-table__action {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom
    );
    padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
  }
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-text {
    padding-right: var(--pf-c-table__tree-view-text--PaddingRight);
  }
  .pf-m-tree-view-grid-xl.pf-c-table thead th {
    display: none;
    visibility: none;
  }
  .pf-m-tree-view-grid-xl.pf-c-table td {
    display: none;
  }
  .pf-m-tree-view-grid-xl.pf-c-table td[data-label] {
    grid-column: 1;
    grid-column-gap: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap
    );
    grid-template-columns: var(
      --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns
    );
    align-items: start;
  }
  .pf-m-tree-view-grid-xl.pf-c-table td[data-label] > * {
    grid-column: 2;
  }
  .pf-m-tree-view-grid-xl.pf-c-table td[data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label);
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded {
    padding-bottom: var(
      --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table
    tr.pf-m-tree-view-details-expanded
    td[data-label] {
    display: grid;
  }
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
    display: block;
    visibility: visible;
  }
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
    display: inline-block;
    visibility: visible;
  }
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
    --pf-c-table--cell--Width: auto;
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom
    );
    grid-column: 2;
    grid-row: 1;
  }
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {
    margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
    margin-bottom: var(
      --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table
    .pf-c-table__tree-view-main
    > .pf-c-table__check {
    margin-right: var(
      --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight
    );
    margin-left: auto;
    order: var(
      --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle {
    margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
    margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="2"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 1 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="3"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 2 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="4"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 3 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="5"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 4 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="6"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 5 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="7"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 6 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="8"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 7 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="9"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 8 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="10"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 9 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
}
@media screen and (max-width: 1450px) {
  .pf-m-tree-view-grid-2xl.pf-c-table {
    --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(
      -1 * var(--pf-global--spacer--xs)
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
      --pf-c-table__tree-view-main--indent--base
    );
    --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(
      --pf-global--spacer--sm
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(
      --pf-global--spacer--md
    );
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(
      --pf-global--spacer--xl
    );
    --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(
      auto-fit,
      minmax(150px, 1fr)
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
      --pf-global--spacer--xs
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
      --pf-global--spacer--xs
    );
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
    --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-table--tbody--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop
    );
    --pf-c-table--tbody--cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom
    );
    --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
    --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tbody tr {
    position: relative;
    outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
    border: none;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tbody tr:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
    border-bottom: var(--pf-c-table--border-width--base) solid
      var(--pf-c-table--BorderColor);
    content: "";
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr:not([hidden]) {
    display: grid;
    grid-template-columns: 1fr max-content;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table
    tr[aria-expanded]
    .pf-c-table__tree-view-title-cell {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table
    tr[aria-expanded]
    .pf-c-table__tree-view-title-cell
    ~ .pf-c-table__action {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table
    td:not(.pf-c-table__tree-view-title-cell) {
    --pf-c-table--cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop
    );
    --pf-c-table--cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom
    );
    padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
  }
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-text {
    padding-right: var(--pf-c-table__tree-view-text--PaddingRight);
  }
  .pf-m-tree-view-grid-2xl.pf-c-table thead th {
    display: none;
    visibility: none;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table td {
    display: none;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] {
    grid-column: 1;
    grid-column-gap: var(
      --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap
    );
    grid-template-columns: var(
      --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns
    );
    align-items: start;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] > * {
    grid-column: 2;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table td[data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label);
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded {
    padding-bottom: var(
      --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table
    tr.pf-m-tree-view-details-expanded
    td[data-label] {
    display: grid;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
    display: block;
    visibility: visible;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
    display: inline-block;
    visibility: visible;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
    --pf-c-table--cell--Width: auto;
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop
    );
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(
      --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom
    );
    grid-column: 2;
    grid-row: 1;
  }
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {
    margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
    margin-bottom: var(
      --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table
    .pf-c-table__tree-view-main
    > .pf-c-table__check {
    margin-right: var(
      --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight
    );
    margin-left: auto;
    order: var(
      --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle {
    margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
    margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="2"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 1 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="3"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 2 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="4"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 3 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="5"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 4 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="6"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 5 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="7"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 6 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="8"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 7 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="9"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 8 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
  .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="10"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(
      var(--pf-c-table__tree-view-main--nested-indent--base) * 9 +
        var(--pf-c-table__tree-view-main--indent--base)
    );
  }
}
.pf-c-table {
  --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
  --pf-c-table__sticky-column--MinWidth: var(
    --pf-c-table__sticky-column--cell-min-width--base
  );
  --pf-c-table__sticky-column--Left: 0;
  --pf-c-table__sticky-column--ZIndex: var(--pf-global--ZIndex--md);
  --pf-c-table__sticky-column--Top: 0;
  --pf-c-table__sticky-column--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(
    var(--pf-c-table__sticky-column--ZIndex) + 1
  );
}
.pf-c-table .pf-c-table__sticky-column {
  position: sticky;
  left: var(--pf-c-table__sticky-column--Left);
  z-index: var(--pf-c-table__sticky-column--ZIndex);
  min-width: var(--pf-c-table__sticky-column--MinWidth);
  background-color: var(--pf-c-table__sticky-column--BackgroundColor);
  background-clip: padding-box;
}
.pf-c-table .pf-c-table__sticky-column.pf-m-border-right:before {
  --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(
    --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth
  );
  --pf-c-table--cell--m-border-right--before--BorderRightColor: var(
    --pf-c-table__sticky-column--m-border-right--before--BorderRightColor
  );
}
.pf-c-table .pf-c-table__sticky-column.pf-m-border-left:before {
  --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(
    --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth
  );
  --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(
    --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor
  );
}
.pf-c-table.pf-m-sticky-header {
  --pf-c-table--cell--Overflow: visible;
}
.pf-c-table.pf-m-sticky-header thead .pf-c-table__sticky-column {
  z-index: var(--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex);
}
.pf-c-scroll-outer-wrapper {
  --pf-c-scroll-outer-wrapper--MinHeight: 25rem;
  --pf-c-scroll-outer-wrapper--MaxHeight: 100%;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: var(--pf-c-scroll-outer-wrapper--MinHeight);
  max-height: var(--pf-c-scroll-outer-wrapper--MaxHeight);
  overflow: hidden;
}
.pf-c-scroll-inner-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.pf-c-menu {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-menu__group,
.pf-c-menu__list-item,
.pf-c-menu__list {
  --pf-hidden-visible--visible--Visibility: visible;
  --pf-hidden-visible--hidden--Display: none;
  --pf-hidden-visible--hidden--Visibility: hidden;
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
  --pf-hidden-visible--Visibility: var(
    --pf-hidden-visible--visible--Visibility
  );
  display: var(--pf-hidden-visible--Display);
  visibility: var(--pf-hidden-visible--Visibility);
}
.pf-m-hidden.pf-c-menu__group,
.pf-m-hidden.pf-c-menu__list-item,
.pf-m-hidden.pf-c-menu__list {
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
}
@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-c-menu__group,
  .pf-m-hidden-on-sm.pf-c-menu__list-item,
  .pf-m-hidden-on-sm.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-sm.pf-c-menu__group,
  .pf-m-visible-on-sm.pf-c-menu__list-item,
  .pf-m-visible-on-sm.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-c-menu__group,
  .pf-m-hidden-on-md.pf-c-menu__list-item,
  .pf-m-hidden-on-md.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-md.pf-c-menu__group,
  .pf-m-visible-on-md.pf-c-menu__list-item,
  .pf-m-visible-on-md.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-c-menu__group,
  .pf-m-hidden-on-lg.pf-c-menu__list-item,
  .pf-m-hidden-on-lg.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-lg.pf-c-menu__group,
  .pf-m-visible-on-lg.pf-c-menu__list-item,
  .pf-m-visible-on-lg.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-c-menu__group,
  .pf-m-hidden-on-xl.pf-c-menu__list-item,
  .pf-m-hidden-on-xl.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-xl.pf-c-menu__group,
  .pf-m-visible-on-xl.pf-c-menu__list-item,
  .pf-m-visible-on-xl.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-c-menu__group,
  .pf-m-hidden-on-2xl.pf-c-menu__list-item,
  .pf-m-hidden-on-2xl.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-2xl.pf-c-menu__group,
  .pf-m-visible-on-2xl.pf-c-menu__list-item,
  .pf-m-visible-on-2xl.pf-c-menu__list {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
.pf-c-menu {
  color: var(--pf-global--Color--100);
  --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-menu--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-menu--MinWidth: auto;
  --pf-c-menu--Width: auto;
  --pf-c-menu--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-menu--Top: auto;
  --pf-c-menu--m-flyout__menu--Top: calc(
    var(--pf-c-menu__list--PaddingTop) * -1 +
      var(--pf-c-menu--m-flyout__menu--top-offset)
  );
  --pf-c-menu--m-flyout__menu--Right: auto;
  --pf-c-menu--m-flyout__menu--Bottom: auto;
  --pf-c-menu--m-flyout__menu--Left: calc(
    100% + var(--pf-c-menu--m-flyout__menu--left-offset)
  );
  --pf-c-menu--m-flyout__menu--m-top--Bottom: calc(
    var(--pf-c-menu__list--PaddingTop) * -1
  );
  --pf-c-menu--m-flyout__menu--m-left--Right: calc(
    100% + var(--pf-c-menu--m-flyout__menu--m-left--right-offset)
  );
  --pf-c-menu--m-plain--BoxShadow: none;
  --pf-c-menu--m-flyout__menu--top-offset: 0px;
  --pf-c-menu--m-flyout__menu--left-offset: 0px;
  --pf-c-menu--m-flyout__menu--m-left--right-offset: 0px;
  --pf-c-menu__content--Height: auto;
  --pf-c-menu__content--MaxHeight: none;
  --pf-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
  --pf-c-menu--c-divider--MarginTop: 0;
  --pf-c-menu--c-divider--MarginBottom: 0;
  --pf-c-menu__list--c-divider--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-menu__list--c-divider--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-menu__header--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-menu__header--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-menu__header--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-menu__header--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-menu__header--c-menu__item--MarginTop: calc(
    var(--pf-c-menu__header--PaddingTop) * -1 / 2
  );
  --pf-c-menu__header--c-menu__item--MarginRight: calc(
    var(--pf-c-menu__header--PaddingRight) * -1 / 2
  );
  --pf-c-menu__header--c-menu__item--MarginBottom: calc(
    var(--pf-c-menu__header--PaddingBottom) * -1 / 2
  );
  --pf-c-menu__header--c-menu__item--MarginLeft: calc(
    var(--pf-c-menu__header--PaddingLeft) * -1 / 2
  );
  --pf-c-menu__header--c-menu__item--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-menu__header--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-menu__header--c-menu__item--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-menu__header--c-menu__item--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-menu__header--c-menu__item--BackgroundColor: transparent;
  --pf-c-menu__header--c-menu__item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-menu__header--c-menu__item--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-menu__search--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-menu__search--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-menu__search--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-menu__search--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-menu__header__search--PaddingTop: 0;
  --pf-c-menu__list--Display: block;
  --pf-c-menu__list--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-menu__list--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-menu__list-item--Display: flex;
  --pf-c-menu__list-item--Color: var(--pf-global--Color--100);
  --pf-c-menu__list-item--BackgroundColor: transparent;
  --pf-c-menu__list-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-menu__list-item--m-loading--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-menu__item--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-menu__item--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-menu__item--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-menu__item--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-menu__item--OutlineOffset: -0.125rem;
  --pf-c-menu__item--FontSize: var(--pf-global--FontSize--md);
  --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-menu__list-item--m-disabled__item--Color: var(
    --pf-global--disabled-color--100
  );
  --pf-c-menu__list-item--m-danger__item--Color: var(
    --pf-global--danger-color--100
  );
  --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
  --pf-c-menu__group--Display: block;
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-menu__group-title--PaddingRight: var(--pf-c-menu__item--PaddingRight);
  --pf-c-menu__group-title--PaddingLeft: var(--pf-c-menu__item--PaddingLeft);
  --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-menu__group-title--Color: var(--pf-global--Color--200);
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
  --pf-c-menu__item-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-menu__item-check--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-menu__item-toggle-icon--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-menu__item-toggle-icon--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(
    --pf-global--disabled-color--200
  );
  --pf-c-menu__item-text--item-toggle-icon--MarginLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-menu__item-toggle-icon--item-text--MarginLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-menu__item-select-icon--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-menu__item-select-icon--Color: var(--pf-global--active-color--100);
  --pf-c-menu__item-select-icon--FontSize: var(--pf-global--icon--FontSize--sm);
  --pf-c-menu__item-external-icon--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-menu__item-external-icon--Color: var(--pf-global--link--Color);
  --pf-c-menu__item-external-icon--FontSize: var(
    --pf-global--icon--FontSize--sm
  );
  --pf-c-menu__item-external-icon--Opacity: 0;
  --pf-c-menu__item-action--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-menu__item-action--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
  --pf-c-menu__item-action--disabled--Color: var(
    --pf-global--disabled-color--200
  );
  --pf-c-menu__item-action--m-favorited--Color: var(
    --pf-global--palette--gold-400
  );
  --pf-c-menu__item-action--m-favorited--hover--Color: var(
    --pf-global--palette--gold-500
  );
  --pf-c-menu__item-action-icon--Height: calc(
    var(--pf-c-menu__item--FontSize) * var(--pf-c-menu__item--LineHeight)
  );
  --pf-c-menu__item-action--m-favorite__icon--FontSize: var(
    --pf-global--icon--FontSize--sm
  );
  --pf-c-menu__breadcrumb--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-menu__breadcrumb--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-menu__breadcrumb--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-menu__breadcrumb--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-menu__breadcrumb--c-breadcrumb__item--FontSize: var(
    --pf-global--FontSize--md
  );
  --pf-c-menu__breadcrumb--c-breadcrumb__heading--FontSize: var(
    --pf-global--FontSize--md
  );
  --pf-c-menu--m-drilldown--c-menu--Top: 0;
  --pf-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(
    --pf-global--TransitionDuration
  );
  --pf-c-menu--m-drilldown--c-menu--Transition: transform
    var(--pf-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
  --pf-c-menu--m-drilldown__content--TransitionDuration--height: var(
    --pf-global--TransitionDuration
  );
  --pf-c-menu--m-drilldown__content--TransitionDuration--transform: var(
    --pf-global--TransitionDuration
  );
  --pf-c-menu--m-drilldown__content--Transition: transform
      var(--pf-c-menu--m-drilldown__content--TransitionDuration--transform),
    height var(--pf-c-menu--m-drilldown__content--TransitionDuration--height);
  --pf-c-menu--m-drilldown__list--TransitionDuration--transform: var(
    --pf-global--TransitionDuration
  );
  --pf-c-menu--m-drilldown__list--Transition: transform
    var(--pf-c-menu--m-drilldown__list--TransitionDuration--transform);
  --pf-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(
    --pf-global--ZIndex--xs
  );
  --pf-c-menu__footer--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-menu__footer--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-menu__footer--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-menu__footer--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-menu__footer--BoxShadow: none;
  --pf-c-menu__footer--after--BorderTopWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-menu__footer--after--BorderTopColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-menu--m-scrollable__footer--BoxShadow: var(
    --pf-global--BoxShadow--sm-top
  );
  --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
  --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  top: var(--pf-c-menu--Top);
  z-index: var(--pf-c-menu--ZIndex);
  width: var(--pf-c-menu--Width);
  min-width: var(--pf-c-menu--MinWidth);
  background-color: var(--pf-c-menu--BackgroundColor);
  box-shadow: var(--pf-c-menu--BoxShadow);
  --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
  --pf-c-menu--m-nav--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-300
  );
  --pf-c-menu--m-nav__list--PaddingTop: 0;
  --pf-c-menu--m-nav__list--PaddingBottom: 0;
  --pf-c-menu--m-nav__list-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-200
  );
  --pf-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-200
  );
  --pf-c-menu--m-nav__list-item--active--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-200
  );
  --pf-c-menu--m-nav__item--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-menu--m-nav__item--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-menu--m-nav__item--Color: var(--pf-global--Color--light-100);
  --pf-c-menu--m-nav__item--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-menu--m-nav__item--OutlineOffset: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-menu--m-nav__item--before--BorderBottomColor: var(
    --pf-global--BackgroundColor--dark-200
  );
  --pf-c-menu--m-nav__item--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-menu--m-nav__item--hover--after--BorderLeftColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-menu--m-nav__item--hover--after--Top: calc(
    var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1
  );
  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
  --pf-c-menu--m-nav__item-description--Color: var(
    --pf-global--Color--light-200
  );
  --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
  --pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
  --pf-c-menu--m-nav--c-menu--Top: calc(
    var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1
  );
  --pf-c-menu--m-nav--c-menu--Left: calc(
    100% - var(--pf-c-menu--m-nav--c-menu--left-offset)
  );
  --pf-c-menu--m-nav--c-menu--m-left--Right: calc(
    100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset)
  );
  --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(
    0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset)
  );
  --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
}
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
  overflow: visible;
}
.pf-c-menu .pf-c-divider {
  margin-top: var(--pf-c-menu--c-divider--MarginTop);
  margin-bottom: var(--pf-c-menu--c-divider--MarginBottom);
}
.pf-c-menu .pf-c-menu.pf-m-flyout,
.pf-c-menu.pf-m-flyout .pf-c-menu {
  position: absolute;
  top: var(--pf-c-menu--m-flyout__menu--Top);
  right: var(--pf-c-menu--m-flyout__menu--Right);
  bottom: var(--pf-c-menu--m-flyout__menu--Bottom);
  left: var(--pf-c-menu--m-flyout__menu--Left);
}
.pf-c-menu .pf-c-menu.pf-m-flyout .pf-c-menu__content,
.pf-c-menu.pf-m-flyout .pf-c-menu .pf-c-menu__content {
  overflow-y: visible;
}
.pf-c-menu.pf-m-top {
  --pf-c-menu--m-flyout__menu--Top: auto;
  --pf-c-menu--m-flyout__menu--Bottom: var(
    --pf-c-menu--m-flyout__menu--m-top--Bottom
  );
}
.pf-c-menu.pf-m-left {
  --pf-c-menu--m-flyout__menu--Right: var(
    --pf-c-menu--m-flyout__menu--m-left--Right
  );
  --pf-c-menu--m-flyout__menu--Left: auto;
}
.pf-c-menu.pf-m-drilldown {
  display: flex;
  flex-direction: column;
}
.pf-c-menu.pf-m-drilldown[hidden] {
  display: none;
}
.pf-c-menu.pf-m-drilldown > .pf-c-menu__content {
  flex-grow: 1;
  overflow: hidden;
  transition: var(--pf-c-menu--m-drilldown__content--Transition);
}
.pf-c-menu.pf-m-drilldown.pf-m-drilled-in
  > .pf-c-menu__content
  > .pf-c-menu__list,
.pf-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-c-menu__list {
  transform: translate(-100%);
}
.pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu {
  --pf-c-menu--BoxShadow: none;
  position: absolute;
  top: var(--pf-c-menu--m-drilldown--c-menu--Top);
  left: 100%;
  width: 100%;
  transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
}
.pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
  transform: translate(-100%);
}
.pf-c-menu.pf-m-drilldown .pf-c-menu__list {
  position: relative;
  overflow: hidden;
  transition: var(--pf-c-menu--m-drilldown__list--Transition);
}
.pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
  --pf-c-menu__list--PaddingTop: 0;
  --pf-c-menu__list--PaddingBottom: 0;
}
.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-current-path .pf-c-menu {
  z-index: var(
    --pf-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex
  );
}
.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-current-path > .pf-c-menu {
  overflow: visible;
}
.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-static > .pf-c-menu {
  position: static;
}
.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-static:hover {
  background-color: transparent;
}
.pf-c-menu.pf-m-drilldown
  .pf-c-menu__list-item:not(.pf-m-current-path)
  .pf-c-menu {
  display: none;
  visibility: hidden;
}
.pf-c-menu.pf-m-drilldown .pf-c-menu__item {
  outline-offset: var(--pf-c-menu__item--OutlineOffset);
}
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
  overflow: visible;
  visibility: hidden;
}
.pf-c-menu.pf-m-drilled-in
  > .pf-c-menu__content
  > .pf-c-menu__list
  > .pf-c-divider,
.pf-c-menu.pf-m-drilled-in
  > .pf-c-menu__content
  > .pf-c-menu__list
  > .pf-c-menu__list-item:not(.pf-m-current-path) {
  display: none;
}
.pf-c-menu.pf-m-drilled-in
  > .pf-c-menu__content
  > .pf-c-menu__list
  > .pf-c-menu__list-item.pf-m-current-path {
  visibility: hidden;
}
.pf-c-menu.pf-m-plain {
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
}
.pf-c-menu.pf-m-scrollable {
  --pf-c-menu__content--MaxHeight: var(
    --pf-c-menu--m-scrollable__content--MaxHeight
  );
  --pf-c-menu__footer--BoxShadow: var(
    --pf-c-menu--m-scrollable__footer--BoxShadow
  );
  --pf-c-menu__footer--after--BorderTopWidth: var(
    --pf-c-menu--m-scrollable__footer--after--BorderTopWidth
  );
}
.pf-c-menu.pf-m-scrollable .pf-c-menu__content {
  overflow-y: auto;
}
.pf-c-menu.pf-m-nav,
.pf-c-menu.pf-m-nav .pf-c-menu {
  --pf-c-menu--BackgroundColor: var(--pf-c-menu--m-nav--BackgroundColor);
  --pf-c-menu__list--PaddingTop: var(--pf-c-menu--m-nav__list--PaddingTop);
  --pf-c-menu__list--PaddingBottom: var(
    --pf-c-menu--m-nav__list--PaddingBottom
  );
  --pf-c-menu__list-item--hover--BackgroundColor: var(
    --pf-c-menu--m-nav__list-item--hover--BackgroundColor
  );
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(
    --pf-c-menu--m-nav__list-item--focus-within--BackgroundColor
  );
  --pf-c-menu__list-item--active--BackgroundColor: var(
    --pf-c-menu--m-nav__list-item--active--BackgroundColor
  );
  --pf-c-menu__item--Color: var(--pf-c-menu--m-nav__item--Color);
  --pf-c-menu__item--FontSize: var(--pf-c-menu--m-nav__item--FontSize);
  --pf-c-menu__item--OutlineOffset: var(
    --pf-c-menu--m-nav__item--OutlineOffset
  );
  --pf-c-menu__item--PaddingRight: var(--pf-c-menu--m-nav__item--PaddingRight);
  --pf-c-menu__item--PaddingLeft: var(--pf-c-menu--m-nav__item--PaddingLeft);
  --pf-c-menu__item-description--Color: var(
    --pf-c-menu--m-nav__item-description--Color
  );
  box-shadow: var(--pf-c-menu--m-nav--BoxShadow);
}
.pf-c-menu.pf-m-nav .pf-c-menu__item,
.pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item {
  position: relative;
  outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
}
.pf-c-menu.pf-m-nav .pf-c-menu__item:before,
.pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-bottom: var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) solid
    var(--pf-c-menu--m-nav__item--before--BorderBottomColor);
}
.pf-c-menu.pf-m-nav .pf-c-menu__item:hover:after,
.pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:hover:after {
  position: absolute;
  top: var(--pf-c-menu--m-nav__item--hover--after--Top);
  bottom: 0;
  left: 0;
  content: "";
  border-left: var(--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth)
    solid var(--pf-c-menu--m-nav__item--hover--after--BorderLeftColor);
}
.pf-c-menu.pf-m-nav .pf-c-menu {
  width: 100%;
}
.pf-c-menu.pf-m-flyout.pf-m-nav,
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu {
  top: var(--pf-c-menu--m-nav--c-menu--Top);
  left: var(--pf-c-menu--m-nav--c-menu--Left);
}
.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top,
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-top {
  --pf-c-menu--m-nav--c-menu--Top: auto;
  bottom: var(--pf-c-menu--m-nav--c-menu--m-top--Bottom);
}
.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left,
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-left {
  --pf-c-menu--m-nav--c-menu--Left: auto;
  right: var(--pf-c-menu--m-nav--c-menu--m-left--Right);
}
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child,
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child {
  --pf-c-menu--m-nav__item--hover--after--Top: var(
    --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top
  );
}
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu,
.pf-c-menu.pf-m-flyout.pf-m-nav
  .pf-c-menu
  .pf-c-menu__list-item:first-child
  .pf-c-menu {
  --pf-c-menu--m-nav--c-menu--Top: var(
    --pf-c-menu--m-nav__list-item--first-child--c-menu--Top
  );
}
.pf-c-menu__breadcrumb {
  display: flex;
  align-items: center;
  min-height: var(--pf-c-menu__breadcrumb--MinHeight);
  padding: var(--pf-c-menu__breadcrumb--PaddingTop)
    var(--pf-c-menu__breadcrumb--PaddingRight)
    var(--pf-c-menu__breadcrumb--PaddingBottom)
    var(--pf-c-menu__breadcrumb--PaddingLeft);
}
.pf-c-menu__breadcrumb .pf-c-breadcrumb {
  --pf-c-breadcrumb__item--FontSize: var(
    --pf-c-menu__breadcrumb--c-breadcrumb__item--FontSize
  );
  --pf-c-breadcrumb__heading--FontSize: var(
    --pf-c-menu__breadcrumb--c-breadcrumb__heading--FontSize
  );
}
.pf-c-menu__content {
  height: var(--pf-c-menu__content--Height);
  max-height: var(--pf-c-menu__content--MaxHeight);
}
.pf-c-menu__content .pf-c-menu__content {
  --pf-c-menu__content--Height: auto;
}
.pf-c-menu__header {
  --pf-c-menu__item--PaddingTop: var(
    --pf-c-menu__header--c-menu__item--PaddingTop
  );
  --pf-c-menu__item--PaddingRight: var(
    --pf-c-menu__header--c-menu__item--PaddingRight
  );
  --pf-c-menu__item--PaddingBottom: var(
    --pf-c-menu__header--c-menu__item--PaddingBottom
  );
  --pf-c-menu__item--PaddingLeft: var(
    --pf-c-menu__header--c-menu__item--PaddingLeft
  );
  padding-top: var(--pf-c-menu__header--PaddingTop);
  padding-right: var(--pf-c-menu__header--PaddingRight);
  padding-bottom: var(--pf-c-menu__header--PaddingBottom);
  padding-left: var(--pf-c-menu__header--PaddingLeft);
}
.pf-c-menu__header > .pf-c-menu__item {
  --pf-c-menu__item--BackgroundColor: var(
    --pf-c-menu__header--c-menu__item--BackgroundColor
  );
  margin-top: var(--pf-c-menu__header--c-menu__item--MarginTop);
  margin-right: var(--pf-c-menu__header--c-menu__item--MarginRight);
  margin-bottom: var(--pf-c-menu__header--c-menu__item--MarginBottom);
  margin-left: var(--pf-c-menu__header--c-menu__item--MarginLeft);
}
.pf-c-menu__header > .pf-c-menu__item:hover {
  --pf-c-menu__item--BackgroundColor: var(
    --pf-c-menu__header--c-menu__item--hover--BackgroundColor
  );
}
.pf-c-menu__header > .pf-c-menu__item:focus {
  --pf-c-menu__item--BackgroundColor: var(
    --pf-c-menu__header--c-menu__item--focus--BackgroundColor
  );
}
.pf-c-menu__header + .pf-c-menu__search {
  --pf-c-menu__search--PaddingTop: var(--pf-c-menu__header__search--PaddingTop);
}
.pf-c-menu__search {
  padding-top: var(--pf-c-menu__search--PaddingTop);
  padding-right: var(--pf-c-menu__search--PaddingRight);
  padding-bottom: var(--pf-c-menu__search--PaddingBottom);
  padding-left: var(--pf-c-menu__search--PaddingLeft);
}
.pf-c-menu__list {
  --pf-hidden-visible--visible--Display: var(--pf-c-menu__list--Display);
  padding-top: var(--pf-c-menu__list--PaddingTop);
  padding-bottom: var(--pf-c-menu__list--PaddingBottom);
}
.pf-c-menu__list > .pf-c-divider {
  margin-top: var(--pf-c-menu__list--c-divider--MarginTop);
  margin-bottom: var(--pf-c-menu__list--c-divider--MarginBottom);
}
.pf-c-menu__list-item {
  --pf-hidden-visible--visible--Display: var(--pf-c-menu__list-item--Display);
  position: relative;
  color: var(--pf-c-menu__list-item--Color);
  background-color: var(--pf-c-menu__list-item--BackgroundColor);
}
.pf-c-menu__list-item:hover {
  --pf-c-menu__list-item--BackgroundColor: var(
    --pf-c-menu__list-item--hover--BackgroundColor
  );
  --pf-c-menu__list-item--Color: var(
    --pf-c-menu__list-item--hover--Color,
    inherit
  );
}
.pf-c-menu__list-item:focus-within,
.pf-c-menu__list-item.pf-m-focus {
  --pf-c-menu__list-item--BackgroundColor: var(
    --pf-c-menu__list-item--focus-within--BackgroundColor
  );
  --pf-c-menu__list-item--Color: var(
    --pf-c-menu__list-item--focus-within--Color,
    inherit
  );
}
.pf-c-menu__list-item.pf-m-disabled {
  --pf-c-menu__list-item--hover--BackgroundColor: transparent;
  --pf-c-menu__list-item--focus-within--BackgroundColor: transparent;
  --pf-c-menu__item--Color: var(
    --pf-c-menu__list-item--m-disabled__item--Color
  );
  --pf-c-menu__item-toggle-icon: var(
    --pf-c-menu__list-item--m-disabled__item-toggle-icon--Color
  );
  pointer-events: none;
}
.pf-c-menu__list-item.pf-m-load {
  --pf-c-menu__list-item--hover--BackgroundColor: transparent;
  --pf-c-menu__list-item--focus-within--BackgroundColor: transparent;
  --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-load__item--Color);
}
.pf-c-menu__list-item.pf-m-loading {
  --pf-c-menu__list-item--hover--BackgroundColor: transparent;
  --pf-c-menu__list-item--focus-within--BackgroundColor: transparent;
  justify-content: center;
  padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
  overflow: hidden;
}
.pf-c-menu__list-item.pf-m-danger {
  --pf-c-menu__item--Color: var(
    --pf-c-menu__list-item--m-danger__item--Color,
    inherit
  );
}
.pf-c-menu__item {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  min-width: 0;
  padding-top: var(--pf-c-menu__item--PaddingTop);
  padding-right: var(--pf-c-menu__item--PaddingRight);
  padding-bottom: var(--pf-c-menu__item--PaddingBottom);
  padding-left: var(--pf-c-menu__item--PaddingLeft);
  font-size: var(--pf-c-menu__item--FontSize);
  font-weight: var(--pf-c-menu__item--FontWeight);
  line-height: var(--pf-c-menu__item--LineHeight);
  color: var(--pf-c-menu__item--Color);
  text-align: left;
  background-color: var(--pf-c-menu__item--BackgroundColor);
  border: none;
}
.pf-c-menu__item:hover {
  text-decoration: none;
}
.pf-c-menu__item:hover,
.pf-c-menu__item:focus {
  --pf-c-menu__item-external-icon--Opacity: 1;
}
.pf-c-menu__item.pf-m-selected .pf-c-menu__item-select-icon {
  opacity: 1;
}
label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
  cursor: pointer;
}
.pf-c-menu__item-main {
  display: flex;
  align-items: center;
  width: 100%;
}
.pf-c-menu__item-external-icon {
  margin-left: var(--pf-c-menu__item-external-icon--MarginLeft);
  font-size: var(--pf-c-menu__item-external-icon--FontSize);
  color: var(--pf-c-menu__item-external-icon--Color);
  opacity: var(--pf-c-menu__item-external-icon--Opacity);
}
.pf-c-menu__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}
.pf-c-menu__group {
  --pf-hidden-visible--visible--Display: var(--pf-c-menu__group--Display);
}
.pf-c-menu__group-title {
  padding-top: var(--pf-c-menu__group-title--PaddingTop);
  padding-right: var(--pf-c-menu__group-title--PaddingRight);
  padding-left: var(--pf-c-menu__group-title--PaddingLeft);
  font-size: var(--pf-c-menu__group-title--FontSize);
  font-weight: var(--pf-c-menu__group-title--FontWeight);
  color: var(--pf-c-menu__group-title--Color);
}
.pf-c-menu__item-description {
  font-size: var(--pf-c-menu__item-description--FontSize);
  color: var(--pf-c-menu__item-description--Color);
  word-break: break-all;
}
.pf-c-menu__item-icon {
  margin-right: var(--pf-c-menu__item-icon--MarginRight);
}
.pf-c-menu__item-check {
  display: flex;
  align-items: center;
  margin-right: var(--pf-c-menu__item-check--MarginRight);
}
.pf-c-menu__item-toggle-icon {
  padding-right: var(--pf-c-menu__item-toggle-icon--PaddingRight);
  padding-left: var(--pf-c-menu__item-toggle-icon--PaddingLeft);
  color: var(--pf-c-menu__item-toggle-icon, inherit);
}
.pf-c-menu__item-text + .pf-c-menu__item-toggle-icon {
  margin-left: var(--pf-c-menu__item-text--item-toggle-icon--MarginLeft);
}
.pf-c-menu__item-toggle-icon + .pf-c-menu__item-text {
  margin-left: var(--pf-c-menu__item-toggle-icon--item-text--MarginLeft);
}
.pf-c-menu__item-select-icon {
  margin-left: var(--pf-c-menu__item-select-icon--MarginLeft);
  font-size: var(--pf-c-menu__item-select-icon--FontSize);
  color: var(--pf-c-menu__item-select-icon--Color);
  opacity: 0;
}
.pf-c-menu__item-action {
  display: flex;
  padding-top: var(--pf-c-menu__item-action--PaddingTop);
  padding-right: var(--pf-c-menu__item-action--PaddingRight);
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
  color: var(--pf-c-menu__item-action--Color);
  border: none;
}
.pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
  font-size: var(--pf-c-menu__item-action--m-favorite__icon--FontSize);
}
.pf-c-menu__item-action.pf-m-favorited {
  --pf-c-menu__item-action--Color: var(
    --pf-c-menu__item-action--m-favorited--Color
  );
  --pf-c-menu__item-action--hover--Color: var(
    --pf-c-menu__item-action--m-favorited--hover--Color
  );
}
.pf-c-menu__item-action:hover,
.pf-c-menu__item-action:focus {
  --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--hover--Color);
}
.pf-c-menu__item-action:disabled {
  --pf-c-menu__item-action--Color: var(
    --pf-c-menu__item-action--disabled--Color
  );
}
.pf-c-menu__item-action-icon {
  display: flex;
  align-items: center;
  height: var(--pf-c-menu__item-action-icon--Height);
}
.pf-c-menu__footer {
  position: relative;
  padding: var(--pf-c-menu__footer--PaddingTop)
    var(--pf-c-menu__footer--PaddingRight)
    var(--pf-c-menu__footer--PaddingBottom)
    var(--pf-c-menu__footer--PaddingLeft);
  box-shadow: var(--pf-c-menu__footer--BoxShadow);
}
.pf-c-menu__footer:after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid
    var(--pf-c-menu__footer--after--BorderTopColor);
}
:where(.pf-theme-dark) .pf-c-menu {
  --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
  --pf-c-menu__list-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
}
.pf-c-form {
  --pf-c-form--GridGap: var(--pf-global--gutter--md);
  --pf-c-form__group--m-action--MarginTop: var(--pf-global--spacer--xl);
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
  --pf-c-form--m-horizontal__group-label--md--GridColumnGap: var(
    --pf-global--spacer--md
  );
  --pf-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
  --pf-c-form--m-limit-width--MaxWidth: 55rem;
  --pf-c-form--m-horizontal__group-label--md--PaddingTop: calc(
    (
        (
            (
                (
                    (
                        var(--pf-global--FontSize--md) *
                          var(--pf-global--LineHeight--md)
                      ) + (2 * var(--pf-global--BorderWidth--sm))
                  ) - var(--pf-global--FontSize--md)
              ) / 2
          ) + var(--pf-global--FontSize--md)
      ) -
      (
        (
            (
                (
                    var(--pf-global--FontSize--sm) *
                      var(--pf-global--LineHeight--sm)
                  ) - var(--pf-global--FontSize--sm)
              ) / 2
          ) + var(--pf-global--FontSize--sm)
      ) + var(--pf-global--BorderWidth--sm)
  );
  --pf-c-form__group-label--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;
  --pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(
    (
        (
            (
                (
                    var(--pf-global--FontSize--sm) *
                      var(--pf-global--LineHeight--sm)
                  ) - var(--pf-global--FontSize--sm)
              ) / 2
          ) + var(--pf-global--FontSize--sm)
      ) -
      (
        (
            (
                (
                    var(--pf-global--FontSize--md) *
                      var(--pf-global--LineHeight--sm)
                  ) - var(--pf-global--FontSize--md)
              ) / 2
          ) + var(--pf-global--FontSize--md)
      )
  );
  --pf-c-form__label--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__label--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-form__label--m-disabled--Color: var(--pf-global--disabled-color--100);
  --pf-c-form__label--hover--Cursor: pointer;
  --pf-c-form__label--m-disabled--hover--Cursor: not-allowed;
  --pf-c-form__label-text--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-form__label-required--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-form__label-required--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__label-required--Color: var(--pf-global--danger-color--100);
  --pf-c-form__group-label-help--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-form__group-label-help--PaddingRight: var(--pf-global--spacer--xs);
  --pf-c-form__group-label-help--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-form__group-label-help--PaddingLeft: var(--pf-global--spacer--xs);
  --pf-c-form__group-label-help--MarginTop: calc(
    var(--pf-c-form__group-label-help--PaddingTop) * -1
  );
  --pf-c-form__group-label-help--MarginRight: calc(
    var(--pf-c-form__group-label-help--PaddingRight) * -1
  );
  --pf-c-form__group-label-help--MarginBottom: calc(
    var(--pf-c-form__group-label-help--PaddingBottom) * -1
  );
  --pf-c-form__group-label-help--MarginLeft: calc(
    var(--pf-c-form__group-label-help--PaddingLeft) * -1 +
      var(--pf-global--spacer--xs)
  );
  --pf-c-form__group-label-help--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__group-label-help--TranslateY: 0.125rem;
  --pf-c-form__group-label-help--Color: var(--pf-global--Color--200);
  --pf-c-form__group-label-help--hover--Color: var(--pf-global--Color--100);
  --pf-c-form__group-label-help--focus--Color: var(--pf-global--Color--100);
  --pf-c-form__group-label-info--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-form__group-label-info--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__group-control--m-inline--child--MarginRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-form__group-control__helper-text--MarginBottom: var(
    --pf-global--spacer--xs
  );
  --pf-c-grid__group-control--m-stack--Gap: var(--pf-global--spacer--sm);
  --pf-c-grid__group-control--m-stack__helper-text--MarginTop: calc(
    var(--pf-c-grid__group-control--m-stack--Gap) * -1 +
      var(--pf-c-form__helper-text--MarginTop--base)
  );
  --pf-c-form__actions--child--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-form__actions--child--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-form__actions--child--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-form__actions--child--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-form__actions--MarginTop: calc(
    var(--pf-c-form__actions--child--MarginTop) * -1
  );
  --pf-c-form__actions--MarginRight: calc(
    var(--pf-c-form__actions--child--MarginRight) * -1
  );
  --pf-c-form__actions--MarginBottom: calc(
    var(--pf-c-form__actions--child--MarginBottom) * -1
  );
  --pf-c-form__actions--MarginLeft: calc(
    var(--pf-c-form__actions--child--MarginLeft) * -1
  );
  --pf-c-form__helper-text--MarginTop--base: var(--pf-global--spacer--xs);
  --pf-c-form__helper-text--MarginTop: var(
    --pf-c-form__helper-text--MarginTop--base
  );
  --pf-c-form__helper-text--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-form__helper-text--Color: var(--pf-global--Color--100);
  --pf-c-form__helper-text-icon--FontSize: var(--pf-global--FontSize--md);
  --pf-c-form__helper-text-icon--MarginRight: var(--pf-global--spacer--xs);
  --pf-c-form__helper-text--m-success--Color: var(
    --pf-global--success-color--200
  );
  --pf-c-form__helper-text--m-warning--Color: var(
    --pf-global--warning-color--200
  );
  --pf-c-form__helper-text--m-error--Color: var(--pf-global--danger-color--100);
  --pf-c-form__section--MarginTop: var(--pf-global--spacer--xl);
  --pf-c-form__section--Gap: var(--pf-global--gutter--md);
  --pf-c-form__section-title--FontSize: var(--pf-global--FontSize--lg);
  --pf-c-form__section-title--FontWeight: var(--pf-global--FontWeight--bold);
  --pf-c-form__section-title--MarginBottom: calc(
    var(--pf-global--spacer--sm) * -1
  );
  --pf-c-form__field-group--border-width-base: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-form__field-group--BorderTopWidth: var(
    --pf-c-form__field-group--border-width-base
  );
  --pf-c-form__field-group--BorderTopColor: var(--pf-global--BorderColor--100);
  --pf-c-form__field-group--BorderBottomWidth: var(
    --pf-c-form__field-group--border-width-base
  );
  --pf-c-form__field-group--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-form__field-group--field-group--MarginTop: calc(
    var(--pf-c-form--GridGap) * -1
  );
  --pf-c-form__field-group--GridTemplateColumns--toggle: calc(
    var(--pf-global--spacer--md) * 2 +
      var(--pf-c-form__field-group-toggle-icon--MinWidth) +
      var(--pf-global--spacer--xs)
  );
  --pf-c-form__field-group-toggle--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-form__field-group-toggle--PaddingRight: var(--pf-global--spacer--xs);
  --pf-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-form__field-group-header-toggle--BorderWidth--base: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(
    --pf-c-form__field-group-header-toggle--BorderWidth--base
  );
  --pf-c-form__field-group-toggle-button--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-form__field-group-toggle-button--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-form__field-group-toggle-icon--Transition: var(
    --pf-global--Transition
  );
  --pf-c-form__field-group-toggle-icon--MinWidth: var(
    --pf-global--FontSize--md
  );
  --pf-c-form__field-group-toggle-icon--Rotate: 0;
  --pf-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-form__field-group-header--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-form__field-group-header--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-form__field-group-header--GridColumn: 1 / 3;
  --pf-c-form__field-group__field-group__field-group-header--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-form__field-group__field-group__field-group-header--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
  --pf-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(
    --pf-c-form__field-group-header-toggle--BorderWidth--base
  );
  --pf-c-form__field-group-header-description--MarginTop: var(
    --pf-global--spacer--xs
  );
  --pf-c-form__field-group-header-description--Color: var(
    --pf-global--Color--200
  );
  --pf-c-form__field-group-header-actions--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-form__field-group-header-actions--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-form__field-group-header-actions--MarginLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-form__field-group-body--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-form__field-group-body--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-form__field-group-body--Gap: var(--pf-c-form--GridGap);
  --pf-c-form__field-group-body--GridColumn: 2 / 3;
  --pf-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
  --pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 /
    3;
  --pf-c-form__field-group-body__field-group--last-child--MarginBottom: calc(
    var(--pf-c-form__field-group-body--PaddingBottom) * -1
  );
  display: grid;
  gap: var(--pf-c-form--GridGap);
}
.pf-c-form.pf-m-horizontal.pf-m-align-right .pf-c-form__label {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .pf-c-form.pf-m-horizontal {
    --pf-c-form__group-label--PaddingBottom: 0;
  }
  .pf-c-form.pf-m-horizontal .pf-c-form__group {
    display: grid;
    grid-column-gap: var(
      --pf-c-form--m-horizontal__group-label--md--GridColumnGap
    );
    grid-template-columns: var(
        --pf-c-form--m-horizontal__group-label--md--GridColumnWidth
      ) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }
  .pf-c-form.pf-m-horizontal .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
    font-family: 'Source Sans Pro', sans-serif;
  }
  .pf-c-form.pf-m-horizontal .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(
      --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop
    );
    transform: translateY(
      var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)
    );
  }
  .pf-c-form.pf-m-horizontal .pf-c-form__group-control {
    grid-column: 2;
  }
}
@media screen and (min-width: 0) {
  .pf-c-form.pf-m-horizontal-on-xs {
    --pf-c-form__group-label--PaddingBottom: 0;
  }
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
    display: grid;
    grid-column-gap: var(
      --pf-c-form--m-horizontal__group-label--md--GridColumnGap
    );
    grid-template-columns: var(
        --pf-c-form--m-horizontal__group-label--md--GridColumnWidth
      ) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(
      --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop
    );
    transform: translateY(
      var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)
    );
  }
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-control {
    grid-column: 2;
  }
}
@media (min-width: 576px) {
  .pf-c-form.pf-m-horizontal-on-sm {
    --pf-c-form__group-label--PaddingBottom: 0;
  }
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
    display: grid;
    grid-column-gap: var(
      --pf-c-form--m-horizontal__group-label--md--GridColumnGap
    );
    grid-template-columns: var(
        --pf-c-form--m-horizontal__group-label--md--GridColumnWidth
      ) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(
      --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop
    );
    transform: translateY(
      var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)
    );
  }
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-control {
    grid-column: 2;
  }
}
@media (min-width: 768px) {
  .pf-c-form.pf-m-horizontal-on-md {
    --pf-c-form__group-label--PaddingBottom: 0;
  }
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
    display: grid;
    grid-column-gap: var(
      --pf-c-form--m-horizontal__group-label--md--GridColumnGap
    );
    grid-template-columns: var(
        --pf-c-form--m-horizontal__group-label--md--GridColumnWidth
      ) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(
      --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop
    );
    transform: translateY(
      var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)
    );
  }
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-control {
    grid-column: 2;
  }
}
@media (min-width: 992px) {
  .pf-c-form.pf-m-horizontal-on-lg {
    --pf-c-form__group-label--PaddingBottom: 0;
  }
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
    display: grid;
    grid-column-gap: var(
      --pf-c-form--m-horizontal__group-label--md--GridColumnGap
    );
    grid-template-columns: var(
        --pf-c-form--m-horizontal__group-label--md--GridColumnWidth
      ) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(
      --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop
    );
    transform: translateY(
      var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)
    );
  }
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-control {
    grid-column: 2;
  }
}
@media (min-width: 1200px) {
  .pf-c-form.pf-m-horizontal-on-xl {
    --pf-c-form__group-label--PaddingBottom: 0;
  }
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
    display: grid;
    grid-column-gap: var(
      --pf-c-form--m-horizontal__group-label--md--GridColumnGap
    );
    grid-template-columns: var(
        --pf-c-form--m-horizontal__group-label--md--GridColumnWidth
      ) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(
      --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop
    );
    transform: translateY(
      var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)
    );
  }
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-control {
    grid-column: 2;
  }
}
@media (min-width: 1450px) {
  .pf-c-form.pf-m-horizontal-on-2xl {
    --pf-c-form__group-label--PaddingBottom: 0;
  }
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
    display: grid;
    grid-column-gap: var(
      --pf-c-form--m-horizontal__group-label--md--GridColumnGap
    );
    grid-template-columns: var(
        --pf-c-form--m-horizontal__group-label--md--GridColumnWidth
      ) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
  }
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
  }
  .pf-c-form.pf-m-horizontal-on-2xl
    .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(
      --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop
    );
    transform: translateY(
      var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)
    );
  }
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-control {
    grid-column: 2;
  }
}
.pf-c-form.pf-m-limit-width {
  max-width: var(--pf-c-form--m-limit-width--MaxWidth);
}
.pf-c-form__group.pf-m-action {
  margin-top: var(--pf-c-form__group--m-action--MarginTop);
  overflow: hidden;
}
.pf-c-form__section {
  display: grid;
  gap: var(--pf-c-form__section--Gap);
}
.pf-c-form__section + .pf-c-form__group:not(.pf-m-action),
.pf-c-form__section:not(:first-child) {
  margin-top: var(--pf-c-form__section--MarginTop);
}
.pf-c-form__section-title {
  margin-bottom: var(--pf-c-form__section-title--MarginBottom);
  font-size: var(--pf-c-form__section-title--FontSize);
  font-weight: var(--pf-c-form__section-title--FontWeight);
}
.pf-c-form__group-label {
  --pf-c-form__helper-text--MarginTop: 0;
  padding-bottom: var(--pf-c-form__group-label--PaddingBottom);
}
.pf-c-form__group-label.pf-m-info {
  display: flex;
  align-items: flex-end;
}
.pf-c-form__group-label-main {
  flex-grow: 1;
}
.pf-c-form__group-label-info {
  margin-left: var(--pf-c-form__group-label-info--MarginLeft);
  font-size: var(--pf-c-form__group-label-info--FontSize);
}
.pf-c-form__label {
  font-size: var(--pf-c-form__label--FontSize);
  line-height: var(--pf-c-form__label--LineHeight);
}
.pf-c-form__label::selection {
  background-color: none;
}
.pf-c-form__label:not(.pf-m-disabled):hover {
  cursor: var(--pf-c-form__label--hover--Cursor);
}
.pf-c-form__label.pf-m-disabled {
  color: var(--pf-c-form__label--m-disabled--Color);
}
.pf-c-form__label.pf-m-disabled:hover {
  cursor: var(--pf-c-form__label--m-disabled--hover--Cursor);
}
.pf-c-form__label-text {
  font-weight: var(--pf-c-form__label-text--FontWeight);
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-form__label-required {
  margin-left: var(--pf-c-form__label-required--MarginLeft);
  font-size: var(--pf-c-form__label-required--FontSize);
  color: var(--pf-c-form__label-required--Color);
}
.pf-c-form__group-label-help {
  padding-top: var(--pf-c-form__group-label-help--PaddingTop);
  padding-right: var(--pf-c-form__group-label-help--PaddingRight);
  padding-bottom: var(--pf-c-form__group-label-help--PaddingBottom);
  padding-left: var(--pf-c-form__group-label-help--PaddingLeft);
  margin-top: var(--pf-c-form__group-label-help--MarginTop);
  margin-right: var(--pf-c-form__group-label-help--MarginRight);
  margin-bottom: var(--pf-c-form__group-label-help--MarginBottom);
  margin-left: var(--pf-c-form__group-label-help--MarginLeft);
  font-size: var(--pf-c-form__group-label-help--FontSize);
  line-height: 1;
  color: var(--pf-c-form__group-label-help--Color);
  cursor: pointer;
  border: 0;
  transform: translateY(var(--pf-c-form__group-label-help--TranslateY));
}
.pf-c-form__group-label-help:hover {
  --pf-c-form__group-label-help--Color: var(
    --pf-c-form__group-label-help--hover--Color
  );
}
.pf-c-form__group-label-help:focus-within {
  --pf-c-form__group-label-help--Color: var(
    --pf-c-form__group-label-help--focus--Color
  );
}
.pf-c-form__group-control.pf-m-inline {
  display: flex;
  flex-flow: row wrap;
}
.pf-c-form__group-control.pf-m-inline > * {
  margin-right: var(--pf-c-form__group-control--m-inline--child--MarginRight);
}
.pf-c-form__group-control.pf-m-inline > :last-child {
  --pf-c-form__group-control--m-inline--child--MarginRight: 0;
}
.pf-c-form__group-control.pf-m-stack {
  display: grid;
  gap: var(--pf-c-grid__group-control--m-stack--Gap);
  --pf-c-form__helper-text--MarginTop: var(
    --pf-c-grid__group-control--m-stack__helper-text--MarginTop
  );
}
.pf-c-form__group-control .pf-c-form__helper-text:first-child {
  --pf-c-form__helper-text--MarginTop: 0;
  margin-bottom: var(--pf-c-form__group-control__helper-text--MarginBottom);
}
.pf-c-form__helper-text {
  margin-top: var(--pf-c-form__helper-text--MarginTop);
  font-size: var(--pf-c-form__helper-text--FontSize);
  color: var(--pf-c-form__helper-text--Color);
}
.pf-c-form__helper-text.pf-m-error {
  --pf-c-form__helper-text--Color: var(
    --pf-c-form__helper-text--m-error--Color
  );
}
.pf-c-form__helper-text.pf-m-success {
  --pf-c-form__helper-text--Color: var(
    --pf-c-form__helper-text--m-success--Color
  );
}
.pf-c-form__helper-text.pf-m-warning {
  --pf-c-form__helper-text--Color: var(
    --pf-c-form__helper-text--m-warning--Color
  );
}
.pf-c-form__helper-text.pf-m-inactive {
  display: none;
  visibility: hidden;
}
.pf-c-form__helper-text.pf-m-hidden {
  visibility: hidden;
  opacity: 0;
}
.pf-c-form__helper-text-icon {
  margin-right: var(--pf-c-form__helper-text-icon--MarginRight);
  font-size: var(--pf-c-form__helper-text-icon--FontSize);
}
.pf-c-form__fieldset {
  border: 0;
}
.pf-c-form__actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--pf-c-form__actions--MarginTop);
  margin-right: var(--pf-c-form__actions--MarginRight);
  margin-bottom: var(--pf-c-form__actions--MarginBottom);
  margin-left: var(--pf-c-form__actions--MarginLeft);
}
.pf-c-form__actions > * {
  margin-top: var(--pf-c-form__actions--child--MarginTop);
  margin-right: var(--pf-c-form__actions--child--MarginRight);
  margin-bottom: var(--pf-c-form__actions--child--MarginBottom);
  margin-left: var(--pf-c-form__actions--child--MarginLeft);
}
.pf-c-form__field-group {
  --pf-c-form__field-group--BorderTopWidth: var(
    --pf-c-form__field-group--border-width-base
  );
  display: grid;
  grid-template-columns: minmax(
      var(--pf-c-form__field-group--GridTemplateColumns--toggle),
      max-content
    ) 1fr;
  border-top: var(--pf-c-form__field-group--BorderTopWidth) solid
    var(--pf-c-form__field-group--BorderTopColor);
  border-bottom: var(--pf-c-form__field-group--BorderBottomWidth) solid
    var(--pf-c-form__field-group--BorderBottomColor);
}
.pf-c-form__field-group:last-child {
  --pf-c-form__field-group--BorderBottomWidth: 0;
}
.pf-c-form__field-group + .pf-c-form__field-group,
.pf-c-form__field-group:first-child {
  --pf-c-form__field-group--BorderTopWidth: 0;
}
.pf-c-form__field-group + .pf-c-form__field-group {
  margin-top: var(--pf-c-form__field-group--field-group--MarginTop);
}
.pf-c-form__field-group .pf-c-form__field-group {
  --pf-c-form__field-group-body--GridColumn: var(
    --pf-c-form__field-group__field-group__field-group-body--GridColumn
  );
  --pf-c-form__field-group-toggle--PaddingTop: var(
    --pf-c-form__field-group__field-group__field-group-toggle--PaddingTop
  );
  --pf-c-form__field-group-header--PaddingTop: var(
    --pf-c-form__field-group__field-group__field-group-header--PaddingTop
  );
  --pf-c-form__field-group-header--PaddingBottom: var(
    --pf-c-form__field-group__field-group__field-group-header--PaddingBottom
  );
  --pf-c-form__field-group-body--PaddingTop: 0;
}
.pf-c-form__field-group
  .pf-c-form__field-group
  .pf-c-form__field-group-toggle
  ~ .pf-c-form__field-group-body {
  --pf-c-form__field-group-body--GridColumn: var(
    --pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn
  );
}
.pf-c-form__field-group.pf-m-expanded > .pf-c-form__field-group-toggle {
  --pf-c-form__field-group-toggle-icon--Rotate: var(
    --pf-c-form__field-group--m-expanded__toggle-icon--Rotate
  );
}
.pf-c-form__field-group-toggle {
  grid-column: 1/2;
  grid-row: 1/2;
  padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
  padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
}
.pf-c-form__field-group-toggle + .pf-c-form__field-group-header {
  --pf-c-form__field-group-header--GridColumn: var(
    --pf-c-form__field-group-toggle--field-group-header--GridColumn
  );
}
.pf-c-form__field-group-toggle-button {
  margin-top: var(--pf-c-form__field-group-toggle-button--MarginTop);
  margin-bottom: var(--pf-c-form__field-group-toggle-button--MarginBottom);
}
.pf-c-form__field-group-toggle-icon {
  display: inline-block;
  min-width: var(--pf-c-form__field-group-toggle-icon--MinWidth);
  text-align: center;
  transition: var(--pf-c-form__field-group-toggle-icon--Transition);
  transform: rotate(var(--pf-c-form__field-group-toggle-icon--Rotate));
}
.pf-c-form__field-group-header {
  grid-column: var(--pf-c-form__field-group-header--GridColumn);
  grid-row: 1/2;
  display: flex;
  align-items: flex-start;
  padding-top: var(--pf-c-form__field-group-header--PaddingTop);
  padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
}
.pf-c-form__field-group-header-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.pf-c-form__field-group-header-title {
  display: flex;
}
.pf-c-form__field-group-header-title-text {
  flex-grow: 1;
}
.pf-c-form__field-group-header-description {
  margin-top: var(--pf-c-form__field-group-header-description--MarginTop);
  color: var(--pf-c-form__field-group-header-description--Color);
}
.pf-c-form__field-group-header-actions {
  margin-top: var(--pf-c-form__field-group-header-actions--MarginTop);
  margin-bottom: var(--pf-c-form__field-group-header-actions--MarginBottom);
  margin-left: var(--pf-c-form__field-group-header-actions--MarginLeft);
  white-space: nowrap;
}
.pf-c-form__field-group-body {
  grid-column: var(--pf-c-form__field-group-body--GridColumn);
  display: grid;
  gap: var(--pf-c-form__field-group-body--Gap);
  padding-top: var(--pf-c-form__field-group-body--PaddingTop);
  padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
}
.pf-c-form__field-group-body > .pf-c-form__field-group:first-child {
  --pf-c-form__field-group-toggle--PaddingTop: 0;
  --pf-c-form__field-group-header--PaddingTop: 0;
}
.pf-c-form__field-group-body > .pf-c-form__field-group:last-child {
  margin-bottom: var(
    --pf-c-form__field-group-body__field-group--last-child--MarginBottom
  );
}
:where(.pf-theme-dark) .pf-c-form {
  --pf-c-form__helper-text--m-success--Color: var(
    --pf-global--success-color--100
  );
}
.pf-c-check {
  --pf-c-check--GridGap: var(--pf-global--spacer--xs)
    var(--pf-global--spacer--sm);
  --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);
  --pf-c-check__label--Color: var(--pf-global--Color--100);
  --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);
  --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);
  --pf-c-check__input--MarginTop: calc(
    (
        (
            var(--pf-c-check__label--FontSize) *
              var(--pf-c-check__label--LineHeight)
          ) - var(--pf-c-check__input--Height)
      ) / 2
  );
  --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-check__description--Color: var(--pf-global--Color--200);
  --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-check__label-required--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-check__label-required--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-check__label-required--Color: var(--pf-global--danger-color--100);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: var(--pf-c-check--GridGap);
  align-items: start;
  justify-items: start;
}
.pf-c-check.pf-m-standalone {
  --pf-c-check--GridGap: 0;
  --pf-c-check__input--Height: auto;
  --pf-c-check__input--MarginTop: 0;
  display: inline-grid;
  line-height: 1;
}
.pf-c-check__label {
  font-size: var(--pf-c-check__label--FontSize);
  font-weight: var(--pf-c-check__label--FontWeight);
  line-height: var(--pf-c-check__label--LineHeight);
  color: var(--pf-c-check__label--Color);
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-check__input {
  height: var(--pf-c-check__input--Height);
  margin-top: var(--pf-c-check__input--MarginTop);
}
.pf-c-check__description {
  grid-column: 2;
  font-size: var(--pf-c-check__description--FontSize);
  color: var(--pf-c-check__description--Color);
}
.pf-c-check__body {
  grid-column: 2;
  margin-top: var(--pf-c-check__body--MarginTop);
}
label.pf-c-check,
.pf-c-check__label,
.pf-c-check__input {
  cursor: pointer;
}
.pf-c-check__label:disabled,
.pf-c-check__label.pf-m-disabled,
.pf-c-check__input:disabled,
.pf-c-check__input.pf-m-disabled {
  --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);
  cursor: not-allowed;
}
.pf-c-check__label-required {
  margin-left: var(--pf-c-check__label-required--MarginLeft);
  font-size: var(--pf-c-check__label-required--FontSize);
  color: var(--pf-c-check__label-required--Color);
}
.pf-c-clipboard-copy {
  --pf-c-clipboard-copy__toggle-icon--Transition: 0.2s ease-in 0s;
  --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-clipboard-copy__expandable-content--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-clipboard-copy__expandable-content--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-clipboard-copy__expandable-content--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-clipboard-copy__expandable-content--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
  --pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-clipboard-copy__expandable-content--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--xs)
  );
  --pf-c-clipboard-copy--m-inline--PaddingTop: 0;
  --pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
  --pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
  --pf-c-clipboard-copy--m-inline--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-clipboard-copy__text--m-code--FontFamily: var(
    --pf-global--FontFamily--monospace
  );
  --pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-clipboard-copy__actions-item--MarginTop: calc(
    -1 * var(--pf-global--spacer--form-element)
  );
  --pf-c-clipboard-copy__actions-item--MarginBottom: calc(
    -1 * var(--pf-global--spacer--form-element)
  );
  --pf-c-clipboard-copy__actions-item--button--PaddingTop: var(
    --pf-global--spacer--xs
  );
  --pf-c-clipboard-copy__actions-item--button--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(
    --pf-global--spacer--xs
  );
  --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(
    --pf-global--spacer--sm
  );
}
.pf-c-clipboard-copy.pf-m-expanded .pf-c-clipboard-copy__toggle-icon {
  transform: rotate(
    var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate)
  );
}
.pf-c-clipboard-copy.pf-m-inline {
  display: inline;
  padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
  padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
  padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
  white-space: nowrap;
  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
}
.pf-c-clipboard-copy.pf-m-inline.pf-m-block {
  display: block;
}
.pf-c-clipboard-copy__group {
  display: flex;
}
.pf-c-clipboard-copy__group > * + * {
  margin-left: -1px;
}
.pf-c-clipboard-copy__toggle-icon {
  transition: var(--pf-c-clipboard-copy__toggle-icon--Transition);
}
.pf-c-clipboard-copy__expandable-content {
  padding: var(--pf-c-clipboard-copy__expandable-content--PaddingTop)
    var(--pf-c-clipboard-copy__expandable-content--PaddingRight)
    var(--pf-c-clipboard-copy__expandable-content--PaddingBottom)
    var(--pf-c-clipboard-copy__expandable-content--PaddingLeft);
  word-wrap: break-word;
  background-color: var(
    --pf-c-clipboard-copy__expandable-content--BackgroundColor
  );
  background-clip: padding-box;
  border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
  border-width: var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth)
    var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth)
    var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth)
    var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
  box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
}
.pf-c-clipboard-copy__expandable-content pre {
  white-space: pre-wrap;
}
.pf-c-clipboard-copy__text {
  word-break: break-word;
  white-space: normal;
}
.pf-c-clipboard-copy__text.pf-m-code {
  font-family: var(--pf-c-clipboard-copy__text--m-code--FontFamily);
  font-size: var(--pf-c-clipboard-copy__text--m-code--FontSize);
}
.pf-c-clipboard-copy__actions {
  display: inline-flex;
}
.pf-c-clipboard-copy__actions-item {
  margin-top: calc(
    -1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingTop)
  );
  margin-bottom: calc(
    -1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom)
  );
}
.pf-c-clipboard-copy__actions-item .pf-c-button {
  --pf-c-button--PaddingTop: var(
    --pf-c-clipboard-copy__actions-item--button--PaddingTop
  );
  --pf-c-button--PaddingRight: var(
    --pf-c-clipboard-copy__actions-item--button--PaddingRight
  );
  --pf-c-button--PaddingBottom: var(
    --pf-c-clipboard-copy__actions-item--button--PaddingBottom
  );
  --pf-c-button--PaddingLeft: var(
    --pf-c-clipboard-copy__actions-item--button--PaddingLeft
  );
}
:where(.pf-theme-dark) .pf-c-clipboard-copy {
  --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
}
:where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
  margin-left: 0;
  border-left: 1px solid var(--pf-global--palette--black-700) !important;
}
:where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
  border: 0;
}
.pf-l-stack {
  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pf-l-stack__item.pf-m-fill {
  flex-grow: 1;
}
.pf-l-stack.pf-m-gutter > *:not(:last-child) {
  margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
}
.pf-l-level {
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.pf-l-level.pf-m-gutter > *:not(:last-child) {
  margin-right: var(--pf-l-level--m-gutter--MarginRight);
}
.pf-c-code-editor {
  --pf-c-code-editor__controls--c-button--m-control--Color: var(
    --pf-global--Color--200
  );
  --pf-c-code-editor__controls--c-button--m-control--hover--Color: var(
    --pf-global--Color--100
  );
  --pf-c-code-editor__controls--c-button--m-control--focus--Color: var(
    --pf-global--Color--100
  );
  --pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-code-editor__header--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-code-editor__header--before--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-code-editor__main--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-code-editor__main--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-code-editor__main--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-code-editor--m-read-only__main--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  --pf-c-code-editor__main--m-drag-hover--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-code-editor__main--m-drag-hover--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-code-editor__main--m-drag-hover--after--BackgroundColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-code-editor__main--m-drag-hover--after--Opacity: 0.1;
  --pf-c-code-editor__code--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-code-editor__code--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-code-editor__code--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-code-editor__code--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-code-editor__code-pre--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-code-editor__code-pre--FontFamily: var(
    --pf-global--FontFamily--monospace
  );
  --pf-c-code-editor__header-main--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-code-editor__header-main--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-code-editor__tab--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-code-editor__tab--Color: var(--pf-global--Color--200);
  --pf-c-code-editor__tab--PaddingTop: var(--pf-global--spacer--form-element);
  --pf-c-code-editor__tab--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-code-editor__tab--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-code-editor__tab--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-code-editor__tab--BorderTopWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-code-editor__tab--BorderRightWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-code-editor__tab--BorderBottomWidth: 0;
  --pf-c-code-editor__tab--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-code-editor__tab--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-code-editor__tab-icon--text--MarginLeft: var(--pf-global--spacer--sm);
}
.pf-c-code-editor.pf-m-read-only {
  --pf-c-code-editor__main--BackgroundColor: var(
    --pf-c-code-editor--m-read-only__main--BackgroundColor
  );
}
.pf-c-code-editor__header {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.pf-c-code-editor__header:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
  border-bottom: var(--pf-c-code-editor__header--before--BorderBottomWidth)
    solid var(--pf-c-code-editor__header--before--BorderBottomColor);
}
.pf-c-code-editor__controls {
  display: flex;
}
.pf-c-code-editor__controls .pf-c-button.pf-m-control {
  --pf-c-button--m-control--Color: var(
    --pf-c-code-editor__controls--c-button--m-control--Color
  );
}
.pf-c-code-editor__controls .pf-c-button.pf-m-control:hover {
  --pf-c-code-editor__controls--c-button--m-control--Color: var(
    --pf-c-code-editor__controls--c-button--m-control--hover--Color
  );
}
.pf-c-code-editor__controls .pf-c-button.pf-m-control:focus {
  --pf-c-code-editor__controls--c-button--m-control--Color: var(
    --pf-c-code-editor__controls--c-button--m-control--focus--Color
  );
}
.pf-c-code-editor__controls .pf-c-button.pf-m-control:disabled:after {
  border-bottom-color: var(
    --pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor
  );
}
.pf-c-code-editor__header-main {
  flex-grow: 1;
  padding-right: var(--pf-c-code-editor__header-main--PaddingRight);
  padding-left: var(--pf-c-code-editor__header-main--PaddingLeft);
}
.pf-c-code-editor__main {
  position: relative;
  background-color: var(--pf-c-code-editor__main--BackgroundColor);
  border: var(--pf-c-code-editor__main--BorderWidth) solid;
  border-color: var(--pf-c-code-editor__main--BorderColor);
}
.pf-c-code-editor__main.pf-m-drag-hover:after {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(
    --pf-c-code-editor__main--m-drag-hover--after--BackgroundColor
  );
  opacity: var(--pf-c-code-editor__main--m-drag-hover--after--Opacity);
}
.pf-c-code-editor__main.pf-m-drag-hover:before {
  position: absolute;
  inset: 0;
  content: "";
  border: var(--pf-c-code-editor__main--m-drag-hover--before--BorderWidth) solid
    var(--pf-c-code-editor__main--m-drag-hover--before--BorderColor);
}
.pf-c-code-editor__main .monaco-editor {
  background-color: var(--pf-c-code-editor__main--BackgroundColor);
}
.pf-c-code-editor__header + .pf-c-code-editor__main {
  border-top-width: 0;
}
.pf-c-code-editor__code {
  position: relative;
  padding: var(--pf-c-code-editor__code--PaddingTop)
    var(--pf-c-code-editor__code--PaddingRight)
    var(--pf-c-code-editor__code--PaddingBottom)
    var(--pf-c-code-editor__code--PaddingLeft);
}
.pf-c-code-editor__code .pf-c-code-editor__code-pre {
  font-family: var(--pf-c-code-editor__code-pre--FontFamily);
  font-size: var(--pf-c-code-editor__code-pre--FontSize);
  white-space: pre-wrap;
}
.pf-c-code-editor__tab {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--pf-c-code-editor__tab--PaddingTop)
    var(--pf-c-code-editor__tab--PaddingRight)
    var(--pf-c-code-editor__tab--PaddingBottom)
    var(--pf-c-code-editor__tab--PaddingLeft);
  margin-left: auto;
  color: var(--pf-c-code-editor__tab--Color);
  background-color: var(--pf-c-code-editor__tab--BackgroundColor);
  border-color: var(--pf-c-code-editor__tab--BorderColor);
  border-style: solid;
  border-width: var(--pf-c-code-editor__tab--BorderTopWidth)
    var(--pf-c-code-editor__tab--BorderRightWidth)
    var(--pf-c-code-editor__tab--BorderBottomWidth)
    var(--pf-c-code-editor__tab--BorderLeftWidth);
}
.pf-c-code-editor__tab-icon + .pf-c-code-editor__tab-text {
  margin-left: var(--pf-c-code-editor__tab-icon--text--MarginLeft);
}
:where(.pf-theme-dark) .pf-c-code-editor__controls > * + * {
  border-left: 1px solid var(--pf-global--palette--black-700);
}
.monaco-editor {
  font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI,
    HelveticaNeue-Light, system-ui, Ubuntu, Droid Sans, sans-serif;
  --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono",
    "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
}
.monaco-menu
  .monaco-action-bar.vertical
  .action-item
  .action-menu-item:focus
  .action-label {
  stroke-width: 1.2px;
}
.monaco-editor.vs-dark
  .monaco-menu
  .monaco-action-bar.vertical
  .action-menu-item:focus
  .action-label,
.monaco-editor.hc-black
  .monaco-menu
  .monaco-action-bar.vertical
  .action-menu-item:focus
  .action-label,
.monaco-editor.hc-light
  .monaco-menu
  .monaco-action-bar.vertical
  .action-menu-item:focus
  .action-label {
  stroke-width: 1.2px;
}
.monaco-hover p {
  margin: 0;
}
.monaco-aria-container {
  position: absolute !important;
  top: 0;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}
.monaco-editor.hc-black,
.monaco-editor.hc-light {
  -ms-high-contrast-adjust: none;
}
@media screen and (-ms-high-contrast: active) {
  .monaco-editor.vs .view-overlays .current-line,
  .monaco-editor.vs-dark .view-overlays .current-line {
    border-color: windowtext !important;
    border-left: 0;
    border-right: 0;
  }
  .monaco-editor.vs .cursor,
  .monaco-editor.vs-dark .cursor {
    background-color: windowtext !important;
  }
  .monaco-editor.vs .dnd-target,
  .monaco-editor.vs-dark .dnd-target {
    border-color: windowtext !important;
  }
  .monaco-editor.vs .selected-text,
  .monaco-editor.vs-dark .selected-text {
    background-color: highlight !important;
  }
  .monaco-editor.vs .view-line,
  .monaco-editor.vs-dark .view-line {
    -ms-high-contrast-adjust: none;
  }
  .monaco-editor.vs .view-line span,
  .monaco-editor.vs-dark .view-line span {
    color: windowtext !important;
  }
  .monaco-editor.vs .view-line span.inline-selected-text,
  .monaco-editor.vs-dark .view-line span.inline-selected-text {
    color: highlighttext !important;
  }
  .monaco-editor.vs .view-overlays,
  .monaco-editor.vs-dark .view-overlays {
    -ms-high-contrast-adjust: none;
  }
  .monaco-editor.vs .selectionHighlight,
  .monaco-editor.vs-dark .selectionHighlight,
  .monaco-editor.vs .wordHighlight,
  .monaco-editor.vs-dark .wordHighlight,
  .monaco-editor.vs .wordHighlightStrong,
  .monaco-editor.vs-dark .wordHighlightStrong,
  .monaco-editor.vs .reference-decoration,
  .monaco-editor.vs-dark .reference-decoration {
    border: 2px dotted highlight !important;
    background: transparent !important;
    box-sizing: border-box;
  }
  .monaco-editor.vs .rangeHighlight,
  .monaco-editor.vs-dark .rangeHighlight {
    background: transparent !important;
    border: 1px dotted activeborder !important;
    box-sizing: border-box;
  }
  .monaco-editor.vs .bracket-match,
  .monaco-editor.vs-dark .bracket-match {
    border-color: windowtext !important;
    background: transparent !important;
  }
  .monaco-editor.vs .findMatch,
  .monaco-editor.vs-dark .findMatch,
  .monaco-editor.vs .currentFindMatch,
  .monaco-editor.vs-dark .currentFindMatch {
    border: 2px dotted activeborder !important;
    background: transparent !important;
    box-sizing: border-box;
  }
  .monaco-editor.vs .find-widget,
  .monaco-editor.vs-dark .find-widget {
    border: 1px solid windowtext;
  }
  .monaco-editor.vs .monaco-list .monaco-list-row,
  .monaco-editor.vs-dark .monaco-list .monaco-list-row {
    -ms-high-contrast-adjust: none;
    color: windowtext !important;
  }
  .monaco-editor.vs .monaco-list .monaco-list-row.focused,
  .monaco-editor.vs-dark .monaco-list .monaco-list-row.focused {
    color: highlighttext !important;
    background-color: highlight !important;
  }
  .monaco-editor.vs .monaco-list .monaco-list-row:hover,
  .monaco-editor.vs-dark .monaco-list .monaco-list-row:hover {
    background: transparent !important;
    border: 1px solid highlight;
    box-sizing: border-box;
  }
  .monaco-editor.vs .monaco-scrollable-element > .scrollbar,
  .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar {
    -ms-high-contrast-adjust: none;
    background: background !important;
    border: 1px solid windowtext;
    box-sizing: border-box;
  }
  .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider,
  .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
    background: windowtext !important;
  }
  .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover,
  .monaco-editor.vs-dark
    .monaco-scrollable-element
    > .scrollbar
    > .slider:hover {
    background: highlight !important;
  }
  .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active,
  .monaco-editor.vs-dark
    .monaco-scrollable-element
    > .scrollbar
    > .slider.active {
    background: highlight !important;
  }
  .monaco-editor.vs .decorationsOverviewRuler,
  .monaco-editor.vs-dark .decorationsOverviewRuler {
    opacity: 0;
  }
  .monaco-editor.vs .minimap,
  .monaco-editor.vs-dark .minimap {
    display: none;
  }
  .monaco-editor.vs .squiggly-d-error,
  .monaco-editor.vs-dark .squiggly-d-error {
    background: transparent !important;
    border-bottom: 4px double #e47777;
  }
  .monaco-editor.vs .squiggly-c-warning,
  .monaco-editor.vs-dark .squiggly-c-warning,
  .monaco-editor.vs .squiggly-b-info,
  .monaco-editor.vs-dark .squiggly-b-info {
    border-bottom: 4px double #71b771;
  }
  .monaco-editor.vs .squiggly-a-hint,
  .monaco-editor.vs-dark .squiggly-a-hint {
    border-bottom: 4px double #6c6c6c;
  }
  .monaco-editor.vs
    .monaco-menu
    .monaco-action-bar.vertical
    .action-menu-item:focus
    .action-label,
  .monaco-editor.vs-dark
    .monaco-menu
    .monaco-action-bar.vertical
    .action-menu-item:focus
    .action-label {
    -ms-high-contrast-adjust: none;
    color: highlighttext !important;
    background-color: highlight !important;
  }
  .monaco-editor.vs
    .monaco-menu
    .monaco-action-bar.vertical
    .action-menu-item:hover
    .action-label,
  .monaco-editor.vs-dark
    .monaco-menu
    .monaco-action-bar.vertical
    .action-menu-item:hover
    .action-label {
    -ms-high-contrast-adjust: none;
    background: transparent !important;
    border: 1px solid highlight;
    box-sizing: border-box;
  }
  .monaco-diff-editor.vs .diffOverviewRuler,
  .monaco-diff-editor.vs-dark .diffOverviewRuler {
    display: none;
  }
  .monaco-editor.vs .line-insert,
  .monaco-editor.vs-dark .line-insert,
  .monaco-editor.vs .line-delete,
  .monaco-editor.vs-dark .line-delete {
    background: transparent !important;
    border: 1px solid highlight !important;
    box-sizing: border-box;
  }
  .monaco-editor.vs .char-insert,
  .monaco-editor.vs-dark .char-insert,
  .monaco-editor.vs .char-delete,
  .monaco-editor.vs-dark .char-delete {
    background: transparent !important;
  }
}
.monaco-aria-container {
  position: absolute;
  left: -999em;
}
::-ms-clear {
  display: none;
}
.monaco-editor .editor-widget input {
  color: inherit;
}
.monaco-editor {
  position: relative;
  overflow: visible;
  -webkit-text-size-adjust: 100%;
}
.monaco-editor .overflow-guard {
  position: relative;
  overflow: hidden;
}
.monaco-editor .view-overlays {
  position: absolute;
  top: 0;
}
.monaco-editor .inputarea {
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  outline: none !important;
  resize: none;
  border: none;
  overflow: hidden;
  color: transparent;
  background-color: transparent;
}
.monaco-editor .inputarea.ime-input {
  z-index: 10;
}
.monaco-editor .margin-view-overlays .line-numbers {
  font-variant-numeric: tabular-nums;
  position: absolute;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: default;
  height: 100%;
}
.monaco-editor .relative-current-line-number {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
  margin-top: 1px;
}
.monaco-mouse-cursor-text {
  cursor: text;
}
.monaco-editor .view-overlays .current-line,
.monaco-editor .margin-view-overlays .current-line {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
}
.monaco-editor
  .margin-view-overlays
  .current-line.current-line-margin.current-line-margin-both {
  border-right: 0;
}
.monaco-editor .lines-content .cdr {
  position: absolute;
}
.monaco-scrollable-element > .scrollbar > .scra {
  cursor: pointer;
  font-size: 11px !important;
}
.monaco-scrollable-element > .visible {
  opacity: 1;
  background: rgba(0, 0, 0, 0);
  transition: opacity 0.1s linear;
}
.monaco-scrollable-element > .invisible {
  opacity: 0;
  pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
  transition: opacity 0.8s linear;
}
.monaco-scrollable-element > .shadow {
  position: absolute;
  display: none;
}
.monaco-scrollable-element > .shadow.top {
  display: block;
  top: 0;
  left: 3px;
  height: 3px;
  width: 100%;
}
.monaco-scrollable-element > .shadow.left {
  display: block;
  top: 3px;
  left: 0;
  height: 100%;
  width: 3px;
}
.monaco-scrollable-element > .shadow.top-left-corner {
  display: block;
  top: 0;
  left: 0;
  height: 3px;
  width: 3px;
}
.monaco-editor .glyph-margin {
  position: absolute;
  top: 0;
}
.monaco-editor .margin-view-overlays .cgmr {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-editor .lines-content .core-guide {
  position: absolute;
  box-sizing: border-box;
}
.mtkcontrol {
  color: #fff !important;
  background: rgb(150, 0, 0) !important;
}
.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.monaco-editor.enable-user-select {
  user-select: initial;
  -webkit-user-select: initial;
  -ms-user-select: initial;
}
.monaco-editor .view-lines {
  white-space: nowrap;
}
.monaco-editor .view-line {
  position: absolute;
  width: 100%;
}
.monaco-editor .mtkz {
  display: inline-block;
}
.monaco-editor .lines-decorations {
  position: absolute;
  top: 0;
  background: white;
}
.monaco-editor .margin-view-overlays .cldr {
  position: absolute;
  height: 100%;
}
.monaco-editor .margin-view-overlays .cmdr {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider {
  opacity: 0;
  transition: opacity 0.1s linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider,
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
  opacity: 1;
}
.monaco-editor .minimap-shadow-hidden {
  position: absolute;
  width: 0;
}
.monaco-editor .minimap-shadow-visible {
  position: absolute;
  left: -6px;
  width: 6px;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
  position: absolute;
  left: -1px;
  width: 1px;
}
.minimap.autohide {
  opacity: 0;
  transition: opacity 0.5s;
}
.minimap.autohide:hover {
  opacity: 1;
}
.monaco-editor .overlayWidgets {
  position: absolute;
  top: 0;
  left: 0;
}
.monaco-editor .view-ruler {
  position: absolute;
  top: 0;
}
.monaco-editor .scroll-decoration {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
}
.monaco-editor .lines-content .cslr {
  position: absolute;
}
.monaco-editor .top-left-radius {
  border-top-left-radius: 3px;
}
.monaco-editor .bottom-left-radius {
  border-bottom-left-radius: 3px;
}
.monaco-editor .top-right-radius {
  border-top-right-radius: 3px;
}
.monaco-editor .bottom-right-radius {
  border-bottom-right-radius: 3px;
}
.monaco-editor.hc-black .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-black .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-black .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-black .bottom-right-radius {
  border-bottom-right-radius: 0;
}
.monaco-editor.hc-light .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-light .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-light .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-light .bottom-right-radius {
  border-bottom-right-radius: 0;
}
.monaco-editor .cursors-layer {
  position: absolute;
  top: 0;
}
.monaco-editor .cursors-layer > .cursor {
  position: absolute;
  overflow: hidden;
}
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
  transition: all 80ms;
}
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
  box-sizing: border-box;
  background: transparent !important;
  border-style: solid;
  border-width: 1px;
}
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  background: transparent !important;
  box-sizing: border-box;
}
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: transparent !important;
  box-sizing: border-box;
}
@keyframes monaco-cursor-smooth {
  0%,
  20% {
    opacity: 1;
  }
  60%,
  to {
    opacity: 0;
  }
}
@keyframes monaco-cursor-phase {
  0%,
  20% {
    opacity: 1;
  }
  90%,
  to {
    opacity: 0;
  }
}
@keyframes monaco-cursor-expand {
  0%,
  20% {
    transform: scaleY(1);
  }
  80%,
  to {
    transform: scaleY(0);
  }
}
.cursor-smooth {
  animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}
.cursor-phase {
  animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}
.cursor-expand > .cursor {
  animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}
.monaco-editor .blockDecorations-container {
  position: absolute;
  top: 0;
}
.monaco-editor .blockDecorations-block {
  position: absolute;
  box-sizing: border-box;
}
.monaco-diff-editor .diffOverview {
  z-index: 9;
}
.monaco-diff-editor .diffOverview .diffViewport {
  z-index: 10;
}
.monaco-diff-editor.vs .diffOverview {
  background: rgba(0, 0, 0, 0.03);
}
.monaco-diff-editor.vs-dark .diffOverview {
  background: rgba(255, 255, 255, 0.01);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar,
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar {
  background: rgba(0, 0, 0, 0);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar,
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar {
  background: none;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
  z-index: 10;
}
.modified-in-monaco-diff-editor .slider.active {
  background: rgba(171, 171, 171, 0.4);
}
.modified-in-monaco-diff-editor.hc-black .slider.active,
.modified-in-monaco-diff-editor.hc-light .slider.active {
  background: none;
}
.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
  font-size: 11px !important;
  opacity: 0.7 !important;
  display: flex !important;
  align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
  opacity: 1;
}
.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .inline-added-margin-view-zone {
  text-align: right;
}
.monaco-editor .arrow-revert-change {
  z-index: 10;
  position: absolute;
}
.monaco-editor .arrow-revert-change:hover {
  cursor: pointer;
}
.monaco-editor .view-zones .view-lines .view-line span {
  display: inline-block;
}
.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
  cursor: pointer;
}
:root {
  --sash-size: 4px;
}
.monaco-sash {
  position: absolute;
  z-index: 35;
  touch-action: none;
}
.monaco-sash.disabled {
  pointer-events: none;
}
.monaco-sash.mac.vertical {
  cursor: col-resize;
}
.monaco-sash.vertical.minimum {
  cursor: e-resize;
}
.monaco-sash.vertical.maximum {
  cursor: w-resize;
}
.monaco-sash.mac.horizontal {
  cursor: row-resize;
}
.monaco-sash.horizontal.minimum {
  cursor: s-resize;
}
.monaco-sash.horizontal.maximum {
  cursor: n-resize;
}
.monaco-sash.disabled {
  cursor: default !important;
  pointer-events: none !important;
}
.monaco-sash.vertical {
  cursor: ew-resize;
  top: 0;
  width: var(--sash-size);
  height: 100%;
}
.monaco-sash.horizontal {
  cursor: ns-resize;
  left: 0;
  width: 100%;
  height: var(--sash-size);
}
.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
  content: " ";
  height: calc(var(--sash-size) * 2);
  width: calc(var(--sash-size) * 2);
  z-index: 100;
  display: block;
  cursor: all-scroll;
  position: absolute;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
  > .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
  > .orthogonal-drag-handle.end {
  cursor: nwse-resize;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
  > .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
  > .orthogonal-drag-handle.start {
  cursor: nesw-resize;
}
.monaco-sash.vertical > .orthogonal-drag-handle.start {
  left: calc(var(--sash-size) * -0.5);
  top: calc(var(--sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
  left: calc(var(--sash-size) * -0.5);
  bottom: calc(var(--sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
  top: calc(var(--sash-size) * -0.5);
  left: calc(var(--sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
  top: calc(var(--sash-size) * -0.5);
  right: calc(var(--sash-size) * -1);
}
.monaco-sash:before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: background-color 0.1s ease-out;
  background: transparent;
}
.monaco-sash.vertical:before {
  width: var(--sash-hover-size);
  left: calc(50% - (var(--sash-hover-size) / 2));
}
.monaco-sash.horizontal:before {
  height: var(--sash-hover-size);
  top: calc(50% - (var(--sash-hover-size) / 2));
}
.pointer-events-disabled {
  pointer-events: none !important;
}
.monaco-sash.debug {
  background: cyan;
}
.monaco-sash.debug.disabled {
  background: rgba(0, 255, 255, 0.2);
}
.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
  background: red;
}
.monaco-diff-editor .diff-review-line-number {
  text-align: right;
  display: inline-block;
}
.monaco-diff-editor .diff-review {
  position: absolute;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.monaco-diff-editor .diff-review-summary {
  padding-left: 10px;
}
.monaco-diff-editor .diff-review-shadow {
  position: absolute;
}
.monaco-diff-editor .diff-review-row {
  white-space: pre;
}
.monaco-diff-editor .diff-review-table {
  display: table;
  min-width: 100%;
}
.monaco-diff-editor .diff-review-row {
  display: table-row;
  width: 100%;
}
.monaco-diff-editor .diff-review-spacer {
  display: inline-block;
  width: 10px;
  vertical-align: middle;
}
.monaco-diff-editor .diff-review-spacer > .codicon {
  font-size: 9px !important;
}
.monaco-diff-editor .diff-review-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 2px;
}
.monaco-diff-editor .diff-review-actions .action-label {
  width: 16px;
  height: 16px;
  margin: 2px 0;
}
.monaco-action-bar {
  white-space: nowrap;
  height: 100%;
}
.monaco-action-bar .actions-container {
  display: flex;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
  align-items: center;
}
.monaco-action-bar.vertical .actions-container {
  display: inline-block;
}
.monaco-action-bar .action-item {
  display: block;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.monaco-action-bar .action-item.disabled {
  cursor: default;
}
.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
  display: block;
}
.monaco-action-bar .action-item .codicon {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
.monaco-action-bar .action-label {
  font-size: 11px;
  padding: 3px;
  border-radius: 5px;
}
.monaco-action-bar .action-item.disabled .action-label,
.monaco-action-bar .action-item.disabled .action-label:before,
.monaco-action-bar .action-item.disabled .action-label:hover {
  opacity: 0.6;
}
.monaco-action-bar.vertical {
  text-align: left;
}
.monaco-action-bar.vertical .action-item {
  display: block;
}
.monaco-action-bar.vertical .action-label.separator {
  display: block;
  border-bottom: 1px solid #bbb;
  padding-top: 1px;
  margin-left: 0.8em;
  margin-right: 0.8em;
}
.monaco-action-bar .action-item .action-label.separator {
  width: 1px;
  height: 16px;
  margin: 5px 4px !important;
  cursor: default;
  min-width: 1px;
  padding: 0;
  background-color: #bbb;
}
.secondary-actions .monaco-action-bar .action-label {
  margin-left: 6px;
}
.monaco-action-bar .action-item.select-container {
  overflow: hidden;
  flex: 1;
  max-width: 170px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.monaco-action-bar .action-item.action-dropdown-item {
  display: flex;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-label {
  margin-right: 1px;
}
.context-view {
  position: absolute;
}
.context-view.fixed {
  all: initial;
  font-family: inherit;
  font-size: 13px;
  position: fixed;
  color: inherit;
}
@font-face {
  font-family: codicon;
  font-display: block;
  src: url(./codicon-71cccbf1.ttf) format("truetype");
}
.codicon[class*="codicon-"] {
  font: 16px/1 codicon;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  text-align: center;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.codicon-wrench-subaction {
  opacity: 0.5;
}
@keyframes codicon-spin {
  to {
    transform: rotate(360deg);
  }
}
.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
  animation: codicon-spin 1.5s steps(30) infinite;
}
.codicon-modifier-disabled {
  opacity: 0.4;
}
.codicon-loading,
.codicon-tree-item-loading:before {
  animation-duration: 1s !important;
  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}
.quick-input-widget {
  font-size: 13px;
}
.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
  color: #0066bf;
}
.vs
  .quick-input-widget
  .monaco-list-row.focused
  .monaco-highlighted-label
  .highlight,
.vs
  .quick-input-widget
  .monaco-list-row.focused
  .monaco-highlighted-label
  .highlight {
  color: #9dddff;
}
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0097fb;
}
.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
  color: #f38518;
}
.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0f4a85;
}
.monaco-keybinding > .monaco-keybinding-key {
  background-color: #ddd6;
  border: solid 1px rgba(204, 204, 204, 0.4);
  border-bottom-color: #bbb6;
  box-shadow: inset 0 -1px #bbb6;
  color: #555;
}
.hc-black .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: solid 1px rgb(111, 195, 223);
  box-shadow: none;
  color: #fff;
}
.hc-light .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: solid 1px #0f4a85;
  box-shadow: none;
  color: #292929;
}
.vs-dark .monaco-keybinding > .monaco-keybinding-key {
  background-color: #8080802b;
  border: solid 1px rgba(51, 51, 51, 0.6);
  border-bottom-color: #4449;
  box-shadow: inset 0 -1px #4449;
  color: #ccc;
}
.monaco-text-button {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 4px;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.monaco-text-button:focus {
  outline-offset: 2px !important;
}
.monaco-text-button:hover {
  text-decoration: none !important;
}
.monaco-button.disabled:focus,
.monaco-button.disabled {
  opacity: 0.4 !important;
  cursor: default;
}
.monaco-text-button > .codicon {
  margin: 0 0.2em;
  color: inherit !important;
}
.monaco-button-dropdown {
  display: flex;
  cursor: pointer;
}
.monaco-button-dropdown.disabled {
  cursor: default;
}
.monaco-button-dropdown > .monaco-button:focus {
  outline-offset: -1px !important;
}
.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
  opacity: 0.4 !important;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-right-width: 0 !important;
}
.monaco-button-dropdown .monaco-button-dropdown-separator {
  padding: 4px 0;
  cursor: default;
}
.monaco-button-dropdown .monaco-button-dropdown-separator > div {
  height: 100%;
  width: 1px;
}
.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
  border-left-width: 0 !important;
}
.monaco-description-button {
  flex-direction: column;
}
.monaco-description-button .monaco-button-label {
  font-weight: 500;
}
.monaco-description-button .monaco-button-description {
  font-style: italic;
}
.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
  display: flex;
  justify-content: center;
  align-items: center;
}
.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
  margin: 0 0.2em;
  color: inherit !important;
}
.monaco-count-badge {
  padding: 3px 6px;
  border-radius: 11px;
  font-size: 11px;
  min-width: 18px;
  min-height: 18px;
  line-height: 11px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}
.monaco-count-badge.long {
  padding: 2px 3px;
  border-radius: 2px;
  min-height: auto;
  line-height: normal;
}
.monaco-progress-container {
  width: 100%;
  height: 5px;
  overflow: hidden;
}
.monaco-progress-container .progress-bit {
  width: 2%;
  height: 5px;
  position: absolute;
  left: 0;
  display: none;
}
.monaco-progress-container.active .progress-bit {
  display: inherit;
}
.monaco-progress-container.discrete .progress-bit {
  left: 0;
  transition: width 0.1s linear;
}
.monaco-progress-container.discrete.done .progress-bit {
  width: 100%;
}
.monaco-progress-container.infinite .progress-bit {
  animation-name: progress;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  transform: translateZ(0);
  animation-timing-function: linear;
}
.monaco-progress-container.infinite.infinite-long-running .progress-bit {
  animation-timing-function: steps(100);
}
@keyframes progress {
  0% {
    transform: translate(0) scaleX(1);
  }
  50% {
    transform: translate(2500%) scaleX(3);
  }
  to {
    transform: translate(4900%) scaleX(1);
  }
}
.quick-input-widget {
  position: absolute;
  width: 600px;
  z-index: 2550;
  left: 50%;
  margin-left: -300px;
  -webkit-app-region: no-drag;
}
.quick-input-titlebar {
  display: flex;
  align-items: center;
}
.quick-input-left-action-bar {
  display: flex;
  margin-left: 4px;
  flex: 1;
}
.quick-input-title {
  padding: 3px 0;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-input-right-action-bar {
  display: flex;
  margin-right: 4px;
  flex: 1;
}
.quick-input-right-action-bar > .actions-container {
  justify-content: flex-end;
}
.quick-input-titlebar .monaco-action-bar .action-label.codicon {
  background-position: center;
  background-repeat: no-repeat;
  padding: 2px;
}
.quick-input-description {
  margin: 6px;
}
.quick-input-header .quick-input-description {
  margin: 4px 2px;
}
.quick-input-header {
  display: flex;
  padding: 6px 6px 0;
  margin-bottom: -2px;
}
.quick-input-widget.hidden-input .quick-input-header {
  padding: 0;
  margin-bottom: 0;
}
.quick-input-and-message {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  position: relative;
}
.quick-input-check-all {
  align-self: center;
  margin: 0;
}
.quick-input-filter {
  flex-grow: 1;
  display: flex;
  position: relative;
}
.quick-input-box {
  flex-grow: 1;
}
.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
  margin-left: 5px;
}
.quick-input-visible-count {
  position: absolute;
  left: -10000px;
}
.quick-input-count {
  align-self: center;
  position: absolute;
  right: 4px;
  display: flex;
  align-items: center;
}
.quick-input-count .monaco-count-badge {
  vertical-align: middle;
  padding: 2px 4px;
  border-radius: 2px;
  min-height: auto;
  line-height: normal;
}
.quick-input-action {
  margin-left: 6px;
}
.quick-input-action .monaco-text-button {
  font-size: 11px;
  padding: 0 6px;
  display: flex;
  height: 27.5px;
  align-items: center;
}
.quick-input-message {
  margin-top: -1px;
  padding: 5px;
  overflow-wrap: break-word;
}
.quick-input-message > .codicon {
  margin: 0 0.2em;
  vertical-align: text-bottom;
}
.quick-input-progress.monaco-progress-container {
  position: relative;
}
.quick-input-progress.monaco-progress-container,
.quick-input-progress.monaco-progress-container .progress-bit {
  height: 2px;
}
.quick-input-list {
  line-height: 22px;
  margin-top: 6px;
  padding: 0 1px 1px;
}
.quick-input-widget.hidden-input .quick-input-list {
  margin-top: 0;
}
.quick-input-list .monaco-list {
  overflow: hidden;
  max-height: 440px;
}
.quick-input-list .quick-input-list-entry {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  height: 100%;
  padding: 0 6px;
}
.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
  border-top-width: 1px;
  border-top-style: solid;
}
.quick-input-list
  .monaco-list-row[data-index="0"]
  .quick-input-list-entry.quick-input-list-separator-border {
  border-top-style: none;
}
.quick-input-list .quick-input-list-label {
  overflow: hidden;
  display: flex;
  height: 100%;
  flex: 1;
}
.quick-input-list .quick-input-list-checkbox {
  align-self: center;
  margin: 0;
}
.quick-input-list .quick-input-list-rows {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
  margin-left: 5px;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
  margin-left: 10px;
}
.quick-input-widget .quick-input-list .quick-input-list-checkbox {
  display: none;
}
.quick-input-widget.show-checkboxes
  .quick-input-list
  .quick-input-list-checkbox {
  display: inline;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row {
  display: flex;
  align-items: center;
}
.quick-input-list
  .quick-input-list-rows
  > .quick-input-list-row
  .monaco-icon-label,
.quick-input-list
  .quick-input-list-rows
  > .quick-input-list-row
  .monaco-icon-label
  .monaco-icon-label-container
  > .monaco-icon-name-container {
  flex: 1;
}
.quick-input-list
  .quick-input-list-rows
  > .quick-input-list-row
  .codicon[class*="codicon-"] {
  vertical-align: text-bottom;
}
.quick-input-list .quick-input-list-rows .monaco-highlighted-label span {
  opacity: 1;
}
.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
  margin-right: 8px;
}
.quick-input-list .quick-input-list-label-meta {
  opacity: 0.7;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-input-list .monaco-highlighted-label .highlight {
  font-weight: 700;
}
.quick-input-list .quick-input-list-entry .quick-input-list-separator {
  margin-right: 8px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  display: flex;
  flex: 0;
  overflow: visible;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label {
  display: none;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
  margin-right: 4px;
  padding: 0 2px 2px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-top: 1px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-right: 4px;
}
.quick-input-list
  .quick-input-list-entry
  .quick-input-list-entry-action-bar
  .action-label.always-visible,
.quick-input-list
  .quick-input-list-entry:hover
  .quick-input-list-entry-action-bar
  .action-label,
.quick-input-list
  .monaco-list-row.focused
  .quick-input-list-entry-action-bar
  .action-label {
  display: flex;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list
  .monaco-list-row.focused
  .quick-input-list-entry
  .quick-input-list-separator {
  color: inherit;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
  background: none;
}
.monaco-inputbox {
  position: relative;
  display: block;
  padding: 0;
  box-sizing: border-box;
  font-size: inherit;
}
.monaco-inputbox.idle {
  border: 1px solid transparent;
}
.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {
  padding: 4px;
}
.monaco-inputbox > .ibwrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-inputbox > .ibwrapper > .input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: inherit;
  border: none;
  font-family: inherit;
  font-size: inherit;
  resize: none;
  color: inherit;
}
.monaco-inputbox > .ibwrapper > input {
  text-overflow: ellipsis;
}
.monaco-inputbox > .ibwrapper > textarea.input {
  display: block;
  -ms-overflow-style: none;
  scrollbar-width: none;
  outline: none;
}
.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
  display: none;
}
.monaco-inputbox > .ibwrapper > textarea.input.empty {
  white-space: nowrap;
}
.monaco-inputbox > .ibwrapper > .mirror {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  white-space: pre-wrap;
  visibility: hidden;
  word-wrap: break-word;
}
.monaco-inputbox-container {
  text-align: right;
}
.monaco-inputbox-container .monaco-inputbox-message {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0.4em;
  font-size: 12px;
  line-height: 17px;
  margin-top: -1px;
  word-wrap: break-word;
}
.monaco-inputbox .monaco-action-bar {
  position: absolute;
  right: 2px;
  top: 4px;
}
.monaco-inputbox .monaco-action-bar .action-item {
  margin-left: 2px;
}
.monaco-inputbox .monaco-action-bar .action-item .codicon {
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.monaco-icon-label {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-icon-label:before {
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-right: 6px;
  width: 16px;
  height: 22px;
  line-height: inherit !important;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  flex-shrink: 0;
}
.monaco-icon-label > .monaco-icon-label-container {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.monaco-icon-label
  > .monaco-icon-label-container
  > .monaco-icon-name-container
  > .label-name {
  color: inherit;
  white-space: pre;
}
.monaco-icon-label
  > .monaco-icon-label-container
  > .monaco-icon-name-container
  > .label-name
  > .label-separator {
  margin: 0 2px;
  opacity: 0.5;
}
.monaco-icon-label
  > .monaco-icon-label-container
  > .monaco-icon-description-container
  > .label-description {
  opacity: 0.7;
  margin-left: 0.5em;
  font-size: 0.9em;
  white-space: pre;
}
.monaco-icon-label.nowrap
  > .monaco-icon-label-container
  > .monaco-icon-description-container
  > .label-description {
  white-space: nowrap;
}
.vs
  .monaco-icon-label
  > .monaco-icon-label-container
  > .monaco-icon-description-container
  > .label-description {
  opacity: 0.95;
}
.monaco-icon-label.italic
  > .monaco-icon-label-container
  > .monaco-icon-name-container
  > .label-name,
.monaco-icon-label.italic
  > .monaco-icon-label-container
  > .monaco-icon-description-container
  > .label-description {
  font-style: italic;
}
.monaco-icon-label.deprecated {
  text-decoration: line-through;
  opacity: 0.66;
}
.monaco-icon-label.italic:after {
  font-style: italic;
}
.monaco-icon-label.strikethrough
  > .monaco-icon-label-container
  > .monaco-icon-name-container
  > .label-name,
.monaco-icon-label.strikethrough
  > .monaco-icon-label-container
  > .monaco-icon-description-container
  > .label-description {
  text-decoration: line-through;
}
.monaco-icon-label:after {
  opacity: 0.75;
  font-size: 90%;
  font-weight: 600;
  margin: auto 16px 0 5px;
  text-align: center;
}
.monaco-list:focus .selected .monaco-icon-label,
.monaco-list:focus .selected .monaco-icon-label:after {
  color: inherit !important;
}
.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
  opacity: 0.8;
}
.monaco-keybinding {
  display: flex;
  align-items: center;
  line-height: 10px;
}
.monaco-keybinding > .monaco-keybinding-key {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  vertical-align: middle;
  font-size: 11px;
  padding: 3px 5px;
  margin: 0 2px;
}
.monaco-keybinding > .monaco-keybinding-key:first-child {
  margin-left: 0;
}
.monaco-keybinding > .monaco-keybinding-key:last-child {
  margin-right: 0;
}
.monaco-keybinding > .monaco-keybinding-key-separator {
  display: inline-block;
}
.monaco-keybinding > .monaco-keybinding-key-chord-separator {
  width: 6px;
}
.monaco-list {
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.monaco-list.mouse-support {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.monaco-list > .monaco-scrollable-element {
  height: 100%;
}
.monaco-list-rows {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-list.horizontal-scrolling .monaco-list-rows {
  width: auto;
  min-width: 100%;
}
.monaco-list-row {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.monaco-list.mouse-support .monaco-list-row {
  cursor: pointer;
  touch-action: none;
}
.monaco-list-row.scrolling {
  display: none !important;
}
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
  outline: 0 !important;
}
.monaco-drag-image {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 12px;
  position: absolute;
  z-index: 1000;
}
.monaco-list-type-filter-message {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 40px 1em 1em;
  text-align: center;
  white-space: normal;
  opacity: 0.7;
  pointer-events: none;
}
.monaco-list-type-filter-message:empty {
  display: none;
}
.monaco-split-view2 {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-split-view2 > .sash-container {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.monaco-split-view2 > .sash-container > .monaco-sash {
  pointer-events: initial;
}
.monaco-split-view2 > .monaco-scrollable-element {
  width: 100%;
  height: 100%;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  position: relative;
}
.monaco-split-view2
  > .monaco-scrollable-element
  > .split-view-container
  > .split-view-view {
  white-space: initial;
  position: absolute;
}
.monaco-split-view2
  > .monaco-scrollable-element
  > .split-view-container
  > .split-view-view:not(.visible) {
  display: none;
}
.monaco-split-view2.vertical
  > .monaco-scrollable-element
  > .split-view-container
  > .split-view-view {
  width: 100%;
}
.monaco-split-view2.horizontal
  > .monaco-scrollable-element
  > .split-view-container
  > .split-view-view {
  height: 100%;
}
.monaco-split-view2.separator-border
  > .monaco-scrollable-element
  > .split-view-container
  > .split-view-view:not(:first-child):before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  background-color: var(--separator-border);
}
.monaco-split-view2.separator-border.horizontal
  > .monaco-scrollable-element
  > .split-view-container
  > .split-view-view:not(:first-child):before {
  height: 100%;
  width: 1px;
}
.monaco-split-view2.separator-border.vertical
  > .monaco-scrollable-element
  > .split-view-container
  > .split-view-view:not(:first-child):before {
  height: 1px;
  width: 100%;
}
.monaco-table {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.monaco-table > .monaco-split-view2 {
  border-bottom: 1px solid transparent;
}
.monaco-table > .monaco-list {
  flex: 1;
}
.monaco-table-tr {
  display: flex;
  height: 100%;
}
.monaco-table-th {
  width: 100%;
  height: 100%;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-table-th,
.monaco-table-td {
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
  content: "";
  position: absolute;
  left: calc(var(--sash-size) / 2);
  width: 0;
  border-left: 1px solid transparent;
}
.monaco-table > .monaco-split-view2,
.monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
  transition: border-color 0.2s ease-out;
}
.monaco-custom-toggle {
  margin-left: 2px;
  float: left;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid transparent;
  padding: 1px;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.monaco-custom-toggle:hover {
  background-color: var(--vscode-inputOption-hoverBackground);
}
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  border: 1px dashed var(--vscode-focusBorder);
}
.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle,
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  background: none;
}
.monaco-custom-toggle.monaco-checkbox {
  height: 18px;
  width: 18px;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-right: 9px;
  margin-left: 0;
  padding: 0;
  opacity: 1;
  background-size: 16px !important;
}
.monaco-custom-toggle.monaco-checkbox:not(.checked):before {
  visibility: hidden;
}
.monaco-findInput {
  position: relative;
}
.monaco-findInput .monaco-inputbox {
  font-size: 13px;
  width: 100%;
}
.monaco-findInput > .controls {
  position: absolute;
  top: 3px;
  right: 2px;
}
.vs .monaco-findInput.disabled {
  background-color: #e1e1e1;
}
.vs-dark .monaco-findInput.disabled {
  background-color: #333;
}
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-0 0.1s linear 0s;
}
.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-1 0.1s linear 0s;
}
.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-dark-0 0.1s linear 0s;
}
.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-dark-1 0.1s linear 0s;
}
@keyframes monaco-findInput-highlight-0 {
  0% {
    background: rgba(253, 255, 0, 0.8);
  }
  to {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-1 {
  0% {
    background: rgba(253, 255, 0, 0.8);
  }
  99% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-0 {
  0% {
    background: rgba(255, 255, 255, 0.44);
  }
  to {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-1 {
  0% {
    background: rgba(255, 255, 255, 0.44);
  }
  99% {
    background: transparent;
  }
}
.monaco-tl-row {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.monaco-tl-indent {
  height: 100%;
  position: absolute;
  top: 0;
  left: 16px;
  pointer-events: none;
}
.hide-arrows .monaco-tl-indent {
  left: 12px;
}
.monaco-tl-indent > .indent-guide {
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  border-left: 1px solid transparent;
}
.monaco-tl-indent > .indent-guide {
  transition: border-color 0.1s linear;
}
.monaco-tl-twistie,
.monaco-tl-contents {
  height: 100%;
}
.monaco-tl-twistie {
  font-size: 10px;
  text-align: right;
  padding-right: 6px;
  flex-shrink: 0;
  width: 16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transform: translate(3px);
}
.monaco-tl-contents {
  flex: 1;
  overflow: hidden;
}
.monaco-tl-twistie:before {
  border-radius: 20px;
}
.monaco-tl-twistie.collapsed:before {
  transform: rotate(-90deg);
}
.monaco-tl-twistie.codicon-tree-item-loading:before {
  animation: codicon-spin 1.25s steps(30) infinite;
}
.monaco-tree-type-filter {
  position: absolute;
  top: 0;
  display: flex;
  padding: 3px;
  transition: top 0.3s;
  max-width: 200px;
  z-index: 100;
  margin: 0 6px;
}
.monaco-tree-type-filter.disabled {
  top: -40px;
}
.monaco-tree-type-filter-grab {
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: grab;
  margin-right: 2px;
}
.monaco-tree-type-filter-grab.grabbing {
  cursor: grabbing;
}
.monaco-tree-type-filter-input {
  flex: 1;
}
.monaco-tree-type-filter-input .monaco-inputbox {
  height: 23px;
}
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
  padding: 2px 4px;
}
.monaco-tree-type-filter-input .monaco-findInput > .controls {
  top: 2px;
}
.monaco-tree-type-filter-actionbar {
  margin-left: 4px;
}
.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
  padding: 2px;
}
.pf-c-file-upload {
  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-file-upload--m-loading__file-details--before--Left: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-file-upload--m-loading__file-details--before--Right: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-file-upload--m-loading__file-details--before--Bottom: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-file-upload--m-drag-hover--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-file-upload--m-drag-hover--before--ZIndex: var(
    --pf-global--ZIndex--xs
  );
  --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-file-upload--m-drag-hover--after--Opacity: 0.1;
  --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(
    var(--pf-global--spacer--3xl) * 2
  );
  --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--xs)
  );
  position: relative;
  display: flex;
  flex-direction: column;
}
.pf-c-file-upload.pf-m-drag-hover:before {
  position: absolute;
  inset: 0;
  z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
  content: "";
  border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid
    var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
}
.pf-c-file-upload.pf-m-drag-hover:after {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(
    --pf-c-file-upload--m-drag-hover--after--BackgroundColor
  );
  opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
}
.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
  position: relative;
}
.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details:before {
  position: absolute;
  top: 0;
  right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
  bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
  left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
  content: "";
  background-color: var(
    --pf-c-file-upload--m-loading__file-details--before--BackgroundColor
  );
}
.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
  outline-offset: var(
    --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset
  );
}
.pf-c-file-upload__file-details {
  position: relative;
  display: flex;
}
.pf-c-file-upload__file-details .pf-c-form-control {
  flex: 1 1 auto;
  min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
  border-top: 0;
}
.pf-c-file-upload__file-details-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pf-c-backdrop {
  --pf-c-backdrop--Position: fixed;
  --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
  --pf-c-backdrop--BackgroundColor: var(
    --pf-global--BackgroundColor--dark-transparent-100
  );
  position: var(--pf-c-backdrop--Position);
  top: 0;
  left: 0;
  z-index: var(--pf-c-backdrop--ZIndex);
  width: 100%;
  height: 100%;
  background-color: var(--pf-c-backdrop--BackgroundColor);
}
.pf-c-backdrop__open {
  overflow: hidden;
}
.pf-l-bullseye {
  --pf-l-bullseye--Padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--pf-l-bullseye--Padding);
  margin: 0;
}
.pf-c-modal-box {
  --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
  --pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
  --pf-c-modal-box--Width: 100%;
  --pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
  --pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
  --pf-c-modal-box--m-md--Width: 52.5rem;
  --pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
  --pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
  --pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
  --pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
  --pf-c-modal-box--m-align-top--MarginTop: var(
    --pf-c-modal-box--m-align-top--spacer
  );
  --pf-c-modal-box--m-align-top--MaxHeight: calc(
    100% -
      min(
        var(--pf-c-modal-box--m-align-top--spacer),
        var(--pf-global--spacer--2xl)
      ) - var(--pf-c-modal-box--m-align-top--spacer)
  );
  --pf-c-modal-box--m-align-top--MaxWidth: calc(
    100% -
      min(
        var(--pf-c-modal-box--m-align-top--spacer) * 2,
        var(--pf-global--spacer--xl)
      )
  );
  --pf-c-modal-box--m-danger__title-icon--Color: var(
    --pf-global--danger-color--100
  );
  --pf-c-modal-box--m-warning__title-icon--Color: var(
    --pf-global--warning-color--100
  );
  --pf-c-modal-box--m-success__title-icon--Color: var(
    --pf-global--success-color--100
  );
  --pf-c-modal-box--m-info__title-icon--Color: var(
    --pf-global--info-color--100
  );
  --pf-c-modal-box--m-default__title-icon--Color: var(
    --pf-global--default-color--200
  );
  --pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-modal-box__header--last-child--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-modal-box__title--FontFamily: var(
    --pf-global--FontFamily--heading--sans-serif
  );
  --pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
  --pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
  --pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-modal-box__body--MinHeight: calc(
    var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md)
  );
  --pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-modal-box__body--last-child--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
  --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
  --pf-c-modal-box--c-button--sibling--MarginRight: calc(
    var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm)
  );
  --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
  --pf-c-modal-box__footer--c-button--sm--MarginRight: calc(
    var(--pf-c-modal-box__footer--c-button--MarginRight) / 2
  );
  position: relative;
  z-index: var(--pf-c-modal-box--ZIndex);
  display: flex;
  flex-direction: column;
  width: var(--pf-c-modal-box--Width);
  max-width: var(--pf-c-modal-box--MaxWidth);
  max-height: var(--pf-c-modal-box--MaxHeight);
  background-color: var(--pf-c-modal-box--BackgroundColor);
  box-shadow: var(--pf-c-modal-box--BoxShadow);
}
@media (min-width: 1200px) {
  .pf-c-modal-box {
    --pf-c-modal-box--m-align-top--spacer: var(
      --pf-c-modal-box--m-align-top--xl--spacer
    );
  }
}
.pf-c-modal-box.pf-m-sm {
  --pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
}
.pf-c-modal-box.pf-m-md {
  --pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
}
.pf-c-modal-box.pf-m-lg {
  --pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
}
.pf-c-modal-box.pf-m-align-top {
  top: var(--pf-c-modal-box--m-align-top--MarginTop);
  align-self: flex-start;
  max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
  max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
}
.pf-c-modal-box.pf-m-danger {
  --pf-c-modal-box__title-icon--Color: var(
    --pf-c-modal-box--m-danger__title-icon--Color
  );
}
.pf-c-modal-box.pf-m-warning {
  --pf-c-modal-box__title-icon--Color: var(
    --pf-c-modal-box--m-warning__title-icon--Color
  );
}
.pf-c-modal-box.pf-m-success {
  --pf-c-modal-box__title-icon--Color: var(
    --pf-c-modal-box--m-success__title-icon--Color
  );
}
.pf-c-modal-box.pf-m-default {
  --pf-c-modal-box__title-icon--Color: var(
    --pf-c-modal-box--m-default__title-icon--Color
  );
}
.pf-c-modal-box.pf-m-info {
  --pf-c-modal-box__title-icon--Color: var(
    --pf-c-modal-box--m-info__title-icon--Color
  );
}
.pf-c-modal-box > .pf-c-button {
  position: absolute;
  top: var(--pf-c-modal-box--c-button--Top);
  right: var(--pf-c-modal-box--c-button--Right);
}
.pf-c-modal-box > .pf-c-button + * {
  margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
}
.pf-c-modal-box__header {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding-top: var(--pf-c-modal-box__header--PaddingTop);
  padding-right: var(--pf-c-modal-box__header--PaddingRight);
  padding-left: var(--pf-c-modal-box__header--PaddingLeft);
}
.pf-c-modal-box__header.pf-m-help {
  display: flex;
  flex-direction: row;
}
.pf-c-modal-box__header:last-child {
  padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
}
.pf-c-modal-box__header + .pf-c-modal-box__body {
  --pf-c-modal-box__body--PaddingTop: var(
    --pf-c-modal-box__header--body--PaddingTop
  );
}
.pf-c-modal-box__header-main {
  flex-grow: 1;
  min-width: 0;
}
.pf-c-modal-box__title,
.pf-c-modal-box__title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pf-c-modal-box__title {
  flex: 0 0 auto;
  font-family: var(--pf-c-modal-box__title--FontFamily);
  font-size: var(--pf-c-modal-box__title--FontSize);
  line-height: var(--pf-c-modal-box__title--LineHeight);
}
.pf-c-modal-box__title.pf-m-icon {
  display: flex;
}
.pf-c-modal-box__title-icon {
  margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
  color: var(--pf-c-modal-box__title-icon--Color);
}
.pf-c-modal-box__description {
  padding-top: var(--pf-c-modal-box__description--PaddingTop);
}
.pf-c-modal-box__body {
  flex: 1 1 auto;
  min-height: var(--pf-c-modal-box__body--MinHeight);
  padding-top: var(--pf-c-modal-box__body--PaddingTop);
  padding-right: var(--pf-c-modal-box__body--PaddingRight);
  padding-left: var(--pf-c-modal-box__body--PaddingLeft);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  word-break: break-word;
  -webkit-overflow-scrolling: touch;
}
.pf-c-modal-box__body:last-child {
  padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
}
.pf-c-modal-box__footer {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding-top: var(--pf-c-modal-box__footer--PaddingTop);
  padding-right: var(--pf-c-modal-box__footer--PaddingRight);
  padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
  padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
}
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
  margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
}
@media screen and (min-width: 576px) {
  .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
    --pf-c-modal-box__footer--c-button--MarginRight: var(
      --pf-c-modal-box__footer--c-button--sm--MarginRight
    );
  }
}
:where(.pf-theme-dark) .pf-c-modal-box {
  --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
}
.pf-c-options-menu {
  --pf-c-options-menu__toggle--BackgroundColor: transparent;
  --pf-c-options-menu__toggle--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-options-menu__toggle--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-options-menu__toggle--MinWidth: 0;
  --pf-c-options-menu__toggle--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-options-menu__toggle--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-options-menu__toggle--BorderTopColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-options-menu__toggle--BorderRightColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-options-menu__toggle--BorderBottomColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-options-menu__toggle--BorderLeftColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-options-menu__toggle--Color: var(--pf-global--Color--100);
  --pf-c-options-menu__toggle--hover--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-options-menu__toggle--active--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-options-menu__toggle--active--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-options-menu__toggle--focus--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-options-menu__toggle--focus--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-options-menu__toggle--expanded--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-options-menu__toggle--expanded--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-global--Color--200);
  --pf-c-options-menu__toggle--m-plain--hover--Color: var(
    --pf-global--Color--100
  );
  --pf-c-options-menu__toggle--m-plain--disabled--Color: var(
    --pf-global--disabled-color--200
  );
  --pf-c-options-menu__toggle--m-plain--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-options-menu__toggle--m-plain--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
  --pf-c-options-menu--m-plain__toggle-icon--Color: var(
    --pf-global--Color--200
  );
  --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(
    --pf-global--Color--100
  );
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
  --pf-c-options-menu__toggle-button--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-options-menu__toggle-button--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-options-menu__toggle-button--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-options-menu__toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-options-menu__menu--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-options-menu__menu--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-options-menu__menu--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-options-menu__menu--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-options-menu__menu--Top: calc(100% + var(--pf-global--spacer--xs));
  --pf-c-options-menu__menu--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-options-menu--m-top__menu--Top: 0;
  --pf-c-options-menu--m-top__menu--TranslateY: calc(
    -100% - var(--pf-global--spacer--xs)
  );
  --pf-c-options-menu__menu-item--BackgroundColor: transparent;
  --pf-c-options-menu__menu-item--Color: var(--pf-global--Color--100);
  --pf-c-options-menu__menu-item--FontSize: var(--pf-global--FontSize--md);
  --pf-c-options-menu__menu-item--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-options-menu__menu-item--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-options-menu__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-options-menu__menu-item--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-options-menu__menu-item--disabled--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-options-menu__menu-item--disabled--BackgroundColor: transparent;
  --pf-c-options-menu__menu-item-icon--Color: var(
    --pf-global--active-color--100
  );
  --pf-c-options-menu__menu-item-icon--FontSize: var(
    --pf-global--icon--FontSize--sm
  );
  --pf-c-options-menu__menu-item-icon--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-options-menu__group--group--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-options-menu__group-title--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-options-menu__group-title--PaddingRight: var(
    --pf-c-options-menu__menu-item--PaddingRight
  );
  --pf-c-options-menu__group-title--PaddingBottom: var(
    --pf-c-options-menu__menu-item--PaddingBottom
  );
  --pf-c-options-menu__group-title--PaddingLeft: var(
    --pf-c-options-menu__menu-item--PaddingLeft
  );
  --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-options-menu__group-title--FontWeight: var(
    --pf-global--FontWeight--normal
  );
  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.pf-c-options-menu .pf-c-divider {
  margin-top: var(--pf-c-options-menu--c-divider--MarginTop);
  margin-bottom: var(--pf-c-options-menu--c-divider--MarginBottom);
}
.pf-c-options-menu .pf-c-divider:last-child {
  --pf-c-options-menu--c-divider--MarginBottom: 0;
}
.pf-c-options-menu__toggle:not(.pf-m-plain):before,
.pf-c-options-menu.pf-m-text:not(.pf-m-plain)
  .pf-c-options-menu__toggle-button:before {
  position: absolute;
  inset: 0;
  content: "";
  border: var(--pf-c-options-menu__toggle--BorderWidth) solid;
  border-color: var(--pf-c-options-menu__toggle--BorderTopColor)
    var(--pf-c-options-menu__toggle--BorderRightColor)
    var(--pf-c-options-menu__toggle--BorderBottomColor)
    var(--pf-c-options-menu__toggle--BorderLeftColor);
}
.pf-c-options-menu__toggle:not(.pf-m-plain):hover:before,
.pf-c-options-menu.pf-m-text:not(.pf-m-plain)
  .pf-c-options-menu__toggle-button:hover:before {
  --pf-c-options-menu__toggle--BorderBottomColor: var(
    --pf-c-options-menu__toggle--hover--BorderBottomColor
  );
}
.pf-c-options-menu__toggle:not(.pf-m-plain):active:before,
.pf-c-options-menu__toggle:not(.pf-m-plain).pf-m-active:before,
.pf-c-options-menu.pf-m-text:not(.pf-m-plain)
  .pf-c-options-menu__toggle-button:active:before,
.pf-c-options-menu.pf-m-text:not(.pf-m-plain)
  .pf-c-options-menu__toggle-button.pf-m-active:before {
  --pf-c-options-menu__toggle--BorderBottomColor: var(
    --pf-c-options-menu__toggle--active--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-options-menu__toggle--active--BorderBottomWidth
  );
}
.pf-c-options-menu__toggle:not(.pf-m-plain):focus:before,
.pf-c-options-menu.pf-m-text:not(.pf-m-plain)
  .pf-c-options-menu__toggle-button:focus:before {
  --pf-c-options-menu__toggle--BorderBottomColor: var(
    --pf-c-options-menu__toggle--focus--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-options-menu__toggle--focus--BorderBottomWidth
  );
}
.pf-c-options-menu__toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: var(--pf-c-options-menu__toggle--MinWidth);
  max-width: 100%;
  padding: var(--pf-c-options-menu__toggle--PaddingTop)
    var(--pf-c-options-menu__toggle--PaddingRight)
    var(--pf-c-options-menu__toggle--PaddingBottom)
    var(--pf-c-options-menu__toggle--PaddingLeft);
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
  color: var(--pf-c-options-menu__toggle--Color);
  background-color: var(--pf-c-options-menu__toggle--BackgroundColor);
  border: none;
}
.pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle:before {
  --pf-c-options-menu__toggle--BorderBottomColor: var(
    --pf-c-options-menu__toggle--expanded--BorderBottomColor
  );
  border-bottom-width: var(
    --pf-c-options-menu__toggle--expanded--BorderBottomWidth
  );
}
.pf-c-options-menu__toggle.pf-m-plain {
  --pf-c-options-menu__toggle-icon--Color: var(
    --pf-c-options-menu--m-plain__toggle-icon--Color
  );
}
.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
  --pf-c-options-menu__toggle--PaddingRight: var(
    --pf-c-options-menu__toggle--m-plain--PaddingRight
  );
  --pf-c-options-menu__toggle--PaddingLeft: var(
    --pf-c-options-menu__toggle--m-plain--PaddingLeft
  );
  display: inline-block;
  color: var(--pf-c-options-menu__toggle--m-plain--Color);
}
.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text)
  .pf-c-options-menu__toggle-button-icon {
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
}
.pf-c-options-menu__toggle.pf-m-plain:hover,
.pf-c-options-menu__toggle.pf-m-plain:active,
.pf-c-options-menu__toggle.pf-m-plain.pf-m-active,
.pf-c-options-menu__toggle.pf-m-plain:focus,
.pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
  --pf-c-options-menu__toggle--m-plain--Color: var(
    --pf-c-options-menu__toggle--m-plain--hover--Color
  );
  --pf-c-options-menu--m-plain__toggle-icon--Color: var(
    --pf-c-options-menu--m-plain--hover__toggle-icon--Color
  );
}
.pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled,
.pf-c-options-menu__toggle.pf-m-plain:disabled {
  --pf-c-options-menu__toggle--m-plain--Color: var(
    --pf-c-options-menu__toggle--m-plain--disabled--Color
  );
}
.pf-c-options-menu__toggle.pf-m-disabled,
.pf-c-options-menu__toggle:disabled {
  pointer-events: none;
}
.pf-c-options-menu__toggle.pf-m-disabled:not(.pf-m-plain),
.pf-c-options-menu__toggle.pf-m-disabled.pf-m-text,
.pf-c-options-menu__toggle:disabled:not(.pf-m-plain),
.pf-c-options-menu__toggle:disabled.pf-m-text {
  --pf-c-options-menu__toggle--BackgroundColor: var(
    --pf-c-options-menu__toggle--disabled--BackgroundColor
  );
}
.pf-c-options-menu__toggle.pf-m-disabled:before,
.pf-c-options-menu__toggle:disabled:before {
  border: 0;
}
.pf-c-options-menu__toggle-button-icon {
  position: relative;
}
.pf-c-options-menu__toggle-button {
  padding: var(--pf-c-options-menu__toggle-button--PaddingTop)
    var(--pf-c-options-menu__toggle-button--PaddingRight)
    var(--pf-c-options-menu__toggle-button--PaddingBottom)
    var(--pf-c-options-menu__toggle-button--PaddingLeft);
  background-color: var(--pf-c-options-menu__toggle-button--BackgroundColor);
  border: 0;
}
.pf-c-options-menu__toggle-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pf-c-options-menu__toggle-icon,
.pf-c-options-menu__toggle-button-icon {
  color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
}
.pf-c-options-menu__toggle-icon {
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
}
.pf-c-options-menu.pf-m-top.pf-m-expanded .pf-c-options-menu__toggle-icon {
  transform: rotate(
    var(--pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate)
  );
}
.pf-c-options-menu__menu {
  position: absolute;
  top: var(--pf-c-options-menu__menu--Top);
  z-index: var(--pf-c-options-menu__menu--ZIndex);
  min-width: 100%;
  padding-top: var(--pf-c-options-menu__menu--PaddingTop);
  padding-bottom: var(--pf-c-options-menu__menu--PaddingBottom);
  background-color: var(--pf-c-options-menu__menu--BackgroundColor);
  background-clip: padding-box;
  box-shadow: var(--pf-c-options-menu__menu--BoxShadow);
}
.pf-c-options-menu__menu.pf-m-align-right {
  right: 0;
}
.pf-c-options-menu.pf-m-top .pf-c-options-menu__menu {
  --pf-c-options-menu__menu--Top: var(--pf-c-options-menu--m-top__menu--Top);
  transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY));
}
.pf-c-options-menu__menu.pf-m-static {
  --pf-c-options-menu--m-top__menu--TranslateY: 0;
  position: static;
  inset: auto;
  z-index: auto;
  min-width: min-content;
}
.pf-c-options-menu__menu-item {
  display: flex;
  align-items: baseline;
  width: 100%;
  padding: var(--pf-c-options-menu__menu-item--PaddingTop)
    var(--pf-c-options-menu__menu-item--PaddingRight)
    var(--pf-c-options-menu__menu-item--PaddingBottom)
    var(--pf-c-options-menu__menu-item--PaddingLeft);
  font-size: var(--pf-c-options-menu__menu-item--FontSize);
  color: var(--pf-c-options-menu__menu-item--Color);
  white-space: nowrap;
  background-color: var(--pf-c-options-menu__menu-item--BackgroundColor);
  border: none;
}
.pf-c-options-menu__menu-item:hover,
.pf-c-options-menu__menu-item:focus {
  text-decoration: none;
  background-color: var(--pf-c-options-menu__menu-item--hover--BackgroundColor);
}
.pf-c-options-menu__menu-item:disabled,
.pf-c-options-menu__menu-item.pf-m-disabled {
  color: var(--pf-c-options-menu__menu-item--disabled--Color);
  pointer-events: none;
  background-color: var(
    --pf-c-options-menu__menu-item--disabled--BackgroundColor
  );
}
.pf-c-options-menu__menu-item-icon {
  align-self: center;
  width: auto;
  padding-left: var(--pf-c-options-menu__menu-item-icon--PaddingLeft);
  margin-left: auto;
  font-size: var(--pf-c-options-menu__menu-item-icon--FontSize);
  color: var(--pf-c-options-menu__menu-item-icon--Color);
}
.pf-c-options-menu__group + .pf-c-options-menu__group {
  padding-top: var(--pf-c-options-menu__group--group--PaddingTop);
}
.pf-c-options-menu__group-title {
  padding-top: var(--pf-c-options-menu__group-title--PaddingTop);
  padding-right: var(--pf-c-options-menu__group-title--PaddingRight);
  padding-bottom: var(--pf-c-options-menu__group-title--PaddingBottom);
  padding-left: var(--pf-c-options-menu__group-title--PaddingLeft);
  font-size: var(--pf-c-options-menu__group-title--FontSize);
  font-weight: var(--pf-c-options-menu__group-title--FontWeight);
  color: var(--pf-c-options-menu__group-title--Color);
}
:where(.pf-theme-dark) .pf-c-options-menu {
  --pf-c-options-menu__toggle--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-options-menu__toggle--BorderTopColor: transparent;
  --pf-c-options-menu__toggle--BorderRightColor: transparent;
  --pf-c-options-menu__toggle--BorderBottomColor: var(
    --pf-global--BorderColor--400
  );
  --pf-c-options-menu__toggle--BorderLeftColor: transparent;
  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(
    --pf-global--palette--black-500
  );
  --pf-c-options-menu__menu--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-options-menu__menu--Top: 100%;
}
:where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
  background: transparent;
}
.pf-c-pagination__nav-page-select .pf-c-form-control {
  appearance: textfield;
}
.pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button,
.pf-c-pagination__nav-page-select
  .pf-c-form-control::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.pf-c-pagination {
  --pf-c-pagination--inset: 0;
  --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
  --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
  --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
  --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-pagination--m-compact--child--MarginRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-pagination--c-options-menu__toggle--FontSize: var(
    --pf-global--FontSize--sm
  );
  --pf-c-pagination__nav--Display: none;
  --pf-c-pagination__nav--Visibility: hidden;
  --pf-c-pagination--m-display-summary__nav--Display: none;
  --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
  --pf-c-pagination--m-display-full__nav--Display: inline-flex;
  --pf-c-pagination--m-display-full__nav--Visibility: visible;
  --pf-c-pagination__nav-control--c-button--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-pagination__nav-control--c-button--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-pagination__nav-control--c-button--FontSize: var(
    --pf-global--FontSize--md
  );
  --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(
    --pf-global--spacer--form-element
  );
  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(
    --pf-global--spacer--sm
  );
  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(
    --pf-global--spacer--form-element
  );
  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-pagination__nav-page-select--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-pagination__nav-page-select--child--MarginRight: var(
    --pf-global--spacer--xs
  );
  --pf-c-pagination__nav-page-select--c-form-control--width-base: calc(
    var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2
  );
  --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
  --pf-c-pagination__nav-page-select--c-form-control--Width: calc(
    var(--pf-c-pagination__nav-page-select--c-form-control--width-base) +
      (
        var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) *
          1ch
      )
  );
  --pf-c-pagination__total-items--Display: block;
  --pf-c-pagination__total-items--Visibility: visible;
  --pf-c-pagination--m-display-summary__total-items--Display: block;
  --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
  --pf-c-pagination--m-display-full__total-items--Display: none;
  --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
  --pf-c-pagination--m-sticky--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-pagination--m-sticky--BoxShadow: var(
    --pf-global--BoxShadow--sm-bottom
  );
  --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-pagination--m-sticky--Top: 0;
  --pf-c-pagination--m-bottom--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
  --pf-c-pagination--m-bottom--Bottom: 0;
  --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(
    --pf-global--BoxShadow--sm-top
  );
  --pf-c-pagination--c-options-menu--Display: none;
  --pf-c-pagination--c-options-menu--Visibility: hidden;
  --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
  --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
  --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
  --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding-right: var(--pf-c-pagination--PaddingRight);
  padding-left: var(--pf-c-pagination--PaddingLeft);
}
@media screen and (min-width: 768px) {
  .pf-c-pagination {
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(
      --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop
    );
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(
      --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight
    );
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(
      --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom
    );
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(
      --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft
    );
    --pf-c-pagination--m-bottom--child--MarginRight: var(
      --pf-c-pagination--m-bottom--child--md--MarginRight
    );
    --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
    --pf-c-pagination--m-bottom--BoxShadow: none;
    --pf-c-pagination--c-options-menu--Display: inline-flex;
    --pf-c-pagination--c-options-menu--Visibility: visible;
    --pf-c-pagination__nav--Display: inline-flex;
    --pf-c-pagination__nav--Visibility: visible;
    --pf-c-pagination__total-items--Display: none;
    --pf-c-pagination__total-items--Visibility: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-pagination {
    --pf-c-pagination--m-bottom--md--PaddingRight: var(
      --pf-c-pagination--m-bottom--xl--PaddingRight
    );
    --pf-c-pagination--m-bottom--md--PaddingLeft: var(
      --pf-c-pagination--m-bottom--xl--PaddingLeft
    );
    --pf-c-pagination__scroll-button--Width: var(
      --pf-c-pagination__scroll-button--xl--Width
    );
    --pf-c-pagination--m-page-insets--inset: var(
      --pf-c-pagination--m-page-insets--xl--inset
    );
  }
}
.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
  margin-right: var(--pf-c-pagination--child--MarginRight);
}
.pf-c-pagination .pf-c-options-menu {
  display: var(--pf-c-pagination--c-options-menu--Display);
  visibility: var(--pf-c-pagination--c-options-menu--Visibility);
}
.pf-c-pagination.pf-m-bottom {
  --pf-c-pagination--child--MarginRight: var(
    --pf-c-pagination--m-bottom--child--MarginRight
  );
  --pf-c-pagination__nav-control--c-button--PaddingRight: var(
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight
  );
  --pf-c-pagination__nav-control--c-button--PaddingLeft: var(
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight
  );
  --pf-c-pagination--m-sticky--BoxShadow: var(
    --pf-c-pagination--m-bottom--m-sticky--BoxShadow
  );
  --pf-c-pagination--m-sticky--Top: auto;
  position: sticky;
  bottom: var(--pf-c-pagination--m-bottom--Bottom);
  justify-content: center;
  background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
  box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
}
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
  --pf-c-button--PaddingTop: var(
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop
  );
  --pf-c-button--PaddingBottom: var(
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom
  );
  outline-offset: var(
    --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset
  );
}
.pf-c-pagination.pf-m-bottom.pf-m-static {
  --pf-c-pagination--m-bottom--MarginTop: 0;
  --pf-c-pagination--m-bottom--BorderTopWidth: 0;
  position: relative;
  box-shadow: none;
}
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
  display: none;
  visibility: hidden;
}
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
  position: absolute;
  display: block;
  visibility: visible;
}
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  visibility: visible;
}
@media screen and (min-width: 768px) {
  .pf-c-pagination.pf-m-bottom {
    --pf-c-pagination--m-bottom--BorderTopWidth: 0;
    --pf-c-pagination--m-bottom--MarginTop: 0;
    --pf-c-pagination--m-bottom--Bottom: auto;
    position: relative;
    justify-content: flex-end;
    padding: var(--pf-c-pagination--m-bottom--md--PaddingTop)
      var(--pf-c-pagination--m-bottom--md--PaddingRight)
      var(--pf-c-pagination--m-bottom--md--PaddingBottom)
      var(--pf-c-pagination--m-bottom--md--PaddingLeft);
  }
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
    display: block;
    visibility: visible;
  }
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
    position: relative;
  }
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
    display: inline-flex;
    flex-basis: auto;
  }
}
.pf-c-pagination.pf-m-sticky {
  --pf-c-pagination--m-bottom--Bottom: 0;
  position: sticky;
  top: var(--pf-c-pagination--m-sticky--Top);
  z-index: var(--pf-c-pagination--m-sticky--ZIndex);
  padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
  padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
  padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
  padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
  background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
  box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
}
@media screen and (min-width: 768px) {
  .pf-c-pagination.pf-m-sticky {
    padding: var(--pf-c-pagination--m-sticky--md--PaddingTop)
      var(--pf-c-pagination--m-sticky--md--PaddingRight)
      var(--pf-c-pagination--m-sticky--md--PaddingBottom)
      var(--pf-c-pagination--m-sticky--md--PaddingLeft);
  }
}
.pf-c-pagination .pf-c-options-menu__toggle {
  font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
}
.pf-c-pagination.pf-m-compact {
  --pf-c-pagination--child--MarginRight: var(
    --pf-c-pagination--m-compact--child--MarginRight
  );
}
.pf-c-pagination.pf-m-page-insets {
  --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
}
.pf-c-pagination__nav {
  display: var(--pf-c-pagination__nav--Display);
  justify-content: flex-end;
  visibility: var(--pf-c-pagination__nav--Visibility);
}
.pf-c-pagination__nav-control .pf-c-button {
  padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
  padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
  font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
  color:#1C66AC;
}
.pf-c-pagination.pf-m-compact
  .pf-c-pagination__nav-control
  + .pf-c-pagination__nav-control {
  margin-left: var(
    --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft
  );
}
.pf-c-pagination__nav-page-select {
  display: flex;
  align-items: center;
  padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
  padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
}
.pf-c-pagination__nav-page-select > * {
  font-size: var(--pf-c-pagination__nav-page-select--FontSize);
  white-space: nowrap;
}
.pf-c-pagination__nav-page-select > *:not(:last-child) {
  margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
}
.pf-c-pagination__nav-page-select .pf-c-form-control {
  width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
}
.pf-c-pagination__total-items {
  display: var(--pf-c-pagination__total-items--Display);
  visibility: var(--pf-c-pagination__total-items--Visibility);
}
.pf-c-pagination.pf-m-display-summary {
  --pf-c-pagination__nav--Display: var(
    --pf-c-pagination--m-display-summary__nav--Display
  );
  --pf-c-pagination__nav--Visibility: var(
    --pf-c-pagination--m-display-summary__nav--Visibility
  );
  --pf-c-pagination--c-options-menu--Display: var(
    --pf-c-pagination--m-display-summary--c-options-menu--Display
  );
  --pf-c-pagination--c-options-menu--Visibility: var(
    --pf-c-pagination--m-display-summary--c-options-menu--Visibility
  );
  --pf-c-pagination__total-items--Display: var(
    --pf-c-pagination--m-display-summary__total-items--Display
  );
  --pf-c-pagination__total-items--Visibility: var(
    --pf-c-pagination--m-display-summary__total-items--Visibility
  );
}
.pf-c-pagination.pf-m-display-full {
  --pf-c-pagination__nav--Display: var(
    --pf-c-pagination--m-display-full__nav--Display
  );
  --pf-c-pagination__nav--Visibility: var(
    --pf-c-pagination--m-display-full__nav--Visibility
  );
  --pf-c-pagination--c-options-menu--Display: var(
    --pf-c-pagination--m-display-full--c-options-menu--Display
  );
  --pf-c-pagination--c-options-menu--Visibility: var(
    --pf-c-pagination--m-display-full--c-options-menu--Visibility
  );
  --pf-c-pagination__total-items--Display: var(
    --pf-c-pagination--m-display-full__total-items--Display
  );
  --pf-c-pagination__total-items--Visibility: var(
    --pf-c-pagination--m-display-full__total-items--Visibility
  );
}
.pf-c-pagination.pf-m-inset-none {
  --pf-c-pagination--inset: 0;
}
.pf-c-pagination.pf-m-inset-sm {
  --pf-c-pagination--inset: var(--pf-global--spacer--sm);
}
.pf-c-pagination.pf-m-inset-md {
  --pf-c-pagination--inset: var(--pf-global--spacer--md);
}
.pf-c-pagination.pf-m-inset-lg {
  --pf-c-pagination--inset: var(--pf-global--spacer--lg);
}
.pf-c-pagination.pf-m-inset-xl {
  --pf-c-pagination--inset: var(--pf-global--spacer--xl);
}
.pf-c-pagination.pf-m-inset-2xl {
  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
}
@media (min-width: 576px) {
  .pf-c-pagination.pf-m-display-summary-on-sm {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-summary__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-summary__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-summary__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-summary__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-display-full-on-sm {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-full__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-full__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-full--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-full--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-full__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-full__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-inset-none-on-sm {
    --pf-c-pagination--inset: 0;
  }
  .pf-c-pagination.pf-m-inset-sm-on-sm {
    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-pagination.pf-m-inset-md-on-sm {
    --pf-c-pagination--inset: var(--pf-global--spacer--md);
  }
  .pf-c-pagination.pf-m-inset-lg-on-sm {
    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-pagination.pf-m-inset-xl-on-sm {
    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-pagination.pf-m-inset-2xl-on-sm {
    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
  }
}
@media (min-width: 768px) {
  .pf-c-pagination.pf-m-display-summary-on-md {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-summary__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-summary__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-summary__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-summary__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-display-full-on-md {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-full__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-full__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-full--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-full--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-full__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-full__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-inset-none-on-md {
    --pf-c-pagination--inset: 0;
  }
  .pf-c-pagination.pf-m-inset-sm-on-md {
    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-pagination.pf-m-inset-md-on-md {
    --pf-c-pagination--inset: var(--pf-global--spacer--md);
  }
  .pf-c-pagination.pf-m-inset-lg-on-md {
    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-pagination.pf-m-inset-xl-on-md {
    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-pagination.pf-m-inset-2xl-on-md {
    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
  }
}
@media (min-width: 992px) {
  .pf-c-pagination.pf-m-display-summary-on-lg {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-summary__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-summary__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-summary__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-summary__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-display-full-on-lg {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-full__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-full__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-full--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-full--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-full__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-full__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-inset-none-on-lg {
    --pf-c-pagination--inset: 0;
  }
  .pf-c-pagination.pf-m-inset-sm-on-lg {
    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-pagination.pf-m-inset-md-on-lg {
    --pf-c-pagination--inset: var(--pf-global--spacer--md);
  }
  .pf-c-pagination.pf-m-inset-lg-on-lg {
    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-pagination.pf-m-inset-xl-on-lg {
    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-pagination.pf-m-inset-2xl-on-lg {
    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
  }
}
@media (min-width: 1200px) {
  .pf-c-pagination.pf-m-display-summary-on-xl {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-summary__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-summary__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-summary__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-summary__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-display-full-on-xl {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-full__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-full__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-full--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-full--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-full__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-full__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-inset-none-on-xl {
    --pf-c-pagination--inset: 0;
  }
  .pf-c-pagination.pf-m-inset-sm-on-xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-pagination.pf-m-inset-md-on-xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--md);
  }
  .pf-c-pagination.pf-m-inset-lg-on-xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-pagination.pf-m-inset-xl-on-xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-pagination.pf-m-inset-2xl-on-xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
  }
}
@media (min-width: 1450px) {
  .pf-c-pagination.pf-m-display-summary-on-2xl {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-summary__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-summary__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-summary--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-summary__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-summary__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-display-full-on-2xl {
    --pf-c-pagination__nav--Display: var(
      --pf-c-pagination--m-display-full__nav--Display
    );
    --pf-c-pagination__nav--Visibility: var(
      --pf-c-pagination--m-display-full__nav--Visibility
    );
    --pf-c-pagination--c-options-menu--Display: var(
      --pf-c-pagination--m-display-full--c-options-menu--Display
    );
    --pf-c-pagination--c-options-menu--Visibility: var(
      --pf-c-pagination--m-display-full--c-options-menu--Visibility
    );
    --pf-c-pagination__total-items--Display: var(
      --pf-c-pagination--m-display-full__total-items--Display
    );
    --pf-c-pagination__total-items--Visibility: var(
      --pf-c-pagination--m-display-full__total-items--Visibility
    );
  }
  .pf-c-pagination.pf-m-inset-none-on-2xl {
    --pf-c-pagination--inset: 0;
  }
  .pf-c-pagination.pf-m-inset-sm-on-2xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
  }
  .pf-c-pagination.pf-m-inset-md-on-2xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--md);
  }
  .pf-c-pagination.pf-m-inset-lg-on-2xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
  }
  .pf-c-pagination.pf-m-inset-xl-on-2xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
  }
  .pf-c-pagination.pf-m-inset-2xl-on-2xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
  }
}
:where(.pf-theme-dark) .pf-c-pagination {
  --pf-c-pagination--m-sticky--BackgroundColor: var(
    --pf-global--BackgroundColor--300
  );
}
.pf-c-select {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-select {
  color: var(--pf-global--Color--100);
  --pf-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element);
  --pf-c-select__toggle--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-select__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
  --pf-c-select__toggle--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-select__toggle--MinWidth: var(--pf-global--target-size--MinWidth);
  --pf-c-select__toggle--FontSize: var(--pf-global--FontSize--md);
  --pf-c-select__toggle--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-select__toggle--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-select__toggle--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-select__toggle--before--BorderTopWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-select__toggle--before--BorderRightWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-select__toggle--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-select__toggle--before--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-select__toggle--before--BorderWidth: initial;
  --pf-c-select__toggle--before--BorderTopColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-select__toggle--before--BorderRightColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-global--BorderColor--200
  );
  --pf-c-select__toggle--before--BorderLeftColor: var(
    --pf-global--BorderColor--300
  );
  --pf-c-select__toggle--Color: var(--pf-global--Color--100);
  --pf-c-select__toggle--hover--before--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-select__toggle--focus--before--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-select__toggle--focus--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-select__toggle--active--before--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-select__toggle--active--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(
    --pf-global--active-color--100
  );
  --pf-c-select__toggle--m-expanded--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-select__toggle--disabled--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  --pf-c-select__toggle--m-plain--before--BorderColor: transparent;
  --pf-c-select__toggle--m-placeholder--Color: transparent;
  --pf-c-select--m-invalid__toggle--before--BorderBottomColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-select--m-invalid__toggle--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-select--m-invalid__toggle--hover--before--BorderBottomColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-select--m-invalid__toggle--focus--before--BorderBottomColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-select--m-invalid__toggle--active--before--BorderBottomColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor: var(
    --pf-global--danger-color--100
  );
  --pf-c-select--m-invalid__toggle-status-icon--Color: var(
    --pf-global--danger-color--100
  );
  --pf-c-select--m-success__toggle--before--BorderBottomColor: var(
    --pf-global--success-color--100
  );
  --pf-c-select--m-success__toggle--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-select--m-success__toggle--hover--before--BorderBottomColor: var(
    --pf-global--success-color--100
  );
  --pf-c-select--m-success__toggle--focus--before--BorderBottomColor: var(
    --pf-global--success-color--100
  );
  --pf-c-select--m-success__toggle--active--before--BorderBottomColor: var(
    --pf-global--success-color--100
  );
  --pf-c-select--m-success__toggle--m-expanded--before--BorderBottomColor: var(
    --pf-global--success-color--100
  );
  --pf-c-select--m-success__toggle-status-icon--Color: var(
    --pf-global--success-color--100
  );
  --pf-c-select--m-warning__toggle--before--BorderBottomColor: var(
    --pf-global--warning-color--100
  );
  --pf-c-select--m-warning__toggle--before--BorderBottomWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-select--m-warning__toggle--hover--before--BorderBottomColor: var(
    --pf-global--warning-color--100
  );
  --pf-c-select--m-warning__toggle--focus--before--BorderBottomColor: var(
    --pf-global--warning-color--100
  );
  --pf-c-select--m-warning__toggle--active--before--BorderBottomColor: var(
    --pf-global--warning-color--100
  );
  --pf-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor: var(
    --pf-global--warning-color--100
  );
  --pf-c-select--m-warning__toggle-status-icon--Color: var(
    --pf-global--warning-color--100
  );
  --pf-c-select__toggle-wrapper--not-last-child--MarginRight: var(
    --pf-global--spacer--xs
  );
  --pf-c-select__toggle-wrapper--MaxWidth: calc(
    100% - var(--pf-global--spacer--lg)
  );
  --pf-c-select__toggle-wrapper--c-chip-group--MarginTop: 0.3125rem;
  --pf-c-select__toggle-wrapper--c-chip-group--MarginBottom: 0.3125rem;
  --pf-c-select__toggle-typeahead--FlexBasis: 10em;
  --pf-c-select__toggle-typeahead--BackgroundColor: transparent;
  --pf-c-select__toggle-typeahead--BorderTop: var(--pf-global--BorderWidth--sm)
    solid transparent;
  --pf-c-select__toggle-typeahead--BorderRight: none;
  --pf-c-select__toggle-typeahead--BorderLeft: none;
  --pf-c-select__toggle-typeahead--MinWidth: 7.5rem;
  --pf-c-select__toggle-typeahead--focus--PaddingBottom: calc(
    var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--md)
  );
  --pf-c-select__toggle--m-placeholder__toggle-text--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-select__toggle-icon--toggle-text--MarginLeft: var(
    --pf-global--spacer--xs
  );
  --pf-c-select__toggle-badge--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-select__toggle-status-icon--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-select__toggle-status-icon--Color: var(--pf-global--Color--100);
  --pf-c-select__toggle-arrow--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
  --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
  --pf-c-select--m-plain--hover__toggle-arrow--Color: var(
    --pf-global--Color--100
  );
  --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-select__toggle-button--Color: var(--pf-global--Color--100);
  --pf-c-select__menu--BackgroundColor: var(
    --pf-global--BackgroundColor--light-100
  );
  --pf-c-select__menu--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-select__menu--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-select__menu--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-select__menu--Top: calc(100% + var(--pf-global--spacer--xs));
  --pf-c-select__menu--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-select__menu--Width: auto;
  --pf-c-select__menu--MinWidth: 100%;
  --pf-c-select__menu--m-top--TranslateY: calc(
    -100% - var(--pf-global--spacer--xs)
  );
  --pf-c-select__list-item--m-loading--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-select__menu-item--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-select__menu-item--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-select__menu-item--m-selected--PaddingRight: var(
    --pf-global--spacer--2xl
  );
  --pf-c-select__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-select__menu-item--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-select__menu-item--FontSize: var(--pf-global--FontSize--md);
  --pf-c-select__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-select__menu-item--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-select__menu-item--Color: var(--pf-global--Color--dark-100);
  --pf-c-select__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
  --pf-c-select__menu-item--Width: 100%;
  --pf-c-select__menu-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-select__menu-item--focus--BackgroundColor: var(
    --pf-global--BackgroundColor--light-300
  );
  --pf-c-select__menu-item--disabled--BackgroundColor: transparent;
  --pf-c-select__menu-item--m-link--Width: auto;
  --pf-c-select__menu-item--m-link--hover--BackgroundColor: transparent;
  --pf-c-select__menu-item--m-link--focus--BackgroundColor: transparent;
  --pf-c-select__menu-item--m-action--Color: var(--pf-global--Color--200);
  --pf-c-select__menu-item--m-action--hover--Color: var(
    --pf-global--Color--100
  );
  --pf-c-select__menu-item--m-action--focus--Color: var(
    --pf-global--Color--100
  );
  --pf-c-select__menu-item--m-action--disabled--Color: var(
    --pf-global--disabled-color--200
  );
  --pf-c-select__menu-item--m-action--Width: auto;
  --pf-c-select__menu-item--m-action--FontSize: var(
    --pf-global--icon--FontSize--sm
  );
  --pf-c-select__menu-item--m-action--hover--BackgroundColor: transparent;
  --pf-c-select__menu-item--m-action--focus--BackgroundColor: transparent;
  --pf-c-select__menu-item--hover__menu-item--m-action--Color: var(
    --pf-global--Color--200
  );
  --pf-c-select__menu-item--m-favorite-action--Color: var(
    --pf-global--Color--200
  );
  --pf-c-select__menu-item--m-favorite-action--hover--Color: var(
    --pf-global--Color--100
  );
  --pf-c-select__menu-item--m-favorite-action--focus--Color: var(
    --pf-global--Color--100
  );
  --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color: var(
    --pf-global--palette--gold-400
  );
  --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color: var(
    --pf-global--palette--gold-500
  );
  --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color: var(
    --pf-global--palette--gold-500
  );
  --pf-c-select__menu-item--m-load--Color: var(--pf-global--link--Color);
  --pf-c-select__menu-item-icon--Color: var(--pf-global--active-color--100);
  --pf-c-select__menu-item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
  --pf-c-select__menu-item-icon--Right: var(--pf-global--spacer--md);
  --pf-c-select__menu-item-icon--Top: 50%;
  --pf-c-select__menu-item-icon--TranslateY: -50%;
  --pf-c-select__menu-item-action-icon--MinHeight: calc(
    var(--pf-c-select__menu-item--FontSize) *
      var(--pf-c-select__menu-item--LineHeight)
  );
  --pf-c-select__menu-item--match--FontWeight: var(
    --pf-global--FontWeight--bold
  );
  --pf-c-select__menu-search--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-select__menu-search--PaddingRight: var(
    --pf-c-select__menu-item--PaddingRight
  );
  --pf-c-select__menu-search--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-select__menu-search--PaddingLeft: var(
    --pf-c-select__menu-item--PaddingLeft
  );
  --pf-c-select__menu-group--menu-group--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-select__menu-group-title--PaddingTop: var(
    --pf-c-select__menu-item--PaddingTop
  );
  --pf-c-select__menu-group-title--PaddingRight: var(
    --pf-c-select__menu-item--PaddingRight
  );
  --pf-c-select__menu-group-title--PaddingBottom: var(
    --pf-c-select__menu-item--PaddingBottom
  );
  --pf-c-select__menu-group-title--PaddingLeft: var(
    --pf-c-select__menu-item--PaddingLeft
  );
  --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-select__menu-group-title--FontWeight: var(
    --pf-global--FontWeight--normal
  );
  --pf-c-select__menu-group-title--Color: var(--pf-global--Color--dark-200);
  --pf-c-select__menu-item-count--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-select__menu-item-count--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-select__menu-item-count--Color: var(--pf-global--Color--200);
  --pf-c-select__menu-item--disabled__menu-item-count--Color: var(
    --pf-global--Color--dark-200
  );
  --pf-c-select__menu-item-description--FontSize: var(
    --pf-global--FontSize--xs
  );
  --pf-c-select__menu-item-description--Color: var(--pf-global--Color--200);
  --pf-c-select__menu-item-description--PaddingRight: var(
    --pf-c-select__menu-item--PaddingRight
  );
  --pf-c-select__menu-item-main--PaddingRight: var(
    --pf-c-select__menu-item--PaddingRight
  );
  --pf-c-select__menu-item--m-selected__menu-item-main--PaddingRight: var(
    --pf-c-select__menu-item--m-selected--PaddingRight
  );
  --pf-c-select__menu-footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
  --pf-c-select__menu-footer--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-select__menu-footer--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-select__menu-footer--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-select__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-select__menu-footer--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-select__menu-footer--MarginBottom: calc(
    var(--pf-global--spacer--sm) * -1
  );
  --pf-c-select-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-select-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
  position: relative;
  display: inline-block;
  width: 100%;
}
.pf-c-select .pf-c-divider {
  margin-top: var(--pf-c-select-menu--c-divider--MarginTop);
  margin-bottom: var(--pf-c-select-menu--c-divider--MarginBottom);
}
.pf-c-select .pf-c-divider:last-child {
  --pf-c-select-menu--c-divider--MarginBottom: 0;
}
.pf-c-select.pf-m-invalid {
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-c-select--m-invalid__toggle--before--BorderBottomColor
  );
  --pf-c-select__toggle--before--BorderBottomWidth: var(
    --pf-c-select--m-invalid__toggle--before--BorderBottomWidth
  );
  --pf-c-select__toggle--hover--before--BorderBottomColor: var(
    --pf-c-select--m-invalid__toggle--hover--before--BorderBottomColor
  );
  --pf-c-select__toggle--focus--before--BorderBottomColor: var(
    --pf-c-select--m-invalid__toggle--focus--before--BorderBottomColor
  );
  --pf-c-select__toggle--active--before--BorderBottomColor: var(
    --pf-c-select--m-invalid__toggle--active--before--BorderBottomColor
  );
  --pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(
    --pf-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor
  );
  --pf-c-select__toggle-status-icon--Color: var(
    --pf-c-select--m-invalid__toggle-status-icon--Color
  );
}
.pf-c-select.pf-m-success {
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-c-select--m-success__toggle--before--BorderBottomColor
  );
  --pf-c-select__toggle--before--BorderBottomWidth: var(
    --pf-c-select--m-success__toggle--before--BorderBottomWidth
  );
  --pf-c-select__toggle--hover--before--BorderBottomColor: var(
    --pf-c-select--m-success__toggle--hover--before--BorderBottomColor
  );
  --pf-c-select__toggle--focus--before--BorderBottomColor: var(
    --pf-c-select--m-success__toggle--focus--before--BorderBottomColor
  );
  --pf-c-select__toggle--active--before--BorderBottomColor: var(
    --pf-c-select--m-success__toggle--active--before--BorderBottomColor
  );
  --pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(
    --pf-c-select--m-success__toggle--m-expanded--before--BorderBottomColor
  );
  --pf-c-select__toggle-status-icon--Color: var(
    --pf-c-select--m-success__toggle-status-icon--Color
  );
}
.pf-c-select.pf-m-warning {
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-c-select--m-warning__toggle--before--BorderBottomColor
  );
  --pf-c-select__toggle--before--BorderBottomWidth: var(
    --pf-c-select--m-warning__toggle--before--BorderBottomWidth
  );
  --pf-c-select__toggle--hover--before--BorderBottomColor: var(
    --pf-c-select--m-warning__toggle--hover--before--BorderBottomColor
  );
  --pf-c-select__toggle--focus--before--BorderBottomColor: var(
    --pf-c-select--m-warning__toggle--focus--before--BorderBottomColor
  );
  --pf-c-select__toggle--active--before--BorderBottomColor: var(
    --pf-c-select--m-warning__toggle--active--before--BorderBottomColor
  );
  --pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(
    --pf-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor
  );
  --pf-c-select__toggle-status-icon--Color: var(
    --pf-c-select--m-warning__toggle-status-icon--Color
  );
}
.pf-c-select__menu-search + .pf-c-divider {
  --pf-c-select-menu--c-divider--MarginTop: 0;
}
.pf-c-select__toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: var(--pf-c-select__toggle--MinWidth);
  padding: var(--pf-c-select__toggle--PaddingTop)
    var(--pf-c-select__toggle--PaddingRight)
    var(--pf-c-select__toggle--PaddingBottom)
    var(--pf-c-select__toggle--PaddingLeft);
  font-size: var(--pf-c-select__toggle--FontSize);
  font-weight: var(--pf-c-select__toggle--FontWeight);
  line-height: var(--pf-c-select__toggle--LineHeight);
  color: var(--pf-c-select__toggle--Color);
  white-space: nowrap;
  cursor: pointer;
  background-color: var(--pf-c-select__toggle--BackgroundColor);
  border: none;
}
.pf-c-select__toggle.pf-m-disabled,
.pf-c-select__toggle:disabled {
  --pf-c-select__toggle--BackgroundColor: var(
    --pf-c-select__toggle--disabled--BackgroundColor
  );
  pointer-events: none;
}
.pf-c-select__toggle.pf-m-disabled:before,
.pf-c-select__toggle:disabled:before {
  border: 0;
}
.pf-c-select__toggle:before {
  --pf-c-select__toggle--before--BorderWidth-base: var(
  --pf-c-select__toggle--before--BorderTopWidth
    )
    var(--pf-c-select__toggle--before--BorderRightWidth)
    var(--pf-c-select__toggle--before--BorderBottomWidth)
    var(--pf-c-select__toggle--before--BorderLeftWidth);
  position: absolute;
  inset: 0;
  content: "";
  border-color: var(--pf-c-select__toggle--before--BorderTopColor)
    var(--pf-c-select__toggle--before--BorderRightColor)
    var(--pf-c-select__toggle--before--BorderBottomColor)
    var(--pf-c-select__toggle--before--BorderLeftColor);
  border-style: solid;
  border-width: var(
    --pf-c-select__toggle--before--BorderWidth,
    var(--pf-c-select__toggle--before--BorderWidth-base)
  );
  font-family: 'Source Sans Pro', sans-serif;
}
.pf-c-select__toggle:hover {
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-c-select__toggle--hover--before--BorderBottomColor
  );
}
.pf-c-select__toggle:focus,
.pf-c-select__toggle:focus-within {
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-c-select__toggle--focus--before--BorderBottomColor
  );
  --pf-c-select__toggle--before--BorderBottomWidth: var(
    --pf-c-select__toggle--focus--before--BorderBottomWidth
  );
}
.pf-c-select__toggle:active,
.pf-c-select__toggle.pf-m-active {
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-c-select__toggle--active--before--BorderBottomColor
  );
  --pf-c-select__toggle--before--BorderBottomWidth: var(
    --pf-c-select__toggle--active--before--BorderBottomWidth
  );
}
.pf-m-expanded > .pf-c-select__toggle {
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-c-select__toggle--m-expanded--before--BorderBottomColor
  );
  --pf-c-select__toggle--before--BorderBottomWidth: var(
    --pf-c-select__toggle--m-expanded--before--BorderBottomWidth
  );
}
.pf-c-select__toggle.pf-m-plain {
  --pf-c-select__toggle-arrow--Color: var(
    --pf-c-select--m-plain__toggle-arrow--Color
  );
}
.pf-c-select__toggle.pf-m-plain:before {
  border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
}
.pf-c-select__toggle.pf-m-plain:hover,
.pf-c-select__toggle.pf-m-plain:active,
.pf-c-select__toggle.pf-m-plain.pf-m-active,
.pf-c-select__toggle.pf-m-plain:focus,
.pf-c-select.pf-m-expanded > .pf-c-select__toggle.pf-m-plain {
  --pf-c-select--m-plain__toggle-arrow--Color: var(
    --pf-c-select--m-plain--hover__toggle-arrow--Color
  );
}
.pf-c-select__toggle.pf-m-typeahead {
  --pf-c-select__toggle--PaddingTop: 0;
  --pf-c-select__toggle--PaddingRight: 0;
  --pf-c-select__toggle--PaddingBottom: 0;
}
.pf-c-select__toggle.pf-m-typeahead .pf-c-form-control {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --pf-c-form-control--invalid--BackgroundUrl: none;
  position: relative;
  height: auto;
}
.pf-c-select__toggle .pf-c-select__toggle-clear {
  padding-right: var(--pf-c-select__toggle-clear--PaddingRight);
  padding-left: var(--pf-c-select__toggle-clear--PaddingLeft);
  margin-left: auto;
}
.pf-c-select__toggle .pf-c-select__toggle-button {
  color: var(--pf-c-select__toggle-button--Color);
}
.pf-c-select__toggle .pf-c-select__toggle-clear + .pf-c-select__toggle-button {
  padding-left: var(--pf-c-select__toggle-clear--toggle-button--PaddingLeft);
}
.pf-c-select__toggle.pf-m-placeholder {
  --pf-c-select__toggle-text--Color: var(
    --pf-c-select__toggle--m-placeholder__toggle-text--Color
  );
}
.pf-c-select__toggle-arrow {
  color: var(--pf-c-select__toggle-arrow--Color, inherit);
}
* + .pf-c-select__toggle-arrow {
  margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
  margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
}
.pf-c-select.pf-m-top.pf-m-expanded .pf-c-select__toggle-arrow {
  transform: rotate(
    var(--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate)
  );
}
.pf-c-select__toggle-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--pf-c-select__toggle-text--Color, inherit);
}
.pf-c-select__toggle-wrapper {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  max-width: var(--pf-c-select__toggle-wrapper--MaxWidth);
  white-space: normal;
}
.pf-c-select__toggle-wrapper > :not(:last-child) {
  margin-right: var(--pf-c-select__toggle-wrapper--not-last-child--MarginRight);
}
.pf-c-select__toggle-wrapper > .pf-c-form-control {
  margin-top: calc(
    -1 * var(--pf-c-select__toggle-wrapper--m-typeahead--PaddingTop)
  );
}
.pf-c-select__toggle-wrapper .pf-c-chip-group {
  margin-top: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginTop);
  margin-bottom: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginBottom);
}
.pf-c-select__toggle-wrapper > .pf-c-select__toggle-typeahead:first-child {
  margin-left: calc(-1 * var(--pf-c-select__toggle--PaddingLeft));
}
.pf-c-select__toggle-icon + .pf-c-select__toggle-text {
  margin-left: var(--pf-c-select__toggle-icon--toggle-text--MarginLeft);
}
.pf-c-select__toggle-status-icon {
  margin-left: var(--pf-c-select__toggle-status-icon--MarginLeft);
  color: var(--pf-c-select__toggle-status-icon--Color);
}
.pf-c-select__toggle-badge {
  display: flex;
  padding-left: var(--pf-c-select__toggle-badge--PaddingLeft);
}
.pf-c-select__toggle-typeahead {
  flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
  flex-grow: 1;
  min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
  flex-shrink: 0;
}
.pf-c-select__toggle-typeahead.pf-c-form-control {
  background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
  border-top: var(--pf-c-select__toggle-typeahead--BorderTop);
  border-right: var(--pf-c-select__toggle-typeahead--BorderRight);
  border-bottom-color: transparent;
  border-left: var(--pf-c-select__toggle-typeahead--BorderLeft);
}
.pf-c-select__toggle-typeahead.pf-c-form-control:focus {
  padding-bottom: var(--pf-c-select__toggle-typeahead--focus--PaddingBottom);
}
.pf-c-select__menu {
  position: absolute;
  top: var(--pf-c-select__menu--Top);
  z-index: var(--pf-c-select__menu--ZIndex);
  width: var(--pf-c-select__menu--Width);
  min-width: var(--pf-c-select__menu--MinWidth);
  padding-top: var(--pf-c-select__menu--PaddingTop);
  padding-bottom: var(--pf-c-select__menu--PaddingBottom);
  background-color: var(--pf-c-select__menu--BackgroundColor);
  background-clip: padding-box;
  box-shadow: var(--pf-c-select__menu--BoxShadow);
}
.pf-c-select__menu.pf-m-align-right {
  right: 0;
}
.pf-c-select.pf-m-top .pf-c-select__menu {
  top: 0;
  transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
}
.pf-c-select__menu.pf-m-static {
  --pf-c-select__menu--m-top--TranslateY: 0;
  position: static;
  inset: auto;
  z-index: auto;
  min-width: min-content;
}
.pf-c-select__menu-fieldset {
  border: 0;
}
.pf-c-select__menu-wrapper {
  display: flex;
}
.pf-c-select__menu-wrapper.pf-m-favorite
  .pf-c-select__menu-item.pf-m-favorite-action {
  --pf-c-select__menu-item--m-favorite-action--Color: var(
    --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color
  );
  --pf-c-select__menu-item--m-favorite-action--hover--Color: var(
    --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color
  );
  --pf-c-select__menu-item--m-favorite-action--focus--Color: var(
    --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color
  );
}
.pf-c-select__menu-item {
  position: relative;
  width: var(--pf-c-select__menu-item--Width);
  padding: var(--pf-c-select__menu-item--PaddingTop)
    var(--pf-c-select__menu-item--PaddingRight)
    var(--pf-c-select__menu-item--PaddingBottom)
    var(--pf-c-select__menu-item--PaddingLeft);
  font-size: var(--pf-c-select__menu-item--FontSize);
  font-weight: var(--pf-c-select__menu-item--FontWeight);
  line-height: var(--pf-c-select__menu-item--LineHeight);
  color: var(--pf-c-select__menu-item--Color);
  text-align: left;
  white-space: nowrap;
  background-color: transparent;
  border: none;
}
.pf-c-select__menu-item:hover,
.pf-c-select__menu-item:focus,
.pf-c-select__menu-item.pf-m-focus {
  --pf-c-select__menu-item--m-action--Color: var(
    --pf-c-select__menu-item--hover__menu-item--m-action--Color
  );
  text-decoration: none;
}
.pf-c-select__menu-wrapper:hover,
.pf-c-select__menu-item:hover {
  background-color: var(--pf-c-select__menu-item--hover--BackgroundColor);
}
.pf-c-select__menu-wrapper:focus-within,
.pf-c-select__menu-wrapper.pf-m-focus,
.pf-c-select__menu-item:focus,
.pf-c-select__menu-item.pf-m-focus {
  position: relative;
  background-color: var(--pf-c-select__menu-item--focus--BackgroundColor);
}
.pf-c-select__menu-item.pf-m-link {
  --pf-c-select__menu-item--PaddingRight: 0;
  --pf-c-select__menu-item-main--PaddingRight: 0;
  --pf-c-select__menu-item-description--PaddingRight: 0;
  --pf-c-select__menu-item--Width: var(--pf-c-select__menu-item--m-link--Width);
  --pf-c-select__menu-item--hover--BackgroundColor: var(
    --pf-c-select__menu-item--m-link--hover--BackgroundColor
  );
  --pf-c-select__menu-item--focus--BackgroundColor: var(
    --pf-c-select__menu-item--m-link--focus--BackgroundColor
  );
  flex-grow: 1;
}
.pf-c-select__menu-item.pf-m-action {
  --pf-c-select__menu-item--Color: var(
    --pf-c-select__menu-item--m-action--Color
  );
  --pf-c-select__menu-item--Width: var(
    --pf-c-select__menu-item--m-action--Width
  );
  --pf-c-select__menu-item--hover--BackgroundColor: var(
    --pf-c-select__menu-item--m-action--hover--BackgroundColor
  );
  --pf-c-select__menu-item--focus--BackgroundColor: var(
    --pf-c-select__menu-item--m-action--focus--BackgroundColor
  );
  display: flex;
  align-items: flex-start;
  font-size: var(--pf-c-select__menu-item--m-action--FontSize);
}
.pf-c-select__menu-item.pf-m-action:hover {
  --pf-c-select__menu-item--m-action--Color: var(
    --pf-c-select__menu-item--m-action--hover--Color
  );
}
.pf-c-select__menu-item.pf-m-action:focus {
  --pf-c-select__menu-item--m-action--Color: var(
    --pf-c-select__menu-item--m-action--focus--Color
  );
}
.pf-c-select__menu-item.pf-m-action:disabled {
  --pf-c-select__menu-item--disabled--Color: var(
    --pf-c-select__menu-item--m-action--disabled--Color
  );
}
.pf-c-select__menu-item.pf-m-favorite-action {
  --pf-c-select__menu-item--m-action--Color: var(
    --pf-c-select__menu-item--m-favorite-action--Color
  );
  --pf-c-select__menu-item--m-action--hover--Color: var(
    --pf-c-select__menu-item--m-favorite-action--hover--Color
  );
  --pf-c-select__menu-item--m-action--focus--Color: var(
    --pf-c-select__menu-item--m-favorite-action--focus--Color
  );
}
.pf-c-select__menu-item.pf-m-selected {
  --pf-c-select__menu-item--PaddingRight: var(
    --pf-c-select__menu-item--m-selected--PaddingRight
  );
  --pf-c-select__menu-item-main--PaddingRight: var(
    --pf-c-select__menu-item--m-selected__menu-item-main--PaddingRight
  );
}
.pf-c-select__menu-item.pf-m-description {
  white-space: normal;
}
.pf-c-select__menu-item.pf-m-description:not(.pf-c-check) {
  --pf-c-select__menu-item--PaddingRight: 0;
}
.pf-c-select__menu-item.pf-m-description .pf-c-check__label {
  white-space: nowrap;
}
.pf-c-select__menu-wrapper.pf-m-disabled,
.pf-c-select__menu-item:disabled,
.pf-c-select__menu-item.pf-m-disabled {
  --pf-c-select__menu-item-count--Color: var(
    --pf-c-select__menu-item--disabled__menu-item-count--Color
  );
  color: var(--pf-c-select__menu-item--disabled--Color);
  pointer-events: none;
  background-color: var(--pf-c-select__menu-item--disabled--BackgroundColor);
}
.pf-c-select__menu-item.pf-c-check .pf-c-check__label {
  width: 100%;
}
.pf-c-select__menu-item.pf-m-load {
  --pf-c-select__menu-item--hover--BackgroundColor: transparent;
  --pf-c-select__menu-item--focus--BackgroundColor: transparent;
  --pf-c-select__menu-item--Color: var(--pf-c-select__menu-item--m-load--Color);
}
.pf-c-select__list-item.pf-m-loading {
  padding-top: var(--pf-c-select__list-item--m-loading--PaddingTop);
  text-align: center;
}
.pf-c-select__menu-item-main {
  position: relative;
  display: block;
  padding-right: var(--pf-c-select__menu-item-main--PaddingRight);
  white-space: nowrap;
}
.pf-c-select__menu-item-row {
  display: flex;
}
.pf-c-select__menu-item-text {
  flex-grow: 1;
}
.pf-c-select__menu-item-count {
  align-self: center;
  margin-left: var(--pf-c-select__menu-item-count--MarginLeft);
  font-size: var(--pf-c-select__menu-item-count--FontSize);
  color: var(--pf-c-select__menu-item-count--Color);
}
.pf-c-select__menu-item-description {
  display: block;
  padding-right: var(--pf-c-select__menu-item-description--PaddingRight);
  font-size: var(--pf-c-select__menu-item-description--FontSize);
  color: var(--pf-c-select__menu-item-description--Color);
}
.pf-c-select__menu-item-icon {
  position: absolute;
  top: var(--pf-c-select__menu-item-icon--Top);
  right: var(--pf-c-select__menu-item-icon--Right);
  font-size: var(--pf-c-select__menu-item-icon--FontSize);
  color: var(--pf-c-select__menu-item-icon--Color);
  transform: translateY(var(--pf-c-select__menu-item-icon--TranslateY));
}
.pf-c-select__menu-item-action-icon {
  display: flex;
  align-items: center;
  min-height: var(--pf-c-select__menu-item-action-icon--MinHeight);
}
.pf-c-select__menu-item--match {
  font-weight: var(--pf-c-select__menu-item--match--FontWeight);
  background-color: inherit;
}
.pf-c-select__menu-group + .pf-c-select__menu-group {
  padding-top: var(--pf-c-select__menu-group--menu-group--PaddingTop);
}
.pf-c-select__menu-search {
  padding: var(--pf-c-select__menu-search--PaddingTop)
    var(--pf-c-select__menu-search--PaddingRight)
    var(--pf-c-select__menu-search--PaddingBottom)
    var(--pf-c-select__menu-search--PaddingLeft);
}
.pf-c-select__menu-group-title {
  padding-top: var(--pf-c-select__menu-group-title--PaddingTop);
  padding-right: var(--pf-c-select__menu-group-title--PaddingRight);
  padding-bottom: var(--pf-c-select__menu-group-title--PaddingBottom);
  padding-left: var(--pf-c-select__menu-group-title--PaddingLeft);
  font-size: var(--pf-c-select__menu-group-title--FontSize);
  font-weight: var(--pf-c-select__menu-group-title--FontWeight);
  color: var(--pf-c-select__menu-group-title--Color);
}
.pf-c-select__menu-footer {
  padding: var(--pf-c-select__menu-footer--PaddingTop)
    var(--pf-c-select__menu-footer--PaddingRight)
    var(--pf-c-select__menu-footer--PaddingBottom)
    var(--pf-c-select__menu-footer--PaddingLeft);
  margin-top: var(--pf-c-select__menu-footer--MarginTop);
  margin-bottom: var(--pf-c-select__menu-footer--MarginBottom);
  box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
}
:where(.pf-theme-dark) .pf-c-select {
  --pf-c-select__toggle--disabled--BackgroundColor: var(
    --pf-global--palette--black-500
  );
  --pf-c-select__toggle--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-select__toggle--before--BorderTopColor: transparent;
  --pf-c-select__toggle--before--BorderRightColor: transparent;
  --pf-c-select__toggle--before--BorderBottomColor: var(
    --pf-global--BorderColor--400
  );
  --pf-c-select__toggle--before--BorderLeftColor: transparent;
  --pf-c-select__menu--Top: 100%;
  --pf-c-select__menu--m-top--TranslateY: -100%;
  --pf-c-select__menu-item--hover--BackgroundColor: var(
    --pf-global--BackgroundColor--400
  );
  --pf-c-select__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
}
:where(.pf-theme-dark) .pf-c-select__toggle:disabled,
:where(.pf-theme-dark) .pf-c-select__toggle.pf-m-disabled {
  color: var(--pf-global--palette--black-100);
}
.pf-c-chip-group {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-chip-group {
  color: var(--pf-global--Color--100);
  --pf-c-chip-group__list--MarginBottom: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-chip-group--m-category--BorderRadius: var(
    --pf-global--BorderRadius--sm
  );
  --pf-c-chip-group--m-category--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-chip-group__label--MaxWidth: 18ch;
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
  --pf-c-chip-group__close--MarginBottom: calc(
    var(--pf-global--spacer--xs) * -1
  );
  --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
  --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
  max-width: 100%;
}
.pf-c-chip-group.pf-m-category {
  padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
  padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
  padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
  padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
}
.pf-c-chip-group__main {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: baseline;
  min-width: 0;
}
.pf-c-chip-group__list {
  margin-right: var(--pf-c-chip-group__list--MarginRight);
  margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
}
.pf-c-chip-group,
.pf-c-chip-group__list {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
}
.pf-c-chip-group__list-item {
  display: inline-flex;
  min-width: 0;
  margin-right: var(--pf-c-chip-group__list-item--MarginRight);
  margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
}
.pf-c-chip-group__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--pf-c-chip-group__label--MaxWidth);
  margin-right: var(--pf-c-chip-group__label--MarginRight);
  font-size: var(--pf-c-chip-group__label--FontSize);
}
.pf-c-chip-group__close {
  display: flex;
  align-self: flex-start;
  margin-top: var(--pf-c-chip-group__close--MarginTop);
  margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
}
.pf-c-chip {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-chip {
  --pf-c-chip--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-chip--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-chip--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-chip--BackgroundColor: var(--pf-global--Color--light-100);
  --pf-c-chip--BorderRadius: var(--pf-global--BorderRadius--sm);
  --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--300);
  --pf-c-chip--before--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-chip--before--BorderRadius: var(--pf-c-chip--BorderRadius);
  --pf-c-chip--m-overflow__text--Color: var(--pf-global--primary-color--100);
  --pf-c-chip--m-draggable--BackgroundColor: var(
    --pf-global--BackgroundColor--200
  );
  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
  --pf-c-chip--m-draggable__icon--FontSize: var(
    --pf-global--icon--FontSize--sm
  );
  --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-chip__text--Color: var(--pf-global--Color--100);
  --pf-c-chip__text--MaxWidth: 16ch;
  --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
  --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
  --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
  --pf-c-chip__c-button--MarginRight: calc(
    var(--pf-c-chip--PaddingRight) / 2 * -1
  );
  --pf-c-chip__c-button--MarginBottom: calc(
    var(--pf-c-chip--PaddingBottom) * -1
  );
  --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
  color: var(--pf-global--Color--100);
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight)
    var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
  list-style: none;
  background-color: var(--pf-c-chip--BackgroundColor);
  border-radius: var(--pf-c-chip--BorderRadius);
}
.pf-c-chip:before {
  position: absolute;
  inset: 0;
  content: "";
  border: var(--pf-c-chip--before--BorderWidth) solid
    var(--pf-c-chip--before--BorderColor);
  border-radius: var(--pf-c-chip--before--BorderRadius);
}
.pf-c-chip.pf-m-overflow {
  border: 0;
}
.pf-c-chip.pf-m-overflow .pf-c-chip__text {
  color: var(--pf-c-chip--m-overflow__text--Color);
}
.pf-c-chip.pf-m-draggable {
  --pf-c-chip--BackgroundColor: var(--pf-c-chip--m-draggable--BackgroundColor);
  box-shadow: var(--pf-c-chip--m-draggable--BoxShadow);
}
.pf-c-chip.pf-m-draggable .pf-c-chip__icon {
  font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
}
.pf-c-chip .pf-c-button {
  --pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
  --pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
  --pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
  --pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
  --pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
  margin-top: var(--pf-c-chip__c-button--MarginTop);
  margin-right: var(--pf-c-chip__c-button--MarginRight);
  margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
}
.pf-c-chip .pf-c-badge {
  margin-left: var(--pf-c-chip__c-badge--MarginLeft);
}
.pf-c-chip__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  max-width: var(--pf-c-chip__text--MaxWidth);
  font-size: var(--pf-c-chip__text--FontSize);
  color: var(--pf-c-chip__text--Color);
}
.pf-c-chip__icon + .pf-c-chip__text,
.pf-c-chip__text + .pf-c-chip__icon {
  margin-left: var(--pf-c-chip__icon--MarginLeft);
}
:where(.pf-theme-dark) .pf-c-chip {
  --pf-c-chip--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-chip--m-draggable--BackgroundColor: var(
    --pf-global--palette--black-600
  );
}
.pf-c-data-list {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(
    --pf-global--BackgroundColor--light-100
  );
}
.pf-c-data-list__item-action {
  --pf-hidden-visible--visible--Visibility: visible;
  --pf-hidden-visible--hidden--Display: none;
  --pf-hidden-visible--hidden--Visibility: hidden;
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
  --pf-hidden-visible--Visibility: var(
    --pf-hidden-visible--visible--Visibility
  );
  display: var(--pf-hidden-visible--Display);
  visibility: var(--pf-hidden-visible--Visibility);
}
.pf-m-hidden.pf-c-data-list__item-action {
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
}
@media screen and (min-width: 576px) {
  .pf-m-hidden-on-sm.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-sm.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 768px) {
  .pf-m-hidden-on-md.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-md.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 992px) {
  .pf-m-hidden-on-lg.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-lg.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-m-hidden-on-xl.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-xl.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
@media screen and (min-width: 1450px) {
  .pf-m-hidden-on-2xl.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--hidden--Visibility
    );
  }
  .pf-m-visible-on-2xl.pf-c-data-list__item-action {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(
      --pf-hidden-visible--visible--Visibility
    );
  }
}
.pf-c-data-list {
  --pf-c-data-list--FontSize: 1em;
  --pf-c-data-list--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-data-list--BorderTopColor: var(--pf-global--BorderColor--300);
  --pf-c-data-list--BorderTopWidth: var(--pf-global--spacer--sm);
  --pf-c-data-list--sm--BorderTopWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
  --pf-c-data-list__item--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-data-list__item--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-data-list__item--m-expanded--before--BackgroundColor: var(
    --pf-global--active-color--100
  );
  --pf-c-data-list__item--m-selected--before--BackgroundColor: var(
    --pf-global--active-color--100
  );
  --pf-c-data-list__item--m-selected--BoxShadow: var(
      --pf-global--BoxShadow--sm-top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-data-list__item--m-selectable--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--xs)
  );
  --pf-c-data-list__item--m-selectable--hover--ZIndex: calc(
    var(--pf-c-data-list__item--m-selected--ZIndex) + 1
  );
  --pf-c-data-list__item--m-selectable--hover--BoxShadow: var(
      --pf-global--BoxShadow--sm-top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-data-list__item--m-selectable--focus--BoxShadow: var(
      --pf-global--BoxShadow--sm-top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-data-list__item--m-selectable--active--BoxShadow: var(
      --pf-global--BoxShadow--sm-top
    ),
    var(--pf-global--BoxShadow--sm-bottom);
  --pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor: var(
    --pf-global--active-color--300
  );
  --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--300);
  --pf-c-data-list__item--BorderBottomWidth: 0.5rem;
  --pf-c-data-list__item--m-selectable--hover--item--BorderTopColor: var(
    --pf-c-data-list__item--BorderBottomColor
  );
  --pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth: var(
    --pf-c-data-list__item--BorderBottomWidth
  );
  --pf-c-data-list__item--sm--BorderBottomWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-data-list__item--sm--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-data-list__item--before--BackgroundColor: transparent;
  --pf-c-data-list__item--before--Width: var(--pf-global--BorderWidth--lg);
  --pf-c-data-list__item--before--Transition: var(--pf-global--Transition);
  --pf-c-data-list__item--before--Top: 0;
  --pf-c-data-list__item--before--sm--Top: calc(
    var(--pf-c-data-list__item--BorderBottomWidth) * -1
  );
  --pf-c-data-list__item-row--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-data-list__item-row--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-data-list__item-row--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-data-list__item-row--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-data-list__item-content--md--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-data-list__cell--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-data-list__cell--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-data-list__cell--MarginRight: var(--pf-global--spacer--xl);
  --pf-c-data-list__cell--md--PaddingBottom: 0;
  --pf-c-data-list__cell--m-icon--MarginRight: var(--pf-global--spacer--md);
  --pf-c-data-list__cell--cell--PaddingTop: 0;
  --pf-c-data-list__cell--cell--md--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-data-list__cell--m-icon--cell--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-data-list--cell--MinWidth: initial;
  --pf-c-data-list--cell--Overflow: visible;
  --pf-c-data-list--cell--TextOverflow: clip;
  --pf-c-data-list--cell--WhiteSpace: normal;
  --pf-c-data-list--cell--WordBreak: normal;
  --pf-c-data-list--cell--m-truncate--MinWidth: 5ch;
  --pf-c-data-list__toggle--MarginLeft: calc(var(--pf-global--spacer--sm) * -1);
  --pf-c-data-list__toggle--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-data-list__toggle--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-data-list__toggle-icon--Height: calc(
    var(--pf-c-data-list--FontSize) * var(--pf-c-data-list--LineHeight)
  );
  --pf-c-data-list__toggle-icon--Transition: 0.2s ease-in 0s;
  --pf-c-data-list__toggle-icon--Rotate: 0;
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list__item-draggable-button--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list__item-draggable-button--MarginTop: calc(
    var(--pf-global--spacer--lg) * -1
  );
  --pf-c-data-list__item-draggable-button--MarginBottom: calc(
    var(--pf-global--spacer--lg) * -1
  );
  --pf-c-data-list__item-draggable-button--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-data-list__item-draggable-button--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-data-list__item-draggable-button--MarginLeft: calc(
    var(--pf-global--spacer--md) * -1
  );
  --pf-c-data-list__item-draggable-button-icon--Color: var(
    --pf-global--icon--Color--light
  );
  --pf-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color: var(
    --pf-global--disabled-color--200
  );
  --pf-c-data-list__item-draggable-button--hover__draggable-icon--Color: var(
    --pf-global--icon--Color--dark
  );
  --pf-c-data-list__item-draggable-button--focus__draggable-icon--Color: var(
    --pf-global--icon--Color--dark
  );
  --pf-c-data-list__item--m-ghost-row--after--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-data-list__item--m-ghost-row--after--Opacity: 0.6;
  --pf-c-data-list__item-control--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-data-list__item-control--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-data-list__item-control--MarginRight: var(--pf-global--spacer--md);
  --pf-c-data-list__item-control--md--MarginRight: var(--pf-global--spacer--xl);
  --pf-c-data-list__item-control--not-last-child--MarginRight: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list__check--Height: calc(
    var(--pf-c-data-list--FontSize) * var(--pf-c-data-list--LineHeight)
  );
  --pf-c-data-list__check--MarginTop: -0.0625rem;
  --pf-c-data-list__item-action--Display: flex;
  --pf-c-data-list__item-action--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-data-list__item-action--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-data-list__item-action--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-data-list__item-action--md--MarginLeft: var(--pf-global--spacer--xl);
  --pf-c-data-list__item-action--not-last-child--MarginRight: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list__item-action__action--MarginTop: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-data-list__action--MarginTop: var(
    --pf-c-data-list__item-action__action--MarginTop
  );
  --pf-c-data-list__item-action__action--MarginBottom: calc(
    var(--pf-global--spacer--form-element) * -1
  );
  --pf-c-data-list__expandable-content--BorderTopWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-data-list__expandable-content--BorderTopColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-data-list__expandable-content--MarginRight: calc(
    var(--pf-c-data-list__expandable-content-body--PaddingRight) * -1
  );
  --pf-c-data-list__expandable-content--MarginLeft: calc(
    var(--pf-c-data-list__expandable-content-body--PaddingLeft) * -1
  );
  --pf-c-data-list__expandable-content--MaxHeight: 37.5rem;
  --pf-c-data-list__expandable-content--before--Top: calc(
    var(--pf-c-data-list__item--BorderBottomWidth) * -1
  );
  --pf-c-data-list__expandable-content-body--PaddingTop: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list__expandable-content-body--PaddingRight: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list__expandable-content-body--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list__expandable-content-body--PaddingLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list__expandable-content-body--md--PaddingTop: var(
    --pf-global--spacer--lg
  );
  --pf-c-data-list__expandable-content-body--xl--PaddingRight: var(
    --pf-global--spacer--lg
  );
  --pf-c-data-list__expandable-content-body--md--PaddingBottom: var(
    --pf-global--spacer--lg
  );
  --pf-c-data-list__expandable-content-body--xl--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-data-list--m-compact--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-data-list--m-compact--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-data-list--m-compact__check--FontSize: var(--pf-global--FontSize--md);
  --pf-c-data-list--m-compact__cell--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-data-list--m-compact__cell--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__cell--md--PaddingBottom: 0;
  --pf-c-data-list--m-compact__cell-cell--PaddingTop: 0;
  --pf-c-data-list--m-compact__cell-cell--md--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__cell--cell--MarginRight: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list--m-compact__item-control--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__item-control--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__item-control--MarginRight: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list--m-compact__item-action--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__item-action--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__item-action--MarginLeft: var(
    --pf-global--spacer--md
  );
  --pf-c-data-list--m-compact__item-action__action--MarginTop: calc(
    var(--pf-c-data-list--m-compact__item-action--PaddingTop) * -1
  );
  --pf-c-data-list--m-compact__item-action__action--MarginBottom: calc(
    var(--pf-c-data-list--m-compact__item-action--PaddingBottom) * -1
  );
  --pf-c-data-list--m-compact__action--MarginTop: var(
    --pf-c-data-list--m-compact__item-action__action--MarginTop
  );
  --pf-c-data-list--m-compact__item-content--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__item-draggable-button--MarginTop: calc(
    var(--pf-global--spacer--sm) * -1
  );
  --pf-c-data-list--m-compact__item-draggable-button--MarginBottom: calc(
    var(--pf-global--spacer--sm) * -1
  );
  --pf-c-data-list--m-compact__item-draggable-button--PaddingTop: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__item-draggable-button--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-data-list--m-compact__cell--m-icon--cell--PaddingTop: var(
    --pf-global--spacer--sm
  );
  color: var(--pf-global--Color--100);
  font-size: var(--pf-c-data-list--FontSize);
  line-height: var(--pf-c-data-list--LineHeight);
  overflow-wrap: break-word;
  list-style-type: disc;
  border-top: var(--pf-c-data-list--BorderTopWidth) solid
    var(--pf-c-data-list--BorderTopColor);
}
@media screen and (min-width: 576px) {
  .pf-c-data-list {
    --pf-c-data-list--BorderTopColor: var(--pf-c-data-list--sm--BorderTopColor);
    --pf-c-data-list--BorderTopWidth: var(--pf-c-data-list--sm--BorderTopWidth);
  }
}
@media screen and (min-width: 576px) {
  .pf-c-data-list {
    --pf-c-data-list__item--BorderBottomWidth: var(
      --pf-c-data-list__item--sm--BorderBottomWidth
    );
    --pf-c-data-list__item--BorderBottomColor: var(
      --pf-c-data-list__item--sm--BorderBottomColor
    );
  }
}
@media (min-width: 576px) {
  .pf-c-data-list {
    --pf-c-data-list__item--before--Top: var(
      --pf-c-data-list__item--before--sm--Top
    );
  }
}
.pf-c-data-list.pf-m-compact {
  --pf-c-data-list__check--FontSize: var(
    --pf-c-data-list--m-compact__check--FontSize
  );
  --pf-c-data-list__action--MarginTop: var(
    --pf-c-data-list--m-compact__action--MarginTop
  );
  --pf-c-data-list--FontSize: var(--pf-c-data-list--m-compact--FontSize);
  --pf-c-data-list__item-action--MarginLeft: var(
    --pf-c-data-list--m-compact__item-action--MarginLeft
  );
  --pf-c-data-list__item-action--PaddingTop: var(
    --pf-c-data-list--m-compact__item-action--PaddingTop
  );
  --pf-c-data-list__item-action--PaddingBottom: var(
    --pf-c-data-list--m-compact__item-action--PaddingBottom
  );
  --pf-c-data-list__item-action__action--MarginTop: var(
    --pf-c-data-list--m-compact__item-action__action--MarginTop
  );
  --pf-c-data-list__item-action__action--MarginBottom: var(
    --pf-c-data-list--m-compact__item-action__action--MarginBottom
  );
  --pf-c-data-list__item-control--MarginRight: var(
    --pf-c-data-list--m-compact__item-control--MarginRight
  );
  --pf-c-data-list__item-control--PaddingTop: var(
    --pf-c-data-list--m-compact__item-control--PaddingTop
  );
  --pf-c-data-list__item-control--PaddingBottom: var(
    --pf-c-data-list--m-compact__item-control--PaddingBottom
  );
  --pf-c-data-list__item-content--md--PaddingBottom: var(
    --pf-c-data-list--m-compact__item-content--PaddingBottom
  );
  --pf-c-data-list__item-draggable-button--MarginTop: var(
    --pf-c-data-list--m-compact__item-draggable-button--MarginTop
  );
  --pf-c-data-list__item-draggable-button--MarginBottom: var(
    --pf-c-data-list--m-compact__item-draggable-button--MarginBottom
  );
  --pf-c-data-list__item-draggable-button--PaddingTop: var(
    --pf-c-data-list--m-compact__item-draggable-button--PaddingTop
  );
  --pf-c-data-list__item-draggable-button--PaddingBottom: var(
    --pf-c-data-list--m-compact__item-draggable-button--PaddingBottom
  );
  --pf-c-data-list__cell--m-icon--cell--PaddingTop: var(
    --pf-c-data-list--m-compact__cell--m-icon--cell--PaddingTop
  );
  font-size: var(--pf-c-data-list--m-compact--FontSize);
}
.pf-c-data-list.pf-m-compact .pf-c-data-list__cell {
  --pf-c-data-list__cell--PaddingTop: var(
    --pf-c-data-list--m-compact__cell--PaddingTop
  );
  --pf-c-data-list__cell--PaddingBottom: var(
    --pf-c-data-list--m-compact__cell--PaddingBottom
  );
  --pf-c-data-list__cell--MarginRight: var(
    --pf-c-data-list--m-compact__cell--cell--MarginRight
  );
  --pf-c-data-list__cell--cell--PaddingTop: var(
    --pf-c-data-list--m-compact__cell-cell--PaddingTop
  );
}
.pf-c-data-list.pf-m-compact .pf-c-data-list__check {
  font-size: var(--pf-c-data-list--m-compact__check--FontSize);
}
.pf-c-data-list.pf-m-drag-over {
  overflow-anchor: none;
}
.pf-c-data-list.pf-m-truncate,
.pf-c-data-list__item-row.pf-m-truncate,
.pf-c-data-list__cell.pf-m-truncate,
.pf-c-data-list__text.pf-m-truncate {
  --pf-c-data-list--cell--MinWidth: var(
    --pf-c-data-list--cell--m-truncate--MinWidth
  );
  --pf-c-data-list--cell--Overflow: hidden;
  --pf-c-data-list--cell--TextOverflow: ellipsis;
  --pf-c-data-list--cell--WhiteSpace: nowrap;
}
.pf-c-data-list.pf-m-break-word,
.pf-c-data-list__item-row.pf-m-break-word,
.pf-c-data-list__cell.pf-m-break-word,
.pf-c-data-list__text.pf-m-break-word {
  --pf-c-data-list--cell--WordBreak: break-word;
}
.pf-c-data-list.pf-m-nowrap,
.pf-c-data-list__item-row.pf-m-nowrap,
.pf-c-data-list__cell.pf-m-nowrap,
.pf-c-data-list__text.pf-m-nowrap {
  --pf-c-data-list--cell--WhiteSpace: nowrap;
}
.pf-c-data-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--pf-c-data-list__item--BackgroundColor);
  border-bottom: var(--pf-c-data-list__item--BorderBottomWidth) solid
    var(--pf-c-data-list__item--BorderBottomColor);
}
.pf-c-data-list__item:before {
  position: absolute;
  top: var(--pf-c-data-list__item--before--Top);
  bottom: 0;
  left: 0;
  width: var(--pf-c-data-list__item--before--Width);
  content: "";
  background-color: var(--pf-c-data-list__item--before--BackgroundColor);
  transition: var(--pf-c-data-list__item--before--Transition);
}
.pf-c-data-list__item.pf-m-selectable {
  cursor: pointer;
  outline-offset: var(--pf-c-data-list__item--m-selectable--OutlineOffset);
}
.pf-c-data-list__item.pf-m-selectable:hover,
.pf-c-data-list__item.pf-m-selectable:focus {
  position: relative;
  z-index: var(--pf-c-data-list__item--m-selectable--hover--ZIndex);
}
.pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(
    :last-child
  ),
.pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(
    :last-child
  ) {
  --pf-c-data-list__item--BorderBottomWidth: 0;
}
.pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child)
  + .pf-c-data-list__item,
.pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(:last-child)
  + .pf-c-data-list__item {
  border-top: var(
      --pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth
    )
    solid var(--pf-c-data-list__item--m-selectable--hover--item--BorderTopColor);
}
.pf-c-data-list__item.pf-m-selectable:hover {
  box-shadow: var(--pf-c-data-list__item--m-selectable--hover--BoxShadow);
}
.pf-c-data-list__item.pf-m-selectable:focus {
  box-shadow: var(--pf-c-data-list__item--m-selectable--focus--BoxShadow);
}
.pf-c-data-list__item.pf-m-selectable:active {
  box-shadow: var(--pf-c-data-list__item--m-selectable--active--BoxShadow);
}
.pf-c-data-list__item.pf-m-selected {
  --pf-c-data-list__item--before--BackgroundColor: var(
    --pf-c-data-list__item--m-selected--before--BackgroundColor
  );
  position: relative;
  z-index: var(--pf-c-data-list__item--m-selected--ZIndex);
  box-shadow: var(--pf-c-data-list__item--m-selected--BoxShadow);
}
.pf-c-data-list__item.pf-m-ghost-row:after {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(
    --pf-c-data-list__item--m-ghost-row--after--BackgroundColor
  );
  opacity: var(--pf-c-data-list__item--m-ghost-row--after--Opacity);
}
.pf-c-data-list__item.pf-m-expanded {
  --pf-c-data-list__toggle-icon--Rotate: var(
    --pf-c-data-list__item--m-expanded__toggle-icon--Rotate
  );
  --pf-c-data-list__item--before--BackgroundColor: var(
    --pf-c-data-list__item--m-expanded--before--BackgroundColor
  );
}
.pf-c-data-list__item.pf-m-expanded.pf-m-selectable:not(.pf-m-selected) {
  --pf-c-data-list__item--before--BackgroundColor: var(
    --pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor
  );
}
.pf-c-data-list__item-row {
  display: flex;
  flex-wrap: nowrap;
  padding-right: var(--pf-c-data-list__item-row--PaddingRight);
  padding-left: var(--pf-c-data-list__item-row--PaddingLeft);
}
.pf-c-data-list__item-control {
  display: flex;
  flex-wrap: nowrap;
  padding-top: var(--pf-c-data-list__item-control--PaddingTop);
  padding-bottom: var(--pf-c-data-list__item-control--PaddingBottom);
  margin-right: var(--pf-c-data-list__item-control--MarginRight);
}
.pf-c-data-list__item-control > *:not(:last-child) {
  margin-right: var(
    --pf-c-data-list__item-control--not-last-child--MarginRight
  );
}
.pf-c-data-list__check {
  display: flex;
  align-items: center;
  align-self: flex-start;
  height: var(--pf-c-data-list__check--Height);
  margin-top: var(--pf-c-data-list__check--MarginTop);
}
.pf-c-data-list__check > input {
  cursor: pointer;
}
.pf-c-data-list__item-draggable-button {
  display: flex;
  flex-direction: column;
  padding: var(--pf-c-data-list__item-draggable-button--PaddingTop)
    var(--pf-c-data-list__item-draggable-button--PaddingRight)
    var(--pf-c-data-list__item-draggable-button--PaddingBottom)
    var(--pf-c-data-list__item-draggable-button--PaddingLeft);
  margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0
    var(--pf-c-data-list__item-draggable-button--MarginBottom)
    var(--pf-c-data-list__item-draggable-button--MarginLeft);
  border: 0;
}
.pf-c-data-list__item-draggable-button:hover {
  --pf-c-data-list__item-draggable-button-icon--Color: var(
    --pf-c-data-list__item-draggable-button--hover__draggable-icon--Color
  );
  cursor: grab;
}
.pf-c-data-list__item-draggable-button:focus {
  --pf-c-data-list__item-draggable-button-icon--Color: var(
    --pf-c-data-list__item-draggable-button--focus__draggable-icon--Color
  );
}
.pf-c-data-list__item-draggable-button:active {
  cursor: grabbing;
}
.pf-c-data-list__item-draggable-button.pf-m-disabled {
  --pf-c-data-list__item-draggable-button-icon--Color: var(
    --pf-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color
  );
  pointer-events: none;
}
.pf-c-data-list__item-draggable-button .pf-c-data-list__item-draggable-icon {
  color: var(--pf-c-data-list__item-draggable-button-icon--Color);
}
.pf-c-data-list__item-action {
  --pf-hidden-visible--visible--Display: var(
    --pf-c-data-list__item-action--Display
  );
  align-items: flex-start;
  align-content: flex-start;
  padding-top: var(--pf-c-data-list__item-action--PaddingTop);
  padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
  margin-left: var(--pf-c-data-list__item-action--MarginLeft);
}
.pf-c-data-list__item-action > *:not(:last-child) {
  margin-right: var(--pf-c-data-list__item-action--not-last-child--MarginRight);
}
.pf-c-data-list__item-action .pf-c-data-list__action {
  margin-top: var(--pf-c-data-list__action--MarginTop);
  margin-bottom: var(--pf-c-data-list__item-action__action--MarginBottom);
}
.pf-c-data-list__toggle {
  margin: var(--pf-c-data-list__toggle--MarginTop) 0
    var(--pf-c-data-list__toggle--MarginBottom)
    var(--pf-c-data-list__toggle--MarginLeft);
}
.pf-c-data-list__toggle-icon {
  height: var(--pf-c-data-list__toggle-icon--Height);
  pointer-events: none;
  transition: var(--pf-c-data-list__toggle-icon--Transition);
  transform: rotate(var(--pf-c-data-list__toggle-icon--Rotate));
}
.pf-c-data-list__item-content {
  display: grid;
  width: 100%;
  grid-template-columns: auto 1fr;
}
.pf-c-data-list__cell {
  flex: 1;
  grid-column: 1/-1;
  padding-top: var(--pf-c-data-list__cell--PaddingTop);
  padding-bottom: var(--pf-c-data-list__cell--PaddingBottom);
}
.pf-c-data-list__cell + .pf-c-data-list__cell {
  flex: 1 0 100%;
  order: 1;
  padding-top: var(--pf-c-data-list__cell--cell--PaddingTop);
}
.pf-c-data-list__cell.pf-m-icon {
  flex-grow: 0;
  margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
  grid-column: 1/2;
}
.pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
  grid-column: 2/3;
  padding-top: var(--pf-c-data-list__cell--m-icon--cell--PaddingTop);
}
.pf-c-data-list__cell.pf-m-align-right {
  margin-left: 0;
}
.pf-c-data-list__text {
  display: inline-block;
}
.pf-c-data-list__text,
.pf-c-data-list__cell {
  min-width: var(--pf-c-data-list--cell--MinWidth);
  max-width: 100%;
  overflow: var(--pf-c-data-list--cell--Overflow);
  text-overflow: var(--pf-c-data-list--cell--TextOverflow);
  word-break: var(--pf-c-data-list--cell--WordBreak);
  white-space: var(--pf-c-data-list--cell--WhiteSpace);
}
.pf-c-data-list__expandable-content {
  max-height: var(--pf-c-data-list__expandable-content--MaxHeight);
  overflow-y: auto;
  border-top: var(--pf-c-data-list__expandable-content--BorderTopWidth) solid
    var(--pf-c-data-list__expandable-content--BorderTopColor);
}
.pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body {
  padding: var(--pf-c-data-list__expandable-content-body--PaddingTop)
    var(--pf-c-data-list__expandable-content-body--PaddingRight)
    var(--pf-c-data-list__expandable-content-body--PaddingBottom)
    var(--pf-c-data-list__expandable-content-body--PaddingLeft);
}
.pf-c-data-list__expandable-content
  .pf-c-data-list__expandable-content-body.pf-m-no-padding {
  padding: 0;
}
:where(.pf-theme-dark) .pf-c-data-list {
  --pf-c-data-list--BorderTopColor: var(--pf-global--BorderColor--100);
  --pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
  --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--100);
  --pf-c-data-list__item--sm--BorderBottomColor: var(
    --pf-global--BorderColor--100
  );
}
.pf-c-radio {
  --pf-c-radio--GridGap: var(--pf-global--spacer--xs)
    var(--pf-global--spacer--sm);
  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
  --pf-c-radio__label--Color: var(--pf-global--Color--100);
  --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
  --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
  --pf-c-radio__input--MarginTop: calc(
    (
        (
            var(--pf-c-radio__label--FontSize) *
              var(--pf-c-radio__label--LineHeight)
          ) - var(--pf-c-radio__input--Height)
      ) / 2
  );
  --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
  --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
  --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-radio__description--Color: var(--pf-global--Color--200);
  --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: var(--pf-c-radio--GridGap);
  align-items: start;
  justify-items: start;
}
.pf-c-radio.pf-m-standalone {
  --pf-c-radio--GridGap: 0;
  --pf-c-radio__input--Height: auto;
  --pf-c-radio__input--MarginTop: 0;
  display: inline-grid;
  line-height: 1;
}
.pf-c-radio__label {
  font-size: var(--pf-c-radio__label--FontSize);
  font-weight: var(--pf-c-radio__label--FontWeight);
  line-height: var(--pf-c-radio__label--LineHeight);
  color: var(--pf-c-radio__label--Color);
}
.pf-c-radio__input {
  height: var(--pf-c-radio__input--Height);
  margin-top: var(--pf-c-radio__input--MarginTop);
}
.pf-c-radio__input:first-child {
  margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
}
.pf-c-radio__input:last-child {
  margin-right: var(--pf-c-radio__input--last-child--MarginRight);
}
.pf-c-radio__description {
  grid-column: 2;
  font-size: var(--pf-c-radio__description--FontSize);
  color: var(--pf-c-radio__description--Color);
}
.pf-c-radio__body {
  grid-column: 2;
  margin-top: var(--pf-c-radio__body--MarginTop);
}
label.pf-c-radio,
.pf-c-radio__label,
.pf-c-radio__input {
  cursor: pointer;
}
.pf-c-radio__label:disabled,
.pf-c-radio__label.pf-m-disabled,
.pf-c-radio__input:disabled,
.pf-c-radio__input.pf-m-disabled {
  --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
  cursor: not-allowed;
}
.pf-c-number-input .pf-c-form-control {
  appearance: textfield;
}
.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button,
.pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.pf-c-number-input {
  --pf-c-number-input__unit--c-input-group--MarginLeft: var(
    --pf-global--spacer--sm
  );
  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-number-input--c-form-control--width-base: calc(
    var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2
  );
  --pf-c-number-input--c-form-control--width-icon: 0px;
  --pf-c-number-input--m-status--c-form-control--width-icon: var(
    --pf-global--spacer--xl
  );
  --pf-c-number-input--c-form-control--width-chars: 4;
  --pf-c-number-input--c-form-control--Width: calc(
    calc(
        var(--pf-c-number-input--c-form-control--width-base) +
          var(--pf-c-number-input--c-form-control--width-chars) * 1ch
      ) + var(--pf-c-number-input--c-form-control--width-icon)
  );
  display: inline-flex;
  align-items: center;
}
.pf-c-number-input.pf-m-status {
  --pf-c-number-input--c-form-control--width-icon: var(
    --pf-c-number-input--m-status--c-form-control--width-icon
  );
}
.pf-c-number-input .pf-c-form-control {
  display: inline-flex;
  width: var(--pf-c-number-input--c-form-control--Width);
  text-align: right;
}
.pf-c-input-group + .pf-c-number-input__unit,
.pf-c-number-input__unit + .pf-c-input-group {
  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
}
.pf-c-number-input__icon {
  display: flex;
  font-size: var(--pf-c-number-input__icon--FontSize);
}
@media screen and (min-width: 768px) {
  .pf-c-data-list:not([class*="pf-m-grid"]) {
    --pf-c-data-list__cell--cell--PaddingTop: var(
      --pf-c-data-list__cell--cell--md--PaddingTop
    );
    --pf-c-data-list__cell--PaddingBottom: var(
      --pf-c-data-list__cell--md--PaddingBottom
    );
    --pf-c-data-list__item-control--MarginRight: var(
      --pf-c-data-list__item-control--md--MarginRight
    );
    --pf-c-data-list__item-action--MarginLeft: var(
      --pf-c-data-list__item-action--md--MarginLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingTop: var(
      --pf-c-data-list__expandable-content-body--md--PaddingTop
    );
    --pf-c-data-list__expandable-content-body--PaddingBottom: var(
      --pf-c-data-list__expandable-content-body--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell--PaddingBottom: var(
      --pf-c-data-list--m-compact__cell--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(
      --pf-c-data-list--m-compact__cell-cell--md--PaddingTop
    );
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .pf-c-data-list:not([class*="pf-m-grid"]) {
    --pf-c-data-list__item-row--PaddingRight: var(
      --pf-c-data-list__item-row--xl--PaddingRight
    );
    --pf-c-data-list__item-row--PaddingLeft: var(
      --pf-c-data-list__item-row--xl--PaddingLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingRight: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingRight
    );
    --pf-c-data-list__expandable-content-body--PaddingLeft: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 768px) {
  .pf-c-data-list:not([class*="pf-m-grid"]) .pf-c-data-list__item-content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
  }
}
@media screen and (min-width: 768px) {
  .pf-c-data-list:not([class*="pf-m-grid"])
    .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
    margin-right: var(--pf-c-data-list__cell--MarginRight);
  }
  .pf-c-data-list:not([class*="pf-m-grid"])
    .pf-c-data-list__cell
    + .pf-c-data-list__cell {
    flex: 1;
    order: initial;
  }
  .pf-c-data-list:not([class*="pf-m-grid"])
    .pf-c-data-list__cell.pf-m-align-right {
    margin-left: auto;
  }
  .pf-c-data-list:not([class*="pf-m-grid"]) .pf-c-data-list__cell.pf-m-no-fill {
    flex: none;
  }
  .pf-c-data-list:not([class*="pf-m-grid"]) .pf-c-data-list__cell.pf-m-flex-2 {
    flex-grow: 2;
  }
  .pf-c-data-list:not([class*="pf-m-grid"]) .pf-c-data-list__cell.pf-m-flex-3 {
    flex-grow: 3;
  }
  .pf-c-data-list:not([class*="pf-m-grid"]) .pf-c-data-list__cell.pf-m-flex-4 {
    flex-grow: 4;
  }
  .pf-c-data-list:not([class*="pf-m-grid"]) .pf-c-data-list__cell.pf-m-flex-5 {
    flex-grow: 5;
  }
}
@media screen and (min-width: 768px) {
  .pf-c-data-list:not([class*="pf-m-grid"])
    .pf-c-data-list__expandable-content {
    max-height: initial;
    overflow-y: visible;
  }
}
@media screen and (min-width: 0) {
  .pf-c-data-list.pf-m-grid-none {
    --pf-c-data-list__cell--cell--PaddingTop: var(
      --pf-c-data-list__cell--cell--md--PaddingTop
    );
    --pf-c-data-list__cell--PaddingBottom: var(
      --pf-c-data-list__cell--md--PaddingBottom
    );
    --pf-c-data-list__item-control--MarginRight: var(
      --pf-c-data-list__item-control--md--MarginRight
    );
    --pf-c-data-list__item-action--MarginLeft: var(
      --pf-c-data-list__item-action--md--MarginLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingTop: var(
      --pf-c-data-list__expandable-content-body--md--PaddingTop
    );
    --pf-c-data-list__expandable-content-body--PaddingBottom: var(
      --pf-c-data-list__expandable-content-body--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell--PaddingBottom: var(
      --pf-c-data-list--m-compact__cell--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(
      --pf-c-data-list--m-compact__cell-cell--md--PaddingTop
    );
  }
}
@media screen and (min-width: 0) and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-none {
    --pf-c-data-list__item-row--PaddingRight: var(
      --pf-c-data-list__item-row--xl--PaddingRight
    );
    --pf-c-data-list__item-row--PaddingLeft: var(
      --pf-c-data-list__item-row--xl--PaddingLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingRight: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingRight
    );
    --pf-c-data-list__expandable-content-body--PaddingLeft: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 0) {
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
  }
}
@media screen and (min-width: 0) {
  .pf-c-data-list.pf-m-grid-none
    .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
    margin-right: var(--pf-c-data-list__cell--MarginRight);
  }
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell + .pf-c-data-list__cell {
    flex: 1;
    order: initial;
  }
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-align-right {
    margin-left: auto;
  }
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-no-fill {
    flex: none;
  }
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-2 {
    flex-grow: 2;
  }
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-3 {
    flex-grow: 3;
  }
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-4 {
    flex-grow: 4;
  }
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-5 {
    flex-grow: 5;
  }
}
@media screen and (min-width: 0) {
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__expandable-content {
    max-height: initial;
    overflow-y: visible;
  }
}
@media screen and (min-width: 576px) {
  .pf-c-data-list.pf-m-grid-sm {
    --pf-c-data-list__cell--cell--PaddingTop: var(
      --pf-c-data-list__cell--cell--md--PaddingTop
    );
    --pf-c-data-list__cell--PaddingBottom: var(
      --pf-c-data-list__cell--md--PaddingBottom
    );
    --pf-c-data-list__item-control--MarginRight: var(
      --pf-c-data-list__item-control--md--MarginRight
    );
    --pf-c-data-list__item-action--MarginLeft: var(
      --pf-c-data-list__item-action--md--MarginLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingTop: var(
      --pf-c-data-list__expandable-content-body--md--PaddingTop
    );
    --pf-c-data-list__expandable-content-body--PaddingBottom: var(
      --pf-c-data-list__expandable-content-body--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell--PaddingBottom: var(
      --pf-c-data-list--m-compact__cell--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(
      --pf-c-data-list--m-compact__cell-cell--md--PaddingTop
    );
  }
}
@media screen and (min-width: 576px) and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-sm {
    --pf-c-data-list__item-row--PaddingRight: var(
      --pf-c-data-list__item-row--xl--PaddingRight
    );
    --pf-c-data-list__item-row--PaddingLeft: var(
      --pf-c-data-list__item-row--xl--PaddingLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingRight: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingRight
    );
    --pf-c-data-list__expandable-content-body--PaddingLeft: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 576px) {
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
  }
}
@media screen and (min-width: 576px) {
  .pf-c-data-list.pf-m-grid-sm
    .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
    margin-right: var(--pf-c-data-list__cell--MarginRight);
  }
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell + .pf-c-data-list__cell {
    flex: 1;
    order: initial;
  }
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-align-right {
    margin-left: auto;
  }
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-no-fill {
    flex: none;
  }
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-2 {
    flex-grow: 2;
  }
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-3 {
    flex-grow: 3;
  }
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-4 {
    flex-grow: 4;
  }
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-5 {
    flex-grow: 5;
  }
}
@media screen and (min-width: 576px) {
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__expandable-content {
    max-height: initial;
    overflow-y: visible;
  }
}
@media screen and (min-width: 768px) {
  .pf-c-data-list.pf-m-grid-md {
    --pf-c-data-list__cell--cell--PaddingTop: var(
      --pf-c-data-list__cell--cell--md--PaddingTop
    );
    --pf-c-data-list__cell--PaddingBottom: var(
      --pf-c-data-list__cell--md--PaddingBottom
    );
    --pf-c-data-list__item-control--MarginRight: var(
      --pf-c-data-list__item-control--md--MarginRight
    );
    --pf-c-data-list__item-action--MarginLeft: var(
      --pf-c-data-list__item-action--md--MarginLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingTop: var(
      --pf-c-data-list__expandable-content-body--md--PaddingTop
    );
    --pf-c-data-list__expandable-content-body--PaddingBottom: var(
      --pf-c-data-list__expandable-content-body--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell--PaddingBottom: var(
      --pf-c-data-list--m-compact__cell--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(
      --pf-c-data-list--m-compact__cell-cell--md--PaddingTop
    );
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-md {
    --pf-c-data-list__item-row--PaddingRight: var(
      --pf-c-data-list__item-row--xl--PaddingRight
    );
    --pf-c-data-list__item-row--PaddingLeft: var(
      --pf-c-data-list__item-row--xl--PaddingLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingRight: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingRight
    );
    --pf-c-data-list__expandable-content-body--PaddingLeft: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 768px) {
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
  }
}
@media screen and (min-width: 768px) {
  .pf-c-data-list.pf-m-grid-md
    .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
    margin-right: var(--pf-c-data-list__cell--MarginRight);
  }
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell + .pf-c-data-list__cell {
    flex: 1;
    order: initial;
  }
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-align-right {
    margin-left: auto;
  }
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-no-fill {
    flex: none;
  }
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-2 {
    flex-grow: 2;
  }
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-3 {
    flex-grow: 3;
  }
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-4 {
    flex-grow: 4;
  }
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-5 {
    flex-grow: 5;
  }
}
@media screen and (min-width: 768px) {
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__expandable-content {
    max-height: initial;
    overflow-y: visible;
  }
}
@media screen and (min-width: 992px) {
  .pf-c-data-list.pf-m-grid-lg {
    --pf-c-data-list__cell--cell--PaddingTop: var(
      --pf-c-data-list__cell--cell--md--PaddingTop
    );
    --pf-c-data-list__cell--PaddingBottom: var(
      --pf-c-data-list__cell--md--PaddingBottom
    );
    --pf-c-data-list__item-control--MarginRight: var(
      --pf-c-data-list__item-control--md--MarginRight
    );
    --pf-c-data-list__item-action--MarginLeft: var(
      --pf-c-data-list__item-action--md--MarginLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingTop: var(
      --pf-c-data-list__expandable-content-body--md--PaddingTop
    );
    --pf-c-data-list__expandable-content-body--PaddingBottom: var(
      --pf-c-data-list__expandable-content-body--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell--PaddingBottom: var(
      --pf-c-data-list--m-compact__cell--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(
      --pf-c-data-list--m-compact__cell-cell--md--PaddingTop
    );
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-lg {
    --pf-c-data-list__item-row--PaddingRight: var(
      --pf-c-data-list__item-row--xl--PaddingRight
    );
    --pf-c-data-list__item-row--PaddingLeft: var(
      --pf-c-data-list__item-row--xl--PaddingLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingRight: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingRight
    );
    --pf-c-data-list__expandable-content-body--PaddingLeft: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 992px) {
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
  }
}
@media screen and (min-width: 992px) {
  .pf-c-data-list.pf-m-grid-lg
    .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
    margin-right: var(--pf-c-data-list__cell--MarginRight);
  }
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell + .pf-c-data-list__cell {
    flex: 1;
    order: initial;
  }
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-align-right {
    margin-left: auto;
  }
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-no-fill {
    flex: none;
  }
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-2 {
    flex-grow: 2;
  }
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-3 {
    flex-grow: 3;
  }
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-4 {
    flex-grow: 4;
  }
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-5 {
    flex-grow: 5;
  }
}
@media screen and (min-width: 992px) {
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__expandable-content {
    max-height: initial;
    overflow-y: visible;
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-xl {
    --pf-c-data-list__cell--cell--PaddingTop: var(
      --pf-c-data-list__cell--cell--md--PaddingTop
    );
    --pf-c-data-list__cell--PaddingBottom: var(
      --pf-c-data-list__cell--md--PaddingBottom
    );
    --pf-c-data-list__item-control--MarginRight: var(
      --pf-c-data-list__item-control--md--MarginRight
    );
    --pf-c-data-list__item-action--MarginLeft: var(
      --pf-c-data-list__item-action--md--MarginLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingTop: var(
      --pf-c-data-list__expandable-content-body--md--PaddingTop
    );
    --pf-c-data-list__expandable-content-body--PaddingBottom: var(
      --pf-c-data-list__expandable-content-body--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell--PaddingBottom: var(
      --pf-c-data-list--m-compact__cell--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(
      --pf-c-data-list--m-compact__cell-cell--md--PaddingTop
    );
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-xl {
    --pf-c-data-list__item-row--PaddingRight: var(
      --pf-c-data-list__item-row--xl--PaddingRight
    );
    --pf-c-data-list__item-row--PaddingLeft: var(
      --pf-c-data-list__item-row--xl--PaddingLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingRight: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingRight
    );
    --pf-c-data-list__expandable-content-body--PaddingLeft: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-xl
    .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
    margin-right: var(--pf-c-data-list__cell--MarginRight);
  }
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell + .pf-c-data-list__cell {
    flex: 1;
    order: initial;
  }
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-align-right {
    margin-left: auto;
  }
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-no-fill {
    flex: none;
  }
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-2 {
    flex-grow: 2;
  }
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-3 {
    flex-grow: 3;
  }
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-4 {
    flex-grow: 4;
  }
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-5 {
    flex-grow: 5;
  }
}
@media screen and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__expandable-content {
    max-height: initial;
    overflow-y: visible;
  }
}
@media screen and (min-width: 1450px) {
  .pf-c-data-list.pf-m-grid-2xl {
    --pf-c-data-list__cell--cell--PaddingTop: var(
      --pf-c-data-list__cell--cell--md--PaddingTop
    );
    --pf-c-data-list__cell--PaddingBottom: var(
      --pf-c-data-list__cell--md--PaddingBottom
    );
    --pf-c-data-list__item-control--MarginRight: var(
      --pf-c-data-list__item-control--md--MarginRight
    );
    --pf-c-data-list__item-action--MarginLeft: var(
      --pf-c-data-list__item-action--md--MarginLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingTop: var(
      --pf-c-data-list__expandable-content-body--md--PaddingTop
    );
    --pf-c-data-list__expandable-content-body--PaddingBottom: var(
      --pf-c-data-list__expandable-content-body--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell--PaddingBottom: var(
      --pf-c-data-list--m-compact__cell--md--PaddingBottom
    );
    --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(
      --pf-c-data-list--m-compact__cell-cell--md--PaddingTop
    );
  }
}
@media screen and (min-width: 1450px) and (min-width: 1200px) {
  .pf-c-data-list.pf-m-grid-2xl {
    --pf-c-data-list__item-row--PaddingRight: var(
      --pf-c-data-list__item-row--xl--PaddingRight
    );
    --pf-c-data-list__item-row--PaddingLeft: var(
      --pf-c-data-list__item-row--xl--PaddingLeft
    );
    --pf-c-data-list__expandable-content-body--PaddingRight: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingRight
    );
    --pf-c-data-list__expandable-content-body--PaddingLeft: var(
      --pf-c-data-list__expandable-content-body--xl--PaddingLeft
    );
  }
}
@media screen and (min-width: 1450px) {
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
  }
}
@media screen and (min-width: 1450px) {
  .pf-c-data-list.pf-m-grid-2xl
    .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
    margin-right: var(--pf-c-data-list__cell--MarginRight);
  }
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell + .pf-c-data-list__cell {
    flex: 1;
    order: initial;
  }
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-align-right {
    margin-left: auto;
  }
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-no-fill {
    flex: none;
  }
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-2 {
    flex-grow: 2;
  }
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-3 {
    flex-grow: 3;
  }
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-4 {
    flex-grow: 4;
  }
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-5 {
    flex-grow: 5;
  }
}
@media screen and (min-width: 1450px) {
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__expandable-content {
    max-height: initial;
    overflow-y: visible;
  }
}
.pf-l-flex {
  --pf-l-flex--Display: flex;
  --pf-l-flex--FlexWrap: wrap;
  --pf-l-flex--AlignItems: baseline;
  --pf-l-flex--m-row--AlignItems: baseline;
  --pf-l-flex--m-row-reverse--AlignItems: baseline;
  --pf-l-flex--item--Order: 0;
  --pf-l-flex--spacer-base: var(--pf-global--spacer--md);
  --pf-l-flex--spacer: var(--pf-l-flex--spacer-base);
  --pf-l-flex--spacer--none: 0;
  --pf-l-flex--spacer--xs: var(--pf-global--spacer--xs);
  --pf-l-flex--spacer--sm: var(--pf-global--spacer--sm);
  --pf-l-flex--spacer--md: var(--pf-global--spacer--md);
  --pf-l-flex--spacer--lg: var(--pf-global--spacer--lg);
  --pf-l-flex--spacer--xl: var(--pf-global--spacer--xl);
  --pf-l-flex--spacer--2xl: var(--pf-global--spacer--2xl);
  --pf-l-flex--spacer--3xl: var(--pf-global--spacer--3xl);
  --pf-l-flex--spacer--4xl: var(--pf-global--spacer--4xl);
  display: var(--pf-l-flex--Display);
  flex-wrap: var(--pf-l-flex--FlexWrap);
  align-items: var(--pf-l-flex--AlignItems);
}
.pf-l-flex:last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer-base);
  order: var(--pf-l-flex--item--Order);
  max-width: 100%;
  margin-right: var(--pf-l-flex--spacer);
}
@media screen and (min-width: 576px) {
  .pf-l-flex > * {
    order: var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order));
  }
}
@media screen and (min-width: 768px) {
  .pf-l-flex > * {
    order: var(
      --pf-l-flex--item--Order-on-md,
      var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))
    );
  }
}
@media screen and (min-width: 992px) {
  .pf-l-flex > * {
    order: var(
      --pf-l-flex--item--Order-on-lg,
      var(
        --pf-l-flex--item--Order-on-md,
        var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))
      )
    );
  }
}
@media screen and (min-width: 1200px) {
  .pf-l-flex > * {
    order: var(
      --pf-l-flex--item--Order-on-xl,
      var(
        --pf-l-flex--item--Order-on-lg,
        var(
          --pf-l-flex--item--Order-on-md,
          var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))
        )
      )
    );
  }
}
@media screen and (min-width: 1450px) {
  .pf-l-flex > * {
    order: var(
      --pf-l-flex--item--Order-on-2xl,
      var(
        --pf-l-flex--item--Order-on-xl,
        var(
          --pf-l-flex--item--Order-on-lg,
          var(
            --pf-l-flex--item--Order-on-md,
            var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))
          )
        )
      )
    );
  }
}
.pf-l-flex > *:last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-flex {
  display: var(--pf-l-flex--Display);
}
.pf-l-flex.pf-m-inline-flex {
  --pf-l-flex--Display: inline-flex;
}
.pf-l-flex.pf-m-column {
  flex-direction: column;
  align-items: normal;
}
.pf-l-flex.pf-m-column > * {
  margin: 0 0 var(--pf-l-flex--spacer) 0;
}
.pf-l-flex.pf-m-column-reverse {
  flex-direction: column-reverse;
  align-items: normal;
}
.pf-l-flex.pf-m-column-reverse > * {
  margin: var(--pf-l-flex--spacer) 0 0 0;
}
.pf-l-flex.pf-m-row {
  flex-direction: row;
  align-items: var(--pf-l-flex--m-row--AlignItems);
}
.pf-l-flex.pf-m-row > * {
  margin: 0 var(--pf-l-flex--spacer) 0 0;
}
.pf-l-flex.pf-m-row-reverse {
  flex-direction: row-reverse;
  align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
}
.pf-l-flex.pf-m-row-reverse > * {
  margin: 0 0 0 var(--pf-l-flex--spacer);
}
.pf-l-flex.pf-m-wrap {
  flex-wrap: wrap;
}
.pf-l-flex.pf-m-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.pf-l-flex.pf-m-nowrap {
  flex-wrap: nowrap;
}
.pf-l-flex.pf-m-justify-content-flex-start {
  justify-content: flex-start;
}
.pf-l-flex.pf-m-justify-content-flex-end {
  justify-content: flex-end;
}
.pf-l-flex.pf-m-justify-content-center {
  justify-content: center;
}
.pf-l-flex.pf-m-justify-content-space-between {
  justify-content: space-between;
}
.pf-l-flex.pf-m-justify-content-space-around {
  justify-content: space-around;
}
.pf-l-flex.pf-m-justify-content-space-evenly {
  justify-content: space-evenly;
}
.pf-l-flex.pf-m-align-items-flex-start {
  align-items: flex-start;
}
.pf-l-flex.pf-m-align-items-flex-end {
  align-items: flex-end;
}
.pf-l-flex.pf-m-align-items-center {
  align-items: center;
}
.pf-l-flex.pf-m-align-items-stretch {
  align-items: stretch;
}
.pf-l-flex.pf-m-align-items-baseline {
  align-items: baseline;
}
.pf-l-flex.pf-m-align-content-flex-start {
  align-content: flex-start;
}
.pf-l-flex.pf-m-align-content-flex-end {
  align-content: flex-end;
}
.pf-l-flex.pf-m-align-content-center {
  align-content: center;
}
.pf-l-flex.pf-m-align-content-stretch {
  align-content: stretch;
}
.pf-l-flex.pf-m-align-content-space-between {
  align-content: space-between;
}
.pf-l-flex.pf-m-align-content-space-around {
  align-content: space-around;
}
.pf-l-flex > .pf-m-align-right {
  margin-left: auto;
}
.pf-l-flex > .pf-m-align-left {
  margin-left: 0;
}
.pf-l-flex > .pf-m-grow {
  flex-grow: 1;
}
.pf-l-flex > .pf-m-shrink {
  flex-shrink: 1;
}
.pf-l-flex > .pf-m-full-width {
  width: 100%;
  margin-right: 0;
}
.pf-l-flex > .pf-m-flex-1 {
  flex: 1 0 0;
}
.pf-l-flex > .pf-m-flex-2 {
  flex: 2 0 0;
}
.pf-l-flex > .pf-m-flex-3 {
  flex: 3 0 0;
}
.pf-l-flex > .pf-m-flex-4 {
  flex: 4 0 0;
}
.pf-l-flex > .pf-m-flex-default {
  flex: 0 1 auto;
}
.pf-l-flex > .pf-m-flex-none {
  flex: none;
}
.pf-l-flex > .pf-m-align-self-flex-start {
  align-self: flex-start;
}
.pf-l-flex > .pf-m-align-self-flex-end {
  align-self: flex-end;
}
.pf-l-flex > .pf-m-align-self-center {
  align-self: center;
}
.pf-l-flex > .pf-m-align-self-baseline {
  align-self: baseline;
}
.pf-l-flex > .pf-m-align-self-stretch {
  align-self: stretch;
}
@media (min-width: 576px) {
  .pf-l-flex.pf-m-flex-on-sm {
    display: var(--pf-l-flex--Display);
  }
  .pf-l-flex.pf-m-inline-flex-on-sm {
    --pf-l-flex--Display: inline-flex;
  }
  .pf-l-flex.pf-m-column-on-sm {
    flex-direction: column;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-on-sm > * {
    margin: 0 0 var(--pf-l-flex--spacer) 0;
  }
  .pf-l-flex.pf-m-column-reverse-on-sm {
    flex-direction: column-reverse;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-reverse-on-sm > * {
    margin: var(--pf-l-flex--spacer) 0 0 0;
  }
  .pf-l-flex.pf-m-row-on-sm {
    flex-direction: row;
    align-items: var(--pf-l-flex--m-row--AlignItems);
  }
  .pf-l-flex.pf-m-row-on-sm > * {
    margin: 0 var(--pf-l-flex--spacer) 0 0;
  }
  .pf-l-flex.pf-m-row-reverse-on-sm {
    flex-direction: row-reverse;
    align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
  }
  .pf-l-flex.pf-m-row-reverse-on-sm > * {
    margin: 0 0 0 var(--pf-l-flex--spacer);
  }
  .pf-l-flex.pf-m-wrap-on-sm {
    flex-wrap: wrap;
  }
  .pf-l-flex.pf-m-wrap-reverse-on-sm {
    flex-wrap: wrap-reverse;
  }
  .pf-l-flex.pf-m-nowrap-on-sm {
    flex-wrap: nowrap;
  }
  .pf-l-flex.pf-m-justify-content-flex-start-on-sm {
    justify-content: flex-start;
  }
  .pf-l-flex.pf-m-justify-content-flex-end-on-sm {
    justify-content: flex-end;
  }
  .pf-l-flex.pf-m-justify-content-center-on-sm {
    justify-content: center;
  }
  .pf-l-flex.pf-m-justify-content-space-between-on-sm {
    justify-content: space-between;
  }
  .pf-l-flex.pf-m-justify-content-space-around-on-sm {
    justify-content: space-around;
  }
  .pf-l-flex.pf-m-justify-content-space-evenly-on-sm {
    justify-content: space-evenly;
  }
  .pf-l-flex.pf-m-align-items-flex-start-on-sm {
    align-items: flex-start;
  }
  .pf-l-flex.pf-m-align-items-flex-end-on-sm {
    align-items: flex-end;
  }
  .pf-l-flex.pf-m-align-items-center-on-sm {
    align-items: center;
  }
  .pf-l-flex.pf-m-align-items-stretch-on-sm {
    align-items: stretch;
  }
  .pf-l-flex.pf-m-align-items-baseline-on-sm {
    align-items: baseline;
  }
  .pf-l-flex.pf-m-align-content-flex-start-on-sm {
    align-content: flex-start;
  }
  .pf-l-flex.pf-m-align-content-flex-end-on-sm {
    align-content: flex-end;
  }
  .pf-l-flex.pf-m-align-content-center-on-sm {
    align-content: center;
  }
  .pf-l-flex.pf-m-align-content-stretch-on-sm {
    align-content: stretch;
  }
  .pf-l-flex.pf-m-align-content-space-between-on-sm {
    align-content: space-between;
  }
  .pf-l-flex.pf-m-align-content-space-around-on-sm {
    align-content: space-around;
  }
  .pf-l-flex > .pf-m-align-right-on-sm {
    margin-left: auto;
  }
  .pf-l-flex > .pf-m-align-left-on-sm {
    margin-left: 0;
  }
  .pf-l-flex > .pf-m-grow-on-sm {
    flex-grow: 1;
  }
  .pf-l-flex > .pf-m-shrink-on-sm {
    flex-shrink: 1;
  }
  .pf-l-flex > .pf-m-full-width-on-sm {
    width: 100%;
    margin-right: 0;
  }
  .pf-l-flex > .pf-m-flex-1-on-sm {
    flex: 1 0 0;
  }
  .pf-l-flex > .pf-m-flex-2-on-sm {
    flex: 2 0 0;
  }
  .pf-l-flex > .pf-m-flex-3-on-sm {
    flex: 3 0 0;
  }
  .pf-l-flex > .pf-m-flex-4-on-sm {
    flex: 4 0 0;
  }
  .pf-l-flex > .pf-m-flex-default-on-sm {
    flex: 0 1 auto;
  }
  .pf-l-flex > .pf-m-flex-none-on-sm {
    flex: none;
  }
  .pf-l-flex > .pf-m-align-self-flex-start-on-sm {
    align-self: flex-start;
  }
  .pf-l-flex > .pf-m-align-self-flex-end-on-sm {
    align-self: flex-end;
  }
  .pf-l-flex > .pf-m-align-self-center-on-sm {
    align-self: center;
  }
  .pf-l-flex > .pf-m-align-self-baseline-on-sm {
    align-self: baseline;
  }
  .pf-l-flex > .pf-m-align-self-stretch-on-sm {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .pf-l-flex.pf-m-flex-on-md {
    display: var(--pf-l-flex--Display);
  }
  .pf-l-flex.pf-m-inline-flex-on-md {
    --pf-l-flex--Display: inline-flex;
  }
  .pf-l-flex.pf-m-column-on-md {
    flex-direction: column;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-on-md > * {
    margin: 0 0 var(--pf-l-flex--spacer) 0;
  }
  .pf-l-flex.pf-m-column-reverse-on-md {
    flex-direction: column-reverse;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-reverse-on-md > * {
    margin: var(--pf-l-flex--spacer) 0 0 0;
  }
  .pf-l-flex.pf-m-row-on-md {
    flex-direction: row;
    align-items: var(--pf-l-flex--m-row--AlignItems);
  }
  .pf-l-flex.pf-m-row-on-md > * {
    margin: 0 var(--pf-l-flex--spacer) 0 0;
  }
  .pf-l-flex.pf-m-row-reverse-on-md {
    flex-direction: row-reverse;
    align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
  }
  .pf-l-flex.pf-m-row-reverse-on-md > * {
    margin: 0 0 0 var(--pf-l-flex--spacer);
  }
  .pf-l-flex.pf-m-wrap-on-md {
    flex-wrap: wrap;
  }
  .pf-l-flex.pf-m-wrap-reverse-on-md {
    flex-wrap: wrap-reverse;
  }
  .pf-l-flex.pf-m-nowrap-on-md {
    flex-wrap: nowrap;
  }
  .pf-l-flex.pf-m-justify-content-flex-start-on-md {
    justify-content: flex-start;
  }
  .pf-l-flex.pf-m-justify-content-flex-end-on-md {
    justify-content: flex-end;
  }
  .pf-l-flex.pf-m-justify-content-center-on-md {
    justify-content: center;
  }
  .pf-l-flex.pf-m-justify-content-space-between-on-md {
    justify-content: space-between;
  }
  .pf-l-flex.pf-m-justify-content-space-around-on-md {
    justify-content: space-around;
  }
  .pf-l-flex.pf-m-justify-content-space-evenly-on-md {
    justify-content: space-evenly;
  }
  .pf-l-flex.pf-m-align-items-flex-start-on-md {
    align-items: flex-start;
  }
  .pf-l-flex.pf-m-align-items-flex-end-on-md {
    align-items: flex-end;
  }
  .pf-l-flex.pf-m-align-items-center-on-md {
    align-items: center;
  }
  .pf-l-flex.pf-m-align-items-stretch-on-md {
    align-items: stretch;
  }
  .pf-l-flex.pf-m-align-items-baseline-on-md {
    align-items: baseline;
  }
  .pf-l-flex.pf-m-align-content-flex-start-on-md {
    align-content: flex-start;
  }
  .pf-l-flex.pf-m-align-content-flex-end-on-md {
    align-content: flex-end;
  }
  .pf-l-flex.pf-m-align-content-center-on-md {
    align-content: center;
  }
  .pf-l-flex.pf-m-align-content-stretch-on-md {
    align-content: stretch;
  }
  .pf-l-flex.pf-m-align-content-space-between-on-md {
    align-content: space-between;
  }
  .pf-l-flex.pf-m-align-content-space-around-on-md {
    align-content: space-around;
  }
  .pf-l-flex > .pf-m-align-right-on-md {
    margin-left: auto;
  }
  .pf-l-flex > .pf-m-align-left-on-md {
    margin-left: 0;
  }
  .pf-l-flex > .pf-m-grow-on-md {
    flex-grow: 1;
  }
  .pf-l-flex > .pf-m-shrink-on-md {
    flex-shrink: 1;
  }
  .pf-l-flex > .pf-m-full-width-on-md {
    width: 100%;
    margin-right: 0;
  }
  .pf-l-flex > .pf-m-flex-1-on-md {
    flex: 1 0 0;
  }
  .pf-l-flex > .pf-m-flex-2-on-md {
    flex: 2 0 0;
  }
  .pf-l-flex > .pf-m-flex-3-on-md {
    flex: 3 0 0;
  }
  .pf-l-flex > .pf-m-flex-4-on-md {
    flex: 4 0 0;
  }
  .pf-l-flex > .pf-m-flex-default-on-md {
    flex: 0 1 auto;
  }
  .pf-l-flex > .pf-m-flex-none-on-md {
    flex: none;
  }
  .pf-l-flex > .pf-m-align-self-flex-start-on-md {
    align-self: flex-start;
  }
  .pf-l-flex > .pf-m-align-self-flex-end-on-md {
    align-self: flex-end;
  }
  .pf-l-flex > .pf-m-align-self-center-on-md {
    align-self: center;
  }
  .pf-l-flex > .pf-m-align-self-baseline-on-md {
    align-self: baseline;
  }
  .pf-l-flex > .pf-m-align-self-stretch-on-md {
    align-self: stretch;
  }
}
@media (min-width: 992px) {
  .pf-l-flex.pf-m-flex-on-lg {
    display: var(--pf-l-flex--Display);
  }
  .pf-l-flex.pf-m-inline-flex-on-lg {
    --pf-l-flex--Display: inline-flex;
  }
  .pf-l-flex.pf-m-column-on-lg {
    flex-direction: column;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-on-lg > * {
    margin: 0 0 var(--pf-l-flex--spacer) 0;
  }
  .pf-l-flex.pf-m-column-reverse-on-lg {
    flex-direction: column-reverse;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-reverse-on-lg > * {
    margin: var(--pf-l-flex--spacer) 0 0 0;
  }
  .pf-l-flex.pf-m-row-on-lg {
    flex-direction: row;
    align-items: var(--pf-l-flex--m-row--AlignItems);
  }
  .pf-l-flex.pf-m-row-on-lg > * {
    margin: 0 var(--pf-l-flex--spacer) 0 0;
  }
  .pf-l-flex.pf-m-row-reverse-on-lg {
    flex-direction: row-reverse;
    align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
  }
  .pf-l-flex.pf-m-row-reverse-on-lg > * {
    margin: 0 0 0 var(--pf-l-flex--spacer);
  }
  .pf-l-flex.pf-m-wrap-on-lg {
    flex-wrap: wrap;
  }
  .pf-l-flex.pf-m-wrap-reverse-on-lg {
    flex-wrap: wrap-reverse;
  }
  .pf-l-flex.pf-m-nowrap-on-lg {
    flex-wrap: nowrap;
  }
  .pf-l-flex.pf-m-justify-content-flex-start-on-lg {
    justify-content: flex-start;
  }
  .pf-l-flex.pf-m-justify-content-flex-end-on-lg {
    justify-content: flex-end;
  }
  .pf-l-flex.pf-m-justify-content-center-on-lg {
    justify-content: center;
  }
  .pf-l-flex.pf-m-justify-content-space-between-on-lg {
    justify-content: space-between;
  }
  .pf-l-flex.pf-m-justify-content-space-around-on-lg {
    justify-content: space-around;
  }
  .pf-l-flex.pf-m-justify-content-space-evenly-on-lg {
    justify-content: space-evenly;
  }
  .pf-l-flex.pf-m-align-items-flex-start-on-lg {
    align-items: flex-start;
  }
  .pf-l-flex.pf-m-align-items-flex-end-on-lg {
    align-items: flex-end;
  }
  .pf-l-flex.pf-m-align-items-center-on-lg {
    align-items: center;
  }
  .pf-l-flex.pf-m-align-items-stretch-on-lg {
    align-items: stretch;
  }
  .pf-l-flex.pf-m-align-items-baseline-on-lg {
    align-items: baseline;
  }
  .pf-l-flex.pf-m-align-content-flex-start-on-lg {
    align-content: flex-start;
  }
  .pf-l-flex.pf-m-align-content-flex-end-on-lg {
    align-content: flex-end;
  }
  .pf-l-flex.pf-m-align-content-center-on-lg {
    align-content: center;
  }
  .pf-l-flex.pf-m-align-content-stretch-on-lg {
    align-content: stretch;
  }
  .pf-l-flex.pf-m-align-content-space-between-on-lg {
    align-content: space-between;
  }
  .pf-l-flex.pf-m-align-content-space-around-on-lg {
    align-content: space-around;
  }
  .pf-l-flex > .pf-m-align-right-on-lg {
    margin-left: auto;
  }
  .pf-l-flex > .pf-m-align-left-on-lg {
    margin-left: 0;
  }
  .pf-l-flex > .pf-m-grow-on-lg {
    flex-grow: 1;
  }
  .pf-l-flex > .pf-m-shrink-on-lg {
    flex-shrink: 1;
  }
  .pf-l-flex > .pf-m-full-width-on-lg {
    width: 100%;
    margin-right: 0;
  }
  .pf-l-flex > .pf-m-flex-1-on-lg {
    flex: 1 0 0;
  }
  .pf-l-flex > .pf-m-flex-2-on-lg {
    flex: 2 0 0;
  }
  .pf-l-flex > .pf-m-flex-3-on-lg {
    flex: 3 0 0;
  }
  .pf-l-flex > .pf-m-flex-4-on-lg {
    flex: 4 0 0;
  }
  .pf-l-flex > .pf-m-flex-default-on-lg {
    flex: 0 1 auto;
  }
  .pf-l-flex > .pf-m-flex-none-on-lg {
    flex: none;
  }
  .pf-l-flex > .pf-m-align-self-flex-start-on-lg {
    align-self: flex-start;
  }
  .pf-l-flex > .pf-m-align-self-flex-end-on-lg {
    align-self: flex-end;
  }
  .pf-l-flex > .pf-m-align-self-center-on-lg {
    align-self: center;
  }
  .pf-l-flex > .pf-m-align-self-baseline-on-lg {
    align-self: baseline;
  }
  .pf-l-flex > .pf-m-align-self-stretch-on-lg {
    align-self: stretch;
  }
}
@media (min-width: 1200px) {
  .pf-l-flex.pf-m-flex-on-xl {
    display: var(--pf-l-flex--Display);
  }
  .pf-l-flex.pf-m-inline-flex-on-xl {
    --pf-l-flex--Display: inline-flex;
  }
  .pf-l-flex.pf-m-column-on-xl {
    flex-direction: column;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-on-xl > * {
    margin: 0 0 var(--pf-l-flex--spacer) 0;
  }
  .pf-l-flex.pf-m-column-reverse-on-xl {
    flex-direction: column-reverse;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-reverse-on-xl > * {
    margin: var(--pf-l-flex--spacer) 0 0 0;
  }
  .pf-l-flex.pf-m-row-on-xl {
    flex-direction: row;
    align-items: var(--pf-l-flex--m-row--AlignItems);
  }
  .pf-l-flex.pf-m-row-on-xl > * {
    margin: 0 var(--pf-l-flex--spacer) 0 0;
  }
  .pf-l-flex.pf-m-row-reverse-on-xl {
    flex-direction: row-reverse;
    align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
  }
  .pf-l-flex.pf-m-row-reverse-on-xl > * {
    margin: 0 0 0 var(--pf-l-flex--spacer);
  }
  .pf-l-flex.pf-m-wrap-on-xl {
    flex-wrap: wrap;
  }
  .pf-l-flex.pf-m-wrap-reverse-on-xl {
    flex-wrap: wrap-reverse;
  }
  .pf-l-flex.pf-m-nowrap-on-xl {
    flex-wrap: nowrap;
  }
  .pf-l-flex.pf-m-justify-content-flex-start-on-xl {
    justify-content: flex-start;
  }
  .pf-l-flex.pf-m-justify-content-flex-end-on-xl {
    justify-content: flex-end;
  }
  .pf-l-flex.pf-m-justify-content-center-on-xl {
    justify-content: center;
  }
  .pf-l-flex.pf-m-justify-content-space-between-on-xl {
    justify-content: space-between;
  }
  .pf-l-flex.pf-m-justify-content-space-around-on-xl {
    justify-content: space-around;
  }
  .pf-l-flex.pf-m-justify-content-space-evenly-on-xl {
    justify-content: space-evenly;
  }
  .pf-l-flex.pf-m-align-items-flex-start-on-xl {
    align-items: flex-start;
  }
  .pf-l-flex.pf-m-align-items-flex-end-on-xl {
    align-items: flex-end;
  }
  .pf-l-flex.pf-m-align-items-center-on-xl {
    align-items: center;
  }
  .pf-l-flex.pf-m-align-items-stretch-on-xl {
    align-items: stretch;
  }
  .pf-l-flex.pf-m-align-items-baseline-on-xl {
    align-items: baseline;
  }
  .pf-l-flex.pf-m-align-content-flex-start-on-xl {
    align-content: flex-start;
  }
  .pf-l-flex.pf-m-align-content-flex-end-on-xl {
    align-content: flex-end;
  }
  .pf-l-flex.pf-m-align-content-center-on-xl {
    align-content: center;
  }
  .pf-l-flex.pf-m-align-content-stretch-on-xl {
    align-content: stretch;
  }
  .pf-l-flex.pf-m-align-content-space-between-on-xl {
    align-content: space-between;
  }
  .pf-l-flex.pf-m-align-content-space-around-on-xl {
    align-content: space-around;
  }
  .pf-l-flex > .pf-m-align-right-on-xl {
    margin-left: auto;
  }
  .pf-l-flex > .pf-m-align-left-on-xl {
    margin-left: 0;
  }
  .pf-l-flex > .pf-m-grow-on-xl {
    flex-grow: 1;
  }
  .pf-l-flex > .pf-m-shrink-on-xl {
    flex-shrink: 1;
  }
  .pf-l-flex > .pf-m-full-width-on-xl {
    width: 100%;
    margin-right: 0;
  }
  .pf-l-flex > .pf-m-flex-1-on-xl {
    flex: 1 0 0;
  }
  .pf-l-flex > .pf-m-flex-2-on-xl {
    flex: 2 0 0;
  }
  .pf-l-flex > .pf-m-flex-3-on-xl {
    flex: 3 0 0;
  }
  .pf-l-flex > .pf-m-flex-4-on-xl {
    flex: 4 0 0;
  }
  .pf-l-flex > .pf-m-flex-default-on-xl {
    flex: 0 1 auto;
  }
  .pf-l-flex > .pf-m-flex-none-on-xl {
    flex: none;
  }
  .pf-l-flex > .pf-m-align-self-flex-start-on-xl {
    align-self: flex-start;
  }
  .pf-l-flex > .pf-m-align-self-flex-end-on-xl {
    align-self: flex-end;
  }
  .pf-l-flex > .pf-m-align-self-center-on-xl {
    align-self: center;
  }
  .pf-l-flex > .pf-m-align-self-baseline-on-xl {
    align-self: baseline;
  }
  .pf-l-flex > .pf-m-align-self-stretch-on-xl {
    align-self: stretch;
  }
}
@media (min-width: 1450px) {
  .pf-l-flex.pf-m-flex-on-2xl {
    display: var(--pf-l-flex--Display);
  }
  .pf-l-flex.pf-m-inline-flex-on-2xl {
    --pf-l-flex--Display: inline-flex;
  }
  .pf-l-flex.pf-m-column-on-2xl {
    flex-direction: column;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-on-2xl > * {
    margin: 0 0 var(--pf-l-flex--spacer) 0;
  }
  .pf-l-flex.pf-m-column-reverse-on-2xl {
    flex-direction: column-reverse;
    align-items: normal;
  }
  .pf-l-flex.pf-m-column-reverse-on-2xl > * {
    margin: var(--pf-l-flex--spacer) 0 0 0;
  }
  .pf-l-flex.pf-m-row-on-2xl {
    flex-direction: row;
    align-items: var(--pf-l-flex--m-row--AlignItems);
  }
  .pf-l-flex.pf-m-row-on-2xl > * {
    margin: 0 var(--pf-l-flex--spacer) 0 0;
  }
  .pf-l-flex.pf-m-row-reverse-on-2xl {
    flex-direction: row-reverse;
    align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
  }
  .pf-l-flex.pf-m-row-reverse-on-2xl > * {
    margin: 0 0 0 var(--pf-l-flex--spacer);
  }
  .pf-l-flex.pf-m-wrap-on-2xl {
    flex-wrap: wrap;
  }
  .pf-l-flex.pf-m-wrap-reverse-on-2xl {
    flex-wrap: wrap-reverse;
  }
  .pf-l-flex.pf-m-nowrap-on-2xl {
    flex-wrap: nowrap;
  }
  .pf-l-flex.pf-m-justify-content-flex-start-on-2xl {
    justify-content: flex-start;
  }
  .pf-l-flex.pf-m-justify-content-flex-end-on-2xl {
    justify-content: flex-end;
  }
  .pf-l-flex.pf-m-justify-content-center-on-2xl {
    justify-content: center;
  }
  .pf-l-flex.pf-m-justify-content-space-between-on-2xl {
    justify-content: space-between;
  }
  .pf-l-flex.pf-m-justify-content-space-around-on-2xl {
    justify-content: space-around;
  }
  .pf-l-flex.pf-m-justify-content-space-evenly-on-2xl {
    justify-content: space-evenly;
  }
  .pf-l-flex.pf-m-align-items-flex-start-on-2xl {
    align-items: flex-start;
  }
  .pf-l-flex.pf-m-align-items-flex-end-on-2xl {
    align-items: flex-end;
  }
  .pf-l-flex.pf-m-align-items-center-on-2xl {
    align-items: center;
  }
  .pf-l-flex.pf-m-align-items-stretch-on-2xl {
    align-items: stretch;
  }
  .pf-l-flex.pf-m-align-items-baseline-on-2xl {
    align-items: baseline;
  }
  .pf-l-flex.pf-m-align-content-flex-start-on-2xl {
    align-content: flex-start;
  }
  .pf-l-flex.pf-m-align-content-flex-end-on-2xl {
    align-content: flex-end;
  }
  .pf-l-flex.pf-m-align-content-center-on-2xl {
    align-content: center;
  }
  .pf-l-flex.pf-m-align-content-stretch-on-2xl {
    align-content: stretch;
  }
  .pf-l-flex.pf-m-align-content-space-between-on-2xl {
    align-content: space-between;
  }
  .pf-l-flex.pf-m-align-content-space-around-on-2xl {
    align-content: space-around;
  }
  .pf-l-flex > .pf-m-align-right-on-2xl {
    margin-left: auto;
  }
  .pf-l-flex > .pf-m-align-left-on-2xl {
    margin-left: 0;
  }
  .pf-l-flex > .pf-m-grow-on-2xl {
    flex-grow: 1;
  }
  .pf-l-flex > .pf-m-shrink-on-2xl {
    flex-shrink: 1;
  }
  .pf-l-flex > .pf-m-full-width-on-2xl {
    width: 100%;
    margin-right: 0;
  }
  .pf-l-flex > .pf-m-flex-1-on-2xl {
    flex: 1 0 0;
  }
  .pf-l-flex > .pf-m-flex-2-on-2xl {
    flex: 2 0 0;
  }
  .pf-l-flex > .pf-m-flex-3-on-2xl {
    flex: 3 0 0;
  }
  .pf-l-flex > .pf-m-flex-4-on-2xl {
    flex: 4 0 0;
  }
  .pf-l-flex > .pf-m-flex-default-on-2xl {
    flex: 0 1 auto;
  }
  .pf-l-flex > .pf-m-flex-none-on-2xl {
    flex: none;
  }
  .pf-l-flex > .pf-m-align-self-flex-start-on-2xl {
    align-self: flex-start;
  }
  .pf-l-flex > .pf-m-align-self-flex-end-on-2xl {
    align-self: flex-end;
  }
  .pf-l-flex > .pf-m-align-self-center-on-2xl {
    align-self: center;
  }
  .pf-l-flex > .pf-m-align-self-baseline-on-2xl {
    align-self: baseline;
  }
  .pf-l-flex > .pf-m-align-self-stretch-on-2xl {
    align-self: stretch;
  }
}
.pf-l-flex.pf-m-space-items-none > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
}
.pf-l-flex.pf-m-space-items-none > :last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-space-items-xs > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
}
.pf-l-flex.pf-m-space-items-xs > :last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-space-items-sm > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
}
.pf-l-flex.pf-m-space-items-sm > :last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-space-items-md > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
}
.pf-l-flex.pf-m-space-items-md > :last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-space-items-lg > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
}
.pf-l-flex.pf-m-space-items-lg > :last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-space-items-xl > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
}
.pf-l-flex.pf-m-space-items-xl > :last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-space-items-2xl > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
}
.pf-l-flex.pf-m-space-items-2xl > :last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-space-items-3xl > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
}
.pf-l-flex.pf-m-space-items-3xl > :last-child {
  --pf-l-flex--spacer: 0;
}
.pf-l-flex.pf-m-space-items-4xl > * {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
}
.pf-l-flex.pf-m-space-items-4xl > :last-child {
  --pf-l-flex--spacer: 0;
}
@media (min-width: 576px) {
  .pf-l-flex.pf-m-space-items-none-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex.pf-m-space-items-none-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xs-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex.pf-m-space-items-xs-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-sm-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex.pf-m-space-items-sm-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-md-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex.pf-m-space-items-md-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-lg-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex.pf-m-space-items-lg-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xl-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex.pf-m-space-items-xl-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-2xl-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex.pf-m-space-items-2xl-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-3xl-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex.pf-m-space-items-3xl-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-4xl-on-sm > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex.pf-m-space-items-4xl-on-sm > :last-child {
    --pf-l-flex--spacer: 0;
  }
}
@media (min-width: 768px) {
  .pf-l-flex.pf-m-space-items-none-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex.pf-m-space-items-none-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xs-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex.pf-m-space-items-xs-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-sm-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex.pf-m-space-items-sm-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-md-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex.pf-m-space-items-md-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-lg-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex.pf-m-space-items-lg-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xl-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex.pf-m-space-items-xl-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-2xl-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex.pf-m-space-items-2xl-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-3xl-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex.pf-m-space-items-3xl-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-4xl-on-md > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex.pf-m-space-items-4xl-on-md > :last-child {
    --pf-l-flex--spacer: 0;
  }
}
@media (min-width: 992px) {
  .pf-l-flex.pf-m-space-items-none-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex.pf-m-space-items-none-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xs-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex.pf-m-space-items-xs-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-sm-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex.pf-m-space-items-sm-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-md-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex.pf-m-space-items-md-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-lg-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex.pf-m-space-items-lg-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xl-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex.pf-m-space-items-xl-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-2xl-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex.pf-m-space-items-2xl-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-3xl-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex.pf-m-space-items-3xl-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-4xl-on-lg > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex.pf-m-space-items-4xl-on-lg > :last-child {
    --pf-l-flex--spacer: 0;
  }
}
@media (min-width: 1200px) {
  .pf-l-flex.pf-m-space-items-none-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex.pf-m-space-items-none-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xs-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex.pf-m-space-items-xs-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-sm-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex.pf-m-space-items-sm-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-md-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex.pf-m-space-items-md-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-lg-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex.pf-m-space-items-lg-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xl-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex.pf-m-space-items-xl-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-2xl-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex.pf-m-space-items-2xl-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-3xl-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex.pf-m-space-items-3xl-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-4xl-on-xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex.pf-m-space-items-4xl-on-xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
}
@media (min-width: 1450px) {
  .pf-l-flex.pf-m-space-items-none-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex.pf-m-space-items-none-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xs-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex.pf-m-space-items-xs-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-sm-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex.pf-m-space-items-sm-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-md-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex.pf-m-space-items-md-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-lg-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex.pf-m-space-items-lg-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-xl-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex.pf-m-space-items-xl-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-2xl-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex.pf-m-space-items-2xl-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-3xl-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex.pf-m-space-items-3xl-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
  .pf-l-flex.pf-m-space-items-4xl-on-2xl > * {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex.pf-m-space-items-4xl-on-2xl > :last-child {
    --pf-l-flex--spacer: 0;
  }
}
.pf-l-flex .pf-m-spacer-none {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
}
.pf-l-flex .pf-m-spacer-none:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
}
.pf-l-flex .pf-m-spacer-xs {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
}
.pf-l-flex .pf-m-spacer-xs:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
}
.pf-l-flex .pf-m-spacer-sm {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
}
.pf-l-flex .pf-m-spacer-sm:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
}
.pf-l-flex .pf-m-spacer-md {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
}
.pf-l-flex .pf-m-spacer-md:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
}
.pf-l-flex .pf-m-spacer-lg {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
}
.pf-l-flex .pf-m-spacer-lg:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
}
.pf-l-flex .pf-m-spacer-xl {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
}
.pf-l-flex .pf-m-spacer-xl:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
}
.pf-l-flex .pf-m-spacer-2xl {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
}
.pf-l-flex .pf-m-spacer-2xl:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
}
.pf-l-flex .pf-m-spacer-3xl {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
}
.pf-l-flex .pf-m-spacer-3xl:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
}
.pf-l-flex .pf-m-spacer-4xl {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
}
.pf-l-flex .pf-m-spacer-4xl:last-child {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
}
@media (min-width: 576px) {
  .pf-l-flex .pf-m-spacer-none-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-none-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-xs-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-xs-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-sm-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-sm-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-md-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-md-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-lg-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-lg-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-xl-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-xl-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-sm {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
}
@media (min-width: 768px) {
  .pf-l-flex .pf-m-spacer-none-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-none-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-xs-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-xs-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-sm-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-sm-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-md-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-md-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-lg-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-lg-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-xl-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-xl-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-md {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
}
@media (min-width: 992px) {
  .pf-l-flex .pf-m-spacer-none-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-none-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-xs-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-xs-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-sm-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-sm-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-md-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-md-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-lg-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-lg-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-xl-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-xl-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-lg {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
}
@media (min-width: 1200px) {
  .pf-l-flex .pf-m-spacer-none-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-none-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-xs-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-xs-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-sm-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-sm-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-md-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-md-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-lg-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-lg-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-xl-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-xl-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
}
@media (min-width: 1450px) {
  .pf-l-flex .pf-m-spacer-none-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-none-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
  }
  .pf-l-flex .pf-m-spacer-xs-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-xs-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
  }
  .pf-l-flex .pf-m-spacer-sm-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-sm-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
  }
  .pf-l-flex .pf-m-spacer-md-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-md-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
  }
  .pf-l-flex .pf-m-spacer-lg-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-lg-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
  }
  .pf-l-flex .pf-m-spacer-xl-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-xl-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-2xl {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
  .pf-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
  }
}
.keycloak-groups-group-path {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pf-c-action-list {
  --pf-c-action-list--m-icon--spacer: 0;
  --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
  --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
}
.pf-c-action-list,
.pf-c-action-list__group {
  --pf-c-action-list--child--spacer: var(
    --pf-c-action-list--child--spacer-base
  );
  --pf-c-action-list--group--spacer: var(
    --pf-c-action-list--group--spacer-base
  );
  display: flex;
  align-items: center;
}
.pf-c-action-list > * + *,
.pf-c-action-list__group > * + * {
  margin-left: var(--pf-c-action-list--child--spacer);
}
.pf-c-action-list > * + .pf-c-action-list__group,
.pf-c-action-list .pf-c-action-list__group + *,
.pf-c-action-list__group > * + .pf-c-action-list__group,
.pf-c-action-list__group .pf-c-action-list__group + * {
  margin-left: var(--pf-c-action-list--group--spacer);
}
.pf-c-action-list.pf-m-icons,
.pf-c-action-list__group.pf-m-icons {
  --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
}
.keycloak-admin--role-mapping__client-name {
  margin-right: var(--pf-global--spacer--sm);
}
.permission-label > .pf-c-form__group-label {
  width: 120%;
}
.keycloak__permission__permission-table.pf-c-card {
  border-top: 0;
  border-bottom: 0;
}
.kc-who-will-appear-button {
  padding-left: 0;
}
.pf-c-button.pf-m-link.kc-groups-link {
  font-size: var(--pf-global--FontSize--sm);
  padding-left: 0;
  padding-right: var(--pf-global--spacer--xs);
  padding-top: 0;
}
.pf-c-button.pf-m-link.kc-users-link {
  font-size: var(--pf-global--FontSize--sm);
  padding-left: var(--pf-global--spacer--xs);
  padding-right: var(--pf-global--spacer--xs);
  padding-top: 0;
}
.pf-c-button.pf-m-link.kc-groups-link-empty-state,
.pf-c-button.pf-m-link.kc-users-link-empty-state {
  padding-left: var(--pf-global--spacer--xs);
  padding-right: var(--pf-global--spacer--xs);
}
.pf-c-chip-group.kc-filter-chip-group__table {
  margin-left: var(--pf-global--spacer--md);
  margin-bottom: var(--pf-global--spacer--md);
}
button#default-role-help-icon.pf-c-form__group-label-help {
  margin-left: var(--pf-global--spacer--xs);
  vertical-align: middle;
}
.pf-c-tab-content.kc-attributes-tab {
  padding-left: var(--pf-global--spacer--xl);
  padding-top: var(--pf-global--spacer--lg);
}
.pf-c-jump-links {
  --pf-c-jump-links__list--Display: flex;
  --pf-c-jump-links__list--Visibility: visible;
  --pf-c-jump-links__list--PaddingTop: 0;
  --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-jump-links__list--PaddingBottom: 0;
  --pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-jump-links--m-vertical__list--PaddingRight: 0;
  --pf-c-jump-links--m-vertical__list--PaddingBottom: var(
    --pf-global--spacer--md
  );
  --pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
  --pf-c-jump-links__list--FlexDirection: row;
  --pf-c-jump-links--m-vertical__list--FlexDirection: column;
  --pf-c-jump-links__list--before--BorderColor: var(
    --pf-global--BorderColor--100
  );
  --pf-c-jump-links__list--before--BorderTopWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-jump-links__list--before--BorderRightWidth: 0;
  --pf-c-jump-links__list--before--BorderBottomWidth: 0;
  --pf-c-jump-links__list--before--BorderLeftWidth: 0;
  --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(
    --pf-global--BorderWidth--sm
  );
  --pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
  --pf-c-jump-links__list__list--MarginTop: calc(
    var(--pf-global--spacer--sm) * -1
  );
  --pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-jump-links__list__list__link--PaddingLeft: var(
    --pf-global--spacer--lg
  );
  --pf-c-jump-links__list__list__link--PaddingBottom: var(
    --pf-global--spacer--sm
  );
  --pf-c-jump-links__link--OutlineOffset: calc(
    -1 * var(--pf-global--spacer--sm)
  );
  --pf-c-jump-links__link--before--BorderTopWidth: 0;
  --pf-c-jump-links__link--before--BorderRightWidth: 0;
  --pf-c-jump-links__link--before--BorderBottomWidth: 0;
  --pf-c-jump-links__link--before--BorderLeftWidth: 0;
  --pf-c-jump-links__link--before--BorderColor: transparent;
  --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(
    --pf-global--BorderWidth--lg
  );
  --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
  --pf-c-jump-links__item--m-current__link--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
  --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(
    --pf-global--BorderWidth--lg
  );
  --pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
  --pf-c-jump-links__link--hover__link-text--Color: var(
    --pf-global--Color--100
  );
  --pf-c-jump-links__link--focus__link-text--Color: var(
    --pf-global--Color--100
  );
  --pf-c-jump-links__item--m-current__link-text--Color: var(
    --pf-global--Color--100
  );
  --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
  --pf-c-jump-links__label--Display: block;
  --pf-c-jump-links__label--Visibility: visible;
  --pf-c-jump-links__toggle--MarginTop: calc(
    -1 * var(--pf-global--spacer--form-element)
  );
  --pf-c-jump-links__toggle--MarginBottom--base: calc(
    -1 * var(--pf-global--spacer--form-element)
  );
  --pf-c-jump-links__toggle--MarginBottom: var(
    --pf-c-jump-links__toggle--MarginBottom--base
  );
  --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(
    var(--pf-c-jump-links__toggle--MarginBottom--base) +
      var(--pf-global--spacer--md)
  );
  --pf-c-jump-links__toggle--MarginLeft: calc(
    -1 * var(--pf-global--spacer--md)
  );
  --pf-c-jump-links__toggle--Display: none;
  --pf-c-jump-links__toggle--Visibility: hidden;
  --pf-c-jump-links__toggle-icon--Color: currentcolor;
  --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
  --pf-c-jump-links__toggle-icon--Rotate: 0;
  --pf-c-jump-links--m-expanded__toggle-icon--Color: var(
    --pf-global--Color--100
  );
  --pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
  display: flex;
}
.pf-c-jump-links.pf-m-center {
  justify-content: center;
}
.pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
  align-items: center;
}
.pf-c-jump-links.pf-m-vertical,
.pf-c-jump-links.pf-m-expandable {
  --pf-c-jump-links__list--PaddingTop: var(
    --pf-c-jump-links--m-vertical__list--PaddingTop
  );
  --pf-c-jump-links__list--PaddingRight: var(
    --pf-c-jump-links--m-vertical__list--PaddingRight
  );
  --pf-c-jump-links__list--PaddingBottom: var(
    --pf-c-jump-links--m-vertical__list--PaddingBottom
  );
  --pf-c-jump-links__list--PaddingLeft: var(
    --pf-c-jump-links--m-vertical__list--PaddingLeft
  );
  --pf-c-jump-links__list--before--BorderTopWidth: var(
    --pf-c-jump-links--m-vertical__list--before--BorderTopWidth
  );
  --pf-c-jump-links__list--before--BorderLeftWidth: var(
    --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth
  );
  --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(
    --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth
  );
  --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(
    --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth
  );
  --pf-c-jump-links__list--FlexDirection: var(
    --pf-c-jump-links--m-vertical__list--FlexDirection
  );
  flex-direction: column;
}
.pf-c-jump-links.pf-m-expandable {
  --pf-c-jump-links__list--Display: none;
  --pf-c-jump-links__list--Visibility: hidden;
  --pf-c-jump-links__toggle--Display: block;
  --pf-c-jump-links__toggle--Visibility: visible;
  --pf-c-jump-links__label--Display: none;
  --pf-c-jump-links__label--Visibility: hidden;
}
.pf-c-jump-links.pf-m-non-expandable {
  --pf-c-jump-links__list--Display: flex;
  --pf-c-jump-links__list--Visibility: visible;
  --pf-c-jump-links__toggle--Display: none;
  --pf-c-jump-links__toggle--Visibility: hidden;
  --pf-c-jump-links__label--Display: block;
  --pf-c-jump-links__label--Visibility: visible;
}
@media (min-width: 576px) {
  .pf-c-jump-links.pf-m-expandable-on-sm {
    --pf-c-jump-links__list--Display: none;
    --pf-c-jump-links__list--Visibility: hidden;
    --pf-c-jump-links__toggle--Display: block;
    --pf-c-jump-links__toggle--Visibility: visible;
    --pf-c-jump-links__label--Display: none;
    --pf-c-jump-links__label--Visibility: hidden;
  }
  .pf-c-jump-links.pf-m-non-expandable-on-sm {
    --pf-c-jump-links__list--Display: flex;
    --pf-c-jump-links__list--Visibility: visible;
    --pf-c-jump-links__toggle--Display: none;
    --pf-c-jump-links__toggle--Visibility: hidden;
    --pf-c-jump-links__label--Display: block;
    --pf-c-jump-links__label--Visibility: visible;
  }
}
@media (min-width: 768px) {
  .pf-c-jump-links.pf-m-expandable-on-md {
    --pf-c-jump-links__list--Display: none;
    --pf-c-jump-links__list--Visibility: hidden;
    --pf-c-jump-links__toggle--Display: block;
    --pf-c-jump-links__toggle--Visibility: visible;
    --pf-c-jump-links__label--Display: none;
    --pf-c-jump-links__label--Visibility: hidden;
  }
  .pf-c-jump-links.pf-m-non-expandable-on-md {
    --pf-c-jump-links__list--Display: flex;
    --pf-c-jump-links__list--Visibility: visible;
    --pf-c-jump-links__toggle--Display: none;
    --pf-c-jump-links__toggle--Visibility: hidden;
    --pf-c-jump-links__label--Display: block;
    --pf-c-jump-links__label--Visibility: visible;
  }
}
@media (min-width: 992px) {
  .pf-c-jump-links.pf-m-expandable-on-lg {
    --pf-c-jump-links__list--Display: none;
    --pf-c-jump-links__list--Visibility: hidden;
    --pf-c-jump-links__toggle--Display: block;
    --pf-c-jump-links__toggle--Visibility: visible;
    --pf-c-jump-links__label--Display: none;
    --pf-c-jump-links__label--Visibility: hidden;
  }
  .pf-c-jump-links.pf-m-non-expandable-on-lg {
    --pf-c-jump-links__list--Display: flex;
    --pf-c-jump-links__list--Visibility: visible;
    --pf-c-jump-links__toggle--Display: none;
    --pf-c-jump-links__toggle--Visibility: hidden;
    --pf-c-jump-links__label--Display: block;
    --pf-c-jump-links__label--Visibility: visible;
  }
}
@media (min-width: 1200px) {
  .pf-c-jump-links.pf-m-expandable-on-xl {
    --pf-c-jump-links__list--Display: none;
    --pf-c-jump-links__list--Visibility: hidden;
    --pf-c-jump-links__toggle--Display: block;
    --pf-c-jump-links__toggle--Visibility: visible;
    --pf-c-jump-links__label--Display: none;
    --pf-c-jump-links__label--Visibility: hidden;
  }
  .pf-c-jump-links.pf-m-non-expandable-on-xl {
    --pf-c-jump-links__list--Display: flex;
    --pf-c-jump-links__list--Visibility: visible;
    --pf-c-jump-links__toggle--Display: none;
    --pf-c-jump-links__toggle--Visibility: hidden;
    --pf-c-jump-links__label--Display: block;
    --pf-c-jump-links__label--Visibility: visible;
  }
}
@media (min-width: 1450px) {
  .pf-c-jump-links.pf-m-expandable-on-2xl {
    --pf-c-jump-links__list--Display: none;
    --pf-c-jump-links__list--Visibility: hidden;
    --pf-c-jump-links__toggle--Display: block;
    --pf-c-jump-links__toggle--Visibility: visible;
    --pf-c-jump-links__label--Display: none;
    --pf-c-jump-links__label--Visibility: hidden;
  }
  .pf-c-jump-links.pf-m-non-expandable-on-2xl {
    --pf-c-jump-links__list--Display: flex;
    --pf-c-jump-links__list--Visibility: visible;
    --pf-c-jump-links__toggle--Display: none;
    --pf-c-jump-links__toggle--Visibility: hidden;
    --pf-c-jump-links__label--Display: block;
    --pf-c-jump-links__label--Visibility: visible;
  }
}
.pf-c-jump-links.pf-m-expanded {
  --pf-c-jump-links__list--Display: flex;
  --pf-c-jump-links__list--Visibility: visible;
  --pf-c-jump-links__toggle--MarginBottom: var(
    --pf-c-jump-links--m-expanded__toggle--MarginBottom
  );
  --pf-c-jump-links__toggle-icon--Rotate: var(
    --pf-c-jump-links--m-expanded__toggle-icon--Rotate
  );
  --pf-c-jump-links__toggle-icon--Color: var(
    --pf-c-jump-links--m-expanded__toggle-icon--Color
  );
}
.pf-c-jump-links__list {
  position: relative;
  display: var(--pf-c-jump-links__list--Display);
  flex-direction: var(--pf-c-jump-links__list--FlexDirection);
  padding-top: var(--pf-c-jump-links__list--PaddingTop);
  padding-right: var(--pf-c-jump-links__list--PaddingRight);
  padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
  padding-left: var(--pf-c-jump-links__list--PaddingLeft);
  visibility: var(--pf-c-jump-links__list--Visibility);
}
.pf-c-jump-links__list:before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: solid var(--pf-c-jump-links__list--before--BorderColor);
  border-width: var(--pf-c-jump-links__list--before--BorderTopWidth)
    var(--pf-c-jump-links__list--before--BorderRightWidth)
    var(--pf-c-jump-links__list--before--BorderBottomWidth)
    var(--pf-c-jump-links__list--before--BorderLeftWidth);
}
.pf-c-jump-links__list .pf-c-jump-links__list {
  --pf-c-jump-links__list--PaddingTop: 0;
  --pf-c-jump-links__list--PaddingBottom: 0;
  --pf-c-jump-links__link--PaddingTop: var(
    --pf-c-jump-links__list__list__link--PaddingTop
  );
  --pf-c-jump-links__link--PaddingBottom: var(
    --pf-c-jump-links__list__list__link--PaddingBottom
  );
  --pf-c-jump-links__link--PaddingLeft: var(
    --pf-c-jump-links__list__list__link--PaddingLeft
  );
  margin-top: var(--pf-c-jump-links__list__list--MarginTop);
}
.pf-c-jump-links__link {
  position: relative;
  display: flex;
  flex: 1;
  padding-top: var(--pf-c-jump-links__link--PaddingTop);
  padding-right: var(--pf-c-jump-links__link--PaddingRight);
  padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
  padding-left: var(--pf-c-jump-links__link--PaddingLeft);
  text-decoration: none;
  outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
}
.pf-c-jump-links__link:hover {
  --pf-c-jump-links__link-text--Color: var(
    --pf-c-jump-links__link--hover__link-text--Color
  );
}
.pf-c-jump-links__link:focus {
  --pf-c-jump-links__link-text--Color: var(
    --pf-c-jump-links__link--focus__link-text--Color
  );
}
.pf-c-jump-links__link:before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border-color: var(--pf-c-jump-links__link--before--BorderColor);
  border-style: solid;
  border-width: var(--pf-c-jump-links__link--before--BorderTopWidth)
    var(--pf-c-jump-links__link--before--BorderRightWidth)
    var(--pf-c-jump-links__link--before--BorderBottomWidth)
    var(--pf-c-jump-links__link--before--BorderLeftWidth);
}
.pf-c-jump-links__item {
  --pf-c-jump-links__list--before--BorderColor: transparent;
}
.pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
  --pf-c-jump-links__link--before--BorderTopWidth: var(
    --pf-c-jump-links__item--m-current__link--before--BorderTopWidth
  );
  --pf-c-jump-links__link--before--BorderLeftWidth: var(
    --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth
  );
  --pf-c-jump-links__link--before--BorderColor: var(
    --pf-c-jump-links__item--m-current__link--before--BorderColor
  );
  --pf-c-jump-links__link-text--Color: var(
    --pf-c-jump-links__item--m-current__link-text--Color
  );
}
.pf-c-jump-links__link-text {
  color: var(--pf-c-jump-links__link-text--Color);
}
.pf-c-jump-links__label {
  display: var(--pf-c-jump-links__label--Display);
  margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
  visibility: var(--pf-c-jump-links__label--Visibility);
}
.pf-c-jump-links__main {
  display: flex;
  flex-direction: column;
}
.pf-c-jump-links__toggle {
  display: var(--pf-c-jump-links__toggle--Display);
  margin-top: var(--pf-c-jump-links__toggle--MarginTop);
  margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
  margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
  visibility: var(--pf-c-jump-links__toggle--Visibility);
}
.pf-c-jump-links__toggle .pf-c-button {
  display: flex;
  align-items: center;
}
.pf-c-jump-links__toggle-icon {
  display: inline-block;
  color: var(--pf-c-jump-links__toggle-icon--Color);
  transition: var(--pf-c-jump-links__toggle-icon--Transition);
  transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
}
.pf-c-jump-links__toggle-text {
  margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
  color: var(--pf-c-jump-links__toggle-text--Color);
}
.pf-c-sidebar {
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-sidebar__main--FlexDirection: column;
  --pf-c-sidebar__main--md--FlexDirection: row;
  --pf-c-sidebar__main--AlignItems: stretch;
  --pf-c-sidebar__main--md--AlignItems: start;
  --pf-c-sidebar__main--child--MarginTop: 0;
  --pf-c-sidebar__main--child--MarginLeft: 0;
  --pf-c-sidebar--m-gutter__main--Gap: var(--pf-global--spacer--md);
  --pf-c-sidebar--m-gutter__main--xl--Gap: var(--pf-global--spacer--lg);
  --pf-c-sidebar--m-panel-right__panel--Order: 0;
  --pf-c-sidebar--m-panel-right__panel--md--Order: 1;
  --pf-c-sidebar--m-stack__main--FlexDirection: column;
  --pf-c-sidebar--m-stack__main--AlignItems: stretch;
  --pf-c-sidebar--m-stack__panel--Position: sticky;
  --pf-c-sidebar--m-stack__panel--Top: 0;
  --pf-c-sidebar--m-stack__panel--BoxShadow: var(
    --pf-c-sidebar__panel--BoxShadow--base
  );
  --pf-c-sidebar--m-stack--m-panel-right__panel--Order: 0;
  --pf-c-sidebar--m-split__main--AlignItems: start;
  --pf-c-sidebar--m-split__main--FlexDirection: row;
  --pf-c-sidebar--m-split__panel--Position: static;
  --pf-c-sidebar--m-split__panel--Top: auto;
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
  --pf-c-sidebar__panel--FlexBasis--base: auto;
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
  --pf-c-sidebar__panel--Top: 0;
  --pf-c-sidebar__panel--md--Top: auto;
  --pf-c-sidebar__panel--Position: sticky;
  --pf-c-sidebar__panel--md--Position: static;
  --pf-c-sidebar__panel--FlexBasis-base: auto;
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis-base);
  --pf-c-sidebar__panel--md--FlexBasis: 15.625rem;
  --pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
  --pf-c-sidebar__panel--m-stack--FlexBasis: auto;
  --pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-sidebar__panel--Order: 0;
  --pf-c-sidebar__panel--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-sidebar__content--BackgroundColor: var(
    --pf-global--BackgroundColor--100
  );
  --pf-c-sidebar__panel--m-sticky--Top: 0;
  --pf-c-sidebar__panel--m-sticky--Position: sticky;
  height: 100%;
}
@media (min-width: 768px) {
  .pf-c-sidebar {
    --pf-c-sidebar__main--FlexDirection: var(
      --pf-c-sidebar__main--md--FlexDirection
    );
    --pf-c-sidebar__panel--BoxShadow: none;
    --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
    --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
    --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
    --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
  }
}
@media (min-width: 1200px) {
  .pf-c-sidebar {
    --pf-c-sidebar--m-gutter__main--Gap: var(
      --pf-c-sidebar--m-gutter__main--xl--Gap
    );
  }
}
.pf-c-sidebar.pf-m-gutter {
  --pf-c-sidebar__main--child--MarginTop: var(
    --pf-c-sidebar--m-gutter__main--Gap
  );
  --pf-c-sidebar__main--child--MarginLeft: 0;
}
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
  margin-top: var(--pf-c-sidebar__main--child--MarginTop);
  margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
}
@media (min-width: 768px) {
  .pf-c-sidebar.pf-m-gutter {
    --pf-c-sidebar__main--child--MarginTop: 0;
    --pf-c-sidebar__main--child--MarginLeft: var(
      --pf-c-sidebar--m-gutter__main--Gap
    );
  }
}
.pf-c-sidebar.pf-m-panel-right {
  --pf-c-sidebar__panel--Order: var(
    --pf-c-sidebar--m-panel-right__panel--Order
  );
}
@media (min-width: 768px) {
  .pf-c-sidebar.pf-m-panel-right {
    --pf-c-sidebar--m-panel-right__panel--Order: var(
      --pf-c-sidebar--m-panel-right__panel--md--Order
    );
  }
}
.pf-c-sidebar.pf-m-stack {
  --pf-c-sidebar__main--FlexDirection: var(
    --pf-c-sidebar--m-stack__main--FlexDirection
  );
  --pf-c-sidebar__main--AlignItems: var(
    --pf-c-sidebar--m-stack__main--AlignItems
  );
  --pf-c-sidebar__main--child--MarginTop: var(
    --pf-c-sidebar--m-gutter__main--Gap
  );
  --pf-c-sidebar__main--child--MarginLeft: 0;
  --pf-c-sidebar__panel--Position: var(
    --pf-c-sidebar--m-stack__panel--Position
  );
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
  --pf-c-sidebar__panel--BoxShadow: var(
    --pf-c-sidebar--m-stack__panel--BoxShadow
  );
  --pf-c-sidebar__panel--FlexBasis: var(
    --pf-c-sidebar__panel--m-stack--FlexBasis
  );
  --pf-c-sidebar--m-panel-right__panel--Order: var(
    --pf-c-sidebar--m-stack--m-panel-right__panel--Order
  );
}
.pf-c-sidebar.pf-m-split {
  --pf-c-sidebar__main--FlexDirection: var(
    --pf-c-sidebar--m-split__main--FlexDirection
  );
  --pf-c-sidebar__main--AlignItems: var(
    --pf-c-sidebar--m-split__main--AlignItems
  );
  --pf-c-sidebar__main--child--MarginTop: 0;
  --pf-c-sidebar__main--child--MarginLeft: var(
    --pf-c-sidebar--m-gutter__main--Gap
  );
  --pf-c-sidebar__panel--Position: var(
    --pf-c-sidebar--m-split__panel--Position
  );
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
  --pf-c-sidebar__panel--BoxShadow: none;
  --pf-c-sidebar__panel--FlexBasis: var(
    --pf-c-sidebar__panel--m-split--FlexBasis
  );
  --pf-c-sidebar--m-panel-right__panel--Order: var(
    --pf-c-sidebar--m-split--m-panel-right__panel--Order
  );
}
.pf-c-sidebar__main {
  display: flex;
  flex-direction: var(--pf-c-sidebar__main--FlexDirection);
  align-items: var(--pf-c-sidebar__main--AlignItems);
}
.pf-c-sidebar__panel {
  position: var(--pf-c-sidebar__panel--Position);
  top: var(--pf-c-sidebar__panel--Top);
  z-index: var(--pf-c-sidebar__panel--ZIndex);
  flex-shrink: 0;
  flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
  order: var(--pf-c-sidebar__panel--Order);
  background-color: var(--pf-c-sidebar__panel--BackgroundColor);
  box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
}
.pf-c-sidebar__panel.pf-m-sticky {
  --pf-c-sidebar__panel--Position: var(
    --pf-c-sidebar__panel--m-sticky--Position
  );
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
}
.pf-c-sidebar__panel.pf-m-static {
  --pf-c-sidebar__panel--Position: static;
  --pf-c-sidebar__panel--Top: auto;
}
.pf-c-sidebar__content {
  flex-grow: 1;
  background-color: var(--pf-c-sidebar__content--BackgroundColor);
}
.pf-c-sidebar__content.pf-m-no-background {
  --pf-c-sidebar__content--BackgroundColor: transparent;
}
.pf-c-sidebar.pf-m-no-background,
.pf-c-sidebar__panel.pf-m-no-background,
.pf-c-sidebar__content.pf-m-no-background {
  background-color: transparent;
}
.pf-c-sidebar__panel.pf-m-width-default {
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
}
.pf-c-sidebar__panel.pf-m-width-25 {
  --pf-c-sidebar__panel--FlexBasis: 25%;
}
.pf-c-sidebar__panel.pf-m-width-33 {
  --pf-c-sidebar__panel--FlexBasis: 33%;
}
.pf-c-sidebar__panel.pf-m-width-50 {
  --pf-c-sidebar__panel--FlexBasis: 50%;
}
.pf-c-sidebar__panel.pf-m-width-66 {
  --pf-c-sidebar__panel--FlexBasis: 66%;
}
.pf-c-sidebar__panel.pf-m-width-75 {
  --pf-c-sidebar__panel--FlexBasis: 75%;
}
.pf-c-sidebar__panel.pf-m-width-100 {
  --pf-c-sidebar__panel--FlexBasis: 100%;
}
@media (min-width: 576px) {
  .pf-c-sidebar__panel.pf-m-width-default-on-sm {
    --pf-c-sidebar__panel--FlexBasis: var(
      --pf-c-sidebar__panel--FlexBasis--base
    );
  }
  .pf-c-sidebar__panel.pf-m-width-25-on-sm {
    --pf-c-sidebar__panel--FlexBasis: 25%;
  }
  .pf-c-sidebar__panel.pf-m-width-33-on-sm {
    --pf-c-sidebar__panel--FlexBasis: 33%;
  }
  .pf-c-sidebar__panel.pf-m-width-50-on-sm {
    --pf-c-sidebar__panel--FlexBasis: 50%;
  }
  .pf-c-sidebar__panel.pf-m-width-66-on-sm {
    --pf-c-sidebar__panel--FlexBasis: 66%;
  }
  .pf-c-sidebar__panel.pf-m-width-75-on-sm {
    --pf-c-sidebar__panel--FlexBasis: 75%;
  }
  .pf-c-sidebar__panel.pf-m-width-100-on-sm {
    --pf-c-sidebar__panel--FlexBasis: 100%;
  }
}
@media (min-width: 768px) {
  .pf-c-sidebar__panel.pf-m-width-default-on-md {
    --pf-c-sidebar__panel--FlexBasis: var(
      --pf-c-sidebar__panel--FlexBasis--base
    );
  }
  .pf-c-sidebar__panel.pf-m-width-25-on-md {
    --pf-c-sidebar__panel--FlexBasis: 25%;
  }
  .pf-c-sidebar__panel.pf-m-width-33-on-md {
    --pf-c-sidebar__panel--FlexBasis: 33%;
  }
  .pf-c-sidebar__panel.pf-m-width-50-on-md {
    --pf-c-sidebar__panel--FlexBasis: 50%;
  }
  .pf-c-sidebar__panel.pf-m-width-66-on-md {
    --pf-c-sidebar__panel--FlexBasis: 66%;
  }
  .pf-c-sidebar__panel.pf-m-width-75-on-md {
    --pf-c-sidebar__panel--FlexBasis: 75%;
  }
  .pf-c-sidebar__panel.pf-m-width-100-on-md {
    --pf-c-sidebar__panel--FlexBasis: 100%;
  }
}
@media (min-width: 992px) {
  .pf-c-sidebar__panel.pf-m-width-default-on-lg {
    --pf-c-sidebar__panel--FlexBasis: var(
      --pf-c-sidebar__panel--FlexBasis--base
    );
  }
  .pf-c-sidebar__panel.pf-m-width-25-on-lg {
    --pf-c-sidebar__panel--FlexBasis: 25%;
  }
  .pf-c-sidebar__panel.pf-m-width-33-on-lg {
    --pf-c-sidebar__panel--FlexBasis: 33%;
  }
  .pf-c-sidebar__panel.pf-m-width-50-on-lg {
    --pf-c-sidebar__panel--FlexBasis: 50%;
  }
  .pf-c-sidebar__panel.pf-m-width-66-on-lg {
    --pf-c-sidebar__panel--FlexBasis: 66%;
  }
  .pf-c-sidebar__panel.pf-m-width-75-on-lg {
    --pf-c-sidebar__panel--FlexBasis: 75%;
  }
  .pf-c-sidebar__panel.pf-m-width-100-on-lg {
    --pf-c-sidebar__panel--FlexBasis: 100%;
  }
}
@media (min-width: 1200px) {
  .pf-c-sidebar__panel.pf-m-width-default-on-xl {
    --pf-c-sidebar__panel--FlexBasis: var(
      --pf-c-sidebar__panel--FlexBasis--base
    );
  }
  .pf-c-sidebar__panel.pf-m-width-25-on-xl {
    --pf-c-sidebar__panel--FlexBasis: 25%;
  }
  .pf-c-sidebar__panel.pf-m-width-33-on-xl {
    --pf-c-sidebar__panel--FlexBasis: 33%;
  }
  .pf-c-sidebar__panel.pf-m-width-50-on-xl {
    --pf-c-sidebar__panel--FlexBasis: 50%;
  }
  .pf-c-sidebar__panel.pf-m-width-66-on-xl {
    --pf-c-sidebar__panel--FlexBasis: 66%;
  }
  .pf-c-sidebar__panel.pf-m-width-75-on-xl {
    --pf-c-sidebar__panel--FlexBasis: 75%;
  }
  .pf-c-sidebar__panel.pf-m-width-100-on-xl {
    --pf-c-sidebar__panel--FlexBasis: 100%;
  }
}
@media (min-width: 1450px) {
  .pf-c-sidebar__panel.pf-m-width-default-on-2xl {
    --pf-c-sidebar__panel--FlexBasis: var(
      --pf-c-sidebar__panel--FlexBasis--base
    );
  }
  .pf-c-sidebar__panel.pf-m-width-25-on-2xl {
    --pf-c-sidebar__panel--FlexBasis: 25%;
  }
  .pf-c-sidebar__panel.pf-m-width-33-on-2xl {
    --pf-c-sidebar__panel--FlexBasis: 33%;
  }
  .pf-c-sidebar__panel.pf-m-width-50-on-2xl {
    --pf-c-sidebar__panel--FlexBasis: 50%;
  }
  .pf-c-sidebar__panel.pf-m-width-66-on-2xl {
    --pf-c-sidebar__panel--FlexBasis: 66%;
  }
  .pf-c-sidebar__panel.pf-m-width-75-on-2xl {
    --pf-c-sidebar__panel--FlexBasis: 75%;
  }
  .pf-c-sidebar__panel.pf-m-width-100-on-2xl {
    --pf-c-sidebar__panel--FlexBasis: 100%;
  }
}
.kc-scroll-form--sticky {
  position: sticky;
  top: 0;
}
.kc-form-panel__panel {
  margin-top: var(--pf-global--spacer--lg);
}
.kc-form-panel__title {
  margin-bottom: var(--pf-global--spacer--lg);
}
.pf-l-gallery {
  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
  --pf-l-gallery--GridTemplateColumns--min: 250px;
  --pf-l-gallery--GridTemplateColumns--max: 1fr;
  --pf-l-gallery--GridTemplateColumns: repeat(
    auto-fill,
    minmax(
      var(--pf-l-gallery--GridTemplateColumns--minmax--min),
      var(--pf-l-gallery--GridTemplateColumns--minmax--max)
    )
  );
  --pf-l-gallery--GridTemplateRows: auto;
  display: grid;
  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
  --pf-l-gallery--GridTemplateColumns--minmax--min: var(
    --pf-l-gallery--GridTemplateColumns--min
  );
  --pf-l-gallery--GridTemplateColumns--minmax--max: var(
    --pf-l-gallery--GridTemplateColumns--max
  );
}
.pf-l-gallery.pf-m-gutter {
  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
}
@media (min-width: 576px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--min: var(
      --pf-l-gallery--GridTemplateColumns--min-on-sm,
      var(--pf-l-gallery--GridTemplateColumns--min)
    );
  }
}
@media (min-width: 768px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--min: var(
      --pf-l-gallery--GridTemplateColumns--min-on-md,
      var(
        --pf-l-gallery--GridTemplateColumns--min-on-sm,
        var(--pf-l-gallery--GridTemplateColumns--min)
      )
    );
  }
}
@media (min-width: 992px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--min: var(
      --pf-l-gallery--GridTemplateColumns--min-on-lg,
      var(
        --pf-l-gallery--GridTemplateColumns--min-on-md,
        var(
          --pf-l-gallery--GridTemplateColumns--min-on-sm,
          var(--pf-l-gallery--GridTemplateColumns--min)
        )
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--min: var(
      --pf-l-gallery--GridTemplateColumns--min-on-xl,
      var(
        --pf-l-gallery--GridTemplateColumns--min-on-lg,
        var(
          --pf-l-gallery--GridTemplateColumns--min-on-md,
          var(
            --pf-l-gallery--GridTemplateColumns--min-on-sm,
            var(--pf-l-gallery--GridTemplateColumns--min)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--min: var(
      --pf-l-gallery--GridTemplateColumns--min-on-2xl,
      var(
        --pf-l-gallery--GridTemplateColumns--min-on-xl,
        var(
          --pf-l-gallery--GridTemplateColumns--min-on-lg,
          var(
            --pf-l-gallery--GridTemplateColumns--min-on-md,
            var(
              --pf-l-gallery--GridTemplateColumns--min-on-sm,
              var(--pf-l-gallery--GridTemplateColumns--min)
            )
          )
        )
      )
    );
  }
}
@media (min-width: 576px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--max: var(
      --pf-l-gallery--GridTemplateColumns--max-on-sm,
      var(--pf-l-gallery--GridTemplateColumns--max)
    );
  }
}
@media (min-width: 768px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--max: var(
      --pf-l-gallery--GridTemplateColumns--max-on-md,
      var(
        --pf-l-gallery--GridTemplateColumns--max-on-sm,
        var(--pf-l-gallery--GridTemplateColumns--max)
      )
    );
  }
}
@media (min-width: 992px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--max: var(
      --pf-l-gallery--GridTemplateColumns--max-on-lg,
      var(
        --pf-l-gallery--GridTemplateColumns--max-on-md,
        var(
          --pf-l-gallery--GridTemplateColumns--max-on-sm,
          var(--pf-l-gallery--GridTemplateColumns--max)
        )
      )
    );
  }
}
@media (min-width: 1200px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--max: var(
      --pf-l-gallery--GridTemplateColumns--max-on-xl,
      var(
        --pf-l-gallery--GridTemplateColumns--max-on-lg,
        var(
          --pf-l-gallery--GridTemplateColumns--max-on-md,
          var(
            --pf-l-gallery--GridTemplateColumns--max-on-sm,
            var(--pf-l-gallery--GridTemplateColumns--max)
          )
        )
      )
    );
  }
}
@media (min-width: 1450px) {
  .pf-l-gallery {
    --pf-l-gallery--GridTemplateColumns--minmax--max: var(
      --pf-l-gallery--GridTemplateColumns--max-on-2xl,
      var(
        --pf-l-gallery--GridTemplateColumns--max-on-xl,
        var(
          --pf-l-gallery--GridTemplateColumns--max-on-lg,
          var(
            --pf-l-gallery--GridTemplateColumns--max-on-md,
            var(
              --pf-l-gallery--GridTemplateColumns--max-on-sm,
              var(--pf-l-gallery--GridTemplateColumns--max)
            )
          )
        )
      )
    );
  }
}
.keycloak__realm-settings__partial-import_form {
  padding: var(--pf-global--spacer--lg) 0 var(--pf-global--spacer--lg) 0;
}
.keycloak__security-defences__form {
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 12rem;
}
.pf-c-card.pf-m-flat.kc-login-screen,
.pf-c-card.pf-m-flat.kc-email-settings,
.pf-c-card.pf-m-flat.kc-user-info-settings,
.pf-c-card.pf-m-flat.kc-email-template,
.pf-c-card.pf-m-flat.kc-email-connection,
.pf-c-card.pf-m-flat.kc-message-bundles,
.pf-c-card.pf-m-flat.kc-sso-session-template,
.pf-c-card.pf-m-flat.kc-client-session-template,
.pf-c-card.pf-m-flat.kc-offline-session-template,
.pf-c-card.pf-m-flat.kc-login-settings-template {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: var(--pf-global--spacer--sm);
}
article.pf-c-card.pf-m-flat.kc-email-template
  > .pf-c-card__header.kc-form-panel__header,
article.pf-c-card.pf-m-flat.kc-email-connection
  > .pf-c-card__header.kc-form-panel__header {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.kc-login-screen > div.pf-c-card__header.kc-form-panel__header,
.kc-email-settings > div.pf-c-card__header.kc-form-panel__header,
.kc-email-template > div.pf-c-card__header.kc-form-panel__header,
.kc-user-info-settings > div.pf-c-card__header.kc-form-panel__header {
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 0;
}
.kc-email-settings > div.pf-c-card__body.kc-form-panel__body,
.kc-email-template > div.pf-c-card__body.kc-form-panel__body,
.kc-login-screen > div.pf-c-card__body.kc-form-panel__body,
.kc-user-info-settings > div.pf-c-card__body.kc-form-panel__body {
  padding-left: 0;
  padding-bottom: var(--pf-global--spacer--2xl);
}
button.kc-certificate.pf-c-button.pf-m-secondary {
  margin-left: var(--pf-global--spacer--md);
}
.pf-c-data-list__item-content.data-list-cells {
  margin-left: var(--pf-global--spacer--xl);
}
button.pf-c-data-list__item-draggable-button.pf-m-disabled.header-drag-button {
  display: none;
}
button.pf-c-data-list__item-draggable-button.row-drag-button {
  padding-top: var(--pf-global--spacer--md);
}
.pf-c-data-list__item-control {
  margin-right: 0;
}
.pf-c-data-list__item-row.test {
  font-weight: 700;
}
button.pf-c-button.pf-m-link.add-provider {
  padding: 0;
}
.pf-c-toolbar__group.providers-toolbar {
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
}
div#login-action-timeout-label > .pf-c-form__group-label,
div#offline-session-max-label > .pf-c-form__group-label {
  width: 90%;
}
div#offline-session-max-label > .pf-c-form__group-label {
  width: 85%;
}
.add-provider-modal > div.pf-c-modal-box__body {
  overflow: visible;
}
.pf-c-content.messageBundleDescription {
  max-width: 1024px;
  padding-bottom: var(--pf-global--spacer--lg);
}
.kc-message-bundles > .pf-c-card__body.kc-form-panel__body > div.tableBorder {
  border-style: solid;
  border-width: 1px;
  border-color: var(--pf-global--BorderColor--100);
  max-width: 1024px;
}
.pf-c-form__group.kc-email-form-group {
  display: inline-block !important;
}
.pf-c-content.kc-provide-email-text {
  padding-bottom: var(--pf-global--spacer--md);
}
.kc-sso-session-idle-input,
.kc-sso-session-max-input,
.kc-sso-session-max-input,
.kc-sso-session-idle-remember-me-input,
.kc-sso-session-max-remember-me-input,
.kc-offline-session-idle-input,
.kc-offline-session-max-input,
.kc-client-session-idle-input,
.kc-client-session-max-input,
.kc-login-timeout-input,
.kc-login-action-timeout-input,
.kc-access-token-lifespan-input,
.kc-user-initiated-action-lifespan-input,
.kc-default-admin-initiated-input,
.kc-access-token-lifespan-implicit-input,
.kc-client-login-timeout-input,
.kc-email-verification-input,
.kc-idp-email-verification-input,
.kc-idp-forgot-password-input,
.kc-forgot-pw-input,
.kc-execute-actions-input {
  width: 170px;
  margin-right: 12px;
}
.kc-sso-session-idle-select,
.kc-sso-session-max-select,
.kc-sso-session-idle-remember-me-select,
.kc-sso-session-max-remember-me-select,
.kc-client-session-idle-select,
.kc-client-session-max-select,
.kc-offline-session-idle-select,
.kc-offline-session-max-select,
.kc-login-action-timeout-select,
.kc-sso-session-idle-select.pf-m-expanded,
.kc-sso-session-max-select.pf-m-expanded {
  width: 170px;
}
article.pf-c-card.pf-m-flat.kc-sso-session-template
  > .pf-c-card__header.kc-form-panel__header,
article.pf-c-card.pf-m-flat.kc-sso-session-template
  > .pf-c-card__body.kc-form-panel__body,
article.pf-c-card.pf-m-flat.kc-client-session-template
  > .pf-c-card__header.kc-form-panel__header,
article.pf-c-card.pf-m-flat.kc-client-session-template
  > .pf-c-card__body.kc-form-panel__body,
article.pf-c-card.pf-m-flat.kc-offline-session-template
  > .pf-c-card__header.kc-form-panel__header,
article.pf-c-card.pf-m-flat.kc-offline-session-template
  > .pf-c-card__body.kc-form-panel__body,
article.pf-c-card.pf-m-flat.kc-login-settings-template
  > .pf-c-card__header.kc-form-panel__header,
article.pf-c-card.pf-m-flat.kc-login-settings-template
  > .pf-c-card__body.kc-form-panel__body,
article.pf-c-card.pf-m-flat.kc-email-connection
  > .pf-c-card__body.kc-form-panel__body {
  padding: 0;
}
.kc-override-action-tokens-subtitle {
  font-size: var(--pf-global--FontSize--md);
  font-weight: 700;
}
.kc-row-drag-button {
  padding: var(--pf-global--spacer--sm);
}
.kc-profiles-config-section {
  align-items: center;
}
.kc-form-radio-btn > input {
  transform: scale(1.6);
}
.kc-editor-radio-btn > input {
  transform: scale(1.6);
}
.kc-emptyExecutors,
.kc-emptyConditions,
.kc-emptyClientProfiles {
  color: #8d9195;
}
.kc-action-dropdown {
  background-color: transparent;
}
.kc-executor-link {
  margin-right: 0.625rem;
}
.kc-unclickable-executor {
  font-size: var(--pf-global--FontSize--md);
  padding: 0 var(--pf-global--spacer--md) 0 var(--pf-global--spacer--md);
}
.kc-backToPolicies,
.kc-backToPolicies {
  width: 5rem;
}
.kc-backToPolicies {
  float: left;
}
.kc-executor-trash-icon {
  margin-left: 0.5rem;
  color: var(--pf-global--Color--200);
}
.kc-executor-trash-icon:hover {
  filter: brightness(55%);
}
.kc-condition-link {
  margin-right: 0.625rem;
}
.kc-conditionType-trash-icon {
  margin-left: 0.5rem;
  color: var(--pf-global--Color--400);
}
.kc-conditionType-trash-icon:hover {
  filter: brightness(55%);
}
.kc_eventListeners_select {
  width: 35rem;
}
input#kc-scopes {
  width: 630px;
  margin-right: 24px;
}
.kc-client-scopes-chip-group {
  margin-right: var(--pf-global--spacer--2xl);
  max-width: 585px;
  min-width: 585px;
  padding-left: none;
}
.kc-requiredFor {
  display: flex;
}
.kc-requiredFor-option {
  margin-right: 20px;
}
.kc-emptyValidators {
  color: #8d9195;
  margin-left: 25px;
}
.kc-attributes-validations {
  max-width: 1024px;
  margin-bottom: 52px;
}
.kc-attributeCancel {
  align-self: center;
}
.kc--attributes-validations--add-validation-button {
  margin-top: -55px;
  float: right;
}
.kc--attributes-validations--action-cell {
  text-align: right;
}
.kc-filter-session-type-select {
  margin-right: 10px;
  width: 300px;
}
.pf-c-form__group.kc-revocation-modal-form-group {
  display: inline-block !important;
}
.keycloak__user-federation__custom-form {
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 12rem;
}
.kc-wizard-section-header__title {
  margin-bottom: var(--pf-global--spacer--lg);
}
.kc-wizard-section-header__title--has-description {
  margin-bottom: var(--pf-global--spacer--sm);
}
.kc-wizard-section-header__description {
  margin-bottom: var(--pf-global--spacer--lg);
}
.keycloak-admin--keycloak-card__footer-text {
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
}
.keycloak__user-federation__dropdown {
  margin-top: var(--pf-global--spacer--lg);
}
.keycloak-admin--user-federation__gallery-item {
  display: contents;
}
.keycloak__user-federation__assign-role {
  display: flex;
  flex-direction: row;
  align-items: right;
}
.keycloak__user-federation__assign-role-btn {
  margin-left: 10px;
}
.keycloak__user-section__email-verified {
  color: var(--pf-global--danger-color--100);
}
button.pf-c-button.pf-m-primary.kc-join-group-button {
  margin-left: var(--pf-global--spacer--md);
  margin-right: var(--pf-global--spacer--xl);
}
.kc-consents-chip-group .pf-c-chip-group,
kc-consents-chip-group .pf-c-chip-group__list {
  width: 100%;
}
button#kc-join-groups-button {
  height: min-content;
}
.kc-join-group-modal-check {
  margin-right: var(--pf-global--spacer--sm);
}
.join-group-dialog-row-disabled {
  cursor: not-allowed;
}
.join-group-dialog-row-m-disabled {
  pointer-events: none;
  color: var(--pf-global--disabled-color--200);
}
.kc-who-will-appear-button {
  margin-left: var(--pf-global--spacer--md);
}
.pf-c-chip.kc-consents-chip:before {
  padding: 0;
  border: 0;
}
.pf-c-chip.kc-consents-chip {
  padding: 0;
}
.kc-consents-chip-group .pf-c-chip-group__list-item {
  margin-right: 0;
}
#consents-chip-text.pf-c-chip-text {
  font-size: var(--pf-c-table--cell--FontSize);
}
.kc-consents-chip > .pf-c-chip__text {
  font-size: var(--pf-c-table--cell--FontSize);
  max-width: 100%;
}
.pf-c-chip-group.kc-consents-chip-group
  > div.pf-c-chip-group__main
  > ul.pf-c-chip-group__list
  li:first-child
  .pf-c-chip__text:before {
  content: "";
}
.pf-c-chip-group.kc-consents-chip-group
  > div.pf-c-chip-group__main
  > ul.pf-c-chip-group__list
  .pf-c-chip__text:before {
  content: ", ";
}
div.pf-c-chip-group.kc-consents-chip-group
  > div.pf-c-chip-group__main
  > ul.pf-c-chip-group__list
  > li.pf-c-chip-group__list-item:last-child
  > button.pf-c-chip.pf-m-overflow:before {
  content: "";
  margin-left: var(--pf-global--spacer--sm);
}
div.pf-c-chip-group.kc-consents-chip-group
  > div.pf-c-chip-group__main
  > ul.pf-c-chip-group__list
  > li.pf-c-chip-group__list-item:last-child
  > button.pf-c-chip.pf-m-overflow
  > span:before {
  content: "";
  margin-left: var(--pf-global--spacer--sm);
}
.kc-search-users-text {
  margin-left: var(--pf-global--spacer--md);
  color: var(--pf-global--Color--400);
}
article.pf-c-card.pf-m-flat.kc-linked-idps,
article.pf-c-card.pf-m-flat.kc-available-idps {
  border: 0px;
}
article.pf-c-card.pf-m-flat.kc-linked-idps > div > div > h1 {
  margin-bottom: 0;
}
article.pf-c-card.pf-m-flat.kc-available-idps > div > div > h1 {
  margin-bottom: 0;
}
.kc-available-idps-text {
  color: var(--pf-global--Color--200);
  margin-top: var(--pf-global--spacer--sm);
}
.kc-linked-idps-text {
  color: var(--pf-global--Color--200);
}
.kc-no-providers-text {
  text-align: center;
}
.keycloak__user-credentials__reset-form {
  --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 13rem;
}
.pf-c-card__header.kc-form-panel__header,
.pf-c-card__body.kc-form-panel__body {
  padding-bottom: 0;
}
.pf-c-content.kc-no-providers-text {
  margin-top: calc(
    var(--pf-global--spacer--2xl) - var(--pf-global--spacer--sm)
  );
  margin-right: var(--pf-global--spacer--md);
  margin-bottom: var(--pf-global--spacer--2xl);
}
.kc-username-view-header {
  overflow-wrap: anywhere;
}
.pf-c-table tbody > tr > * {
  white-space: nowrap;
}
.kc-edit-icon {
  color: var(--pf-global--Color--200);
  margin-left: 5px;
}
.kc-showData-btn {
  padding-left: 0;
}
.kc-userLabel-row {
  display: inline-block !important;
  width: 100%;
}
.kc-form-group-userLabel,
.kc-userLabel-actionBtns {
  display: flex;
}
.kc-editUserLabel-btn,
.kc-editUserLabel-cancelBtn {
  color: var(--pf-global--Color--200) !important;
}
.kc-editUserLabel-btn {
  padding-top: 0;
}
.kc-editUserLabel-btn:hover {
  filter: brightness(55%);
}
.kc-editUserLabel-acceptBtn {
  padding-right: 8px;
}
.kc-editUserLabel-cancelBtn {
  padding-left: 8px !important;
}
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > :last-child {
  overflow-wrap: anywhere;
}
.kc-setPasswordBtn-tbl {
  margin: 25px 0 25px 25px;
}
.kc-form-userLabel {
  max-height: 0px;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.kc-notExpandableRow-credentialType {
  padding: 15px 0 15px 15px !important;
}
.kc-expandableRow-credentialType {
  padding-left: 15px !important;
}
.kc-expandRow-btn {
  vertical-align: middle;
}
.kc-temporaryPassword {
  margin: 6px 0 10px 35px;
}
.kc-resetCredentialBtn-header {
  float: right;
  margin: 20px 40px 0 0;
}
tr.kc-table-header th {
  padding-top: 0 !important;
}
td.one-row button svg {
  color: var(--pf-c-button--disabled--Color);
}

.pf-c-button.pf-m-primary:hover{
  background-color: #1C66AC;
  color:#ffffff;
}

.pf-c-button.pf-m-link:hover{
  background-color: #1C66AC;
  color:#ffffff;
}
.pf-c-page__header-brand-link{
border-right:1px solid #bdc3c7
  
}

button[data-testid="general-tab-save"] {
  background-color: #1C66AC !important; 
  color:#ffffff !important; 
}

button[data-testid="general-tab-revert"] {
  color: #1C66AC !important;
  background-color: #ffffff !important;
}

.pf-c-dropdown__menu-item:hover{
  background-color: #1C66AC;
  color:#ffffff;
}