/* stylelint-enable */
.pf-l-grid {
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr); }
  .pf-l-grid > *,
  .pf-l-grid .pf-l-grid__item {
    grid-column-start: auto;
    grid-column-end: span 12;
    min-width: 0;
    min-height: 0; }
  .pf-l-grid.pf-m-all-1-col > * {
    grid-column-start: auto;
    grid-column-end: span 1; }
  .pf-l-grid.pf-m-all-2-col > * {
    grid-column-start: auto;
    grid-column-end: span 2; }
  .pf-l-grid.pf-m-all-3-col > * {
    grid-column-start: auto;
    grid-column-end: span 3; }
  .pf-l-grid.pf-m-all-4-col > * {
    grid-column-start: auto;
    grid-column-end: span 4; }
  .pf-l-grid.pf-m-all-5-col > * {
    grid-column-start: auto;
    grid-column-end: span 5; }
  .pf-l-grid.pf-m-all-6-col > * {
    grid-column-start: auto;
    grid-column-end: span 6; }
  .pf-l-grid.pf-m-all-7-col > * {
    grid-column-start: auto;
    grid-column-end: span 7; }
  .pf-l-grid.pf-m-all-8-col > * {
    grid-column-start: auto;
    grid-column-end: span 8; }
  .pf-l-grid.pf-m-all-9-col > * {
    grid-column-start: auto;
    grid-column-end: span 9; }
  .pf-l-grid.pf-m-all-10-col > * {
    grid-column-start: auto;
    grid-column-end: span 10; }
  .pf-l-grid.pf-m-all-11-col > * {
    grid-column-start: auto;
    grid-column-end: span 11; }
  .pf-l-grid.pf-m-all-12-col > * {
    grid-column-start: auto;
    grid-column-end: span 12; }
  @media screen and (min-width: 576px) {
    .pf-l-grid.pf-m-all-1-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 1; }
    .pf-l-grid.pf-m-all-2-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 2; }
    .pf-l-grid.pf-m-all-3-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 3; }
    .pf-l-grid.pf-m-all-4-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 4; }
    .pf-l-grid.pf-m-all-5-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 5; }
    .pf-l-grid.pf-m-all-6-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 6; }
    .pf-l-grid.pf-m-all-7-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 7; }
    .pf-l-grid.pf-m-all-8-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 8; }
    .pf-l-grid.pf-m-all-9-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 9; }
    .pf-l-grid.pf-m-all-10-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 10; }
    .pf-l-grid.pf-m-all-11-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 11; }
    .pf-l-grid.pf-m-all-12-col-on-sm > * {
      grid-column-start: auto;
      grid-column-end: span 12; } }
  @media screen and (min-width: 768px) {
    .pf-l-grid.pf-m-all-1-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 1; }
    .pf-l-grid.pf-m-all-2-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 2; }
    .pf-l-grid.pf-m-all-3-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 3; }
    .pf-l-grid.pf-m-all-4-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 4; }
    .pf-l-grid.pf-m-all-5-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 5; }
    .pf-l-grid.pf-m-all-6-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 6; }
    .pf-l-grid.pf-m-all-7-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 7; }
    .pf-l-grid.pf-m-all-8-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 8; }
    .pf-l-grid.pf-m-all-9-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 9; }
    .pf-l-grid.pf-m-all-10-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 10; }
    .pf-l-grid.pf-m-all-11-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 11; }
    .pf-l-grid.pf-m-all-12-col-on-md > * {
      grid-column-start: auto;
      grid-column-end: span 12; } }
  @media screen and (min-width: 992px) {
    .pf-l-grid.pf-m-all-1-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 1; }
    .pf-l-grid.pf-m-all-2-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 2; }
    .pf-l-grid.pf-m-all-3-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 3; }
    .pf-l-grid.pf-m-all-4-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 4; }
    .pf-l-grid.pf-m-all-5-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 5; }
    .pf-l-grid.pf-m-all-6-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 6; }
    .pf-l-grid.pf-m-all-7-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 7; }
    .pf-l-grid.pf-m-all-8-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 8; }
    .pf-l-grid.pf-m-all-9-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 9; }
    .pf-l-grid.pf-m-all-10-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 10; }
    .pf-l-grid.pf-m-all-11-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 11; }
    .pf-l-grid.pf-m-all-12-col-on-lg > * {
      grid-column-start: auto;
      grid-column-end: span 12; } }
  @media screen and (min-width: 1200px) {
    .pf-l-grid.pf-m-all-1-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 1; }
    .pf-l-grid.pf-m-all-2-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 2; }
    .pf-l-grid.pf-m-all-3-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 3; }
    .pf-l-grid.pf-m-all-4-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 4; }
    .pf-l-grid.pf-m-all-5-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 5; }
    .pf-l-grid.pf-m-all-6-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 6; }
    .pf-l-grid.pf-m-all-7-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 7; }
    .pf-l-grid.pf-m-all-8-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 8; }
    .pf-l-grid.pf-m-all-9-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 9; }
    .pf-l-grid.pf-m-all-10-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 10; }
    .pf-l-grid.pf-m-all-11-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 11; }
    .pf-l-grid.pf-m-all-12-col-on-xl > * {
      grid-column-start: auto;
      grid-column-end: span 12; } }
  .pf-l-grid > .pf-m-1-col {
    grid-column-start: auto;
    grid-column-end: span 1; }
  .pf-l-grid > .pf-m-2-col {
    grid-column-start: auto;
    grid-column-end: span 2; }
  .pf-l-grid > .pf-m-3-col {
    grid-column-start: auto;
    grid-column-end: span 3; }
  .pf-l-grid > .pf-m-4-col {
    grid-column-start: auto;
    grid-column-end: span 4; }
  .pf-l-grid > .pf-m-5-col {
    grid-column-start: auto;
    grid-column-end: span 5; }
  .pf-l-grid > .pf-m-6-col {
    grid-column-start: auto;
    grid-column-end: span 6; }
  .pf-l-grid > .pf-m-7-col {
    grid-column-start: auto;
    grid-column-end: span 7; }
  .pf-l-grid > .pf-m-8-col {
    grid-column-start: auto;
    grid-column-end: span 8; }
  .pf-l-grid > .pf-m-9-col {
    grid-column-start: auto;
    grid-column-end: span 9; }
  .pf-l-grid > .pf-m-10-col {
    grid-column-start: auto;
    grid-column-end: span 10; }
  .pf-l-grid > .pf-m-11-col {
    grid-column-start: auto;
    grid-column-end: span 11; }
  .pf-l-grid > .pf-m-12-col {
    grid-column-start: auto;
    grid-column-end: span 12; }
  .pf-l-grid > .pf-m-offset-1-col {
    grid-column-start: col-start 2; }
  .pf-l-grid > .pf-m-offset-2-col {
    grid-column-start: col-start 3; }
  .pf-l-grid > .pf-m-offset-3-col {
    grid-column-start: col-start 4; }
  .pf-l-grid > .pf-m-offset-4-col {
    grid-column-start: col-start 5; }
  .pf-l-grid > .pf-m-offset-5-col {
    grid-column-start: col-start 6; }
  .pf-l-grid > .pf-m-offset-6-col {
    grid-column-start: col-start 7; }
  .pf-l-grid > .pf-m-offset-7-col {
    grid-column-start: col-start 8; }
  .pf-l-grid > .pf-m-offset-8-col {
    grid-column-start: col-start 9; }
  .pf-l-grid > .pf-m-offset-9-col {
    grid-column-start: col-start 10; }
  .pf-l-grid > .pf-m-offset-10-col {
    grid-column-start: col-start 11; }
  .pf-l-grid > .pf-m-offset-11-col {
    grid-column-start: col-start 12; }
  .pf-l-grid > .pf-m-offset-12-col {
    grid-column-start: col-start 13; }
  .pf-l-grid > .pf-m-1-row {
    grid-row: span 1; }
  .pf-l-grid > .pf-m-2-row {
    grid-row: span 2; }
  .pf-l-grid > .pf-m-3-row {
    grid-row: span 3; }
  .pf-l-grid > .pf-m-4-row {
    grid-row: span 4; }
  .pf-l-grid > .pf-m-5-row {
    grid-row: span 5; }
  .pf-l-grid > .pf-m-6-row {
    grid-row: span 6; }
  .pf-l-grid > .pf-m-7-row {
    grid-row: span 7; }
  .pf-l-grid > .pf-m-8-row {
    grid-row: span 8; }
  .pf-l-grid > .pf-m-9-row {
    grid-row: span 9; }
  .pf-l-grid > .pf-m-10-row {
    grid-row: span 10; }
  .pf-l-grid > .pf-m-11-row {
    grid-row: span 11; }
  .pf-l-grid > .pf-m-12-row {
    grid-row: span 12; }
  @media screen and (min-width: 576px) {
    .pf-l-grid > .pf-m-1-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 1; }
    .pf-l-grid > .pf-m-2-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 2; }
    .pf-l-grid > .pf-m-3-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 3; }
    .pf-l-grid > .pf-m-4-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 4; }
    .pf-l-grid > .pf-m-5-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 5; }
    .pf-l-grid > .pf-m-6-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 6; }
    .pf-l-grid > .pf-m-7-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 7; }
    .pf-l-grid > .pf-m-8-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 8; }
    .pf-l-grid > .pf-m-9-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 9; }
    .pf-l-grid > .pf-m-10-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 10; }
    .pf-l-grid > .pf-m-11-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 11; }
    .pf-l-grid > .pf-m-12-col-on-sm {
      grid-column-start: auto;
      grid-column-end: span 12; }
    .pf-l-grid > .pf-m-offset-1-col-on-sm {
      grid-column-start: col-start 2; }
    .pf-l-grid > .pf-m-offset-2-col-on-sm {
      grid-column-start: col-start 3; }
    .pf-l-grid > .pf-m-offset-3-col-on-sm {
      grid-column-start: col-start 4; }
    .pf-l-grid > .pf-m-offset-4-col-on-sm {
      grid-column-start: col-start 5; }
    .pf-l-grid > .pf-m-offset-5-col-on-sm {
      grid-column-start: col-start 6; }
    .pf-l-grid > .pf-m-offset-6-col-on-sm {
      grid-column-start: col-start 7; }
    .pf-l-grid > .pf-m-offset-7-col-on-sm {
      grid-column-start: col-start 8; }
    .pf-l-grid > .pf-m-offset-8-col-on-sm {
      grid-column-start: col-start 9; }
    .pf-l-grid > .pf-m-offset-9-col-on-sm {
      grid-column-start: col-start 10; }
    .pf-l-grid > .pf-m-offset-10-col-on-sm {
      grid-column-start: col-start 11; }
    .pf-l-grid > .pf-m-offset-11-col-on-sm {
      grid-column-start: col-start 12; }
    .pf-l-grid > .pf-m-offset-12-col-on-sm {
      grid-column-start: col-start 13; }
    .pf-l-grid > .pf-m-1-row-on-sm {
      grid-row: span 1; }
    .pf-l-grid > .pf-m-2-row-on-sm {
      grid-row: span 2; }
    .pf-l-grid > .pf-m-3-row-on-sm {
      grid-row: span 3; }
    .pf-l-grid > .pf-m-4-row-on-sm {
      grid-row: span 4; }
    .pf-l-grid > .pf-m-5-row-on-sm {
      grid-row: span 5; }
    .pf-l-grid > .pf-m-6-row-on-sm {
      grid-row: span 6; }
    .pf-l-grid > .pf-m-7-row-on-sm {
      grid-row: span 7; }
    .pf-l-grid > .pf-m-8-row-on-sm {
      grid-row: span 8; }
    .pf-l-grid > .pf-m-9-row-on-sm {
      grid-row: span 9; }
    .pf-l-grid > .pf-m-10-row-on-sm {
      grid-row: span 10; }
    .pf-l-grid > .pf-m-11-row-on-sm {
      grid-row: span 11; }
    .pf-l-grid > .pf-m-12-row-on-sm {
      grid-row: span 12; } }
  @media screen and (min-width: 768px) {
    .pf-l-grid > .pf-m-1-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 1; }
    .pf-l-grid > .pf-m-2-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 2; }
    .pf-l-grid > .pf-m-3-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 3; }
    .pf-l-grid > .pf-m-4-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 4; }
    .pf-l-grid > .pf-m-5-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 5; }
    .pf-l-grid > .pf-m-6-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 6; }
    .pf-l-grid > .pf-m-7-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 7; }
    .pf-l-grid > .pf-m-8-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 8; }
    .pf-l-grid > .pf-m-9-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 9; }
    .pf-l-grid > .pf-m-10-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 10; }
    .pf-l-grid > .pf-m-11-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 11; }
    .pf-l-grid > .pf-m-12-col-on-md {
      grid-column-start: auto;
      grid-column-end: span 12; }
    .pf-l-grid > .pf-m-offset-1-col-on-md {
      grid-column-start: col-start 2; }
    .pf-l-grid > .pf-m-offset-2-col-on-md {
      grid-column-start: col-start 3; }
    .pf-l-grid > .pf-m-offset-3-col-on-md {
      grid-column-start: col-start 4; }
    .pf-l-grid > .pf-m-offset-4-col-on-md {
      grid-column-start: col-start 5; }
    .pf-l-grid > .pf-m-offset-5-col-on-md {
      grid-column-start: col-start 6; }
    .pf-l-grid > .pf-m-offset-6-col-on-md {
      grid-column-start: col-start 7; }
    .pf-l-grid > .pf-m-offset-7-col-on-md {
      grid-column-start: col-start 8; }
    .pf-l-grid > .pf-m-offset-8-col-on-md {
      grid-column-start: col-start 9; }
    .pf-l-grid > .pf-m-offset-9-col-on-md {
      grid-column-start: col-start 10; }
    .pf-l-grid > .pf-m-offset-10-col-on-md {
      grid-column-start: col-start 11; }
    .pf-l-grid > .pf-m-offset-11-col-on-md {
      grid-column-start: col-start 12; }
    .pf-l-grid > .pf-m-offset-12-col-on-md {
      grid-column-start: col-start 13; }
    .pf-l-grid > .pf-m-1-row-on-md {
      grid-row: span 1; }
    .pf-l-grid > .pf-m-2-row-on-md {
      grid-row: span 2; }
    .pf-l-grid > .pf-m-3-row-on-md {
      grid-row: span 3; }
    .pf-l-grid > .pf-m-4-row-on-md {
      grid-row: span 4; }
    .pf-l-grid > .pf-m-5-row-on-md {
      grid-row: span 5; }
    .pf-l-grid > .pf-m-6-row-on-md {
      grid-row: span 6; }
    .pf-l-grid > .pf-m-7-row-on-md {
      grid-row: span 7; }
    .pf-l-grid > .pf-m-8-row-on-md {
      grid-row: span 8; }
    .pf-l-grid > .pf-m-9-row-on-md {
      grid-row: span 9; }
    .pf-l-grid > .pf-m-10-row-on-md {
      grid-row: span 10; }
    .pf-l-grid > .pf-m-11-row-on-md {
      grid-row: span 11; }
    .pf-l-grid > .pf-m-12-row-on-md {
      grid-row: span 12; } }
  @media screen and (min-width: 992px) {
    .pf-l-grid > .pf-m-1-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 1; }
    .pf-l-grid > .pf-m-2-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 2; }
    .pf-l-grid > .pf-m-3-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 3; }
    .pf-l-grid > .pf-m-4-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 4; }
    .pf-l-grid > .pf-m-5-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 5; }
    .pf-l-grid > .pf-m-6-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 6; }
    .pf-l-grid > .pf-m-7-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 7; }
    .pf-l-grid > .pf-m-8-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 8; }
    .pf-l-grid > .pf-m-9-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 9; }
    .pf-l-grid > .pf-m-10-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 10; }
    .pf-l-grid > .pf-m-11-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 11; }
    .pf-l-grid > .pf-m-12-col-on-lg {
      grid-column-start: auto;
      grid-column-end: span 12; }
    .pf-l-grid > .pf-m-offset-1-col-on-lg {
      grid-column-start: col-start 2; }
    .pf-l-grid > .pf-m-offset-2-col-on-lg {
      grid-column-start: col-start 3; }
    .pf-l-grid > .pf-m-offset-3-col-on-lg {
      grid-column-start: col-start 4; }
    .pf-l-grid > .pf-m-offset-4-col-on-lg {
      grid-column-start: col-start 5; }
    .pf-l-grid > .pf-m-offset-5-col-on-lg {
      grid-column-start: col-start 6; }
    .pf-l-grid > .pf-m-offset-6-col-on-lg {
      grid-column-start: col-start 7; }
    .pf-l-grid > .pf-m-offset-7-col-on-lg {
      grid-column-start: col-start 8; }
    .pf-l-grid > .pf-m-offset-8-col-on-lg {
      grid-column-start: col-start 9; }
    .pf-l-grid > .pf-m-offset-9-col-on-lg {
      grid-column-start: col-start 10; }
    .pf-l-grid > .pf-m-offset-10-col-on-lg {
      grid-column-start: col-start 11; }
    .pf-l-grid > .pf-m-offset-11-col-on-lg {
      grid-column-start: col-start 12; }
    .pf-l-grid > .pf-m-offset-12-col-on-lg {
      grid-column-start: col-start 13; }
    .pf-l-grid > .pf-m-1-row-on-lg {
      grid-row: span 1; }
    .pf-l-grid > .pf-m-2-row-on-lg {
      grid-row: span 2; }
    .pf-l-grid > .pf-m-3-row-on-lg {
      grid-row: span 3; }
    .pf-l-grid > .pf-m-4-row-on-lg {
      grid-row: span 4; }
    .pf-l-grid > .pf-m-5-row-on-lg {
      grid-row: span 5; }
    .pf-l-grid > .pf-m-6-row-on-lg {
      grid-row: span 6; }
    .pf-l-grid > .pf-m-7-row-on-lg {
      grid-row: span 7; }
    .pf-l-grid > .pf-m-8-row-on-lg {
      grid-row: span 8; }
    .pf-l-grid > .pf-m-9-row-on-lg {
      grid-row: span 9; }
    .pf-l-grid > .pf-m-10-row-on-lg {
      grid-row: span 10; }
    .pf-l-grid > .pf-m-11-row-on-lg {
      grid-row: span 11; }
    .pf-l-grid > .pf-m-12-row-on-lg {
      grid-row: span 12; } }
  @media screen and (min-width: 1200px) {
    .pf-l-grid > .pf-m-1-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 1; }
    .pf-l-grid > .pf-m-2-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 2; }
    .pf-l-grid > .pf-m-3-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 3; }
    .pf-l-grid > .pf-m-4-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 4; }
    .pf-l-grid > .pf-m-5-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 5; }
    .pf-l-grid > .pf-m-6-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 6; }
    .pf-l-grid > .pf-m-7-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 7; }
    .pf-l-grid > .pf-m-8-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 8; }
    .pf-l-grid > .pf-m-9-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 9; }
    .pf-l-grid > .pf-m-10-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 10; }
    .pf-l-grid > .pf-m-11-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 11; }
    .pf-l-grid > .pf-m-12-col-on-xl {
      grid-column-start: auto;
      grid-column-end: span 12; }
    .pf-l-grid > .pf-m-offset-1-col-on-xl {
      grid-column-start: col-start 2; }
    .pf-l-grid > .pf-m-offset-2-col-on-xl {
      grid-column-start: col-start 3; }
    .pf-l-grid > .pf-m-offset-3-col-on-xl {
      grid-column-start: col-start 4; }
    .pf-l-grid > .pf-m-offset-4-col-on-xl {
      grid-column-start: col-start 5; }
    .pf-l-grid > .pf-m-offset-5-col-on-xl {
      grid-column-start: col-start 6; }
    .pf-l-grid > .pf-m-offset-6-col-on-xl {
      grid-column-start: col-start 7; }
    .pf-l-grid > .pf-m-offset-7-col-on-xl {
      grid-column-start: col-start 8; }
    .pf-l-grid > .pf-m-offset-8-col-on-xl {
      grid-column-start: col-start 9; }
    .pf-l-grid > .pf-m-offset-9-col-on-xl {
      grid-column-start: col-start 10; }
    .pf-l-grid > .pf-m-offset-10-col-on-xl {
      grid-column-start: col-start 11; }
    .pf-l-grid > .pf-m-offset-11-col-on-xl {
      grid-column-start: col-start 12; }
    .pf-l-grid > .pf-m-offset-12-col-on-xl {
      grid-column-start: col-start 13; }
    .pf-l-grid > .pf-m-1-row-on-xl {
      grid-row: span 1; }
    .pf-l-grid > .pf-m-2-row-on-xl {
      grid-row: span 2; }
    .pf-l-grid > .pf-m-3-row-on-xl {
      grid-row: span 3; }
    .pf-l-grid > .pf-m-4-row-on-xl {
      grid-row: span 4; }
    .pf-l-grid > .pf-m-5-row-on-xl {
      grid-row: span 5; }
    .pf-l-grid > .pf-m-6-row-on-xl {
      grid-row: span 6; }
    .pf-l-grid > .pf-m-7-row-on-xl {
      grid-row: span 7; }
    .pf-l-grid > .pf-m-8-row-on-xl {
      grid-row: span 8; }
    .pf-l-grid > .pf-m-9-row-on-xl {
      grid-row: span 9; }
    .pf-l-grid > .pf-m-10-row-on-xl {
      grid-row: span 10; }
    .pf-l-grid > .pf-m-11-row-on-xl {
      grid-row: span 11; }
    .pf-l-grid > .pf-m-12-row-on-xl {
      grid-row: span 12; } }
  .pf-l-grid.pf-m-gutter {
    grid-gap: var(--pf-l-grid--m-gutter--GridGap); }
