.pf-l-grid {
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
  --pf-l-grid--m-gutter--md--GridGap: var(--pf-global--gutter--md);
  --pf-l-grid__item--GridColumnStart: auto;
  --pf-l-grid__item--GridColumnEnd: span 12;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr); }
  @media screen and (max-width: 768px) {
    .pf-l-grid {
      --pf-l-grid--m-gutter--GridGap: var(--pf-l-grid--m-gutter--md--GridGap); } }
  .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); }
