.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;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
}

.pf-l-grid>*,
.pf-l-grid .pf-l-grid__item {
  grid-column-start: var(--pf-l-grid__item--GridColumnStart);
  grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
  min-width: 0;
  min-height: 0;
}

.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 calc(1 + 1);
}

.pf-l-grid>.pf-m-offset-2-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(2 + 1);
}

.pf-l-grid>.pf-m-offset-3-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(3 + 1);
}

.pf-l-grid>.pf-m-offset-4-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(4 + 1);
}

.pf-l-grid>.pf-m-offset-5-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(5 + 1);
}

.pf-l-grid>.pf-m-offset-6-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(6 + 1);
}

.pf-l-grid>.pf-m-offset-7-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(7 + 1);
}

.pf-l-grid>.pf-m-offset-8-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(8 + 1);
}

.pf-l-grid>.pf-m-offset-9-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(9 + 1);
}

.pf-l-grid>.pf-m-offset-10-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(10 + 1);
}

.pf-l-grid>.pf-m-offset-11-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(11 + 1);
}

.pf-l-grid>.pf-m-offset-12-col {
  --pf-l-grid__item--GridColumnStart: col-start calc(12 + 1);
}

.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 calc(1 + 1);
  }

  .pf-l-grid>.pf-m-offset-2-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(2 + 1);
  }

  .pf-l-grid>.pf-m-offset-3-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(3 + 1);
  }

  .pf-l-grid>.pf-m-offset-4-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(4 + 1);
  }

  .pf-l-grid>.pf-m-offset-5-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(5 + 1);
  }

  .pf-l-grid>.pf-m-offset-6-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(6 + 1);
  }

  .pf-l-grid>.pf-m-offset-7-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(7 + 1);
  }

  .pf-l-grid>.pf-m-offset-8-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(8 + 1);
  }

  .pf-l-grid>.pf-m-offset-9-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(9 + 1);
  }

  .pf-l-grid>.pf-m-offset-10-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(10 + 1);
  }

  .pf-l-grid>.pf-m-offset-11-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(11 + 1);
  }

  .pf-l-grid>.pf-m-offset-12-col-on-sm {
    --pf-l-grid__item--GridColumnStart: col-start calc(12 + 1);
  }

  .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 calc(1 + 1);
  }

  .pf-l-grid>.pf-m-offset-2-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(2 + 1);
  }

  .pf-l-grid>.pf-m-offset-3-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(3 + 1);
  }

  .pf-l-grid>.pf-m-offset-4-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(4 + 1);
  }

  .pf-l-grid>.pf-m-offset-5-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(5 + 1);
  }

  .pf-l-grid>.pf-m-offset-6-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(6 + 1);
  }

  .pf-l-grid>.pf-m-offset-7-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(7 + 1);
  }

  .pf-l-grid>.pf-m-offset-8-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(8 + 1);
  }

  .pf-l-grid>.pf-m-offset-9-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(9 + 1);
  }

  .pf-l-grid>.pf-m-offset-10-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(10 + 1);
  }

  .pf-l-grid>.pf-m-offset-11-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(11 + 1);
  }

  .pf-l-grid>.pf-m-offset-12-col-on-md {
    --pf-l-grid__item--GridColumnStart: col-start calc(12 + 1);
  }

  .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 calc(1 + 1);
  }

  .pf-l-grid>.pf-m-offset-2-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(2 + 1);
  }

  .pf-l-grid>.pf-m-offset-3-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(3 + 1);
  }

  .pf-l-grid>.pf-m-offset-4-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(4 + 1);
  }

  .pf-l-grid>.pf-m-offset-5-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(5 + 1);
  }

  .pf-l-grid>.pf-m-offset-6-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(6 + 1);
  }

  .pf-l-grid>.pf-m-offset-7-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(7 + 1);
  }

  .pf-l-grid>.pf-m-offset-8-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(8 + 1);
  }

  .pf-l-grid>.pf-m-offset-9-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(9 + 1);
  }

  .pf-l-grid>.pf-m-offset-10-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(10 + 1);
  }

  .pf-l-grid>.pf-m-offset-11-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(11 + 1);
  }

  .pf-l-grid>.pf-m-offset-12-col-on-lg {
    --pf-l-grid__item--GridColumnStart: col-start calc(12 + 1);
  }

  .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 calc(1 + 1);
  }

  .pf-l-grid>.pf-m-offset-2-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(2 + 1);
  }

  .pf-l-grid>.pf-m-offset-3-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(3 + 1);
  }

  .pf-l-grid>.pf-m-offset-4-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(4 + 1);
  }

  .pf-l-grid>.pf-m-offset-5-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(5 + 1);
  }

  .pf-l-grid>.pf-m-offset-6-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(6 + 1);
  }

  .pf-l-grid>.pf-m-offset-7-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(7 + 1);
  }

  .pf-l-grid>.pf-m-offset-8-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(8 + 1);
  }

  .pf-l-grid>.pf-m-offset-9-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(9 + 1);
  }

  .pf-l-grid>.pf-m-offset-10-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(10 + 1);
  }

  .pf-l-grid>.pf-m-offset-11-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(11 + 1);
  }

  .pf-l-grid>.pf-m-offset-12-col-on-xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(12 + 1);
  }

  .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 calc(1 + 1);
  }

  .pf-l-grid>.pf-m-offset-2-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(2 + 1);
  }

  .pf-l-grid>.pf-m-offset-3-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(3 + 1);
  }

  .pf-l-grid>.pf-m-offset-4-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(4 + 1);
  }

  .pf-l-grid>.pf-m-offset-5-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(5 + 1);
  }

  .pf-l-grid>.pf-m-offset-6-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(6 + 1);
  }

  .pf-l-grid>.pf-m-offset-7-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(7 + 1);
  }

  .pf-l-grid>.pf-m-offset-8-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(8 + 1);
  }

  .pf-l-grid>.pf-m-offset-9-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(9 + 1);
  }

  .pf-l-grid>.pf-m-offset-10-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(10 + 1);
  }

  .pf-l-grid>.pf-m-offset-11-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(11 + 1);
  }

  .pf-l-grid>.pf-m-offset-12-col-on-2xl {
    --pf-l-grid__item--GridColumnStart: col-start calc(12 + 1);
  }

  .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-progress {
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-progress__bar--before--Opacity: .2;
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
  --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
  --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
  --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
  --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
  --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--dark-100);
  --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
  --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
  display: grid;
  grid-gap: var(--pf-c-progress--GridGap);
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
}

.pf-c-progress.pf-m-sm {
  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
}

.pf-c-progress.pf-m-sm .pf-c-progress__description {
  font-size: var(--pf-c-progress--m-sm__description--FontSize);
}

.pf-c-progress.pf-m-sm .pf-c-progress__measure {
  font-size: var(--pf-c-progress--m-sm__measure--FontSize);
}

.pf-c-progress.pf-m-lg {
  --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
}

.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
}

.pf-c-progress.pf-m-inside .pf-c-progress__measure {
  font-size: var(--pf-c-progress--m-inside__measure--FontSize);
  color: var(--pf-c-progress--m-inside__measure--Color);
  text-align: center;
}

.pf-c-progress.pf-m-outside .pf-c-progress__description {
  grid-column: 1 / 3;
}

.pf-c-progress.pf-m-outside .pf-c-progress__status {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  align-self: center;
}

.pf-c-progress.pf-m-outside .pf-c-progress__measure {
  font-size: var(--pf-c-progress--m-outside__measure--FontSize);
}

.pf-c-progress.pf-m-outside .pf-c-progress__bar,
.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
  grid-column: 1 / 2;
}

.pf-c-progress.pf-m-singleline {
  grid-template-rows: 1fr;
}

.pf-c-progress.pf-m-singleline .pf-c-progress__description {
  display: none;
  visibility: hidden;
}

.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}

.pf-c-progress.pf-m-singleline .pf-c-progress__status {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}

.pf-c-progress.pf-m-success {
  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
}

.pf-c-progress.pf-m-danger {
  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
}

.pf-c-progress__description {
  grid-column: 1 / 2;
}

.pf-c-progress__status {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  align-self: end;
}

.pf-c-progress__status-icon {
  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
  color: var(--pf-c-progress__status-icon--Color);
}

.pf-c-progress__bar {
  position: relative;
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  align-self: center;
  height: var(--pf-c-progress__bar--Height);
  background-color: var(--pf-c-progress__bar--BackgroundColor);
}

.pf-c-progress__bar::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--pf-c-progress__bar--before--BackgroundColor);
  opacity: var(--pf-c-progress__bar--before--Opacity);
}

.pf-c-progress__indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: var(--pf-c-progress__indicator--Height);
  background-color: var(--pf-c-progress__indicator--BackgroundColor);
}


.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--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-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-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-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);
  position: relative;
  display: inline-block;
  padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
  font-size: var(--pf-c-button--FontSize);
  font-weight: var(--pf-c-button--FontWeight);
  line-height: var(--pf-c-button--LineHeight);
  text-align: center;
  white-space: nowrap;
  user-select: none;
  border: 0;
  border-radius: var(--pf-c-button--BorderRadius);
}

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

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

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

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

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

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

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

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

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

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

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

.pf-c-button.pf-m-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-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-link {
  --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-link--disabled--BackgroundColor);
  color: var(--pf-c-button--m-link--Color);
  background-color: var(--pf-c-button--m-link--BackgroundColor);
}

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

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

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

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

.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-control {
  --pf-c-button--BorderRadius: var(--pf-c-button--m-control--BorderRadius);
  --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-control--disabled--BackgroundColor);
  --pf-c-button--after--BorderWidth: var(--pf-c-button--m-control--after--BorderWidth);
  --pf-c-button--after--BorderColor: var(--pf-c-button--m-control--after--BorderTopColor) var(--pf-c-button--m-control--after--BorderRightColor) var(--pf-c-button--m-control--after--BorderBottomColor) var(--pf-c-button--m-control--after--BorderLeftColor);
  color: var(--pf-c-button--m-control--Color);
  background-color: var(--pf-c-button--m-control--BackgroundColor);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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__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-m-overpass-font .pf-c-button {
  --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
}


