@patternfly/patternfly/utilities/_index.css

Assets, source, tooling, and content for PatternFly 4

.pf-v6-u-screen-reader {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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

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

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

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

@media screen and (min-width: 36rem) {
  .pf-v6-u-hidden-on-sm {
    display: none !important;
  }
}

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

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

@media screen and (min-width: 48rem) {
  .pf-v6-u-hidden-on-md {
    display: none !important;
  }
}

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

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

@media screen and (min-width: 62rem) {
  .pf-v6-u-hidden-on-lg {
    display: none !important;
  }
}

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

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

@media screen and (min-width: 75rem) {
  .pf-v6-u-hidden-on-xl {
    display: none !important;
  }
}

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

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

@media screen and (min-width: 90.625rem) {
  .pf-v6-u-hidden-on-2xl {
    display: none !important;
  }
}

.pf-v6-u-text-align-start {
  text-align: start !important;
}

.pf-v6-u-text-align-center {
  text-align: center !important;
}

.pf-v6-u-text-align-end {
  text-align: end !important;
}

.pf-v6-u-text-align-justify {
  text-align: justify !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-text-align-start-on-sm {
    text-align: start !important;
  }
  .pf-v6-u-text-align-center-on-sm {
    text-align: center !important;
  }
  .pf-v6-u-text-align-end-on-sm {
    text-align: end !important;
  }
  .pf-v6-u-text-align-justify-on-sm {
    text-align: justify !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-text-align-start-on-md {
    text-align: start !important;
  }
  .pf-v6-u-text-align-center-on-md {
    text-align: center !important;
  }
  .pf-v6-u-text-align-end-on-md {
    text-align: end !important;
  }
  .pf-v6-u-text-align-justify-on-md {
    text-align: justify !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-text-align-start-on-lg {
    text-align: start !important;
  }
  .pf-v6-u-text-align-center-on-lg {
    text-align: center !important;
  }
  .pf-v6-u-text-align-end-on-lg {
    text-align: end !important;
  }
  .pf-v6-u-text-align-justify-on-lg {
    text-align: justify !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-text-align-start-on-xl {
    text-align: start !important;
  }
  .pf-v6-u-text-align-center-on-xl {
    text-align: center !important;
  }
  .pf-v6-u-text-align-end-on-xl {
    text-align: end !important;
  }
  .pf-v6-u-text-align-justify-on-xl {
    text-align: justify !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-text-align-start-on-2xl {
    text-align: start !important;
  }
  .pf-v6-u-text-align-center-on-2xl {
    text-align: center !important;
  }
  .pf-v6-u-text-align-end-on-2xl {
    text-align: end !important;
  }
  .pf-v6-u-text-align-justify-on-2xl {
    text-align: justify !important;
  }
}
.pf-v6-u-background-color-disabled {
  background-color: var(--pf-t--global--background--color--disabled--default) !important;
}

.pf-v6-u-background-color-inverse {
  background-color: var(--pf-t--global--background--color--inverse--default) !important;
}

.pf-v6-u-background-color-highlight {
  background-color: var(--pf-t--global--background--color--highlight--default) !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-background-color-disabled-on-sm {
    background-color: var(--pf-t--global--background--color--disabled--default) !important;
  }
  .pf-v6-u-background-color-inverse-on-sm {
    background-color: var(--pf-t--global--background--color--inverse--default) !important;
  }
  .pf-v6-u-background-color-highlight-on-sm {
    background-color: var(--pf-t--global--background--color--highlight--default) !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-background-color-disabled-on-md {
    background-color: var(--pf-t--global--background--color--disabled--default) !important;
  }
  .pf-v6-u-background-color-inverse-on-md {
    background-color: var(--pf-t--global--background--color--inverse--default) !important;
  }
  .pf-v6-u-background-color-highlight-on-md {
    background-color: var(--pf-t--global--background--color--highlight--default) !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-background-color-disabled-on-lg {
    background-color: var(--pf-t--global--background--color--disabled--default) !important;
  }
  .pf-v6-u-background-color-inverse-on-lg {
    background-color: var(--pf-t--global--background--color--inverse--default) !important;
  }
  .pf-v6-u-background-color-highlight-on-lg {
    background-color: var(--pf-t--global--background--color--highlight--default) !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-background-color-disabled-on-xl {
    background-color: var(--pf-t--global--background--color--disabled--default) !important;
  }
  .pf-v6-u-background-color-inverse-on-xl {
    background-color: var(--pf-t--global--background--color--inverse--default) !important;
  }
  .pf-v6-u-background-color-highlight-on-xl {
    background-color: var(--pf-t--global--background--color--highlight--default) !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-background-color-disabled-on-2xl {
    background-color: var(--pf-t--global--background--color--disabled--default) !important;
  }
  .pf-v6-u-background-color-inverse-on-2xl {
    background-color: var(--pf-t--global--background--color--inverse--default) !important;
  }
  .pf-v6-u-background-color-highlight-on-2xl {
    background-color: var(--pf-t--global--background--color--highlight--default) !important;
  }
}
.pf-v6-u-box-shadow-sm {
  box-shadow: var(--pf-t--global--box-shadow--sm) !important;
}

.pf-v6-u-box-shadow-sm-top {
  box-shadow: var(--pf-t--global--box-shadow--sm--top) !important;
}

.pf-v6-u-box-shadow-sm-right {
  box-shadow: var(--pf-t--global--box-shadow--sm--right) !important;
}

.pf-v6-u-box-shadow-sm-bottom {
  box-shadow: var(--pf-t--global--box-shadow--sm--bottom) !important;
}

.pf-v6-u-box-shadow-sm-left {
  box-shadow: var(--pf-t--global--box-shadow--sm--left) !important;
}

.pf-v6-u-box-shadow-md {
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
}

.pf-v6-u-box-shadow-md-top {
  box-shadow: var(--pf-t--global--box-shadow--md--top) !important;
}

.pf-v6-u-box-shadow-md-right {
  box-shadow: var(--pf-t--global--box-shadow--md--right) !important;
}

.pf-v6-u-box-shadow-md-bottom {
  box-shadow: var(--pf-t--global--box-shadow--md--bottom) !important;
}

.pf-v6-u-box-shadow-md-left {
  box-shadow: var(--pf-t--global--box-shadow--md--left) !important;
}

.pf-v6-u-box-shadow-lg {
  box-shadow: var(--pf-t--global--box-shadow--lg) !important;
}

.pf-v6-u-box-shadow-lg-top {
  box-shadow: var(--pf-t--global--box-shadow--lg--top) !important;
}

.pf-v6-u-box-shadow-lg-right {
  box-shadow: var(--pf-t--global--box-shadow--lg--right) !important;
}

.pf-v6-u-box-shadow-lg-bottom {
  box-shadow: var(--pf-t--global--box-shadow--lg--bottom) !important;
}

.pf-v6-u-box-shadow-lg-left {
  box-shadow: var(--pf-t--global--box-shadow--lg--left) !important;
}

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

.pf-v6-u-display-inline-block {
  display: inline-block !important;
}

.pf-v6-u-display-block {
  display: block !important;
}

.pf-v6-u-display-inline {
  display: inline !important;
}

.pf-v6-u-display-table {
  display: table !important;
}

.pf-v6-u-display-table-cell {
  display: table-cell !important;
}

.pf-v6-u-display-table-row {
  display: table-row !important;
}

.pf-v6-u-display-flex {
  display: flex !important;
}

.pf-v6-u-display-inline-flex {
  display: inline-flex !important;
}

.pf-v6-u-display-grid {
  display: grid !important;
}

.pf-v6-u-display-inline-grid {
  display: inline-grid !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-display-none-on-sm {
    display: none !important;
  }
  .pf-v6-u-display-inline-block-on-sm {
    display: inline-block !important;
  }
  .pf-v6-u-display-block-on-sm {
    display: block !important;
  }
  .pf-v6-u-display-inline-on-sm {
    display: inline !important;
  }
  .pf-v6-u-display-table-on-sm {
    display: table !important;
  }
  .pf-v6-u-display-table-cell-on-sm {
    display: table-cell !important;
  }
  .pf-v6-u-display-table-row-on-sm {
    display: table-row !important;
  }
  .pf-v6-u-display-flex-on-sm {
    display: flex !important;
  }
  .pf-v6-u-display-inline-flex-on-sm {
    display: inline-flex !important;
  }
  .pf-v6-u-display-grid-on-sm {
    display: grid !important;
  }
  .pf-v6-u-display-inline-grid-on-sm {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-display-none-on-md {
    display: none !important;
  }
  .pf-v6-u-display-inline-block-on-md {
    display: inline-block !important;
  }
  .pf-v6-u-display-block-on-md {
    display: block !important;
  }
  .pf-v6-u-display-inline-on-md {
    display: inline !important;
  }
  .pf-v6-u-display-table-on-md {
    display: table !important;
  }
  .pf-v6-u-display-table-cell-on-md {
    display: table-cell !important;
  }
  .pf-v6-u-display-table-row-on-md {
    display: table-row !important;
  }
  .pf-v6-u-display-flex-on-md {
    display: flex !important;
  }
  .pf-v6-u-display-inline-flex-on-md {
    display: inline-flex !important;
  }
  .pf-v6-u-display-grid-on-md {
    display: grid !important;
  }
  .pf-v6-u-display-inline-grid-on-md {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-display-none-on-lg {
    display: none !important;
  }
  .pf-v6-u-display-inline-block-on-lg {
    display: inline-block !important;
  }
  .pf-v6-u-display-block-on-lg {
    display: block !important;
  }
  .pf-v6-u-display-inline-on-lg {
    display: inline !important;
  }
  .pf-v6-u-display-table-on-lg {
    display: table !important;
  }
  .pf-v6-u-display-table-cell-on-lg {
    display: table-cell !important;
  }
  .pf-v6-u-display-table-row-on-lg {
    display: table-row !important;
  }
  .pf-v6-u-display-flex-on-lg {
    display: flex !important;
  }
  .pf-v6-u-display-inline-flex-on-lg {
    display: inline-flex !important;
  }
  .pf-v6-u-display-grid-on-lg {
    display: grid !important;
  }
  .pf-v6-u-display-inline-grid-on-lg {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-display-none-on-xl {
    display: none !important;
  }
  .pf-v6-u-display-inline-block-on-xl {
    display: inline-block !important;
  }
  .pf-v6-u-display-block-on-xl {
    display: block !important;
  }
  .pf-v6-u-display-inline-on-xl {
    display: inline !important;
  }
  .pf-v6-u-display-table-on-xl {
    display: table !important;
  }
  .pf-v6-u-display-table-cell-on-xl {
    display: table-cell !important;
  }
  .pf-v6-u-display-table-row-on-xl {
    display: table-row !important;
  }
  .pf-v6-u-display-flex-on-xl {
    display: flex !important;
  }
  .pf-v6-u-display-inline-flex-on-xl {
    display: inline-flex !important;
  }
  .pf-v6-u-display-grid-on-xl {
    display: grid !important;
  }
  .pf-v6-u-display-inline-grid-on-xl {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-display-none-on-2xl {
    display: none !important;
  }
  .pf-v6-u-display-inline-block-on-2xl {
    display: inline-block !important;
  }
  .pf-v6-u-display-block-on-2xl {
    display: block !important;
  }
  .pf-v6-u-display-inline-on-2xl {
    display: inline !important;
  }
  .pf-v6-u-display-table-on-2xl {
    display: table !important;
  }
  .pf-v6-u-display-table-cell-on-2xl {
    display: table-cell !important;
  }
  .pf-v6-u-display-table-row-on-2xl {
    display: table-row !important;
  }
  .pf-v6-u-display-flex-on-2xl {
    display: flex !important;
  }
  .pf-v6-u-display-inline-flex-on-2xl {
    display: inline-flex !important;
  }
  .pf-v6-u-display-grid-on-2xl {
    display: grid !important;
  }
  .pf-v6-u-display-inline-grid-on-2xl {
    display: inline-grid !important;
  }
}
.pf-v6-u-flex-direction-column {
  flex-direction: column !important;
}

.pf-v6-u-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.pf-v6-u-flex-direction-row {
  flex-direction: row !important;
}

.pf-v6-u-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-flex-direction-column-on-sm {
    flex-direction: column !important;
  }
  .pf-v6-u-flex-direction-column-reverse-on-sm {
    flex-direction: column-reverse !important;
  }
  .pf-v6-u-flex-direction-row-on-sm {
    flex-direction: row !important;
  }
  .pf-v6-u-flex-direction-row-reverse-on-sm {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-flex-direction-column-on-md {
    flex-direction: column !important;
  }
  .pf-v6-u-flex-direction-column-reverse-on-md {
    flex-direction: column-reverse !important;
  }
  .pf-v6-u-flex-direction-row-on-md {
    flex-direction: row !important;
  }
  .pf-v6-u-flex-direction-row-reverse-on-md {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-flex-direction-column-on-lg {
    flex-direction: column !important;
  }
  .pf-v6-u-flex-direction-column-reverse-on-lg {
    flex-direction: column-reverse !important;
  }
  .pf-v6-u-flex-direction-row-on-lg {
    flex-direction: row !important;
  }
  .pf-v6-u-flex-direction-row-reverse-on-lg {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-flex-direction-column-on-xl {
    flex-direction: column !important;
  }
  .pf-v6-u-flex-direction-column-reverse-on-xl {
    flex-direction: column-reverse !important;
  }
  .pf-v6-u-flex-direction-row-on-xl {
    flex-direction: row !important;
  }
  .pf-v6-u-flex-direction-row-reverse-on-xl {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-flex-direction-column-on-2xl {
    flex-direction: column !important;
  }
  .pf-v6-u-flex-direction-column-reverse-on-2xl {
    flex-direction: column-reverse !important;
  }
  .pf-v6-u-flex-direction-row-on-2xl {
    flex-direction: row !important;
  }
  .pf-v6-u-flex-direction-row-reverse-on-2xl {
    flex-direction: row-reverse !important;
  }
}
.pf-v6-u-flex-wrap {
  flex-wrap: wrap !important;
}

.pf-v6-u-flex-nowrap {
  flex-wrap: nowrap !important;
}

.pf-v6-u-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-flex-wrap-on-sm {
    flex-wrap: wrap !important;
  }
  .pf-v6-u-flex-nowrap-on-sm {
    flex-wrap: nowrap !important;
  }
  .pf-v6-u-flex-wrap-reverse-on-sm {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-flex-wrap-on-md {
    flex-wrap: wrap !important;
  }
  .pf-v6-u-flex-nowrap-on-md {
    flex-wrap: nowrap !important;
  }
  .pf-v6-u-flex-wrap-reverse-on-md {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-flex-wrap-on-lg {
    flex-wrap: wrap !important;
  }
  .pf-v6-u-flex-nowrap-on-lg {
    flex-wrap: nowrap !important;
  }
  .pf-v6-u-flex-wrap-reverse-on-lg {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-flex-wrap-on-xl {
    flex-wrap: wrap !important;
  }
  .pf-v6-u-flex-nowrap-on-xl {
    flex-wrap: nowrap !important;
  }
  .pf-v6-u-flex-wrap-reverse-on-xl {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-flex-wrap-on-2xl {
    flex-wrap: wrap !important;
  }
  .pf-v6-u-flex-nowrap-on-2xl {
    flex-wrap: nowrap !important;
  }
  .pf-v6-u-flex-wrap-reverse-on-2xl {
    flex-wrap: wrap-reverse !important;
  }
}
.pf-v6-u-align-items-flex-start {
  align-items: flex-start !important;
}

.pf-v6-u-align-items-flex-end {
  align-items: flex-end !important;
}

.pf-v6-u-align-items-center {
  align-items: center !important;
}

.pf-v6-u-align-items-baseline {
  align-items: baseline !important;
}

.pf-v6-u-align-items-stretch {
  align-items: stretch !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-align-items-flex-start-on-sm {
    align-items: flex-start !important;
  }
  .pf-v6-u-align-items-flex-end-on-sm {
    align-items: flex-end !important;
  }
  .pf-v6-u-align-items-center-on-sm {
    align-items: center !important;
  }
  .pf-v6-u-align-items-baseline-on-sm {
    align-items: baseline !important;
  }
  .pf-v6-u-align-items-stretch-on-sm {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-align-items-flex-start-on-md {
    align-items: flex-start !important;
  }
  .pf-v6-u-align-items-flex-end-on-md {
    align-items: flex-end !important;
  }
  .pf-v6-u-align-items-center-on-md {
    align-items: center !important;
  }
  .pf-v6-u-align-items-baseline-on-md {
    align-items: baseline !important;
  }
  .pf-v6-u-align-items-stretch-on-md {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-align-items-flex-start-on-lg {
    align-items: flex-start !important;
  }
  .pf-v6-u-align-items-flex-end-on-lg {
    align-items: flex-end !important;
  }
  .pf-v6-u-align-items-center-on-lg {
    align-items: center !important;
  }
  .pf-v6-u-align-items-baseline-on-lg {
    align-items: baseline !important;
  }
  .pf-v6-u-align-items-stretch-on-lg {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-align-items-flex-start-on-xl {
    align-items: flex-start !important;
  }
  .pf-v6-u-align-items-flex-end-on-xl {
    align-items: flex-end !important;
  }
  .pf-v6-u-align-items-center-on-xl {
    align-items: center !important;
  }
  .pf-v6-u-align-items-baseline-on-xl {
    align-items: baseline !important;
  }
  .pf-v6-u-align-items-stretch-on-xl {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-align-items-flex-start-on-2xl {
    align-items: flex-start !important;
  }
  .pf-v6-u-align-items-flex-end-on-2xl {
    align-items: flex-end !important;
  }
  .pf-v6-u-align-items-center-on-2xl {
    align-items: center !important;
  }
  .pf-v6-u-align-items-baseline-on-2xl {
    align-items: baseline !important;
  }
  .pf-v6-u-align-items-stretch-on-2xl {
    align-items: stretch !important;
  }
}
.pf-v6-u-align-self-flex-start {
  align-self: flex-start !important;
}

.pf-v6-u-align-self-flex-end {
  align-self: flex-end !important;
}

.pf-v6-u-align-self-center {
  align-self: center !important;
}

.pf-v6-u-align-self-baseline {
  align-self: baseline !important;
}

.pf-v6-u-align-self-stretch {
  align-self: stretch !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-align-self-flex-start-on-sm {
    align-self: flex-start !important;
  }
  .pf-v6-u-align-self-flex-end-on-sm {
    align-self: flex-end !important;
  }
  .pf-v6-u-align-self-center-on-sm {
    align-self: center !important;
  }
  .pf-v6-u-align-self-baseline-on-sm {
    align-self: baseline !important;
  }
  .pf-v6-u-align-self-stretch-on-sm {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-align-self-flex-start-on-md {
    align-self: flex-start !important;
  }
  .pf-v6-u-align-self-flex-end-on-md {
    align-self: flex-end !important;
  }
  .pf-v6-u-align-self-center-on-md {
    align-self: center !important;
  }
  .pf-v6-u-align-self-baseline-on-md {
    align-self: baseline !important;
  }
  .pf-v6-u-align-self-stretch-on-md {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-align-self-flex-start-on-lg {
    align-self: flex-start !important;
  }
  .pf-v6-u-align-self-flex-end-on-lg {
    align-self: flex-end !important;
  }
  .pf-v6-u-align-self-center-on-lg {
    align-self: center !important;
  }
  .pf-v6-u-align-self-baseline-on-lg {
    align-self: baseline !important;
  }
  .pf-v6-u-align-self-stretch-on-lg {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-align-self-flex-start-on-xl {
    align-self: flex-start !important;
  }
  .pf-v6-u-align-self-flex-end-on-xl {
    align-self: flex-end !important;
  }
  .pf-v6-u-align-self-center-on-xl {
    align-self: center !important;
  }
  .pf-v6-u-align-self-baseline-on-xl {
    align-self: baseline !important;
  }
  .pf-v6-u-align-self-stretch-on-xl {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-align-self-flex-start-on-2xl {
    align-self: flex-start !important;
  }
  .pf-v6-u-align-self-flex-end-on-2xl {
    align-self: flex-end !important;
  }
  .pf-v6-u-align-self-center-on-2xl {
    align-self: center !important;
  }
  .pf-v6-u-align-self-baseline-on-2xl {
    align-self: baseline !important;
  }
  .pf-v6-u-align-self-stretch-on-2xl {
    align-self: stretch !important;
  }
}
.pf-v6-u-align-content-flex-start {
  align-content: flex-start !important;
}

.pf-v6-u-align-content-flex-end {
  align-content: flex-end !important;
}

.pf-v6-u-align-content-center {
  align-content: center !important;
}

.pf-v6-u-align-content-space-between {
  align-content: space-between !important;
}

.pf-v6-u-align-content-space-around {
  align-content: space-around !important;
}

.pf-v6-u-align-content-stretch {
  align-content: stretch !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-align-content-flex-start-on-sm {
    align-content: flex-start !important;
  }
  .pf-v6-u-align-content-flex-end-on-sm {
    align-content: flex-end !important;
  }
  .pf-v6-u-align-content-center-on-sm {
    align-content: center !important;
  }
  .pf-v6-u-align-content-space-between-on-sm {
    align-content: space-between !important;
  }
  .pf-v6-u-align-content-space-around-on-sm {
    align-content: space-around !important;
  }
  .pf-v6-u-align-content-stretch-on-sm {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-align-content-flex-start-on-md {
    align-content: flex-start !important;
  }
  .pf-v6-u-align-content-flex-end-on-md {
    align-content: flex-end !important;
  }
  .pf-v6-u-align-content-center-on-md {
    align-content: center !important;
  }
  .pf-v6-u-align-content-space-between-on-md {
    align-content: space-between !important;
  }
  .pf-v6-u-align-content-space-around-on-md {
    align-content: space-around !important;
  }
  .pf-v6-u-align-content-stretch-on-md {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-align-content-flex-start-on-lg {
    align-content: flex-start !important;
  }
  .pf-v6-u-align-content-flex-end-on-lg {
    align-content: flex-end !important;
  }
  .pf-v6-u-align-content-center-on-lg {
    align-content: center !important;
  }
  .pf-v6-u-align-content-space-between-on-lg {
    align-content: space-between !important;
  }
  .pf-v6-u-align-content-space-around-on-lg {
    align-content: space-around !important;
  }
  .pf-v6-u-align-content-stretch-on-lg {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-align-content-flex-start-on-xl {
    align-content: flex-start !important;
  }
  .pf-v6-u-align-content-flex-end-on-xl {
    align-content: flex-end !important;
  }
  .pf-v6-u-align-content-center-on-xl {
    align-content: center !important;
  }
  .pf-v6-u-align-content-space-between-on-xl {
    align-content: space-between !important;
  }
  .pf-v6-u-align-content-space-around-on-xl {
    align-content: space-around !important;
  }
  .pf-v6-u-align-content-stretch-on-xl {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-align-content-flex-start-on-2xl {
    align-content: flex-start !important;
  }
  .pf-v6-u-align-content-flex-end-on-2xl {
    align-content: flex-end !important;
  }
  .pf-v6-u-align-content-center-on-2xl {
    align-content: center !important;
  }
  .pf-v6-u-align-content-space-between-on-2xl {
    align-content: space-between !important;
  }
  .pf-v6-u-align-content-space-around-on-2xl {
    align-content: space-around !important;
  }
  .pf-v6-u-align-content-stretch-on-2xl {
    align-content: stretch !important;
  }
}
.pf-v6-u-justify-content-flex-start {
  justify-content: flex-start !important;
}

.pf-v6-u-justify-content-flex-end {
  justify-content: flex-end !important;
}

.pf-v6-u-justify-content-center {
  justify-content: center !important;
}

.pf-v6-u-justify-content-space-between {
  justify-content: space-between !important;
}

.pf-v6-u-justify-content-space-around {
  justify-content: space-around !important;
}

.pf-v6-u-justify-content-stretch {
  justify-content: stretch !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-justify-content-flex-start-on-sm {
    justify-content: flex-start !important;
  }
  .pf-v6-u-justify-content-flex-end-on-sm {
    justify-content: flex-end !important;
  }
  .pf-v6-u-justify-content-center-on-sm {
    justify-content: center !important;
  }
  .pf-v6-u-justify-content-space-between-on-sm {
    justify-content: space-between !important;
  }
  .pf-v6-u-justify-content-space-around-on-sm {
    justify-content: space-around !important;
  }
  .pf-v6-u-justify-content-stretch-on-sm {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-justify-content-flex-start-on-md {
    justify-content: flex-start !important;
  }
  .pf-v6-u-justify-content-flex-end-on-md {
    justify-content: flex-end !important;
  }
  .pf-v6-u-justify-content-center-on-md {
    justify-content: center !important;
  }
  .pf-v6-u-justify-content-space-between-on-md {
    justify-content: space-between !important;
  }
  .pf-v6-u-justify-content-space-around-on-md {
    justify-content: space-around !important;
  }
  .pf-v6-u-justify-content-stretch-on-md {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-justify-content-flex-start-on-lg {
    justify-content: flex-start !important;
  }
  .pf-v6-u-justify-content-flex-end-on-lg {
    justify-content: flex-end !important;
  }
  .pf-v6-u-justify-content-center-on-lg {
    justify-content: center !important;
  }
  .pf-v6-u-justify-content-space-between-on-lg {
    justify-content: space-between !important;
  }
  .pf-v6-u-justify-content-space-around-on-lg {
    justify-content: space-around !important;
  }
  .pf-v6-u-justify-content-stretch-on-lg {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-justify-content-flex-start-on-xl {
    justify-content: flex-start !important;
  }
  .pf-v6-u-justify-content-flex-end-on-xl {
    justify-content: flex-end !important;
  }
  .pf-v6-u-justify-content-center-on-xl {
    justify-content: center !important;
  }
  .pf-v6-u-justify-content-space-between-on-xl {
    justify-content: space-between !important;
  }
  .pf-v6-u-justify-content-space-around-on-xl {
    justify-content: space-around !important;
  }
  .pf-v6-u-justify-content-stretch-on-xl {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-justify-content-flex-start-on-2xl {
    justify-content: flex-start !important;
  }
  .pf-v6-u-justify-content-flex-end-on-2xl {
    justify-content: flex-end !important;
  }
  .pf-v6-u-justify-content-center-on-2xl {
    justify-content: center !important;
  }
  .pf-v6-u-justify-content-space-between-on-2xl {
    justify-content: space-between !important;
  }
  .pf-v6-u-justify-content-space-around-on-2xl {
    justify-content: space-around !important;
  }
  .pf-v6-u-justify-content-stretch-on-2xl {
    justify-content: stretch !important;
  }
}
.pf-v6-u-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.pf-v6-u-flex-grow-1 {
  flex-grow: 1 !important;
}

.pf-v6-u-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.pf-v6-u-flex-grow-0 {
  flex-grow: 0 !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-flex-shrink-1-on-sm {
    flex-shrink: 1 !important;
  }
  .pf-v6-u-flex-grow-1-on-sm {
    flex-grow: 1 !important;
  }
  .pf-v6-u-flex-shrink-0-on-sm {
    flex-shrink: 0 !important;
  }
  .pf-v6-u-flex-grow-0-on-sm {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-flex-shrink-1-on-md {
    flex-shrink: 1 !important;
  }
  .pf-v6-u-flex-grow-1-on-md {
    flex-grow: 1 !important;
  }
  .pf-v6-u-flex-shrink-0-on-md {
    flex-shrink: 0 !important;
  }
  .pf-v6-u-flex-grow-0-on-md {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-flex-shrink-1-on-lg {
    flex-shrink: 1 !important;
  }
  .pf-v6-u-flex-grow-1-on-lg {
    flex-grow: 1 !important;
  }
  .pf-v6-u-flex-shrink-0-on-lg {
    flex-shrink: 0 !important;
  }
  .pf-v6-u-flex-grow-0-on-lg {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-flex-shrink-1-on-xl {
    flex-shrink: 1 !important;
  }
  .pf-v6-u-flex-grow-1-on-xl {
    flex-grow: 1 !important;
  }
  .pf-v6-u-flex-shrink-0-on-xl {
    flex-shrink: 0 !important;
  }
  .pf-v6-u-flex-grow-0-on-xl {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-flex-shrink-1-on-2xl {
    flex-shrink: 1 !important;
  }
  .pf-v6-u-flex-grow-1-on-2xl {
    flex-grow: 1 !important;
  }
  .pf-v6-u-flex-shrink-0-on-2xl {
    flex-shrink: 0 !important;
  }
  .pf-v6-u-flex-grow-0-on-2xl {
    flex-grow: 0 !important;
  }
}
.pf-v6-u-flex-basis-0 {
  flex-basis: 0 !important;
}

.pf-v6-u-flex-basis-auto {
  flex-basis: auto !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-flex-basis-0-on-sm {
    flex-basis: 0 !important;
  }
  .pf-v6-u-flex-basis-auto-on-sm {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-flex-basis-0-on-md {
    flex-basis: 0 !important;
  }
  .pf-v6-u-flex-basis-auto-on-md {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-flex-basis-0-on-lg {
    flex-basis: 0 !important;
  }
  .pf-v6-u-flex-basis-auto-on-lg {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-flex-basis-0-on-xl {
    flex-basis: 0 !important;
  }
  .pf-v6-u-flex-basis-auto-on-xl {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-flex-basis-0-on-2xl {
    flex-basis: 0 !important;
  }
  .pf-v6-u-flex-basis-auto-on-2xl {
    flex-basis: auto !important;
  }
}
.pf-v6-u-flex-none {
  flex: none !important;
}

.pf-v6-u-flex-1 {
  flex: 1 !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-flex-none-on-sm {
    flex: none !important;
  }
  .pf-v6-u-flex-1-on-sm {
    flex: 1 !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-flex-none-on-md {
    flex: none !important;
  }
  .pf-v6-u-flex-1-on-md {
    flex: 1 !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-flex-none-on-lg {
    flex: none !important;
  }
  .pf-v6-u-flex-1-on-lg {
    flex: 1 !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-flex-none-on-xl {
    flex: none !important;
  }
  .pf-v6-u-flex-1-on-xl {
    flex: 1 !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-flex-none-on-2xl {
    flex: none !important;
  }
  .pf-v6-u-flex-1-on-2xl {
    flex: 1 !important;
  }
}
.pf-v6-u-flex-fill {
  flex: 1 1 auto !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-flex-fill-on-sm {
    flex: 1 1 auto !important;
  }
}

@media screen and (min-width: 48rem) {
  .pf-v6-u-flex-fill-on-md {
    flex: 1 1 auto !important;
  }
}

@media screen and (min-width: 62rem) {
  .pf-v6-u-flex-fill-on-lg {
    flex: 1 1 auto !important;
  }
}

@media screen and (min-width: 75rem) {
  .pf-v6-u-flex-fill-on-xl {
    flex: 1 1 auto !important;
  }
}

@media screen and (min-width: 90.625rem) {
  .pf-v6-u-flex-fill-on-2xl {
    flex: 1 1 auto !important;
  }
}

.pf-v6-u-float-inline-start {
  float: inline-start !important;
}

.pf-v6-u-float-inline-end {
  float: inline-end !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-float-inline-start-on-sm {
    float: inline-start !important;
  }
  .pf-v6-u-float-inline-end-on-sm {
    float: inline-end !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-float-inline-start-on-md {
    float: inline-start !important;
  }
  .pf-v6-u-float-inline-end-on-md {
    float: inline-end !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-float-inline-start-on-lg {
    float: inline-start !important;
  }
  .pf-v6-u-float-inline-end-on-lg {
    float: inline-end !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-float-inline-start-on-xl {
    float: inline-start !important;
  }
  .pf-v6-u-float-inline-end-on-xl {
    float: inline-end !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-float-inline-start-on-2xl {
    float: inline-start !important;
  }
  .pf-v6-u-float-inline-end-on-2xl {
    float: inline-end !important;
  }
}
.pf-v6-u-w-auto {
  width: auto !important;
}

.pf-v6-u-w-initial {
  width: initial !important;
}

.pf-v6-u-w-inherit {
  width: inherit !important;
}

.pf-v6-u-w-0 {
  width: 0% !important;
}

.pf-v6-u-w-25 {
  width: 25% !important;
}

.pf-v6-u-w-33 {
  width: 33.3333333333% !important;
}

.pf-v6-u-w-50 {
  width: 50% !important;
}

.pf-v6-u-w-66 {
  width: 66.6666666667% !important;
}

.pf-v6-u-w-75 {
  width: 75% !important;
}

.pf-v6-u-w-100 {
  width: 100% !important;
}

.pf-v6-u-w-25vw {
  width: 25vw !important;
}

.pf-v6-u-w-33vw {
  width: 33.3333333333vw !important;
}

.pf-v6-u-w-50vw {
  width: 50vw !important;
}

.pf-v6-u-w-66vw {
  width: 66.6666666667vw !important;
}

.pf-v6-u-w-75vw {
  width: 75vw !important;
}

.pf-v6-u-w-100vw {
  width: 100vw !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-w-auto-on-sm {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-sm {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-sm {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-sm {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-sm {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-sm {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-sm {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-sm {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-sm {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-sm {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-sm {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-sm {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-sm {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-sm {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-sm {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-sm {
    width: 100vw !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-w-auto-on-md {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-md {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-md {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-md {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-md {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-md {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-md {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-md {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-md {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-md {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-md {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-md {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-md {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-md {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-md {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-md {
    width: 100vw !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-w-auto-on-lg {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-lg {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-lg {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-lg {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-lg {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-lg {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-lg {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-lg {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-lg {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-lg {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-lg {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-lg {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-lg {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-lg {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-lg {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-lg {
    width: 100vw !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-w-auto-on-xl {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-xl {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-xl {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-xl {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-xl {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-xl {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-xl {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-xl {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-xl {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-xl {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-xl {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-xl {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-xl {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-xl {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-xl {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-xl {
    width: 100vw !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-w-auto-on-2xl {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-2xl {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-2xl {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-2xl {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-2xl {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-2xl {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-2xl {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-2xl {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-2xl {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-2xl {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-2xl {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-2xl {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-2xl {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-2xl {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-2xl {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-2xl {
    width: 100vw !important;
  }
}
.pf-v6-u-h-auto {
  height: auto !important;
}

.pf-v6-u-h-initial {
  height: initial !important;
}

.pf-v6-u-h-inherit {
  height: inherit !important;
}

.pf-v6-u-h-0 {
  height: 0% !important;
}

.pf-v6-u-h-25 {
  height: 25% !important;
}

.pf-v6-u-h-33 {
  height: 33.3333333333% !important;
}

.pf-v6-u-h-50 {
  height: 50% !important;
}

.pf-v6-u-h-66 {
  height: 66.6666666667% !important;
}

.pf-v6-u-h-75 {
  height: 75% !important;
}

.pf-v6-u-h-100 {
  height: 100% !important;
}

.pf-v6-u-h-25vh {
  height: 25vh !important;
}

.pf-v6-u-h-33vh {
  height: 33.3333333333vh !important;
}

.pf-v6-u-h-50vh {
  height: 50vh !important;
}

.pf-v6-u-h-66vh {
  height: 66.6666666667vh !important;
}

.pf-v6-u-h-75vh {
  height: 75vh !important;
}

.pf-v6-u-h-100vh {
  height: 100vh !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-h-auto-on-sm {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-sm {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-sm {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-sm {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-sm {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-sm {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-sm {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-sm {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-sm {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-sm {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-sm {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-sm {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-sm {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-sm {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-sm {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-sm {
    height: 100vh !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-h-auto-on-md {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-md {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-md {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-md {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-md {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-md {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-md {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-md {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-md {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-md {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-md {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-md {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-md {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-md {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-md {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-md {
    height: 100vh !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-h-auto-on-lg {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-lg {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-lg {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-lg {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-lg {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-lg {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-lg {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-lg {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-lg {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-lg {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-lg {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-lg {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-lg {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-lg {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-lg {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-lg {
    height: 100vh !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-h-auto-on-xl {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-xl {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-xl {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-xl {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-xl {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-xl {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-xl {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-xl {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-xl {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-xl {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-xl {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-xl {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-xl {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-xl {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-xl {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-xl {
    height: 100vh !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-h-auto-on-2xl {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-2xl {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-2xl {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-2xl {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-2xl {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-2xl {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-2xl {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-2xl {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-2xl {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-2xl {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-2xl {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-2xl {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-2xl {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-2xl {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-2xl {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-2xl {
    height: 100vh !important;
  }
}
.pf-v6-u-min-width {
  --pf-v6-u-min-width--MinWidth: 0;
  min-width: var(--pf-v6-u-min-width--MinWidth) !important;
}
@media (min-width: 36rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)) !important;
  }
}
@media (min-width: 48rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth))) !important;
  }
}
@media (min-width: 62rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)))) !important;
  }
}
@media (min-width: 75rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-xl, var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth))))) !important;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-2xl, var(--pf-v6-u-min-width--MinWidth-on-xl, var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)))))) !important;
  }
}

.pf-v6-u-max-width {
  --pf-v6-u-max-width--MaxWidth: auto;
  max-width: var(--pf-v6-u-max-width--MaxWidth) !important;
}
@media (min-width: 36rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)) !important;
  }
}
@media (min-width: 48rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth))) !important;
  }
}
@media (min-width: 62rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)))) !important;
  }
}
@media (min-width: 75rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-xl, var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth))))) !important;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-2xl, var(--pf-v6-u-max-width--MaxWidth-on-xl, var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)))))) !important;
  }
}

.pf-v6-u-min-height {
  --pf-v6-u-min-height--MinHeight: 0;
  min-height: var(--pf-v6-u-min-height--MinHeight) !important;
}
@media (min-width: 36rem) {
  .pf-v6-u-min-height {
    min-height: var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight)) !important;
  }
}
@media (min-width: 48rem) {
  .pf-v6-u-min-height {
    min-height: var(--pf-v6-u-min-height