/* ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System - v. 2.7.1
========================================================================== */
[class~="xgrid"],
[class*="xgrid-"],
[class*="xgrid_"] {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -0.625rem;
}

[class~="xcol"],
[class*="xcol-"],
[class*="xcol_"] {
  box-sizing: border-box;
  padding: 0 0.625rem 1.25rem;
  max-width: 100%;
}

[class~="xcol"],
[class*="xcol_"] {
  flex: 1 1 0%;
}

[class*="xcol-"] {
  flex: none;
}

[class~="xgrid"][class~="xcol"],
[class~="xgrid"][class*="xcol-"],
[class~="xgrid"][class*="xcol_"],
[class*="xgrid-"][class~="xcol"],
[class*="xgrid-"][class*="xcol-"],
[class*="xgrid-"][class*="xcol_"],
[class*="xgrid_"][class~="xcol"],
[class*="xgrid_"][class*="xcol-"],
[class*="xgrid_"][class*="xcol_"] {
  margin: 0;
  padding: 0;
}

/************************
    HELPERS SUFFIXES
*************************/
[class*="xgrid-"][class*="-noGutter"] {
  margin: 0;
}

[class*="xgrid-"][class*="-noGutter"] > [class~="xcol"],
[class*="xgrid-"][class*="-noGutter"] > [class*="xcol-"],
[class*="xgrid-"][class*="-noGutter"] > [class*="xcol_"]{
  padding: 0;
}

[class*="xgrid-"][class*="-noWrap"] {
  flex-wrap: nowrap;
}

[class*="xgrid-"][class*="-center"] {
  justify-content: center;
}

[class*="xgrid-"][class*="-right"] {
  justify-content: flex-end;
  align-self: flex-end;
  margin-left: auto;
}

[class*="xgrid-"][class*="-top"] {
  align-items: flex-start;
}

[class*="xgrid-"][class*="-middle"] {
  align-items: center;
}

[class*="xgrid-"][class*="-bottom"] {
  align-items: flex-end;
}

[class*="xgrid-"][class*="-reverse"] {
  flex-direction: row-reverse;
}

[class*="xgrid-"][class*="-column"] {
  flex-direction: column;
}

[class*="xgrid-"][class*="-column"] > [class*="xcol-"] {
  flex-basis: auto;
}

[class*="xgrid-"][class*="-column-reverse"] {
  flex-direction: column-reverse;
}

[class*="xgrid-"][class*="-spaceBetween"] {
  justify-content: space-between;
}

[class*="xgrid-"][class*="-spaceAround"] {
  justify-content: space-around;
}

[class*="xgrid-"][class*="-equalHeight"] > [class~="xcol"],
[class*="xgrid-"][class*="-equalHeight"] > [class*="xcol-"],
[class*="xgrid-"][class*="-equalHeight"] > [class*="xcol_"] {
  align-self: stretch;
}

[class*="xgrid-"][class*="-equalHeight"] > [class~="xcol"] > *,
[class*="xgrid-"][class*="-equalHeight"] > [class*="xcol-"] > *,
[class*="xgrid-"][class*="-equalHeight"] > [class*="xcol_"] > * {
  height: 100%;
}

[class*="xgrid-"][class*="-noBottom"] > [class~="xcol"],
[class*="xgrid-"][class*="-noBottom"] > [class*="xcol-"],
[class*="xgrid-"][class*="-noBottom"] > [class*="xcol_"] {
  padding-bottom: 0;
}

[class*="xcol-"][class*="-top"] {
  align-self: flex-start;
}

[class*="xcol-"][class*="-middle"] {
  align-self: center;
}

[class*="xcol-"][class*="-bottom"] {
  align-self: flex-end;
}

[class*="xcol-"][class*="-first"] {
  order: -1;
}

[class*="xcol-"][class*="-last"] {
  order: 1;
}

/************************
    GRID BY NUMBER
*************************/
[class*=xgrid-] [class*=xgrid-],
[class~=xgrid] [class~=xgrid],
[class~=xgrid] [class*=xgrid-],
[class*=xgrid-] [class~=xgrid] {
  margin: 0;
  padding: 0;
}

[class*="xgrid-1"] > [class~="xcol"],
[class*="xgrid-1"] > [class*="xcol-"],
[class*="xgrid-1"] > [class*="xcol_"] {
  flex-basis: 100%;
  max-width: 100%;
}

[class*="xgrid-2"] > [class~="xcol"],
[class*="xgrid-2"] > [class*="xcol-"],
[class*="xgrid-2"] > [class*="xcol_"] {
  flex-basis: 50%;
  max-width: 50%;
}

[class*="xgrid-3"] > [class~="xcol"],
[class*="xgrid-3"] > [class*="xcol-"],
[class*="xgrid-3"] > [class*="xcol_"] {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}

[class*="xgrid-4"] > [class~="xcol"],
[class*="xgrid-4"] > [class*="xcol-"],
[class*="xgrid-4"] > [class*="xcol_"] {
  flex-basis: 25%;
  max-width: 25%;
}

[class*="xgrid-5"] > [class~="xcol"],
[class*="xgrid-5"] > [class*="xcol-"],
[class*="xgrid-5"] > [class*="xcol_"] {
  flex-basis: 20%;
  max-width: 20%;
}

[class*="xgrid-6"] > [class~="xcol"],
[class*="xgrid-6"] > [class*="xcol-"],
[class*="xgrid-6"] > [class*="xcol_"] {
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}

[class*="xgrid-7"] > [class~="xcol"],
[class*="xgrid-7"] > [class*="xcol-"],
[class*="xgrid-7"] > [class*="xcol_"] {
  flex-basis: 14.28571%;
  max-width: 14.28571%;
}

[class*="xgrid-8"] > [class~="xcol"],
[class*="xgrid-8"] > [class*="xcol-"],
[class*="xgrid-8"] > [class*="xcol_"] {
  flex-basis: 12.5%;
  max-width: 12.5%;
}

[class*="xgrid-9"] > [class~="xcol"],
[class*="xgrid-9"] > [class*="xcol-"],
[class*="xgrid-9"] > [class*="xcol_"] {
  flex-basis: 11.11111%;
  max-width: 11.11111%;
}

[class*="xgrid-10"] > [class~="xcol"],
[class*="xgrid-10"] > [class*="xcol-"],
[class*="xgrid-10"] > [class*="xcol_"] {
  flex-basis: 10%;
  max-width: 10%;
}

[class*="xgrid-11"] > [class~="xcol"],
[class*="xgrid-11"] > [class*="xcol-"],
[class*="xgrid-11"] > [class*="xcol_"] {
  flex-basis: 9.09091%;
  max-width: 9.09091%;
}