.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-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--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__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: var(--pf-global--spacer--xs);
  --pf-c-alert__description--action-group--PaddingTop: var(--pf-global--spacer--md);
  --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);
  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: "icon title action" ". description description" ". actiongroup actiongroup";
}

.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__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);
}

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


.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-horizontal__group-label--md--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-form__group-label--PaddingBottom: var(--pf-global--spacer--sm);
  --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-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-control--m-inline--child--MarginRight: var(--pf-global--spacer--lg);
  --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: var(--pf-global--spacer--xs);
  --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);
  display: grid;
  grid-gap: var(--pf-c-form--GridGap);
}

.pf-c-form.pf-m-horizontal {
  --pf-c-form__group-label--PaddingBottom: 0;
}

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

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

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

  .pf-c-form.pf-m-horizontal .pf-c-form__group-label.pf-m-no-padding-top {
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: 0;
  }

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

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

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

.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: pointer;
}

.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: not-allowed;
}

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

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

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

.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__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);
  overflow: hidden;
}

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

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

.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-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: var(--pf-global--target-size--MinWidth);
  --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--active--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
  --pf-c-dropdown__toggle--active--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--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--child--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-dropdown__toggle--m-primary--Color: var(--pf-global--Color--light-100);
  --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--active--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-dropdown__toggle--m-primary--focus--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-button--Color: var(--pf-global--Color--100);
  --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-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__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--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--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--sm);
  --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
  --pf-c-dropdown__toggle-image--MarginTop: var(--pf-global--spacer--xs);
  --pf-c-dropdown__toggle-image--MarginBottom: var(--pf-global--spacer--xs);
  --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);
  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__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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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);
}

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

.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain),
.pf-c-dropdown__toggle:disabled:not(.pf-m-plain) {
  --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:disabled:not(.pf-m-plain)::before {
  border: 0;
}

.pf-c-dropdown__toggle.pf-m-split-button {
  padding: 0;
}

.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);
  background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
}

.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-c-dropdown__toggle-check {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check input {
  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:not(.pf-m-action):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):active::before,
.pf-c-dropdown__toggle:not(.pf-m-action).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-c-dropdown__toggle:not(.pf-m-action):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-m-expanded>.pf-c-dropdown__toggle:not(.pf-m-action)::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 {
  justify-content: center;
  color: var(--pf-c-dropdown__toggle--m-plain--Color);
}

.pf-c-dropdown__toggle.pf-m-plain>* {
  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:active,
.pf-c-dropdown__toggle.pf-m-plain.pf-m-active,
.pf-c-dropdown__toggle.pf-m-plain:focus,
.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__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.pf-m-primary::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: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-c-dropdown__toggle.pf-m-primary:focus {
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--focus--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-c-dropdown__toggle-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

.pf-c-dropdown__toggle-image:last-child {
  --pf-c-dropdown__toggle-image--MarginRight: 0;
}

.pf-c-dropdown__menu {
  position: absolute;
  top: var(--pf-c-dropdown__menu--Top);
  z-index: var(--pf-c-dropdown__menu--ZIndex);
  min-width: 100%;
  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-align-right {
  right: 0;
}

.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__menu-item {
  display: block;
  width: 100%;
  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: var(--pf-c-dropdown__menu-item--FontSize);
  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: var(--pf-c-dropdown__menu-item--BackgroundColor);
  border: none;
}

.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--Color: var(--pf-c-dropdown__menu-item--disabled--Color);
  --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--disabled--BackgroundColor);
  pointer-events: none;
}

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


.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--md);
  --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--md);
  --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: var(--pf-global--arrow--width);
  --pf-c-tooltip__arrow--Height: var(--pf-global--arrow--width);
  --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 {
  bottom: 0;
  left: 50%;
  transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
}

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

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

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

.pf-c-tooltip__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);
}


.pf-c-divider {
  --pf-c-divider--Height: var(--pf-global--BorderWidth--sm);
  --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
  --pf-c-divider--after--Height: var(--pf-c-divider--Height);
  --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BackgroundColor);
  --pf-c-divider--after--FlexBasis: 100%;
  --pf-c-divider--after--Inset: 0%;
  --pf-c-divider--m-vertical--after--FlexBasis: 100%;
  --pf-c-divider--m-vertical--after--Width: var(--pf-global--BorderWidth--sm);
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  width: 100%;
  border: 0;
}

.pf-c-divider::after {
  flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2));
  align-self: stretch;
  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 {
  display: inline-flex;
  flex-direction: column;
  width: auto;
  height: inherit;
  min-height: 100%;
  max-height: 100%;
}

.pf-c-divider.pf-m-vertical::after {
  flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
  width: var(--pf-c-divider--m-vertical--after--Width);
}

.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-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-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-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-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-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-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--BackgroundColor--200);
  --pf-c-label--Color: var(--pf-global--Color--100);
  --pf-c-label--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-label__content--before--BorderWidth: 0;
  --pf-c-label__content--before--BorderColor: transparent;
  --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--sm);
  --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
  --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__content--Color: var(--pf-global--info-color--200);
  --pf-c-label--m-blue__icon--Color: var(--pf-global--primary-color--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--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--BackgroundColor: var(--pf-global--palette--green-50);
  --pf-c-label--m-green__content--Color: var(--pf-global--success-color--200);
  --pf-c-label--m-green__icon--Color: var(--pf-global--success-color--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--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--BackgroundColor: var(--pf-global--palette--gold-50);
  --pf-c-label--m-orange__content--Color: var(--pf-global--palette--gold-700);
  --pf-c-label--m-orange__icon--Color: var(--pf-global--palette--orange-300);
  --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--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--BackgroundColor: var(--pf-global--palette--red-50);
  --pf-c-label--m-red__content--Color: var(--pf-global--palette--red-300);
  --pf-c-label--m-red__icon--Color: var(--pf-global--danger-color--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--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--BackgroundColor: var(--pf-global--palette--purple-50);
  --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-700);
  --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-500);
  --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--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-cyan--BackgroundColor: var(--pf-global--palette--cyan-50);
  --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--300);
  --pf-c-label--m-cyan__icon--Color: var(--pf-global--default-color--200);
  --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--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__content--Color: var(--pf-global--Color--100);
  --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);
  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-radius: var(--pf-c-label--BorderRadius);
}

.pf-c-label.pf-m-blue {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-blue--BackgroundColor);
  --pf-c-label__content--Color: var(--pf-c-label--m-blue__content--Color);
  --pf-c-label__icon--Color: var(--pf-c-label--m-blue__icon--Color);
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--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--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.pf-m-green {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-green--BackgroundColor);
  --pf-c-label__content--Color: var(--pf-c-label--m-green__content--Color);
  --pf-c-label__icon--Color: var(--pf-c-label--m-green__icon--Color);
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--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--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.pf-m-orange {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-orange--BackgroundColor);
  --pf-c-label__content--Color: var(--pf-c-label--m-orange__content--Color);
  --pf-c-label__icon--Color: var(--pf-c-label--m-orange__icon--Color);
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--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--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.pf-m-red {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-red--BackgroundColor);
  --pf-c-label__content--Color: var(--pf-c-label--m-red__content--Color);
  --pf-c-label__icon--Color: var(--pf-c-label--m-red__icon--Color);
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--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--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.pf-m-purple {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-purple--BackgroundColor);
  --pf-c-label__content--Color: var(--pf-c-label--m-purple__content--Color);
  --pf-c-label__icon--Color: var(--pf-c-label--m-purple__icon--Color);
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--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--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.pf-m-cyan {
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-cyan--BackgroundColor);
  --pf-c-label__content--Color: var(--pf-c-label--m-cyan__content--Color);
  --pf-c-label__icon--Color: var(--pf-c-label--m-cyan__icon--Color);
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--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--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.pf-m-outline {
  --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.pf-m-outline a.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-outline a.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-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-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 {
  color: var(--pf-c-label__content--Color);
}

.pf-c-label__content::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  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 {
  cursor: pointer;
  border: none;
}

a.pf-c-label__content,
a.pf-c-label__content:hover,
a.pf-c-label__content:focus {
  text-decoration: none;
}

a.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 {
  --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);
}


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


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

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

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

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

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

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

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

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

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

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

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

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

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

.xterm {
    cursor: text;
}

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

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

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

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

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

.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--MarginTop: -0.1875rem;
  --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-check__description--Color: var(--pf-global--Color--200);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: var(--pf-c-check--GridGap);
  align-items: center;
  justify-items: start;
}

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

.pf-c-check__input {
  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);
}

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-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--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-global--spacer--md);
  --pf-c-table--cell--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-table--cell--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-table--cell--PaddingLeft: var(--pf-global--spacer--md);
  --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--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--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: calc(0.375rem * -1);
  --pf-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
  --pf-c-table__toggle--c-button__toggle-icon--Transition: .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__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-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__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-global--spacer--3xl);
  --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-global--spacer--3xl);
  --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
  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>* {
  position: sticky;
  top: 0;
  z-index: var(--pf-global--ZIndex--xs);
  background: var(--pf-c-table--BackgroundColor);
}

.pf-c-table.pf-m-sticky-header>thead>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 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>* {
  --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);
  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 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 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 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: fit-content;
  --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__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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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 {
  display: inline-grid;
  align-items: end;
  justify-content: start;
  grid-template-columns: auto max-content;
}

.pf-c-table__button-content .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 {
  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 {
  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 {
  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__inline-edit-action {
  --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);
}

.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__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:active,
.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:active,
  .pf-c-table__compound-expansion-toggle:focus-within {
    outline-style: auto;
    outline-color: -webkit-focus-ring-color;
  }
}

.pf-c-table__column-help {
  display: flex;
  align-items: flex-end;
}

.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 .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 .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.pf-m-selected .pf-c-table__button {
  --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort--m-selected__sort-indicator--Color);
  color: var(--pf-c-table__sort--m-selected__button--Color);
}

.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--PaddingRight: var(--pf-c-table--m-compact--cell--PaddingRight);
  --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.pf-m-no-border-rows:not(.pf-m-expandable) tbody {
  --pf-c-table--border-width--base: 0;
  --pf-c-table--BorderColor: transparent;
}

.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--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);
}

.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%;
}


.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-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--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: calc(0.375rem * -1);
  --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.375rem;
  --pf-c-table__action--responsive--MarginLeft: var(--pf-global--spacer--xl);
  --pf-c-table__toggle__icon--Transition: .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);
  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: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: bold;
  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 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__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 {
  margin-top: var(--pf-c-table__check--responsive--MarginTop);
  margin-left: var(--pf-c-table__check--responsive--MarginLeft);
  grid-row-start: 1;
  grid-column-start: 2;
}

.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__action {
  grid-row-start: 1;
  grid-column-start: 2;
  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);
    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: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: bold;
    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 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__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 {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
    grid-row-start: 1;
    grid-column-start: 2;
  }

  .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__action {
    grid-row-start: 1;
    grid-column-start: 2;
    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;
  }

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

  .pf-m-grid-md.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto;
  }

  .pf-m-grid-md.pf-c-table .pf-m-fit-content {
    width: auto;
    white-space: normal;
  }

  .pf-m-grid-md.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%;
  }

  .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);
    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: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: bold;
    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 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__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 {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
    grid-row-start: 1;
    grid-column-start: 2;
  }

  .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__action {
    grid-row-start: 1;
    grid-column-start: 2;
    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;
  }

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

  .pf-m-grid-lg.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto;
  }

  .pf-m-grid-lg.pf-c-table .pf-m-fit-content {
    width: auto;
    white-space: normal;
  }

  .pf-m-grid-lg.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%;
  }

  .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);
    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: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: bold;
    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 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__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 {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
    grid-row-start: 1;
    grid-column-start: 2;
  }

  .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__action {
    grid-row-start: 1;
    grid-column-start: 2;
    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;
  }

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

  .pf-m-grid-xl.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto;
  }

  .pf-m-grid-xl.pf-c-table .pf-m-fit-content {
    width: auto;
    white-space: normal;
  }

  .pf-m-grid-xl.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%;
  }

  .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);
    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: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: bold;
    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 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__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 {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
    grid-row-start: 1;
    grid-column-start: 2;
  }

  .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__action {
    grid-row-start: 1;
    grid-column-start: 2;
    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;
  }

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

  .pf-m-grid-2xl.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto;
  }

  .pf-m-grid-2xl.pf-c-table .pf-m-fit-content {
    width: auto;
    white-space: normal;
  }

  .pf-m-grid-2xl.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%;
  }

  .pf-m-grid-2xl.pf-c-table [class*="pf-m-width"] {
    --pf-c-table--cell--Width: auto;
  }
}


.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--md);
  --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--md);
  --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: 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__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-top .pf-c-popover__arrow {
  bottom: 0;
  left: 50%;
  transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
}

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

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

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

.pf-c-popover__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__body {
  word-wrap: break-word;
}

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


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

.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-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__content--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
  --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--xs);
  --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__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__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__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);
  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);
  }
}

.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);
  display: flex;
  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.pf-m-align-right ~ *,
.pf-c-toolbar__group.pf-m-align-right ~ .pf-c-toolbar__item,
.pf-c-toolbar__group.pf-m-align-right ~ .pf-c-toolbar__group {
  margin-left: 0;
}

.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);
  margin-right: var(--pf-c-toolbar--spacer);
}

.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-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.pf-m-align-right ~ *,
.pf-c-toolbar__item.pf-m-align-right ~ .pf-c-toolbar__item,
.pf-c-toolbar__item.pf-m-align-right ~ .pf-c-toolbar__group {
  margin-left: 0;
}

.pf-c-toolbar__item:last-child {
  --pf-c-toolbar--spacer: 0;
}

.pf-c-toolbar__content,
.pf-c-toolbar__content-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.pf-c-toolbar__content {
  position: relative;
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
}

.pf-c-toolbar__content-section {
  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 {
  display: none;
  visibility: hidden;
}

.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: 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-left,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left {
  margin-left: 0;
}

.pf-c-toolbar .pf-m-hidden {
  display: none;
  visibility: hidden;
}

.pf-c-toolbar .pf-m-visible {
  display: flex;
  visibility: visible;
}

@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-left-on-md,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
    margin-left: 0;
  }

  .pf-c-toolbar .pf-m-hidden-on-md {
    display: none;
    visibility: hidden;
  }

  .pf-c-toolbar .pf-m-visible-on-md {
    display: flex;
    visibility: visible;
  }
}

@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-left-on-lg,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
    margin-left: 0;
  }

  .pf-c-toolbar .pf-m-hidden-on-lg {
    display: none;
    visibility: hidden;
  }

  .pf-c-toolbar .pf-m-visible-on-lg {
    display: flex;
    visibility: visible;
  }
}

@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-left-on-xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
    margin-left: 0;
  }

  .pf-c-toolbar .pf-m-hidden-on-xl {
    display: none;
    visibility: hidden;
  }

  .pf-c-toolbar .pf-m-visible-on-xl {
    display: flex;
    visibility: visible;
  }
}

@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-left-on-2xl,
  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
    margin-left: 0;
  }

  .pf-c-toolbar .pf-m-hidden-on-2xl {
    display: none;
    visibility: hidden;
  }

  .pf-c-toolbar .pf-m-visible-on-2xl {
    display: flex;
    visibility: visible;
  }
}

.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: 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: 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__content-section>:last-child {
  --pf-c-toolbar--spacer: 0;
}


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

.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__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;
}

.pf-c-chip-group__list-item {
  display: inline-flex;
  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 {
  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__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);
  color: var(--pf-global--Color--100);
  position: relative;
  display: inline-flex;
  align-items: center;
  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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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-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-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--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--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--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-global--spacer--sm);
  --pf-c-form-control--PaddingLeft: var(--pf-global--spacer--sm);
  --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--placeholder--Color: var(--pf-global--Color--dark-200);
  --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--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--BackgroundPosition: calc(100% - var(--pf-c-form-control--PaddingLeft)) var(--pf-c-form-control--PaddingLeft);
  --pf-c-form-control--success--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
  --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--BackgroundPosition: calc(100% - calc(var(--pf-c-form-control--PaddingLeft) - 0.0625rem)) var(--pf-c-form-control--PaddingLeft);
  --pf-c-form-control--m-warning--BackgroundSize: 1.25rem var(--pf-c-form-control--FontSize);
  --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--BackgroundPosition: calc(100% - var(--pf-c-form-control--PaddingLeft)) var(--pf-c-form-control--PaddingLeft);
  --pf-c-form-control--invalid--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
  --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__select--PaddingRight: var(--pf-global--spacer--lg);
  --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: .625em;
  --pf-c-form-control__select--BackgroundPosition: calc(100% - var(--pf-global--spacer--sm)) center;
  --pf-c-form-control__select--success--PaddingRight: calc(var(--pf-global--spacer--sm) + var(--pf-global--spacer--2xl));
  --pf-c-form-control__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--sm) - var(--pf-global--spacer--lg));
  --pf-c-form-control__select--m-warning--PaddingRight: calc(var(--pf-global--spacer--sm) + var(--pf-global--spacer--2xl));
  --pf-c-form-control__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--sm) - var(--pf-global--spacer--lg) + 0.0625rem);
  --pf-c-form-control__select--invalid--PaddingRight: calc(var(--pf-global--spacer--sm) + var(--pf-global--spacer--2xl));
  --pf-c-form-control__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--sm) - var(--pf-global--spacer--lg));
  color: var(--pf-global--Color--100);
  width: 100%;
  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);
  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 {
  --pf-c-form-control--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: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:disabled {
  --pf-c-form-control--Color: var(--pf-c-form-control--disabled--Color);
  --pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
  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-repeat: no-repeat;
  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.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-repeat: no-repeat;
  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-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-repeat: no-repeat;
  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-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-repeat: no-repeat;
  background-position: var(--pf-c-form-control--m-search--BackgroundPosition);
  background-size: var(--pf-c-form-control--m-search--BackgroundSize);
}

select.pf-c-form-control {
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
  background-image: var(--pf-c-form-control__select--BackgroundUrl);
  background-repeat: no-repeat;
  background-position: var(--pf-c-form-control__select--BackgroundPosition);
  background-size: var(--pf-c-form-control__select--BackgroundSize);
}

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

.pf-c-form-control.pf-m-resize-vertical {
  resize: vertical;
}

.pf-c-form-control.pf-m-resize-horizontal {
  resize: horizontal;
}


.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--m-current--Color: var(--pf-global--Color--100);
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--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;
  word-break: break-word;
}

.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;
}

.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;
}


.pf-l-split {
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
}

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


.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);
  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:not(.pf-m-inline) {
  list-style: var(--pf-c-list--ul--ListStyle);
}

.pf-c-list.pf-m-inline {
  --pf-c-list--PaddingLeft: 0;
  display: flex;
  flex-wrap: wrap;
}

.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-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--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--Color: var(--pf-global--Color--100);
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
  --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
  --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
}

.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.pf-m-expanded .pf-c-expandable-section__toggle-icon {
  transform: rotate(var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate));
}

.pf-c-expandable-section .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);
  color: var(--pf-c-expandable-section__toggle--Color);
  border: none;
}

.pf-c-expandable-section .pf-c-expandable-section__toggle:hover {
  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
}