[class*="xgrid-12"] > [class~="xcol"],
[class*="xgrid-12"] > [class*="xcol-"],
[class*="xgrid-12"] > [class*="xcol_"] {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

@media (max-width: 80em) {
  [class*="_lg-1"] > [class~="xcol"],
  [class*="_lg-1"] > [class*="xcol-"],
  [class*="_lg-1"] > [class*="xcol_"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_lg-2"] > [class~="xcol"],
  [class*="_lg-2"] > [class*="xcol-"],
  [class*="_lg-2"] > [class*="xcol_"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_lg-3"] > [class~="xcol"],
  [class*="_lg-3"] > [class*="xcol-"],
  [class*="_lg-3"] > [class*="xcol_"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*="_lg-4"] > [class~="xcol"],
  [class*="_lg-4"] > [class*="xcol-"],
  [class*="_lg-4"] > [class*="xcol_"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_lg-5"] > [class~="xcol"],
  [class*="_lg-5"] > [class*="xcol-"],
  [class*="_lg-5"] > [class*="xcol_"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_lg-6"] > [class~="xcol"],
  [class*="_lg-6"] > [class*="xcol-"],
  [class*="_lg-6"] > [class*="xcol_"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*="_lg-7"] > [class~="xcol"],
  [class*="_lg-7"] > [class*="xcol-"],
  [class*="_lg-7"] > [class*="xcol_"] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }
  [class*="_lg-8"] > [class~="xcol"],
  [class*="_lg-8"] > [class*="xcol-"],
  [class*="_lg-8"] > [class*="xcol_"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_lg-9"] > [class~="xcol"],
  [class*="_lg-9"] > [class*="xcol-"],
  [class*="_lg-9"] > [class*="xcol_"] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }
  [class*="_lg-10"] > [class~="xcol"],
  [class*="_lg-10"] > [class*="xcol-"],
  [class*="_lg-10"] > [class*="xcol_"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_lg-11"] > [class~="xcol"],
  [class*="_lg-11"] > [class*="xcol-"],
  [class*="_lg-11"] > [class*="xcol_"] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }
  [class*="_lg-12"] > [class~="xcol"],
  [class*="_lg-12"] > [class*="xcol-"],
  [class*="_lg-12"] > [class*="xcol_"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}

@media (max-width: 64em) {
  [class*="_md-1"] > [class~="xcol"],
  [class*="_md-1"] > [class*="xcol-"],
  [class*="_md-1"] > [class*="xcol_"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_md-2"] > [class~="xcol"],
  [class*="_md-2"] > [class*="xcol-"],
  [class*="_md-2"] > [class*="xcol_"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_md-3"] > [class~="xcol"],
  [class*="_md-3"] > [class*="xcol-"],
  [class*="_md-3"] > [class*="xcol_"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*="_md-4"] > [class~="xcol"],
  [class*="_md-4"] > [class*="xcol-"],
  [class*="_md-4"] > [class*="xcol_"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_md-5"] > [class~="xcol"],
  [class*="_md-5"] > [class*="xcol-"],
  [class*="_md-5"] > [class*="xcol_"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_md-6"] > [class~="xcol"],
  [class*="_md-6"] > [class*="xcol-"],
  [class*="_md-6"] > [class*="xcol_"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*="_md-7"] > [class~="xcol"],
  [class*="_md-7"] > [class*="xcol-"],
  [class*="_md-7"] > [class*="xcol_"] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }
  [class*="_md-8"] > [class~="xcol"],
  [class*="_md-8"] > [class*="xcol-"],
  [class*="_md-8"] > [class*="xcol_"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_md-9"] > [class~="xcol"],
  [class*="_md-9"] > [class*="xcol-"],
  [class*="_md-9"] > [class*="xcol_"] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }
  [class*="_md-10"] > [class~="xcol"],
  [class*="_md-10"] > [class*="xcol-"],
  [class*="_md-10"] > [class*="xcol_"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_md-11"] > [class~="xcol"],
  [class*="_md-11"] > [class*="xcol-"],
  [class*="_md-11"] > [class*="xcol_"] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }
  [class*="_md-12"] > [class~="xcol"],
  [class*="_md-12"] > [class*="xcol-"],
  [class*="_md-12"] > [class*="xcol_"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}

@media (max-width: 48em) {
  [class*="_sm-1"] > [class~="xcol"],
  [class*="_sm-1"] > [class*="xcol-"],
  [class*="_sm-1"] > [class*="xcol_"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_sm-2"] > [class~="xcol"],
  [class*="_sm-2"] > [class*="xcol-"],
  [class*="_sm-2"] > [class*="xcol_"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_sm-3"] > [class~="xcol"],
  [class*="_sm-3"] > [class*="xcol-"],
  [class*="_sm-3"] > [class*="xcol_"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*="_sm-4"] > [class~="xcol"],
  [class*="_sm-4"] > [class*="xcol-"],
  [class*="_sm-4"] > [class*="xcol_"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_sm-5"] > [class~="xcol"],
  [class*="_sm-5"] > [class*="xcol-"],
  [class*="_sm-5"] > [class*="xcol_"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_sm-6"] > [class~="xcol"],
  [class*="_sm-6"] > [class*="xcol-"],
  [class*="_sm-6"] > [class*="xcol_"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*="_sm-7"] > [class~="xcol"],
  [class*="_sm-7"] > [class*="xcol-"],
  [class*="_sm-7"] > [class*="xcol_"] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }
  [class*="_sm-8"] > [class~="xcol"],
  [class*="_sm-8"] > [class*="xcol-"],
  [class*="_sm-8"] > [class*="xcol_"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_sm-9"] > [class~="xcol"],
  [class*="_sm-9"] > [class*="xcol-"],
  [class*="_sm-9"] > [class*="xcol_"] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }
  [class*="_sm-10"] > [class~="xcol"],
  [class*="_sm-10"] > [class*="xcol-"],
  [class*="_sm-10"] > [class*="xcol_"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_sm-11"] > [class~="xcol"],
  [class*="_sm-11"] > [class*="xcol-"],
  [class*="_sm-11"] > [class*="xcol_"] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }
  [class*="_sm-12"] > [class~="xcol"],
  [class*="_sm-12"] > [class*="xcol-"],
  [class*="_sm-12"] > [class*="xcol_"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}

@media (max-width: 36em) {
  [class*="_xs-1"] > [class~="xcol"],
  [class*="_xs-1"] > [class*="xcol-"],
  [class*="_xs-1"] > [class*="xcol_"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_xs-2"] > [class~="xcol"],
  [class*="_xs-2"] > [class*="xcol-"],
  [class*="_xs-2"] > [class*="xcol_"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_xs-3"] > [class~="xcol"],
  [class*="_xs-3"] > [class*="xcol-"],
  [class*="_xs-3"] > [class*="xcol_"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*="_xs-4"] > [class~="xcol"],
  [class*="_xs-4"] > [class*="xcol-"],
  [class*="_xs-4"] > [class*="xcol_"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_xs-5"] > [class~="xcol"],
  [class*="_xs-5"] > [class*="xcol-"],
  [class*="_xs-5"] > [class*="xcol_"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_xs-6"] > [class~="xcol"],
  [class*="_xs-6"] > [class*="xcol-"],
  [class*="_xs-6"] > [class*="xcol_"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*="_xs-7"] > [class~="xcol"],
  [class*="_xs-7"] > [class*="xcol-"],
  [class*="_xs-7"] > [class*="xcol_"] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }
  [class*="_xs-8"] > [class~="xcol"],
  [class*="_xs-8"] > [class*="xcol-"],
  [class*="_xs-8"] > [class*="xcol_"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_xs-9"] > [class~="xcol"],
  [class*="_xs-9"] > [class*="xcol-"],
  [class*="_xs-9"] > [class*="xcol_"] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }
  [class*="_xs-10"] > [class~="xcol"],
  [class*="_xs-10"] > [class*="xcol-"],
  [class*="_xs-10"] > [class*="xcol_"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_xs-11"] > [class~="xcol"],
  [class*="_xs-11"] > [class*="xcol-"],
  [class*="_xs-11"] > [class*="xcol_"] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }
  [class*="_xs-12"] > [class~="xcol"],
  [class*="_xs-12"] > [class*="xcol-"],
  [class*="_xs-12"] > [class*="xcol_"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}

/************************
    COLS SIZES
*************************/
[class~="xgrid"] > [class*="xcol-1"],
[class*="xgrid-"] > [class*="xcol-1"],
[class*="xgrid_"] > [class*="xcol-1"] {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

[class~="xgrid"] > [class*="xcol-2"],
[class*="xgrid-"] > [class*="xcol-2"],
[class*="xgrid_"] > [class*="xcol-2"] {
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}

[class~="xgrid"] > [class*="xcol-3"],
[class*="xgrid-"] > [class*="xcol-3"],
[class*="xgrid_"] > [class*="xcol-3"] {
  flex-basis: 25%;
  max-width: 25%;
}

[class~="xgrid"] > [class*="xcol-4"],
[class*="xgrid-"] > [class*="xcol-4"],
[class*="xgrid_"] > [class*="xcol-4"] {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}

[class~="xgrid"] > [class*="xcol-5"],
[class*="xgrid-"] > [class*="xcol-5"],
[class*="xgrid_"] > [class*="xcol-5"] {
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}

[class~="xgrid"] > [class*="xcol-6"],
[class*="xgrid-"] > [class*="xcol-6"],
[class*="xgrid_"] > [class*="xcol-6"] {
  flex-basis: 50%;
  max-width: 50%;
}

[class~="xgrid"] > [class*="xcol-7"],
[class*="xgrid-"] > [class*="xcol-7"],
[class*="xgrid_"] > [class*="xcol-7"] {
  flex-basis: 58.33333%;
  max-width: 58.33333%;
}

[class~="xgrid"] > [class*="xcol-8"],
[class*="xgrid-"] > [class*="xcol-8"],
[class*="xgrid_"] > [class*="xcol-8"] {
  flex-basis: 66.66667%;
  max-width: 66.66667%;
}

[class~="xgrid"] > [class*="xcol-9"],
[class*="xgrid-"] > [class*="xcol-9"],
[class*="xgrid_"] > [class*="xcol-9"] {
  flex-basis: 75%;
  max-width: 75%;
}

[class~="xgrid"] > [class*="xcol-10"],
[class*="xgrid-"] > [class*="xcol-10"],
[class*="xgrid_"] > [class*="xcol-10"] {
  flex-basis: 83.33333%;
  max-width: 83.33333%;
}

[class~="xgrid"] > [class*="xcol-11"],
[class*="xgrid-"] > [class*="xcol-11"],
[class*="xgrid_"] > [class*="xcol-11"] {
  flex-basis: 91.66667%;
  max-width: 91.66667%;
}

[class~="xgrid"] > [class*="xcol-12"],
[class*="xgrid-"] > [class*="xcol-12"],
[class*="xgrid_"] > [class*="xcol-12"] {
  flex-basis: 100%;
  max-width: 100%;
}

[class~="xgrid"] > [data-push-left*="off-0"],
[class*="xgrid-"] > [data-push-left*="off-0"],
[class*="xgrid_"] > [data-push-left*="off-0"] {
  margin-left: 0;
}

[class~="xgrid"] > [data-push-left*="off-1"],
[class*="xgrid-"] > [data-push-left*="off-1"],
[class*="xgrid_"] > [data-push-left*="off-1"] {
  margin-left: 8.33333%;
}

[class~="xgrid"] > [data-push-left*="off-2"],
[class*="xgrid-"] > [data-push-left*="off-2"],
[class*="xgrid_"] > [data-push-left*="off-2"] {
  margin-left: 16.66667%;
}

[class~="xgrid"] > [data-push-left*="off-3"],
[class*="xgrid-"] > [data-push-left*="off-3"],
[class*="xgrid_"] > [data-push-left*="off-3"] {
  margin-left: 25%;
}

[class~="xgrid"] > [data-push-left*="off-4"],
[class*="xgrid-"] > [data-push-left*="off-4"],
[class*="xgrid_"] > [data-push-left*="off-4"] {
  margin-left: 33.33333%;
}

[class~="xgrid"] > [data-push-left*="off-5"],
[class*="xgrid-"] > [data-push-left*="off-5"],
[class*="xgrid_"] > [data-push-left*="off-5"] {
  margin-left: 41.66667%;
}

[class~="xgrid"] > [data-push-left*="off-6"],
[class*="xgrid-"] > [data-push-left*="off-6"],
[class*="xgrid_"] > [data-push-left*="off-6"] {
  margin-left: 50%;
}

[class~="xgrid"] > [data-push-left*="off-7"],
[class*="xgrid-"] > [data-push-left*="off-7"],
[class*="xgrid_"] > [data-push-left*="off-7"] {
  margin-left: 58.33333%;
}

[class~="xgrid"] > [data-push-left*="off-8"],
[class*="xgrid-"] > [data-push-left*="off-8"],
[class*="xgrid_"] > [data-push-left*="off-8"] {
  margin-left: 66.66667%;
}

[class~="xgrid"] > [data-push-left*="off-9"],
[class*="xgrid-"] > [data-push-left*="off-9"],
[class*="xgrid_"] > [data-push-left*="off-9"] {
  margin-left: 75%;
}

[class~="xgrid"] > [data-push-left*="off-10"],
[class*="xgrid-"] > [data-push-left*="off-10"],
[class*="xgrid_"] > [data-push-left*="off-10"] {
  margin-left: 83.33333%;
}

[class~="xgrid"] > [data-push-left*="off-11"],
[class*="xgrid-"] > [data-push-left*="off-11"],
[class*="xgrid_"] > [data-push-left*="off-11"] {
  margin-left: 91.66667%;
}

[class~="xgrid"] > [data-push-right*="off-0"],
[class*="xgrid-"] > [data-push-right*="off-0"],
[class*="xgrid_"] > [data-push-right*="off-0"] {
  margin-right: 0;
}

[class~="xgrid"] > [data-push-right*="off-1"],
[class*="xgrid-"] > [data-push-right*="off-1"],
[class*="xgrid_"] > [data-push-right*="off-1"] {
  margin-right: 8.33333%;
}

[class~="xgrid"] > [data-push-right*="off-2"],
[class*="xgrid-"] > [data-push-right*="off-2"],
[class*="xgrid_"] > [data-push-right*="off-2"] {
  margin-right: 16.66667%;
}

[class~="xgrid"] > [data-push-right*="off-3"],
[class*="xgrid-"] > [data-push-right*="off-3"],
[class*="xgrid_"] > [data-push-right*="off-3"] {
  margin-right: 25%;
}

[class~="xgrid"] > [data-push-right*="off-4"],
[class*="xgrid-"] > [data-push-right*="off-4"],
[class*="xgrid_"] > [data-push-right*="off-4"] {
  margin-right: 33.33333%;
}

[class~="xgrid"] > [data-push-right*="off-5"],
[class*="xgrid-"] > [data-push-right*="off-5"],
[class*="xgrid_"] > [data-push-right*="off-5"] {
  margin-right: 41.66667%;
}

[class~="xgrid"] > [data-push-right*="off-6"],
[class*="xgrid-"] > [data-push-right*="off-6"],
[class*="xgrid_"] > [data-push-right*="off-6"] {
  margin-right: 50%;
}

[class~="xgrid"] > [data-push-right*="off-7"],
[class*="xgrid-"] > [data-push-right*="off-7"],
[class*="xgrid_"] > [data-push-right*="off-7"] {
  margin-right: 58.33333%;
}

[class~="xgrid"] > [data-push-right*="off-8"],
[class*="xgrid-"] > [data-push-right*="off-8"],
[class*="xgrid_"] > [data-push-right*="off-8"] {
  margin-right: 66.66667%;
}

[class~="xgrid"] > [data-push-right*="off-9"],
[class*="xgrid-"] > [data-push-right*="off-9"],
[class*="xgrid_"] > [data-push-right*="off-9"] {
  margin-right: 75%;
}

[class~="xgrid"] > [data-push-right*="off-10"],
[class*="xgrid-"] > [data-push-right*="off-10"],
[class*="xgrid_"] > [data-push-right*="off-10"] {
  margin-right: 83.33333%;
}

[class~="xgrid"] > [data-push-right*="off-11"],
[class*="xgrid-"] > [data-push-right*="off-11"],
[class*="xgrid_"] > [data-push-right*="off-11"] {
  margin-right: 91.66667%;
}

@media (max-width: 80em) {
  [class~="xgrid"] > [class*="_lg-1"],
  [class*="xgrid-"] > [class*="_lg-1"],
  [class*="xgrid_"] > [class*="_lg-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  [class~="xgrid"] > [class*="_lg-2"],
  [class*="xgrid-"] > [class*="_lg-2"],
  [class*="xgrid_"] > [class*="_lg-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class~="xgrid"] > [class*="_lg-3"],
  [class*="xgrid-"] > [class*="_lg-3"],
  [class*="xgrid_"] > [class*="_lg-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class~="xgrid"] > [class*="_lg-4"],
  [class*="xgrid-"] > [class*="_lg-4"],
  [class*="xgrid_"] > [class*="_lg-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class~="xgrid"] > [class*="_lg-5"],
  [class*="xgrid-"] > [class*="_lg-5"],
  [class*="xgrid_"] > [class*="_lg-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  [class~="xgrid"] > [class*="_lg-6"],
  [class*="xgrid-"] > [class*="_lg-6"],
  [class*="xgrid_"] > [class*="_lg-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~="xgrid"] > [class*="_lg-7"],
  [class*="xgrid-"] > [class*="_lg-7"],
  [class*="xgrid_"] > [class*="_lg-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  [class~="xgrid"] > [class*="_lg-8"],
  [class*="xgrid-"] > [class*="_lg-8"],
  [class*="xgrid_"] > [class*="_lg-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  [class~="xgrid"] > [class*="_lg-9"],
  [class*="xgrid-"] > [class*="_lg-9"],
  [class*="xgrid_"] > [class*="_lg-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class~="xgrid"] > [class*="_lg-10"],
  [class*="xgrid-"] > [class*="_lg-10"],
  [class*="xgrid_"] > [class*="_lg-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  [class~="xgrid"] > [class*="_lg-11"],
  [class*="xgrid-"] > [class*="_lg-11"],
  [class*="xgrid_"] > [class*="_lg-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  [class~="xgrid"] > [class*="_lg-12"],
  [class*="xgrid-"] > [class*="_lg-12"],
  [class*="xgrid_"] > [class*="_lg-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-0"],
  [class*="xgrid-"] > [data-push-left*="_lg-0"],
  [class*="xgrid_"] > [data-push-left*="_lg-0"] {
    margin-left: 0;
  }
  [class~="xgrid"] > [data-push-left*="_lg-1"],
  [class*="xgrid-"] > [data-push-left*="_lg-1"],
  [class*="xgrid_"] > [data-push-left*="_lg-1"] {
    margin-left: 8.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-2"],
  [class*="xgrid-"] > [data-push-left*="_lg-2"],
  [class*="xgrid_"] > [data-push-left*="_lg-2"] {
    margin-left: 16.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-3"],
  [class*="xgrid-"] > [data-push-left*="_lg-3"],
  [class*="xgrid_"] > [data-push-left*="_lg-3"] {
    margin-left: 25%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-4"],
  [class*="xgrid-"] > [data-push-left*="_lg-4"],
  [class*="xgrid_"] > [data-push-left*="_lg-4"] {
    margin-left: 33.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-5"],
  [class*="xgrid-"] > [data-push-left*="_lg-5"],
  [class*="xgrid_"] > [data-push-left*="_lg-5"] {
    margin-left: 41.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-6"],
  [class*="xgrid-"] > [data-push-left*="_lg-6"],
  [class*="xgrid_"] > [data-push-left*="_lg-6"] {
    margin-left: 50%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-7"],
  [class*="xgrid-"] > [data-push-left*="_lg-7"],
  [class*="xgrid_"] > [data-push-left*="_lg-7"] {
    margin-left: 58.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-8"],
  [class*="xgrid-"] > [data-push-left*="_lg-8"],
  [class*="xgrid_"] > [data-push-left*="_lg-8"] {
    margin-left: 66.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-9"],
  [class*="xgrid-"] > [data-push-left*="_lg-9"],
  [class*="xgrid_"] > [data-push-left*="_lg-9"] {
    margin-left: 75%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-10"],
  [class*="xgrid-"] > [data-push-left*="_lg-10"],
  [class*="xgrid_"] > [data-push-left*="_lg-10"] {
    margin-left: 83.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_lg-11"],
  [class*="xgrid-"] > [data-push-left*="_lg-11"],
  [class*="xgrid_"] > [data-push-left*="_lg-11"] {
    margin-left: 91.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-0"],
  [class*="xgrid-"] > [data-push-right*="_lg-0"],
  [class*="xgrid_"] > [data-push-right*="_lg-0"] {
    margin-right: 0;
  }
  [class~="xgrid"] > [data-push-right*="_lg-1"],
  [class*="xgrid-"] > [data-push-right*="_lg-1"],
  [class*="xgrid_"] > [data-push-right*="_lg-1"] {
    margin-right: 8.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-2"],
  [class*="xgrid-"] > [data-push-right*="_lg-2"],
  [class*="xgrid_"] > [data-push-right*="_lg-2"] {
    margin-right: 16.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-3"],
  [class*="xgrid-"] > [data-push-right*="_lg-3"],
  [class*="xgrid_"] > [data-push-right*="_lg-3"] {
    margin-right: 25%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-4"],
  [class*="xgrid-"] > [data-push-right*="_lg-4"],
  [class*="xgrid_"] > [data-push-right*="_lg-4"] {
    margin-right: 33.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-5"],
  [class*="xgrid-"] > [data-push-right*="_lg-5"],
  [class*="xgrid_"] > [data-push-right*="_lg-5"] {
    margin-right: 41.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-6"],
  [class*="xgrid-"] > [data-push-right*="_lg-6"],
  [class*="xgrid_"] > [data-push-right*="_lg-6"] {
    margin-right: 50%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-7"],
  [class*="xgrid-"] > [data-push-right*="_lg-7"],
  [class*="xgrid_"] > [data-push-right*="_lg-7"] {
    margin-right: 58.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-8"],
  [class*="xgrid-"] > [data-push-right*="_lg-8"],
  [class*="xgrid_"] > [data-push-right*="_lg-8"] {
    margin-right: 66.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-9"],
  [class*="xgrid-"] > [data-push-right*="_lg-9"],
  [class*="xgrid_"] > [data-push-right*="_lg-9"] {
    margin-right: 75%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-10"],
  [class*="xgrid-"] > [data-push-right*="_lg-10"],
  [class*="xgrid_"] > [data-push-right*="_lg-10"] {
    margin-right: 83.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_lg-11"],
  [class*="xgrid-"] > [data-push-right*="_lg-11"],
  [class*="xgrid_"] > [data-push-right*="_lg-11"] {
    margin-right: 91.66667%;
  }
  [class~="xgrid"] [class*="_lg-first"],
  [class*="xgrid-"] [class*="_lg-first"],
  [class*="xgrid_"] [class*="_lg-first"] {
    order: -1;
  }
  [class~="xgrid"] [class*="_lg-last"],
  [class*="xgrid-"] [class*="_lg-last"],
  [class*="xgrid_"] [class*="_lg-last"] {
    order: 1;
  }
}

@media (max-width: 64em) {
  [class~="xgrid"] > [class*="_md-1"],
  [class*="xgrid-"] > [class*="_md-1"],
  [class*="xgrid_"] > [class*="_md-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  [class~="xgrid"] > [class*="_md-2"],
  [class*="xgrid-"] > [class*="_md-2"],
  [class*="xgrid_"] > [class*="_md-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class~="xgrid"] > [class*="_md-3"],
  [class*="xgrid-"] > [class*="_md-3"],
  [class*="xgrid_"] > [class*="_md-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class~="xgrid"] > [class*="_md-4"],
  [class*="xgrid-"] > [class*="_md-4"],
  [class*="xgrid_"] > [class*="_md-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class~="xgrid"] > [class*="_md-5"],
  [class*="xgrid-"] > [class*="_md-5"],
  [class*="xgrid_"] > [class*="_md-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  [class~="xgrid"] > [class*="_md-6"],
  [class*="xgrid-"] > [class*="_md-6"],
  [class*="xgrid_"] > [class*="_md-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~="xgrid"] > [class*="_md-7"],
  [class*="xgrid-"] > [class*="_md-7"],
  [class*="xgrid_"] > [class*="_md-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  [class~="xgrid"] > [class*="_md-8"],
  [class*="xgrid-"] > [class*="_md-8"],
  [class*="xgrid_"] > [class*="_md-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  [class~="xgrid"] > [class*="_md-9"],
  [class*="xgrid-"] > [class*="_md-9"],
  [class*="xgrid_"] > [class*="_md-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class~="xgrid"] > [class*="_md-10"],
  [class*="xgrid-"] > [class*="_md-10"],
  [class*="xgrid_"] > [class*="_md-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  [class~="xgrid"] > [class*="_md-11"],
  [class*="xgrid-"] > [class*="_md-11"],
  [class*="xgrid_"] > [class*="_md-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  [class~="xgrid"] > [class*="_md-12"],
  [class*="xgrid-"] > [class*="_md-12"],
  [class*="xgrid_"] > [class*="_md-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class~="xgrid"] > [data-push-left*="_md-0"],
  [class*="xgrid-"] > [data-push-left*="_md-0"],
  [class*="xgrid_"] > [data-push-left*="_md-0"] {
    margin-left: 0;
  }
  [class~="xgrid"] > [data-push-left*="_md-1"],
  [class*="xgrid-"] > [data-push-left*="_md-1"],
  [class*="xgrid_"] > [data-push-left*="_md-1"] {
    margin-left: 8.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_md-2"],
  [class*="xgrid-"] > [data-push-left*="_md-2"],
  [class*="xgrid_"] > [data-push-left*="_md-2"] {
    margin-left: 16.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_md-3"],
  [class*="xgrid-"] > [data-push-left*="_md-3"],
  [class*="xgrid_"] > [data-push-left*="_md-3"] {
    margin-left: 25%;
  }
  [class~="xgrid"] > [data-push-left*="_md-4"],
  [class*="xgrid-"] > [data-push-left*="_md-4"],
  [class*="xgrid_"] > [data-push-left*="_md-4"] {
    margin-left: 33.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_md-5"],
  [class*="xgrid-"] > [data-push-left*="_md-5"],
  [class*="xgrid_"] > [data-push-left*="_md-5"] {
    margin-left: 41.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_md-6"],
  [class*="xgrid-"] > [data-push-left*="_md-6"],
  [class*="xgrid_"] > [data-push-left*="_md-6"] {
    margin-left: 50%;
  }
  [class~="xgrid"] > [data-push-left*="_md-7"],
  [class*="xgrid-"] > [data-push-left*="_md-7"],
  [class*="xgrid_"] > [data-push-left*="_md-7"] {
    margin-left: 58.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_md-8"],
  [class*="xgrid-"] > [data-push-left*="_md-8"],
  [class*="xgrid_"] > [data-push-left*="_md-8"] {
    margin-left: 66.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_md-9"],
  [class*="xgrid-"] > [data-push-left*="_md-9"],
  [class*="xgrid_"] > [data-push-left*="_md-9"] {
    margin-left: 75%;
  }
  [class~="xgrid"] > [data-push-left*="_md-10"],
  [class*="xgrid-"] > [data-push-left*="_md-10"],
  [class*="xgrid_"] > [data-push-left*="_md-10"] {
    margin-left: 83.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_md-11"],
  [class*="xgrid-"] > [data-push-left*="_md-11"],
  [class*="xgrid_"] > [data-push-left*="_md-11"] {
    margin-left: 91.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_md-0"],
  [class*="xgrid-"] > [data-push-right*="_md-0"],
  [class*="xgrid_"] > [data-push-right*="_md-0"] {
    margin-right: 0;
  }
  [class~="xgrid"] > [data-push-right*="_md-1"],
  [class*="xgrid-"] > [data-push-right*="_md-1"],
  [class*="xgrid_"] > [data-push-right*="_md-1"] {
    margin-right: 8.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_md-2"],
  [class*="xgrid-"] > [data-push-right*="_md-2"],
  [class*="xgrid_"] > [data-push-right*="_md-2"] {
    margin-right: 16.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_md-3"],
  [class*="xgrid-"] > [data-push-right*="_md-3"],
  [class*="xgrid_"] > [data-push-right*="_md-3"] {
    margin-right: 25%;
  }
  [class~="xgrid"] > [data-push-right*="_md-4"],
  [class*="xgrid-"] > [data-push-right*="_md-4"],
  [class*="xgrid_"] > [data-push-right*="_md-4"] {
    margin-right: 33.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_md-5"],
  [class*="xgrid-"] > [data-push-right*="_md-5"],
  [class*="xgrid_"] > [data-push-right*="_md-5"] {
    margin-right: 41.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_md-6"],
  [class*="xgrid-"] > [data-push-right*="_md-6"],
  [class*="xgrid_"] > [data-push-right*="_md-6"] {
    margin-right: 50%;
  }
  [class~="xgrid"] > [data-push-right*="_md-7"],
  [class*="xgrid-"] > [data-push-right*="_md-7"],
  [class*="xgrid_"] > [data-push-right*="_md-7"] {
    margin-right: 58.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_md-8"],
  [class*="xgrid-"] > [data-push-right*="_md-8"],
  [class*="xgrid_"] > [data-push-right*="_md-8"] {
    margin-right: 66.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_md-9"],
  [class*="xgrid-"] > [data-push-right*="_md-9"],
  [class*="xgrid_"] > [data-push-right*="_md-9"] {
    margin-right: 75%;
  }
  [class~="xgrid"] > [data-push-right*="_md-10"],
  [class*="xgrid-"] > [data-push-right*="_md-10"],
  [class*="xgrid_"] > [data-push-right*="_md-10"] {
    margin-right: 83.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_md-11"],
  [class*="xgrid-"] > [data-push-right*="_md-11"],
  [class*="xgrid_"] > [data-push-right*="_md-11"] {
    margin-right: 91.66667%;
  }
  [class~="xgrid"] [class*="_md-first"],
  [class*="xgrid-"] [class*="_md-first"],
  [class*="xgrid_"] [class*="_md-first"] {
    order: -1;
  }
  [class~="xgrid"] [class*="_md-last"],
  [class*="xgrid-"] [class*="_md-last"],
  [class*="xgrid_"] [class*="_md-last"] {
    order: 1;
  }
}

@media (max-width: 48em) {
  [class~="xgrid"] > [class*="_sm-1"],
  [class*="xgrid-"] > [class*="_sm-1"],
  [class*="xgrid_"] > [class*="_sm-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  [class~="xgrid"] > [class*="_sm-2"],
  [class*="xgrid-"] > [class*="_sm-2"],
  [class*="xgrid_"] > [class*="_sm-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class~="xgrid"] > [class*="_sm-3"],
  [class*="xgrid-"] > [class*="_sm-3"],
  [class*="xgrid_"] > [class*="_sm-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class~="xgrid"] > [class*="_sm-4"],
  [class*="xgrid-"] > [class*="_sm-4"],
  [class*="xgrid_"] > [class*="_sm-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class~="xgrid"] > [class*="_sm-5"],
  [class*="xgrid-"] > [class*="_sm-5"],
  [class*="xgrid_"] > [class*="_sm-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  [class~="xgrid"] > [class*="_sm-6"],
  [class*="xgrid-"] > [class*="_sm-6"],
  [class*="xgrid_"] > [class*="_sm-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~="xgrid"] > [class*="_sm-7"],
  [class*="xgrid-"] > [class*="_sm-7"],
  [class*="xgrid_"] > [class*="_sm-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  [class~="xgrid"] > [class*="_sm-8"],
  [class*="xgrid-"] > [class*="_sm-8"],
  [class*="xgrid_"] > [class*="_sm-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  [class~="xgrid"] > [class*="_sm-9"],
  [class*="xgrid-"] > [class*="_sm-9"],
  [class*="xgrid_"] > [class*="_sm-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class~="xgrid"] > [class*="_sm-10"],
  [class*="xgrid-"] > [class*="_sm-10"],
  [class*="xgrid_"] > [class*="_sm-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  [class~="xgrid"] > [class*="_sm-11"],
  [class*="xgrid-"] > [class*="_sm-11"],
  [class*="xgrid_"] > [class*="_sm-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  [class~="xgrid"] > [class*="_sm-12"],
  [class*="xgrid-"] > [class*="_sm-12"],
  [class*="xgrid_"] > [class*="_sm-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-0"],
  [class*="xgrid-"] > [data-push-left*="_sm-0"],
  [class*="xgrid_"] > [data-push-left*="_sm-0"] {
    margin-left: 0;
  }
  [class~="xgrid"] > [data-push-left*="_sm-1"],
  [class*="xgrid-"] > [data-push-left*="_sm-1"],
  [class*="xgrid_"] > [data-push-left*="_sm-1"] {
    margin-left: 8.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-2"],
  [class*="xgrid-"] > [data-push-left*="_sm-2"],
  [class*="xgrid_"] > [data-push-left*="_sm-2"] {
    margin-left: 16.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-3"],
  [class*="xgrid-"] > [data-push-left*="_sm-3"],
  [class*="xgrid_"] > [data-push-left*="_sm-3"] {
    margin-left: 25%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-4"],
  [class*="xgrid-"] > [data-push-left*="_sm-4"],
  [class*="xgrid_"] > [data-push-left*="_sm-4"] {
    margin-left: 33.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-5"],
  [class*="xgrid-"] > [data-push-left*="_sm-5"],
  [class*="xgrid_"] > [data-push-left*="_sm-5"] {
    margin-left: 41.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-6"],
  [class*="xgrid-"] > [data-push-left*="_sm-6"],
  [class*="xgrid_"] > [data-push-left*="_sm-6"] {
    margin-left: 50%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-7"],
  [class*="xgrid-"] > [data-push-left*="_sm-7"],
  [class*="xgrid_"] > [data-push-left*="_sm-7"] {
    margin-left: 58.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-8"],
  [class*="xgrid-"] > [data-push-left*="_sm-8"],
  [class*="xgrid_"] > [data-push-left*="_sm-8"] {
    margin-left: 66.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-9"],
  [class*="xgrid-"] > [data-push-left*="_sm-9"],
  [class*="xgrid_"] > [data-push-left*="_sm-9"] {
    margin-left: 75%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-10"],
  [class*="xgrid-"] > [data-push-left*="_sm-10"],
  [class*="xgrid_"] > [data-push-left*="_sm-10"] {
    margin-left: 83.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_sm-11"],
  [class*="xgrid-"] > [data-push-left*="_sm-11"],
  [class*="xgrid_"] > [data-push-left*="_sm-11"] {
    margin-left: 91.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-0"],
  [class*="xgrid-"] > [data-push-right*="_sm-0"],
  [class*="xgrid_"] > [data-push-right*="_sm-0"] {
    margin-right: 0;
  }
  [class~="xgrid"] > [data-push-right*="_sm-1"],
  [class*="xgrid-"] > [data-push-right*="_sm-1"],
  [class*="xgrid_"] > [data-push-right*="_sm-1"] {
    margin-right: 8.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-2"],
  [class*="xgrid-"] > [data-push-right*="_sm-2"],
  [class*="xgrid_"] > [data-push-right*="_sm-2"] {
    margin-right: 16.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-3"],
  [class*="xgrid-"] > [data-push-right*="_sm-3"],
  [class*="xgrid_"] > [data-push-right*="_sm-3"] {
    margin-right: 25%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-4"],
  [class*="xgrid-"] > [data-push-right*="_sm-4"],
  [class*="xgrid_"] > [data-push-right*="_sm-4"] {
    margin-right: 33.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-5"],
  [class*="xgrid-"] > [data-push-right*="_sm-5"],
  [class*="xgrid_"] > [data-push-right*="_sm-5"] {
    margin-right: 41.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-6"],
  [class*="xgrid-"] > [data-push-right*="_sm-6"],
  [class*="xgrid_"] > [data-push-right*="_sm-6"] {
    margin-right: 50%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-7"],
  [class*="xgrid-"] > [data-push-right*="_sm-7"],
  [class*="xgrid_"] > [data-push-right*="_sm-7"] {
    margin-right: 58.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-8"],
  [class*="xgrid-"] > [data-push-right*="_sm-8"],
  [class*="xgrid_"] > [data-push-right*="_sm-8"] {
    margin-right: 66.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-9"],
  [class*="xgrid-"] > [data-push-right*="_sm-9"],
  [class*="xgrid_"] > [data-push-right*="_sm-9"] {
    margin-right: 75%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-10"],
  [class*="xgrid-"] > [data-push-right*="_sm-10"],
  [class*="xgrid_"] > [data-push-right*="_sm-10"] {
    margin-right: 83.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_sm-11"],
  [class*="xgrid-"] > [data-push-right*="_sm-11"],
  [class*="xgrid_"] > [data-push-right*="_sm-11"] {
    margin-right: 91.66667%;
  }
  [class~="xgrid"] [class*="_sm-first"],
  [class*="xgrid-"] [class*="_sm-first"],
  [class*="xgrid_"] [class*="_sm-first"] {
    order: -1;
  }
  [class~="xgrid"] [class*="_sm-last"],
  [class*="xgrid-"] [class*="_sm-last"],
  [class*="xgrid_"] [class*="_sm-last"] {
    order: 1;
  }
}

@media (max-width: 36em) {
  [class~="xgrid"] > [class*="_xs-1"],
  [class*="xgrid-"] > [class*="_xs-1"],
  [class*="xgrid_"] > [class*="_xs-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  [class~="xgrid"] > [class*="_xs-2"],
  [class*="xgrid-"] > [class*="_xs-2"],
  [class*="xgrid_"] > [class*="_xs-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class~="xgrid"] > [class*="_xs-3"],
  [class*="xgrid-"] > [class*="_xs-3"],
  [class*="xgrid_"] > [class*="_xs-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class~="xgrid"] > [class*="_xs-4"],
  [class*="xgrid-"] > [class*="_xs-4"],
  [class*="xgrid_"] > [class*="_xs-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class~="xgrid"] > [class*="_xs-5"],
  [class*="xgrid-"] > [class*="_xs-5"],
  [class*="xgrid_"] > [class*="_xs-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  [class~="xgrid"] > [class*="_xs-6"],
  [class*="xgrid-"] > [class*="_xs-6"],
  [class*="xgrid_"] > [class*="_xs-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~="xgrid"] > [class*="_xs-7"],
  [class*="xgrid-"] > [class*="_xs-7"],
  [class*="xgrid_"] > [class*="_xs-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  [class~="xgrid"] > [class*="_xs-8"],
  [class*="xgrid-"] > [class*="_xs-8"],
  [class*="xgrid_"] > [class*="_xs-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  [class~="xgrid"] > [class*="_xs-9"],
  [class*="xgrid-"] > [class*="_xs-9"],
  [class*="xgrid_"] > [class*="_xs-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class~="xgrid"] > [class*="_xs-10"],
  [class*="xgrid-"] > [class*="_xs-10"],
  [class*="xgrid_"] > [class*="_xs-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  [class~="xgrid"] > [class*="_xs-11"],
  [class*="xgrid-"] > [class*="_xs-11"],
  [class*="xgrid_"] > [class*="_xs-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  [class~="xgrid"] > [class*="_xs-12"],
  [class*="xgrid-"] > [class*="_xs-12"],
  [class*="xgrid_"] > [class*="_xs-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-0"],
  [class*="xgrid-"] > [data-push-left*="_xs-0"],
  [class*="xgrid_"] > [data-push-left*="_xs-0"] {
    margin-left: 0;
  }
  [class~="xgrid"] > [data-push-left*="_xs-1"],
  [class*="xgrid-"] > [data-push-left*="_xs-1"],
  [class*="xgrid_"] > [data-push-left*="_xs-1"] {
    margin-left: 8.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-2"],
  [class*="xgrid-"] > [data-push-left*="_xs-2"],
  [class*="xgrid_"] > [data-push-left*="_xs-2"] {
    margin-left: 16.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-3"],
  [class*="xgrid-"] > [data-push-left*="_xs-3"],
  [class*="xgrid_"] > [data-push-left*="_xs-3"] {
    margin-left: 25%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-4"],
  [class*="xgrid-"] > [data-push-left*="_xs-4"],
  [class*="xgrid_"] > [data-push-left*="_xs-4"] {
    margin-left: 33.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-5"],
  [class*="xgrid-"] > [data-push-left*="_xs-5"],
  [class*="xgrid_"] > [data-push-left*="_xs-5"] {
    margin-left: 41.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-6"],
  [class*="xgrid-"] > [data-push-left*="_xs-6"],
  [class*="xgrid_"] > [data-push-left*="_xs-6"] {
    margin-left: 50%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-7"],
  [class*="xgrid-"] > [data-push-left*="_xs-7"],
  [class*="xgrid_"] > [data-push-left*="_xs-7"] {
    margin-left: 58.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-8"],
  [class*="xgrid-"] > [data-push-left*="_xs-8"],
  [class*="xgrid_"] > [data-push-left*="_xs-8"] {
    margin-left: 66.66667%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-9"],
  [class*="xgrid-"] > [data-push-left*="_xs-9"],
  [class*="xgrid_"] > [data-push-left*="_xs-9"] {
    margin-left: 75%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-10"],
  [class*="xgrid-"] > [data-push-left*="_xs-10"],
  [class*="xgrid_"] > [data-push-left*="_xs-10"] {
    margin-left: 83.33333%;
  }
  [class~="xgrid"] > [data-push-left*="_xs-11"],
  [class*="xgrid-"] > [data-push-left*="_xs-11"],
  [class*="xgrid_"] > [data-push-left*="_xs-11"] {
    margin-left: 91.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-0"],
  [class*="xgrid-"] > [data-push-right*="_xs-0"],
  [class*="xgrid_"] > [data-push-right*="_xs-0"] {
    margin-right: 0;
  }
  [class~="xgrid"] > [data-push-right*="_xs-1"],
  [class*="xgrid-"] > [data-push-right*="_xs-1"],
  [class*="xgrid_"] > [data-push-right*="_xs-1"] {
    margin-right: 8.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-2"],
  [class*="xgrid-"] > [data-push-right*="_xs-2"],
  [class*="xgrid_"] > [data-push-right*="_xs-2"] {
    margin-right: 16.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-3"],
  [class*="xgrid-"] > [data-push-right*="_xs-3"],
  [class*="xgrid_"] > [data-push-right*="_xs-3"] {
    margin-right: 25%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-4"],
  [class*="xgrid-"] > [data-push-right*="_xs-4"],
  [class*="xgrid_"] > [data-push-right*="_xs-4"] {
    margin-right: 33.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-5"],
  [class*="xgrid-"] > [data-push-right*="_xs-5"],
  [class*="xgrid_"] > [data-push-right*="_xs-5"] {
    margin-right: 41.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-6"],
  [class*="xgrid-"] > [data-push-right*="_xs-6"],
  [class*="xgrid_"] > [data-push-right*="_xs-6"] {
    margin-right: 50%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-7"],
  [class*="xgrid-"] > [data-push-right*="_xs-7"],
  [class*="xgrid_"] > [data-push-right*="_xs-7"] {
    margin-right: 58.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-8"],
  [class*="xgrid-"] > [data-push-right*="_xs-8"],
  [class*="xgrid_"] > [data-push-right*="_xs-8"] {
    margin-right: 66.66667%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-9"],
  [class*="xgrid-"] > [data-push-right*="_xs-9"],
  [class*="xgrid_"] > [data-push-right*="_xs-9"] {
    margin-right: 75%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-10"],
  [class*="xgrid-"] > [data-push-right*="_xs-10"],
  [class*="xgrid_"] > [data-push-right*="_xs-10"] {
    margin-right: 83.33333%;
  }
  [class~="xgrid"] > [data-push-right*="_xs-11"],
  [class*="xgrid-"] > [data-push-right*="_xs-11"],
  [class*="xgrid_"] > [data-push-right*="_xs-11"] {
    margin-right: 91.66667%;
  }
  [class~="xgrid"] [class*="_xs-first"],
  [class*="xgrid-"] [class*="_xs-first"],
  [class*="xgrid_"] [class*="_xs-first"] {
    order: -1;
  }
  [class~="xgrid"] [class*="_xs-last"],
  [class*="xgrid-"] [class*="_xs-last"],
  [class*="xgrid_"] [class*="_xs-last"] {
    order: 1;
  }
}

/************************
    HIDING COLS
*************************/
@media (max-width: 80em) {
  [class*="lg-hidden"] {
    display: none;
  }
}

@media (max-width: 64em) {
  [class*="md-hidden"] {
    display: none;
  }
}

@media (max-width: 48em) {
  [class*="sm-hidden"] {
    display: none;
  }
}

@media (max-width: 36em) {
  [class*="xs-hidden"] {
    display: none;
  }
}