.pf-c-expandable-section .pf-c-expandable-section__toggle:active,
.pf-c-expandable-section .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 .pf-c-expandable-section__toggle:focus {
  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
}

.pf-c-expandable-section .pf-c-expandable-section__toggle-icon {
  color: var(--pf-c-expandable-section__toggle-icon--Color);
  transition: var(--pf-c-expandable-section__toggle-icon--Transition);
}

.pf-c-expandable-section .pf-c-expandable-section__toggle-text {
  margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
}

.pf-c-expandable-section .pf-c-expandable-section__content {
  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-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--MarginTop: -0.1875rem;
  --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);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: var(--pf-c-radio--GridGap);
  align-items: center;
  justify-items: start;
}

.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 {
  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);
}

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-switch {
  --pf-c-switch--FontSize: var(--pf-global--FontSize--md);
  --pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .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) * .4);
  --pf-c-switch__toggle-icon--Offset: 0.125rem;
  --pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-switch--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
  --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--Color--dark-200);
  --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--200);
  --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--disabled-color--200);
  --pf-c-switch__toggle--BorderRadius: var(--pf-c-switch--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--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 .25s ease 0s;
  --pf-c-switch__toggle--Width: calc(var(--pf-c-switch--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
  --pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
  position: relative;
  display: inline-block;
  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__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);
}

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

.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: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
}

.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: var(--pf-c-switch__toggle--BackgroundColor);
  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;
  padding-left: var(--pf-c-switch__label--PaddingLeft);
  color: var(--pf-c-switch__label--Color);
  vertical-align: top;
}


.pf-c-card {
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
  --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-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__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
  --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--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__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);
  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-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__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
}

.pf-c-card.pf-m-flat {
  --pf-c-card--BoxShadow: none;
  border: var(--pf-c-card--m-flat--BorderWidth) solid var(--pf-c-card--m-flat--BorderColor);
}

.pf-c-card__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.pf-c-card__title {
  font-family: var(--pf-c-card__title--FontFamily);
  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-left: 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__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__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-m-overpass-font .pf-c-card .pf-c-card__title {
  font-weight: var(--pf-global--FontWeight--normal);
}


.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__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--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-input-group--c-form-control--MarginRight: 1px;
  color: var(--pf-global--Color--100);
  display: flex;
  width: 100%;
  background-color: var(--pf-c-input-group--BackgroundColor);
}

.pf-c-input-group>*+* {
  margin-left: -1px;
}

.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;
}

.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-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--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);
  margin-right: var(--pf-l-flex--spacer);
}

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


.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--BorderWidth: var(--pf-global--BorderWidth--sm);
  --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--active--before--BorderBottomColor: var(--pf-global--active-color--100);
  --pf-c-select__toggle--m-expanded--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--BorderBottomWidth: var(--pf-global--BorderWidth--md);
  --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-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: none;
  --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--sm));
  --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-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__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--m-top--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
  --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--Width: 100%;
  --pf-c-select__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
  --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--hover--BackgroundColor: transparent;
  --pf-c-select__menu-item--m-action--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--hover__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-wrapper--m-favorite__menu-item--m-favorite-action--Color: var(--pf-global--palette--gold-400);
  --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--sm);
  --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-select__menu-group-title--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--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__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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: var(--pf-c-select__toggle--before--BorderWidth) solid;
  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);
}

.pf-c-select__toggle:hover::before {
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--hover--before--BorderBottomColor);
}

.pf-c-select__toggle:focus::before,
.pf-c-select__toggle:focus-within::before {
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--focus--before--BorderBottomColor);
  border-bottom-width: var(--pf-c-select__toggle--focus--before--BorderBottomWidth);
}

.pf-c-select__toggle:active::before,
.pf-c-select__toggle.pf-m-active::before {
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--active--before--BorderBottomColor);
  border-bottom-width: var(--pf-c-select__toggle--active--before--BorderBottomWidth);
}

.pf-m-expanded>.pf-c-select__toggle::before {
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
  border-bottom-width: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
}

.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-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;
  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-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;
}

.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-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);
  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: inherit;
  border-bottom-style: inherit;
  border-bottom-width: inherit;
  border-left: var(--pf-c-select__toggle-typeahead--BorderLeft);
  flex-shrink: 0;
}

.pf-c-select__toggle-typeahead: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);
  min-width: 100%;
  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-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--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--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-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--hover--BackgroundColor: var(--pf-c-select__menu-item--m-action--hover--BackgroundColor);
  --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);
  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-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 {
  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-main {
  position: relative;
  display: block;
  padding-right: var(--pf-c-select__menu-item-main--PaddingRight);
  white-space: nowrap;
}

.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-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-pagination {
  --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-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--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: 3.5ch;
  --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--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--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);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

@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;
  }
}

@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>*:not(:last-child):not(.pf-c-pagination__total-items) {
  margin-right: var(--pf-c-pagination--child--MarginRight);
}

.pf-c-pagination:not(.pf-m-bottom) .pf-c-options-menu,
.pf-c-pagination:not(.pf-m-bottom) .pf-c-pagination__nav {
  display: none;
  visibility: hidden;
}

@media screen and (min-width: 768px) {
  .pf-c-pagination:not(.pf-m-bottom) .pf-c-options-menu,
  .pf-c-pagination:not(.pf-m-bottom) .pf-c-pagination__nav {
    display: flex;
    visibility: visible;
  }
}

.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);
  position: sticky;
  bottom: 0;
  justify-content: center;
  padding-top: var(--pf-c-pagination--m-bottom--PaddingTop);
  padding-right: var(--pf-c-pagination--m-bottom--PaddingRight);
  padding-bottom: var(--pf-c-pagination--m-bottom--PaddingBottom);
  padding-left: var(--pf-c-pagination--m-bottom--PaddingLeft);
  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;
}

.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
}

@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;
    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-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__nav {
  display: inline-flex;
  justify-content: flex-end;
}

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

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

@media screen and (min-width: 768px) {
  .pf-c-pagination__total-items {
    display: none;
    visibility: hidden;
  }
}


.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: var(--pf-global--target-size--MinWidth);
  --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-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__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--sm);
  --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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-left: 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__toggle:not(.pf-m-text) {
  padding-top: var(--pf-c-options-menu__toggle--PaddingTop);
  padding-right: var(--pf-c-options-menu__toggle--PaddingRight);
  padding-bottom: var(--pf-c-options-menu__toggle--PaddingBottom);
}

.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:not(.pf-m-text) {
  justify-content: center;
  color: var(--pf-c-options-menu__toggle--m-plain--Color);
}

.pf-c-options-menu__toggle.pf-m-plain .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__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 {
  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-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);
}


.pf-c-drawer {
  --pf-c-drawer__section--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-drawer__content--FlexBasis: 100%;
  --pf-c-drawer__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-drawer__content--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-drawer__panel--FlexBasis: 100%;
  --pf-c-drawer__panel--md--FlexBasis: 50%;
  --pf-c-drawer__panel--MinWidth: 50%;
  --pf-c-drawer__panel--xl--MinWidth: 28.125rem;
  --pf-c-drawer__panel--xl--FlexBasis: 28.125rem;
  --pf-c-drawer__panel--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-drawer__panel--TransitionDuration: var(--pf-global--TransitionDuration);
  --pf-c-drawer__panel--TransitionProperty: margin, transform, box-shadow;
  --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__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__panel--after--Width: 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);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
}

@media screen and (min-width: 768px) {
  .pf-c-drawer {
    --pf-c-drawer__panel--FlexBasis: var(--pf-c-drawer__panel--md--FlexBasis);
    --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--FlexBasis: var(--pf-c-drawer__panel--xl--FlexBasis);
    --pf-c-drawer__panel--MinWidth: var(--pf-c-drawer__panel--xl--MinWidth);
  }
}

@media screen and (min-width: 768px) {
  .pf-c-drawer {
    min-width: var(--pf-c-drawer__panel--MinWidth);
  }
}

.pf-c-drawer.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border),
.pf-c-drawer.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border) {
  padding-left: var(--pf-c-drawer--m-inline__panel--PaddingLeft);
}

.pf-c-drawer__section {
  flex-grow: 0;
  background-color: var(--pf-c-drawer__section--BackgroundColor);
}

.pf-c-drawer__section.pf-m-no-background {
  background-color: transparent;
}

.pf-c-drawer__main {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}

.pf-c-drawer__content,
.pf-c-drawer__panel {
  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-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__content.pf-m-no-background {
  background-color: transparent;
}

.pf-c-drawer__panel {
  position: relative;
  z-index: var(--pf-c-drawer__panel--ZIndex);
  flex-basis: var(--pf-c-drawer__panel--FlexBasis);
  order: 1;
  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 {
  background-color: transparent;
}

@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.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
  transform: translateX(-100%);
}

.pf-c-drawer__body>.pf-c-page__main {
  min-height: 100%;
}

@media screen and (min-width: 768px) {
  .pf-c-drawer>.pf-c-drawer__main>.pf-c-drawer__content {
    order: 0;
  }

  .pf-c-drawer>.pf-c-drawer__main>.pf-c-drawer__panel {
    order: 1;
    transform: translateX(0);
  }

  .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-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__content {
    order: 1;
  }

  .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: translateX(-100%);
  }

  .pf-c-drawer.pf-m-panel-left.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border),
  .pf-c-drawer.pf-m-panel-left.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border) {
    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 {
    box-shadow: var(--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
    transform: translateX(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-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 {
    box-shadow: none;
  }
}

@media (min-width: 768px) {
  .pf-c-drawer__panel.pf-m-width-25 {
    flex-basis: 25%;
  }

  .pf-c-drawer__panel.pf-m-width-33 {
    flex-basis: 33%;
  }

  .pf-c-drawer__panel.pf-m-width-50 {
    flex-basis: 50%;
  }

  .pf-c-drawer__panel.pf-m-width-66 {
    flex-basis: 66%;
  }

  .pf-c-drawer__panel.pf-m-width-75 {
    flex-basis: 75%;
  }

  .pf-c-drawer__panel.pf-m-width-100 {
    flex-basis: 100%;
  }
}

@media (min-width: 992px) {
  .pf-c-drawer__panel.pf-m-width-25-on-lg {
    flex-basis: 25%;
  }

  .pf-c-drawer__panel.pf-m-width-33-on-lg {
    flex-basis: 33%;
  }

  .pf-c-drawer__panel.pf-m-width-50-on-lg {
    flex-basis: 50%;
  }

  .pf-c-drawer__panel.pf-m-width-66-on-lg {
    flex-basis: 66%;
  }

  .pf-c-drawer__panel.pf-m-width-75-on-lg {
    flex-basis: 75%;
  }

  .pf-c-drawer__panel.pf-m-width-100-on-lg {
    flex-basis: 100%;
  }
}

@media (min-width: 1200px) {
  .pf-c-drawer__panel.pf-m-width-25-on-xl {
    flex-basis: 25%;
  }

  .pf-c-drawer__panel.pf-m-width-33-on-xl {
    flex-basis: 33%;
  }

  .pf-c-drawer__panel.pf-m-width-50-on-xl {
    flex-basis: 50%;
  }

  .pf-c-drawer__panel.pf-m-width-66-on-xl {
    flex-basis: 66%;
  }

  .pf-c-drawer__panel.pf-m-width-75-on-xl {
    flex-basis: 75%;
  }

  .pf-c-drawer__panel.pf-m-width-100-on-xl {
    flex-basis: 100%;
  }
}

@media (min-width: 1450px) {
  .pf-c-drawer__panel.pf-m-width-25-on-2xl {
    flex-basis: 25%;
  }

  .pf-c-drawer__panel.pf-m-width-33-on-2xl {
    flex-basis: 33%;
  }

  .pf-c-drawer__panel.pf-m-width-50-on-2xl {
    flex-basis: 50%;
  }

  .pf-c-drawer__panel.pf-m-width-66-on-2xl {
    flex-basis: 66%;
  }

  .pf-c-drawer__panel.pf-m-width-75-on-2xl {
    flex-basis: 75%;
  }

  .pf-c-drawer__panel.pf-m-width-100-on-2xl {
    flex-basis: 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 {
    box-shadow: 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: translateX(100%);
  }

  .pf-c-drawer.pf-m-inline.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-left: 0;
    transform: translateX(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-static>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-left: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-static.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: 0;
    margin-left: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-static.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel::after {
    right: 0;
    left: auto;
  }

  .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: 768px) {
  .pf-c-drawer.pf-m-panel-left.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    box-shadow: none;
    transform: translateX(-100%);
  }

  .pf-c-drawer.pf-m-panel-left.pf-m-inline.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-panel-left.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;
  }
}

@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 {
    box-shadow: 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: translateX(100%);
  }

  .pf-c-drawer.pf-m-inline-on-lg.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-left: 0;
    transform: translateX(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-static-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-left: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: 0;
    margin-left: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel::after {
    right: 0;
    left: auto;
  }

  .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: 992px) {
  .pf-c-drawer.pf-m-panel-left.pf-m-inline-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    box-shadow: none;
    transform: translateX(-100%);
  }

  .pf-c-drawer.pf-m-panel-left.pf-m-inline-on-lg.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-panel-left.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;
  }
}

@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 {
    box-shadow: 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: translateX(100%);
  }

  .pf-c-drawer.pf-m-inline-on-xl.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-left: 0;
    transform: translateX(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-static-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-left: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: 0;
    margin-left: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel::after {
    right: 0;
    left: auto;
  }

  .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: 1200px) {
  .pf-c-drawer.pf-m-panel-left.pf-m-inline-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    box-shadow: none;
    transform: translateX(-100%);
  }

  .pf-c-drawer.pf-m-panel-left.pf-m-inline-on-xl.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-panel-left.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;
  }
}

@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 {
    box-shadow: 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: translateX(100%);
  }

  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-left: 0;
    transform: translateX(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-static-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-left: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: 0;
    margin-left: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel::after {
    right: 0;
    left: auto;
  }

  .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;
  }
}

@media (min-width: 1450px) {
  .pf-c-drawer.pf-m-panel-left.pf-m-inline-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
    margin-left: 0;
    box-shadow: none;
    transform: translateX(-100%);
  }

  .pf-c-drawer.pf-m-panel-left.pf-m-inline-on-2xl.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    margin-right: 0;
    transform: translateX(0);
  }

  .pf-c-drawer.pf-m-panel-left.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-backdrop {
  --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
  --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
  position: fixed;
  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-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__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__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) - var(--pf-global--spacer--form-element) + 0.0625rem);
  --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
  --pf-c-modal-box--c-button--sibling--MarginRight: var(--pf-global--spacer--xl);
  --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);
}

.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-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 {
  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: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__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  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__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);
  }
}


.pf-c-accordion {
  --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-accordion {
  --pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-accordion__toggle--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-accordion__toggle--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-accordion__toggle--before--BackgroundColor: transparent;
  --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
  --pf-c-accordion__toggle--m-expanded--before--BackgroundColor: var(--pf-global--primary-color--100);
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
  --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-global--link--Color);
  --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-global--link--Color);
  --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
  --pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-accordion__expanded-content--Color: var(--pf-global--secondary-color--100);
  --pf-c-accordion__expanded-content--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-accordion__expanded-content-body--before--BackgroundColor: transparent;
  --pf-c-accordion__expanded-content-body--before--Width: var(--pf-global--BorderWidth--lg);
  --pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor: var(--pf-global--primary-color--100);
  --pf-c-accordion__expanded-content--m-fixed--MaxHeight: 9.375rem;
  color: var(--pf-global--Color--100);
  background-color: var(--pf-c-accordion--BackgroundColor);
}

.pf-c-accordion__toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
  border: 0;
}

.pf-c-accordion__toggle::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--pf-c-accordion__toggle--before--Width);
  content: "";
  background-color: var(--pf-c-accordion__toggle--before--BackgroundColor);
}

.pf-c-accordion__toggle.pf-m-expanded {
  --pf-c-accordion__toggle--before--BackgroundColor: var(--pf-c-accordion__toggle--m-expanded--before--BackgroundColor);
}

.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-text {
  font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
  color: var(--pf-c-accordion__toggle--m-expanded__toggle-text--Color);
}

.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-icon {
  transform: rotate(var(--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
}

.pf-c-accordion__toggle:hover {
  background-color: var(--pf-c-accordion__toggle--hover--BackgroundColor);
}

.pf-c-accordion__toggle:hover .pf-c-accordion__toggle-text {
  color: var(--pf-c-accordion__toggle--hover__toggle-text--Color);
}

.pf-c-accordion__toggle:focus {
  background-color: var(--pf-c-accordion__toggle--focus--BackgroundColor);
}

.pf-c-accordion__toggle:focus .pf-c-accordion__toggle-text {
  font-weight: var(--pf-c-accordion__toggle--focus__toggle-text--FontWeight);
  color: var(--pf-c-accordion__toggle--focus__toggle-text--Color);
}

.pf-c-accordion__toggle:active {
  background-color: var(--pf-c-accordion__toggle--active--BackgroundColor);
}

.pf-c-accordion__toggle:active .pf-c-accordion__toggle-text {
  font-weight: var(--pf-c-accordion__toggle--active__toggle-text--FontWeight);
  color: var(--pf-c-accordion__toggle--active__toggle-text--Color);
}

.pf-c-accordion__toggle-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--pf-c-accordion__toggle-text--MaxWidth);
}

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

.pf-c-accordion__expanded-content {
  font-size: var(--pf-c-accordion__expanded-content--FontSize);
  color: var(--pf-c-accordion__expanded-content--Color);
}

.pf-c-accordion__expanded-content.pf-m-fixed {
  max-height: var(--pf-c-accordion__expanded-content--m-fixed--MaxHeight);
  overflow-y: auto;
}

.pf-c-accordion__expanded-content.pf-m-expanded {
  --pf-c-accordion__expanded-content-body--before--BackgroundColor: var(--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor);
}

.pf-c-accordion__expanded-content-body {
  position: relative;
  padding: var(--pf-c-accordion__expanded-content-body--PaddingTop) var(--pf-c-accordion__expanded-content-body--PaddingRight) var(--pf-c-accordion__expanded-content-body--PaddingBottom) var(--pf-c-accordion__expanded-content-body--PaddingLeft);
}

.pf-c-accordion__expanded-content-body::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--pf-c-accordion__expanded-content-body--before--Width);
  content: "";
  background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor);
}


.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__header,
.pf-c-page__main-section[class*="pf-m-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-c-page__header .pf-c-card,
.pf-c-page__main-section[class*="pf-m-dark-"] .pf-c-card {
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
}

.pf-c-page__header .pf-c-button,
.pf-c-page__main-section[class*="pf-m-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);
}

.pf-c-page__header-tools-group,
.pf-c-page__header-tools-item {
  --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-group,
.pf-m-hidden.pf-c-page__header-tools-item {
  --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-group,
  .pf-m-hidden-on-sm.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-visible-on-sm.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-hidden-on-md.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-visible-on-md.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-hidden-on-lg.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-visible-on-lg.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-hidden-on-xl.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-visible-on-xl.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-hidden-on-2xl.pf-c-page__header-tools-item {
    --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-group,
  .pf-m-visible-on-2xl.pf-c-page__header-tools-item {
    --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--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: 80%;
  --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--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__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-section--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  --pf-c-page__main--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-page__main-breadcrumb--main-section--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__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--xl--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-page__main-nav--xl--PaddingLeft: var(--pf-global--spacer--sm);
  --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--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
  --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-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);
  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__header {
  color: var(--pf-global--Color--100);
  z-index: var(--pf-c-page__header--ZIndex);
  grid-template-columns: auto auto;
  display: grid;
  grid-area: header;
  align-items: center;
  min-width: 0;
  min-height: var(--pf-c-page__header--MinHeight);
  background-color: var(--pf-c-page__header--BackgroundColor);
}

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

.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: var(--pf-c-page__header-sidebar-toggle__c-button--MarginRight);
  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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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::after {
  border-color: var(--pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor);
}

.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: var(--pf-c-page__sidebar--BackgroundColor);
  transition: var(--pf-c-page__sidebar--Transition);
  transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
}

@media screen and (min-width: 1200px) {
  .pf-c-page__sidebar {
    box-shadow: var(--pf-c-page__sidebar--BoxShadow);
  }
}

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

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

.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__main,
.pf-c-page__drawer {
  grid-area: main;
  z-index: var(--pf-c-page__main--ZIndex);
  display: flex;
  flex-direction: column;
  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-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-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-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:last-of-type,
.pf-c-page__main-section:only-child,
.pf-c-page__main-section.pf-m-fill {
  flex: 1;
}

.pf-c-page__main-section.pf-m-no-fill {
  flex: 0 0 auto;
}

.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[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-no-padding {
  --pf-c-page__main-section--PaddingTop: 0;
  --pf-c-page__main-section--PaddingRight: 0;
  --pf-c-page__main-section--PaddingBottom: 0;
  --pf-c-page__main-section--PaddingLeft: 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-no-padding-on-sm {
    --pf-c-page__main-section--PaddingTop: 0;
    --pf-c-page__main-section--PaddingRight: 0;
    --pf-c-page__main-section--PaddingBottom: 0;
    --pf-c-page__main-section--PaddingLeft: 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-no-padding-on-md {
    --pf-c-page__main-section--PaddingTop: 0;
    --pf-c-page__main-section--PaddingRight: 0;
    --pf-c-page__main-section--PaddingBottom: 0;
    --pf-c-page__main-section--PaddingLeft: 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-no-padding-on-lg {
    --pf-c-page__main-section--PaddingTop: 0;
    --pf-c-page__main-section--PaddingRight: 0;
    --pf-c-page__main-section--PaddingBottom: 0;
    --pf-c-page__main-section--PaddingLeft: 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-no-padding-on-xl {
    --pf-c-page__main-section--PaddingTop: 0;
    --pf-c-page__main-section--PaddingRight: 0;
    --pf-c-page__main-section--PaddingBottom: 0;
    --pf-c-page__main-section--PaddingLeft: 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-no-padding-on-2xl {
    --pf-c-page__main-section--PaddingTop: 0;
    --pf-c-page__main-section--PaddingRight: 0;
    --pf-c-page__main-section--PaddingBottom: 0;
    --pf-c-page__main-section--PaddingLeft: 0;
  }
}

.pf-c-page__main-wizard {
  flex: 1 0 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-nav.pf-m-limit-width,
.pf-c-page__main-breadcrumb.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-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-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__drawer {
  grid-area: main;
}

.pf-c-page__drawer>.pf-c-drawer {
  flex: 1 0 auto;
}


.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-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-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: calc(100% / 3) !important;
}

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

.pf-u-w-66 {
  width: calc(100% / 3 * 2) !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: calc(100vw / 3) !important;
}

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

.pf-u-w-66vw {
  width: calc(100vw / 3 * 2) !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: calc(100% / 3) !important;
  }

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

  .pf-u-w-66-on-sm {
    width: calc(100% / 3 * 2) !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: calc(100vw / 3) !important;
  }

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

  .pf-u-w-66vw-on-sm {
    width: calc(100vw / 3 * 2) !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: calc(100% / 3) !important;
  }

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

  .pf-u-w-66-on-md {
    width: calc(100% / 3 * 2) !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: calc(100vw / 3) !important;
  }

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

  .pf-u-w-66vw-on-md {
    width: calc(100vw / 3 * 2) !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: calc(100% / 3) !important;
  }

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

  .pf-u-w-66-on-lg {
    width: calc(100% / 3 * 2) !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: calc(100vw / 3) !important;
  }

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

  .pf-u-w-66vw-on-lg {
    width: calc(100vw / 3 * 2) !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: calc(100% / 3) !important;
  }

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

  .pf-u-w-66-on-xl {
    width: calc(100% / 3 * 2) !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: calc(100vw / 3) !important;
  }

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

  .pf-u-w-66vw-on-xl {
    width: calc(100vw / 3 * 2) !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: calc(100% / 3) !important;
  }

  .pf-u-w-50-on-2xl {
    width: 50% !important;
  }

  .pf-u-w-66-on-2xl {
    width: calc(100% / 3 * 2) !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: calc(100vw / 3) !important;
  }

  .pf-u-w-50vw-on-2xl {
    width: 50vw !important;
  }

  .pf-u-w-66vw-on-2xl {
    width: calc(100vw / 3 * 2) !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: calc(100% / 3) !important;
}

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

.pf-u-h-66 {
  height: calc(100% / 3 * 2) !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: calc(100vh / 3) !important;
}

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

.pf-u-h-66vh {
  height: calc(100vh / 3 * 2) !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: calc(100% / 3) !important;
  }

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

  .pf-u-h-66-on-sm {
    height: calc(100% / 3 * 2) !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: calc(100vh / 3) !important;
  }

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

  .pf-u-h-66vh-on-sm {
    height: calc(100vh / 3 * 2) !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: calc(100% / 3) !important;
  }

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

  .pf-u-h-66-on-md {
    height: calc(100% / 3 * 2) !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: calc(100vh / 3) !important;
  }

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

  .pf-u-h-66vh-on-md {
    height: calc(100vh / 3 * 2) !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: calc(100% / 3) !important;
  }

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

  .pf-u-h-66-on-lg {
    height: calc(100% / 3 * 2) !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: calc(100vh / 3) !important;
  }

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

  .pf-u-h-66vh-on-lg {
    height: calc(100vh / 3 * 2) !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: calc(100% / 3) !important;
  }

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

  .pf-u-h-66-on-xl {
    height: calc(100% / 3 * 2) !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: calc(100vh / 3) !important;
  }

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

  .pf-u-h-66vh-on-xl {
    height: calc(100vh / 3 * 2) !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: calc(100% / 3) !important;
  }

  .pf-u-h-50-on-2xl {
    height: 50% !important;
  }

  .pf-u-h-66-on-2xl {
    height: calc(100% / 3 * 2) !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: calc(100vh / 3) !important;
  }

  .pf-u-h-50vh-on-2xl {
    height: 50vh !important;
  }

  .pf-u-h-66vh-on-2xl {
    height: calc(100vh / 3 * 2) !important;
  }

  .pf-u-h-75vh-on-2xl {
    height: 75vh !important;
  }

  .pf-u-h-100vh-on-2xl {
    height: 100vh !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;
}

.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-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: var(--pf-global--FontFamily--heading--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--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: var(--pf-c-content--a--Color);
  text-decoration: var(--pf-c-content--a--TextDecoration);
}

.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 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: var(--pf-c-content--heading--FontFamily);
}

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

.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-about-modal-box {
  --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-about-modal-box .pf-c-card {
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
}

.pf-c-about-modal-box .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-about-modal-box {
  --pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
  --pf-c-about-modal-box--BoxShadow: 0 0 100px 0 rgba(255, 255, 255, .05);
  --pf-c-about-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
  --pf-c-about-modal-box--Height: 100%;
  --pf-c-about-modal-box--lg--Height: 47.625rem;
  --pf-c-about-modal-box--lg--MaxHeight: calc(100% - var(--pf-global--spacer--xl));
  --pf-c-about-modal-box--Width: 100vw;
  --pf-c-about-modal-box--lg--Width: calc(100% - (var(--pf-global--spacer--3xl) * 2));
  --pf-c-about-modal-box--lg--MaxWidth: 77rem;
  --pf-c-about-modal-box--PaddingTop: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box--PaddingBottom: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box--sm--PaddingTop: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box--sm--PaddingRight: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box--sm--PaddingBottom: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box--sm--PaddingLeft: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box--sm--grid-template-columns: 5fr 1fr;
  --pf-c-about-modal-box--lg--grid-template-columns: 1fr .6fr;
  --pf-c-about-modal-box__brand--PaddingTop: var(--pf-global--spacer--2xl);
  --pf-c-about-modal-box__brand--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__brand--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__brand--PaddingBottom: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__brand--sm--PaddingRight: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box__brand--sm--PaddingLeft: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box__brand--sm--PaddingBottom: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box__close--ZIndex: var(--pf-global--ZIndex--2xl);
  --pf-c-about-modal-box__close--PaddingTop: var(--pf-global--spacer--2xl);
  --pf-c-about-modal-box__close--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__close--PaddingBottom: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__close--sm--PaddingBottom: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box__close--sm--PaddingRight: 0;
  --pf-c-about-modal-box__close--lg--PaddingRight: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box__close--c-button--Color: var(--pf-global--Color--100);
  --pf-c-about-modal-box__close--c-button--FontSize: var(--pf-global--FontSize--xl);
  --pf-c-about-modal-box__close--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
  --pf-c-about-modal-box__close--c-button--Width: calc(var(--pf-c-about-modal-box__close--c-button--FontSize) * 2);
  --pf-c-about-modal-box__close--c-button--Height: calc(var(--pf-c-about-modal-box__close--c-button--FontSize) * 2);
  --pf-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-global--palette--black-1000);
  --pf-c-about-modal-box__close--c-button--hover--BackgroundColor: rgba(3, 3, 3, 0.4);
  --pf-c-about-modal-box__hero--sm--BackgroundImage: url(./assets/pfbg_992@2x.jpg);
  --pf-c-about-modal-box__hero--sm--BackgroundPosition: top left;
  --pf-c-about-modal-box__hero--sm--BackgroundSize: cover;
  --pf-c-about-modal-box__brand-image--Height: 2.5rem;
  --pf-c-about-modal-box__header--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__header--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-about-modal-box__header--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__header--sm--PaddingRight: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box__header--sm--PaddingLeft: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box__strapline--PaddingTop: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__strapline--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-about-modal-box__strapline--sm--PaddingTop: var(--pf-global--spacer--2xl);
  --pf-c-about-modal-box__content--MarginTop: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__content--MarginRight: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__content--MarginBottom: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__content--MarginLeft: var(--pf-global--spacer--xl);
  --pf-c-about-modal-box__content--sm--MarginTop: var(--pf-global--spacer--2xl);
  --pf-c-about-modal-box__content--sm--MarginRight: var(--pf-global--spacer--3xl);
  --pf-c-about-modal-box__content--sm--MarginBottom: var(--pf-global--spacer--2xl);
  --pf-c-about-modal-box__content--sm--MarginLeft: var(--pf-global--spacer--3xl);
  color: var(--pf-global--Color--100);
  position: relative;
  z-index: var(--pf-c-about-modal-box--ZIndex);
  display: grid;
  grid-template-rows: max-content max-content auto;
  grid-template-areas: "brand close" "header header" "content content";
  width: var(--pf-c-about-modal-box--Width);
  height: var(--pf-c-about-modal-box--Height);
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--pf-c-about-modal-box--BackgroundColor);
  box-shadow: var(--pf-c-about-modal-box--BoxShadow);
}

@media screen and (min-width: 576px) {
  .pf-c-about-modal-box {
    --pf-c-about-modal-box--PaddingTop: var(--pf-c-about-modal-box--sm--PaddingTop);
    --pf-c-about-modal-box--PaddingRight: var(--pf-c-about-modal-box--sm--PaddingRight);
    --pf-c-about-modal-box--PaddingBottom: var(--pf-c-about-modal-box--sm--PaddingBottom);
    --pf-c-about-modal-box--PaddingLeft: var(--pf-c-about-modal-box--sm--PaddingLeft);
  }
}

@media screen and (min-width: 576px) {
  .pf-c-about-modal-box {
    --pf-c-about-modal-box__brand--PaddingRight: var(--pf-c-about-modal-box__brand--sm--PaddingRight);
    --pf-c-about-modal-box__brand--PaddingLeft: var(--pf-c-about-modal-box__brand--sm--PaddingLeft);
    --pf-c-about-modal-box__brand--PaddingBottom: var(--pf-c-about-modal-box__brand--sm--PaddingBottom);
  }
}

@media only screen and (min-width: 576px) {
  .pf-c-about-modal-box {
    --pf-c-about-modal-box__close--PaddingRight: var(--pf-c-about-modal-box__close--sm--PaddingRight);
    --pf-c-about-modal-box__close--PaddingBottom: var(--pf-c-about-modal-box__close--sm--PaddingBottom);
  }
}

@media only screen and (min-width: 992px) {
  .pf-c-about-modal-box {
    --pf-c-about-modal-box__close--PaddingRight: var(--pf-c-about-modal-box__close--lg--PaddingRight);
  }
}

@media only screen and (min-width: 576px) {
  .pf-c-about-modal-box {
    --pf-c-about-modal-box__header--PaddingRight: var(--pf-c-about-modal-box__header--sm--PaddingRight);
    --pf-c-about-modal-box__header--PaddingLeft: var(--pf-c-about-modal-box__header--sm--PaddingLeft);
  }
}

@media only screen and (min-width: 576px) {
  .pf-c-about-modal-box {
    --pf-c-about-modal-box__strapline--PaddingTop: var(--pf-c-about-modal-box__strapline--sm--PaddingTop);
  }
}

@media only screen and (min-width: 576px) {
  .pf-c-about-modal-box {
    --pf-c-about-modal-box__content--MarginTop: var(--pf-c-about-modal-box__content--sm--MarginTop);
    --pf-c-about-modal-box__content--MarginRight: var(--pf-c-about-modal-box__content--sm--MarginRight);
    --pf-c-about-modal-box__content--MarginBottom: var(--pf-c-about-modal-box__content--sm--MarginBottom);
    --pf-c-about-modal-box__content--MarginLeft: var(--pf-c-about-modal-box__content--sm--MarginLeft);
  }
}

@media only screen and (min-width: 576px) {
  .pf-c-about-modal-box {
    grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
    grid-template-areas: "brand          hero" "header         hero" "content        hero";
  }
}

@media only screen and (min-width: 992px) {
  .pf-c-about-modal-box {
    --pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
    --pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
    grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
    grid-template-rows: max-content max-content auto;
    max-width: var(--pf-c-about-modal-box--lg--MaxWidth);
    max-height: var(--pf-c-about-modal-box--lg--MaxHeight);
  }
}

.pf-c-about-modal-box__brand {
  grid-area: brand;
  display: flex;
  padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft);
}

.pf-c-about-modal-box__brand-image {
  height: var(--pf-c-about-modal-box__brand-image--Height);
}

.pf-c-about-modal-box__header {
  grid-area: header;
  display: flex;
  flex-direction: column;
  padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
  padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
  padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
}

.pf-c-about-modal-box__strapline {
  padding-top: var(--pf-c-about-modal-box__strapline--PaddingTop);
  margin-top: auto;
  font-size: var(--pf-c-about-modal-box__strapline--FontSize);
}

.pf-c-about-modal-box__content {
  display: flex;
  flex-direction: column;
  grid-area: content;
  margin: var(--pf-c-about-modal-box__content--MarginTop) var(--pf-c-about-modal-box__content--MarginRight) var(--pf-c-about-modal-box__content--MarginBottom) var(--pf-c-about-modal-box__content--MarginLeft);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  word-break: break-word;
}

@media screen and (min-width: 576px) {
  .pf-c-about-modal-box__content {
    overflow: visible;
    overscroll-behavior: auto;
  }
}

.pf-c-about-modal-box__close {
  grid-area: close;
  position: sticky;
  top: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
  padding-right: var(--pf-c-about-modal-box__close--PaddingRight);
  padding-bottom: var(--pf-c-about-modal-box__close--PaddingBottom);
}

@media only screen and (min-width: 576px) {
  .pf-c-about-modal-box__close {
    grid-area: 1 / 2;
    justify-content: center;
  }
}

@media only screen and (min-width: 992px) {
  .pf-c-about-modal-box__close {
    justify-content: flex-end;
  }
}

.pf-c-about-modal-box__close .pf-c-button.pf-m-plain {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pf-c-about-modal-box__close--c-button--Width);
  height: var(--pf-c-about-modal-box__close--c-button--Height);
  font-size: var(--pf-c-about-modal-box__close--c-button--FontSize);
  color: var(--pf-c-about-modal-box__close--c-button--Color);
  background-color: var(--pf-c-about-modal-box__close--c-button--BackgroundColor);
  border-radius: var(--pf-c-about-modal-box__close--c-button--BorderRadius);
}

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

.pf-c-about-modal-box__hero {
  display: none;
  visibility: hidden;
}

@media only screen and (min-width: 576px) {
  .pf-c-about-modal-box__hero {
    display: block;
    visibility: visible;
    background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
    background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
    grid-area: hero;
  }
}


.pf-c-app-launcher {
  --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
  --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-app-launcher__menu--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__menu--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__menu--Top: calc(100% + var(--pf-global--spacer--xs));
  --pf-c-app-launcher__menu--ZIndex: var(--pf-global--ZIndex--sm);
  --pf-c-app-launcher--m-top__menu--Top: 0;
  --pf-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
  --pf-c-app-launcher__toggle--PaddingTop: var(--pf-global--spacer--form-element);
  --pf-c-app-launcher__toggle--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-app-launcher__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
  --pf-c-app-launcher__toggle--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-app-launcher__toggle--Color: var(--pf-global--Color--200);
  --pf-c-app-launcher__toggle--hover--Color: var(--pf-global--Color--100);
  --pf-c-app-launcher__toggle--active--Color: var(--pf-global--Color--100);
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-app-launcher__menu-search--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-app-launcher__menu-search--BottomBorderColor: var(--pf-global--BorderColor--100);
  --pf-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-app-launcher__menu-search--MarginBottom: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__menu-item--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-app-launcher__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__menu-item--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-app-launcher__menu-item--Color: var(--pf-global--Color--dark-100);
  --pf-c-app-launcher__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-app-launcher__menu-item--Width: 100%;
  --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
  --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  --pf-c-app-launcher__menu-item--m-link--PaddingRight: 0;
  --pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
  --pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor: transparent;
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--disabled-color--200);
  --pf-c-app-launcher__menu-item--m-action--Width: auto;
  --pf-c-app-launcher__menu-item--m-action--FontSize: var(--pf-global--icon--FontSize--sm);
  --pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color: var(--pf-global--Color--200);
  --pf-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-global--Color--100);
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-400);
  --pf-c-app-launcher__menu-item-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__menu-item-icon--Width: var(--pf-global--icon--FontSize--lg);
  --pf-c-app-launcher__menu-item-icon--Height: var(--pf-global--icon--FontSize--lg);
  --pf-c-app-launcher__menu-item-external-icon--Color: var(--pf-global--link--Color);
  --pf-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
  --pf-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-global--icon--FontSize--sm);
  --pf-c-app-launcher__group--group--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__group-title--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
  --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
  --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
  --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
  --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.pf-c-app-launcher.pf-m-expanded>.pf-c-app-launcher__toggle {
  color: var(--pf-c-app-launcher__toggle--m-expanded--Color);
}

.pf-c-app-launcher .pf-c-divider {
  margin-top: var(--pf-c-app-launcher--c-divider--MarginTop);
  margin-bottom: var(--pf-c-app-launcher--c-divider--MarginBottom);
}

.pf-c-app-launcher .pf-c-divider:last-child {
  --pf-c-app-launcher--c-divider--MarginBottom: 0;
}

.pf-c-app-launcher__toggle {
  padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
  color: var(--pf-c-app-launcher__toggle--Color);
  border: none;
}

.pf-c-app-launcher__toggle:hover {
  --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--hover--Color);
}

.pf-c-app-launcher__toggle:active,
.pf-c-app-launcher__toggle.pf-m-active {
  --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--active--Color);
}

.pf-c-app-launcher__toggle:focus {
  --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--focus--Color);
}

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

.pf-c-app-launcher__menu {
  position: absolute;
  top: var(--pf-c-app-launcher__menu--Top);
  z-index: var(--pf-c-app-launcher__menu--ZIndex);
  min-width: 100%;
  padding-top: var(--pf-c-app-launcher__menu--PaddingTop);
  padding-bottom: var(--pf-c-app-launcher__menu--PaddingBottom);
  background-color: var(--pf-c-app-launcher__menu--BackgroundColor);
  background-clip: padding-box;
  box-shadow: var(--pf-c-app-launcher__menu--BoxShadow);
}

.pf-c-app-launcher__menu.pf-m-align-right {
  right: 0;
}

.pf-c-app-launcher.pf-m-top .pf-c-app-launcher__menu {
  --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
  transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
}

.pf-c-app-launcher__menu-search {
  padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft);
  margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom);
  border-bottom: var(--pf-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-c-app-launcher__menu-search--BottomBorderColor);
}

.pf-c-app-launcher__menu-wrapper {
  display: flex;
}

.pf-c-app-launcher__menu-wrapper.pf-m-favorite {
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color);
}

.pf-c-app-launcher__menu-item {
  display: flex;
  align-items: center;
  width: var(--pf-c-app-launcher__menu-item--Width);
  padding: var(--pf-c-app-launcher__menu-item--PaddingTop) var(--pf-c-app-launcher__menu-item--PaddingRight) var(--pf-c-app-launcher__menu-item--PaddingBottom) var(--pf-c-app-launcher__menu-item--PaddingLeft);
  font-weight: var(--pf-c-app-launcher__menu-item--FontWeight);
  color: var(--pf-c-app-launcher__menu-item--Color);
  white-space: nowrap;
  border: 0;
}

.pf-c-app-launcher__menu-item:hover,
.pf-c-app-launcher__menu-item:focus {
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color);
  text-decoration: none;
}

.pf-c-app-launcher__menu-wrapper:hover,
.pf-c-app-launcher__menu-wrapper:focus,
.pf-c-app-launcher__menu-item:hover,
.pf-c-app-launcher__menu-item:focus {
  background-color: var(--pf-c-app-launcher__menu-item--hover--BackgroundColor);
}

.pf-c-app-launcher__menu-item:disabled,
.pf-c-app-launcher__menu-item.pf-m-disabled {
  --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--disabled--Color);
  pointer-events: none;
}

.pf-c-app-launcher__menu-wrapper:disabled,
.pf-c-app-launcher__menu-wrapper.pf-m-disabled,
.pf-c-app-launcher__menu-item:disabled,
.pf-c-app-launcher__menu-item.pf-m-disabled {
  background-color: transparent;
}

.pf-c-app-launcher__menu-wrapper.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon,
.pf-c-app-launcher__menu-wrapper.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon,
.pf-c-app-launcher__menu-item.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon,
.pf-c-app-launcher__menu-item.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon {
  opacity: 1;
}

.pf-c-app-launcher__menu-item.pf-m-link {
  --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-c-app-launcher__menu-item--m-link--PaddingRight);
  --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor);
}

.pf-c-app-launcher__menu-item.pf-m-action {
  --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor);
  --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--m-action--Color);
  --pf-c-app-launcher__menu-item--Width: var(--pf-c-app-launcher__menu-item--m-action--Width);
  font-size: var(--pf-c-app-launcher__menu-item--m-action--FontSize);
}

.pf-c-app-launcher__menu-item.pf-m-action:hover,
.pf-c-app-launcher__menu-item.pf-m-action:focus {
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--hover--Color);
}

.pf-c-app-launcher__menu-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pf-c-app-launcher__menu-item-icon--Width);
  height: var(--pf-c-app-launcher__menu-item-icon--Height);
  margin-right: var(--pf-c-app-launcher__menu-item-icon--MarginRight);
}

.pf-c-app-launcher__menu-item-icon>* {
  max-width: 100%;
  max-height: 100%;
}

.pf-c-app-launcher__menu-item-external-icon {
  padding-left: var(--pf-c-app-launcher__menu-item-external-icon--PaddingLeft);
  margin-left: auto;
  font-size: var(--pf-c-app-launcher__menu-item-external-icon--FontSize);
  color: var(--pf-c-app-launcher__menu-item-external-icon--Color);
  opacity: 0;
  transform: translateY(var(--pf-c-app-launcher__menu-item-external-icon--TranslateY));
}

.pf-c-app-launcher__group+.pf-c-app-launcher__group {
  padding-top: var(--pf-c-app-launcher__group--group--PaddingTop);
}

.pf-c-app-launcher__group-title {
  padding-top: var(--pf-c-app-launcher__group-title--PaddingTop);
  padding-right: var(--pf-c-app-launcher__group-title--PaddingRight);
  padding-bottom: var(--pf-c-app-launcher__group-title--PaddingBottom);
  padding-left: var(--pf-c-app-launcher__group-title--PaddingLeft);
  font-size: var(--pf-c-app-launcher__group-title--FontSize);
  font-weight: var(--pf-c-app-launcher__group-title--FontWeight);
  color: var(--pf-c-app-launcher__group-title--Color);
}


.pf-c-notification-badge {
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
  --pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
  --pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
  --pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
  --pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
  --pf-c-notification-badge--after--BorderColor: transparent;
  --pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
  --pf-c-notification-badge--after--BorderWidth: 0;
  --pf-c-notification-badge--after--Top: 0;
  --pf-c-notification-badge--after--Right: 0;
  --pf-c-notification-badge--after--Width: auto;
  --pf-c-notification-badge--after--Height: auto;
  --pf-c-notification-badge--after--BackgroundColor: transparent;
  --pf-c-notification-badge--after--TranslateX: 0;
  --pf-c-notification-badge--after--TranslateY: 0;
  --pf-c-notification-badge__i--Width: auto;
  --pf-c-notification-badge__i--Height: auto;
  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
  position: relative;
  display: inline-block;
  padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
  margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
  background-color: var(--pf-c-notification-badge--after--BackgroundColor);
  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
}

.pf-c-notification-badge::before {
  position: absolute;
  top: var(--pf-c-notification-badge--after--Top);
  right: var(--pf-c-notification-badge--after--Right);
  bottom: 0;
  left: 0;
  width: var(--pf-c-notification-badge--after--Width);
  height: var(--pf-c-notification-badge--after--Height);
  content: "";
  border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
  transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
}

.pf-c-notification-badge>i {
  width: var(--pf-c-notification-badge__i--Width);
  height: var(--pf-c-notification-badge__i--Height);
}

.pf-c-notification-badge>* {
  position: relative;
}

.pf-c-notification-badge .pf-icon-attention-bell,
.pf-c-notification-badge .pf-icon-bell {
  display: inline-block;
  line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
}

.pf-c-notification-badge .pf-icon-attention-bell::before,
.pf-c-notification-badge .pf-icon-bell::before {
  vertical-align: bottom;
}

.pf-c-notification-badge.pf-m-read {
  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
}

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

.pf-c-notification-badge.pf-m-attention {
  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
  color: var(--pf-c-notification-badge--m-attention--Color);
}

.pf-c-notification-badge__count {
  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
}


.pf-c-nav {
  --pf-c-nav--Transition: var(--pf-global--Transition);
  --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
  --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--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__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__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 .125s, transform .125s, opacity .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);
}

@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__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.pf-m-horizontal,
.pf-c-nav.pf-m-tertiary {
  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 {
  position: relative;
  display: flex;
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__list,
.pf-c-nav.pf-m-tertiary .pf-c-nav__list {
  flex: 1;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -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 {
  display: none;
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__item,
.pf-c-nav.pf-m-tertiary .pf-c-nav__item {
  display: flex;
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__link,
.pf-c-nav.pf-m-tertiary .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 {
  top: auto;
  bottom: 0;
}

.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__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-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: translateX(0);
}

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

.pf-c-nav__list {
  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__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: var(--pf-c-nav__link--Color);
  background-color: var(--pf-c-nav__link--BackgroundColor);
  outline-offset: var(--pf-c-nav__link--OutlineOffset);
}

.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 {
  color: var(--pf-c-nav__link--hover--Color);
  background-color: var(--pf-c-nav__link--hover--BackgroundColor);
}

.pf-c-nav__link:hover::before {
  border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth);
}

.pf-c-nav__link:hover::after {
  border-color: var(--pf-c-nav__link--hover--after--BorderColor);
  border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth);
}

.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: var(--pf-c-nav__link--m-current--Color);
  background-color: var(--pf-c-nav__link--m-current--BackgroundColor);
}

.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: var(--pf-c-nav__link--m-current--after--BorderColor);
  border-left-width: var(--pf-c-nav__link--m-current--after--BorderLeftWidth);
}

.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;
}

.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__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-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-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: var(--pf-c-nav__section-title--Color);
  border-bottom: var(--pf-c-nav__section-title--BorderBottomWidth) solid var(--pf-c-nav__section-title--BorderBottomColor);
}

.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: translateX(-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: translateX(100%);
}

.pf-c-nav__scroll-button:nth-of-type(2)::before {
  left: 0;
}



/*# sourceMappingURL=245.app-bundle.79bff74b9ba3784bfbea.css.map*/