.flex-container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: calc(16px / 2);
}
@media screen and (min-width: 37.5em) {
  .flex-container {
    padding-inline: calc(24px / 2);
  }
}
.flex-container.fluid {
  max-width: none;
}
.flex-container.full {
  max-width: none;
  padding-inline: 0;
}

.flex-x {
  display: flex;
  flex-flow: row wrap;
}

.flex-y {
  display: flex;
  flex-flow: column wrap;
}

.flex-gap-x,
.flex-margin-x {
  --flex-gap-x: 16px;
  column-gap: var(--flex-gap-x, 0px);
}
@media screen and (min-width: 37.5em) {
  .flex-gap-x,
  .flex-margin-x {
    --flex-gap-x: 24px;
  }
}

.flex-gap-y,
.flex-margin-y {
  --flex-gap-y: 16px;
  row-gap: var(--flex-gap-y, 0px);
}
@media screen and (min-width: 37.5em) {
  .flex-gap-y,
  .flex-margin-y {
    --flex-gap-y: 24px;
  }
}

.flex-gap,
.flex-gap-xy,
.flex-margin-xy {
  --flex-gap-x: 16px;
  column-gap: var(--flex-gap-x, 0px);
  --flex-gap-y: 16px;
  row-gap: var(--flex-gap-y, 0px);
}
@media screen and (min-width: 37.5em) {
  .flex-gap,
  .flex-gap-xy,
  .flex-margin-xy {
    --flex-gap-x: 24px;
  }
}
@media screen and (min-width: 37.5em) {
  .flex-gap,
  .flex-gap-xy,
  .flex-margin-xy {
    --flex-gap-y: 24px;
  }
}

.flex-gap-sm-x {
  --flex-gap-x: 8px;
  column-gap: var(--flex-gap-x, 0px);
}

.flex-gap-sm-y {
  --flex-gap-y: 8px;
  row-gap: var(--flex-gap-y, 0px);
}

.flex-gap-sm,
.flex-gap-sm-xy {
  --flex-gap-x: 8px;
  column-gap: var(--flex-gap-x, 0px);
  --flex-gap-y: 8px;
  row-gap: var(--flex-gap-y, 0px);
}

.flex-gap-lg-x {
  --flex-gap-x: 32px;
  column-gap: var(--flex-gap-x, 0px);
}

.flex-gap-lg-y {
  --flex-gap-y: 32px;
  row-gap: var(--flex-gap-y, 0px);
}

.flex-gap-lg,
.flex-gap-lg-xy {
  --flex-gap-x: 32px;
  column-gap: var(--flex-gap-x, 0px);
  --flex-gap-y: 32px;
  row-gap: var(--flex-gap-y, 0px);
}

.flex-padding-x {
  --flex-pad: 16px;
}
@media screen and (min-width: 37.5em) {
  .flex-padding-x {
    --flex-pad: 24px;
  }
}
.flex-padding-x > .cell {
  padding-inline: calc(var(--flex-pad, 0px) / 2);
}

.flex-padding-y {
  --flex-pad: 16px;
}
@media screen and (min-width: 37.5em) {
  .flex-padding-y {
    --flex-pad: 24px;
  }
}
.flex-padding-y > .cell {
  padding-block: calc(var(--flex-pad, 0px) / 2);
}

.flex-padding-xy {
  --flex-pad: 16px;
}
@media screen and (min-width: 37.5em) {
  .flex-padding-xy {
    --flex-pad: 24px;
  }
}
.flex-padding-xy > .cell {
  padding: calc(var(--flex-pad, 0px) / 2);
}

.flex-padding-sm-x {
  --flex-pad: 8px;
}
.flex-padding-sm-x > .cell {
  padding-inline: calc(var(--flex-pad, 0px) / 2);
}

.flex-padding-sm-y {
  --flex-pad: 8px;
}
.flex-padding-sm-y > .cell {
  padding-block: calc(var(--flex-pad, 0px) / 2);
}

.flex-padding-sm-xy {
  --flex-pad: 8px;
}
.flex-padding-sm-xy > .cell {
  padding: calc(var(--flex-pad, 0px) / 2);
}

.flex-padding-lg-x {
  --flex-pad: 32px;
}
.flex-padding-lg-x > .cell {
  padding-inline: calc(var(--flex-pad, 0px) / 2);
}

.flex-padding-lg-y {
  --flex-pad: 32px;
}
.flex-padding-lg-y > .cell {
  padding-block: calc(var(--flex-pad, 0px) / 2);
}

.flex-padding-lg-xy {
  --flex-pad: 32px;
}
.flex-padding-lg-xy > .cell {
  padding: calc(var(--flex-pad, 0px) / 2);
}

.phone-flex-gap-sm-x {
  --flex-gap-x: 8px;
  column-gap: var(--flex-gap-x, 0px);
}

.phone-flex-gap-sm-y {
  --flex-gap-y: 8px;
  row-gap: var(--flex-gap-y, 0px);
}

.phone-flex-gap-sm,
.phone-flex-gap-sm-xy {
  --flex-gap-x: 8px;
  column-gap: var(--flex-gap-x, 0px);
  --flex-gap-y: 8px;
  row-gap: var(--flex-gap-y, 0px);
}

.phone-flex-gap-lg-x {
  --flex-gap-x: 32px;
  column-gap: var(--flex-gap-x, 0px);
}

.phone-flex-gap-lg-y {
  --flex-gap-y: 32px;
  row-gap: var(--flex-gap-y, 0px);
}

.phone-flex-gap-lg,
.phone-flex-gap-lg-xy {
  --flex-gap-x: 32px;
  column-gap: var(--flex-gap-x, 0px);
  --flex-gap-y: 32px;
  row-gap: var(--flex-gap-y, 0px);
}

.phone-flex-padding-sm-x {
  --flex-pad: 8px;
}
.phone-flex-padding-sm-x > .cell {
  padding-inline: calc(var(--flex-pad, 0px) / 2);
}

.phone-flex-padding-sm-y {
  --flex-pad: 8px;
}
.phone-flex-padding-sm-y > .cell {
  padding-block: calc(var(--flex-pad, 0px) / 2);
}

.phone-flex-padding-sm-xy {
  --flex-pad: 8px;
}
.phone-flex-padding-sm-xy > .cell {
  padding: calc(var(--flex-pad, 0px) / 2);
}

.phone-flex-padding-lg-x {
  --flex-pad: 32px;
}
.phone-flex-padding-lg-x > .cell {
  padding-inline: calc(var(--flex-pad, 0px) / 2);
}

.phone-flex-padding-lg-y {
  --flex-pad: 32px;
}
.phone-flex-padding-lg-y > .cell {
  padding-block: calc(var(--flex-pad, 0px) / 2);
}

.phone-flex-padding-lg-xy {
  --flex-pad: 32px;
}
.phone-flex-padding-lg-xy > .cell {
  padding: calc(var(--flex-pad, 0px) / 2);
}

@media screen and (min-width: 37.5em) {
  .tablet-portrait-flex-gap-sm-x {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .tablet-portrait-flex-gap-sm-y {
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .tablet-portrait-flex-gap-sm,
  .tablet-portrait-flex-gap-sm-xy {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .tablet-portrait-flex-gap-lg-x {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .tablet-portrait-flex-gap-lg-y {
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .tablet-portrait-flex-gap-lg,
  .tablet-portrait-flex-gap-lg-xy {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .tablet-portrait-flex-padding-sm-x {
    --flex-pad: 8px;
  }
  .tablet-portrait-flex-padding-sm-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-portrait-flex-padding-sm-y {
    --flex-pad: 8px;
  }
  .tablet-portrait-flex-padding-sm-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-portrait-flex-padding-sm-xy {
    --flex-pad: 8px;
  }
  .tablet-portrait-flex-padding-sm-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-portrait-flex-padding-lg-x {
    --flex-pad: 32px;
  }
  .tablet-portrait-flex-padding-lg-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-portrait-flex-padding-lg-y {
    --flex-pad: 32px;
  }
  .tablet-portrait-flex-padding-lg-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-portrait-flex-padding-lg-xy {
    --flex-pad: 32px;
  }
  .tablet-portrait-flex-padding-lg-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
}
@media screen and (min-width: 56.25em) {
  .tablet-landscape-flex-gap-sm-x {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .tablet-landscape-flex-gap-sm-y {
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .tablet-landscape-flex-gap-sm,
  .tablet-landscape-flex-gap-sm-xy {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .tablet-landscape-flex-gap-lg-x {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .tablet-landscape-flex-gap-lg-y {
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .tablet-landscape-flex-gap-lg,
  .tablet-landscape-flex-gap-lg-xy {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .tablet-landscape-flex-padding-sm-x {
    --flex-pad: 8px;
  }
  .tablet-landscape-flex-padding-sm-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-landscape-flex-padding-sm-y {
    --flex-pad: 8px;
  }
  .tablet-landscape-flex-padding-sm-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-landscape-flex-padding-sm-xy {
    --flex-pad: 8px;
  }
  .tablet-landscape-flex-padding-sm-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-landscape-flex-padding-lg-x {
    --flex-pad: 32px;
  }
  .tablet-landscape-flex-padding-lg-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-landscape-flex-padding-lg-y {
    --flex-pad: 32px;
  }
  .tablet-landscape-flex-padding-lg-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .tablet-landscape-flex-padding-lg-xy {
    --flex-pad: 32px;
  }
  .tablet-landscape-flex-padding-lg-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
}
@media screen and (min-width: 75em) {
  .desktop-flex-gap-sm-x {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .desktop-flex-gap-sm-y {
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .desktop-flex-gap-sm,
  .desktop-flex-gap-sm-xy {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .desktop-flex-gap-lg-x {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .desktop-flex-gap-lg-y {
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .desktop-flex-gap-lg,
  .desktop-flex-gap-lg-xy {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .desktop-flex-padding-sm-x {
    --flex-pad: 8px;
  }
  .desktop-flex-padding-sm-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .desktop-flex-padding-sm-y {
    --flex-pad: 8px;
  }
  .desktop-flex-padding-sm-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .desktop-flex-padding-sm-xy {
    --flex-pad: 8px;
  }
  .desktop-flex-padding-sm-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
  .desktop-flex-padding-lg-x {
    --flex-pad: 32px;
  }
  .desktop-flex-padding-lg-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .desktop-flex-padding-lg-y {
    --flex-pad: 32px;
  }
  .desktop-flex-padding-lg-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .desktop-flex-padding-lg-xy {
    --flex-pad: 32px;
  }
  .desktop-flex-padding-lg-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
}
@media screen and (min-width: 90em) {
  .medium-desktop-flex-gap-sm-x {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .medium-desktop-flex-gap-sm-y {
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .medium-desktop-flex-gap-sm,
  .medium-desktop-flex-gap-sm-xy {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .medium-desktop-flex-gap-lg-x {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .medium-desktop-flex-gap-lg-y {
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .medium-desktop-flex-gap-lg,
  .medium-desktop-flex-gap-lg-xy {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .medium-desktop-flex-padding-sm-x {
    --flex-pad: 8px;
  }
  .medium-desktop-flex-padding-sm-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .medium-desktop-flex-padding-sm-y {
    --flex-pad: 8px;
  }
  .medium-desktop-flex-padding-sm-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .medium-desktop-flex-padding-sm-xy {
    --flex-pad: 8px;
  }
  .medium-desktop-flex-padding-sm-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
  .medium-desktop-flex-padding-lg-x {
    --flex-pad: 32px;
  }
  .medium-desktop-flex-padding-lg-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .medium-desktop-flex-padding-lg-y {
    --flex-pad: 32px;
  }
  .medium-desktop-flex-padding-lg-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .medium-desktop-flex-padding-lg-xy {
    --flex-pad: 32px;
  }
  .medium-desktop-flex-padding-lg-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
}
@media screen and (min-width: 112.5em) {
  .big-desktop-flex-gap-sm-x {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .big-desktop-flex-gap-sm-y {
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .big-desktop-flex-gap-sm,
  .big-desktop-flex-gap-sm-xy {
    --flex-gap-x: 8px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 8px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .big-desktop-flex-gap-lg-x {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
  }
  .big-desktop-flex-gap-lg-y {
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .big-desktop-flex-gap-lg,
  .big-desktop-flex-gap-lg-xy {
    --flex-gap-x: 32px;
    column-gap: var(--flex-gap-x, 0px);
    --flex-gap-y: 32px;
    row-gap: var(--flex-gap-y, 0px);
  }
  .big-desktop-flex-padding-sm-x {
    --flex-pad: 8px;
  }
  .big-desktop-flex-padding-sm-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .big-desktop-flex-padding-sm-y {
    --flex-pad: 8px;
  }
  .big-desktop-flex-padding-sm-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .big-desktop-flex-padding-sm-xy {
    --flex-pad: 8px;
  }
  .big-desktop-flex-padding-sm-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
  .big-desktop-flex-padding-lg-x {
    --flex-pad: 32px;
  }
  .big-desktop-flex-padding-lg-x > .cell {
    padding-inline: calc(var(--flex-pad, 0px) / 2);
  }
  .big-desktop-flex-padding-lg-y {
    --flex-pad: 32px;
  }
  .big-desktop-flex-padding-lg-y > .cell {
    padding-block: calc(var(--flex-pad, 0px) / 2);
  }
  .big-desktop-flex-padding-lg-xy {
    --flex-pad: 32px;
  }
  .big-desktop-flex-padding-lg-xy > .cell {
    padding: calc(var(--flex-pad, 0px) / 2);
  }
}
.cell {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
}

.auto {
  flex: 1 1 0 !important;
  width: auto !important;
}

.shrink {
  flex: 0 0 auto !important;
  width: auto !important;
}

.phone-auto {
  flex: 1 1 0 !important;
  width: auto !important;
}

.phone-shrink {
  flex: 0 0 auto !important;
  width: auto !important;
}

.phone-1 {
  flex: 0 0 auto;
  width: calc(100% - 0 * var(--flex-gap-x, 0px));
}

.phone-2 {
  flex: 0 0 auto;
  width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
}

.phone-3 {
  flex: 0 0 auto;
  width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
}

.phone-4 {
  flex: 0 0 auto;
  width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
}

.phone-5 {
  flex: 0 0 auto;
  width: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-x, 0px));
}

.phone-6 {
  flex: 0 0 auto;
  width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
}

.phone-7 {
  flex: 0 0 auto;
  width: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-x, 0px));
}

.phone-8 {
  flex: 0 0 auto;
  width: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-x, 0px));
}

.phone-9 {
  flex: 0 0 auto;
  width: calc(75% - 0.25 * var(--flex-gap-x, 0px));
}

.phone-10 {
  flex: 0 0 auto;
  width: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-x, 0px));
}

.phone-11 {
  flex: 0 0 auto;
  width: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-x, 0px));
}

.phone-12 {
  flex: 0 0 auto;
  width: calc(100% - 0 * var(--flex-gap-x, 0px));
}

.flex-y > .phone-auto {
  flex: 1 1 0 !important;
  width: auto !important;
  height: auto;
}
.flex-y > .phone-shrink {
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto;
}
.flex-y > .phone-1 {
  height: calc(100% - 0 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-2 {
  height: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-3 {
  height: calc(25% - 0.75 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-4 {
  height: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-5 {
  height: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-6 {
  height: calc(50% - 0.5 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-7 {
  height: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-8 {
  height: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-9 {
  height: calc(75% - 0.25 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-10 {
  height: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-11 {
  height: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-y, 0px));
  width: auto;
}
.flex-y > .phone-12 {
  height: calc(100% - 0 * var(--flex-gap-y, 0px));
  width: auto;
}

.phone-offset-1 {
  margin-left: calc(100% + 1 * var(--flex-gap-x, 0px));
}

.phone-offset-2 {
  margin-left: calc(16.6666666667% + 0.1666666667 * var(--flex-gap-x, 0px));
}

.phone-offset-3 {
  margin-left: calc(25% + 0.25 * var(--flex-gap-x, 0px));
}

.phone-offset-4 {
  margin-left: calc(33.3333333333% + 0.3333333333 * var(--flex-gap-x, 0px));
}

.phone-offset-5 {
  margin-left: calc(41.6666666667% + 0.4166666667 * var(--flex-gap-x, 0px));
}

.phone-offset-6 {
  margin-left: calc(50% + 0.5 * var(--flex-gap-x, 0px));
}

.phone-offset-7 {
  margin-left: calc(58.3333333333% + 0.5833333333 * var(--flex-gap-x, 0px));
}

.phone-offset-8 {
  margin-left: calc(66.6666666667% + 0.6666666667 * var(--flex-gap-x, 0px));
}

.phone-offset-9 {
  margin-left: calc(75% + 0.75 * var(--flex-gap-x, 0px));
}

.phone-offset-10 {
  margin-left: calc(83.3333333333% + 0.8333333333 * var(--flex-gap-x, 0px));
}

.phone-offset-11 {
  margin-left: calc(91.6666666667% + 0.9166666667 * var(--flex-gap-x, 0px));
}

.flex-y > [class*=phone-offset-] {
  margin-left: 0;
}

.phone-up-1 > .cell {
  flex: 0 0 auto;
  width: calc(100% - 0 * var(--flex-gap-x, 0px));
}

.phone-up-2 > .cell {
  flex: 0 0 auto;
  width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
}

.phone-up-3 > .cell {
  flex: 0 0 auto;
  width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
}

.phone-up-4 > .cell {
  flex: 0 0 auto;
  width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
}

.phone-up-5 > .cell {
  flex: 0 0 auto;
  width: calc(20% - 0.8 * var(--flex-gap-x, 0px));
}

.phone-up-6 > .cell {
  flex: 0 0 auto;
  width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
}

.phone-up-7 > .cell {
  flex: 0 0 auto;
  width: calc(14.2857142857% - 0.8571428571 * var(--flex-gap-x, 0px));
}

.phone-up-8 > .cell {
  flex: 0 0 auto;
  width: calc(12.5% - 0.875 * var(--flex-gap-x, 0px));
}

.phone-order-0 {
  order: 0;
}

.phone-order-1 {
  order: 1;
}

.phone-order-2 {
  order: 2;
}

.phone-order-3 {
  order: 3;
}

.phone-order-4 {
  order: 4;
}

.phone-order-5 {
  order: 5;
}

.phone-order-6 {
  order: 6;
}

.phone-order-7 {
  order: 7;
}

.phone-order-8 {
  order: 8;
}

.phone-order-9 {
  order: 9;
}

.phone-order-10 {
  order: 10;
}

.phone-order-11 {
  order: 11;
}

.phone-order-12 {
  order: 12;
}

@media screen and (min-width: 37.5em) {
  .tablet-portrait-auto {
    flex: 1 1 0 !important;
    width: auto !important;
  }
  .tablet-portrait-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .tablet-portrait-1 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-2 {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-3 {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-4 {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-5 {
    flex: 0 0 auto;
    width: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-6 {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-7 {
    flex: 0 0 auto;
    width: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-8 {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-9 {
    flex: 0 0 auto;
    width: calc(75% - 0.25 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-10 {
    flex: 0 0 auto;
    width: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-11 {
    flex: 0 0 auto;
    width: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-12 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .flex-y > .tablet-portrait-auto {
    flex: 1 1 0 !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .tablet-portrait-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .tablet-portrait-1 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-2 {
    height: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-3 {
    height: calc(25% - 0.75 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-4 {
    height: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-5 {
    height: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-6 {
    height: calc(50% - 0.5 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-7 {
    height: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-8 {
    height: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-9 {
    height: calc(75% - 0.25 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-10 {
    height: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-11 {
    height: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-portrait-12 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .tablet-portrait-offset-1 {
    margin-left: calc(100% + 1 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-2 {
    margin-left: calc(16.6666666667% + 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-3 {
    margin-left: calc(25% + 0.25 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-4 {
    margin-left: calc(33.3333333333% + 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-5 {
    margin-left: calc(41.6666666667% + 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-6 {
    margin-left: calc(50% + 0.5 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-7 {
    margin-left: calc(58.3333333333% + 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-8 {
    margin-left: calc(66.6666666667% + 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-9 {
    margin-left: calc(75% + 0.75 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-10 {
    margin-left: calc(83.3333333333% + 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-offset-11 {
    margin-left: calc(91.6666666667% + 0.9166666667 * var(--flex-gap-x, 0px));
  }
  .flex-y > [class*=tablet-portrait-offset-] {
    margin-left: 0;
  }
  .tablet-portrait-up-1 > .cell {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-up-2 > .cell {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-up-3 > .cell {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-up-4 > .cell {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-up-5 > .cell {
    flex: 0 0 auto;
    width: calc(20% - 0.8 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-up-6 > .cell {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-up-7 > .cell {
    flex: 0 0 auto;
    width: calc(14.2857142857% - 0.8571428571 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-up-8 > .cell {
    flex: 0 0 auto;
    width: calc(12.5% - 0.875 * var(--flex-gap-x, 0px));
  }
  .tablet-portrait-order-0 {
    order: 0;
  }
  .tablet-portrait-order-1 {
    order: 1;
  }
  .tablet-portrait-order-2 {
    order: 2;
  }
  .tablet-portrait-order-3 {
    order: 3;
  }
  .tablet-portrait-order-4 {
    order: 4;
  }
  .tablet-portrait-order-5 {
    order: 5;
  }
  .tablet-portrait-order-6 {
    order: 6;
  }
  .tablet-portrait-order-7 {
    order: 7;
  }
  .tablet-portrait-order-8 {
    order: 8;
  }
  .tablet-portrait-order-9 {
    order: 9;
  }
  .tablet-portrait-order-10 {
    order: 10;
  }
  .tablet-portrait-order-11 {
    order: 11;
  }
  .tablet-portrait-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 56.25em) {
  .tablet-landscape-auto {
    flex: 1 1 0 !important;
    width: auto !important;
  }
  .tablet-landscape-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .tablet-landscape-1 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-2 {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-3 {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-4 {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-5 {
    flex: 0 0 auto;
    width: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-6 {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-7 {
    flex: 0 0 auto;
    width: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-8 {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-9 {
    flex: 0 0 auto;
    width: calc(75% - 0.25 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-10 {
    flex: 0 0 auto;
    width: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-11 {
    flex: 0 0 auto;
    width: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-12 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .flex-y > .tablet-landscape-auto {
    flex: 1 1 0 !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .tablet-landscape-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .tablet-landscape-1 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-2 {
    height: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-3 {
    height: calc(25% - 0.75 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-4 {
    height: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-5 {
    height: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-6 {
    height: calc(50% - 0.5 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-7 {
    height: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-8 {
    height: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-9 {
    height: calc(75% - 0.25 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-10 {
    height: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-11 {
    height: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .tablet-landscape-12 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .tablet-landscape-offset-1 {
    margin-left: calc(100% + 1 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-2 {
    margin-left: calc(16.6666666667% + 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-3 {
    margin-left: calc(25% + 0.25 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-4 {
    margin-left: calc(33.3333333333% + 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-5 {
    margin-left: calc(41.6666666667% + 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-6 {
    margin-left: calc(50% + 0.5 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-7 {
    margin-left: calc(58.3333333333% + 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-8 {
    margin-left: calc(66.6666666667% + 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-9 {
    margin-left: calc(75% + 0.75 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-10 {
    margin-left: calc(83.3333333333% + 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-offset-11 {
    margin-left: calc(91.6666666667% + 0.9166666667 * var(--flex-gap-x, 0px));
  }
  .flex-y > [class*=tablet-landscape-offset-] {
    margin-left: 0;
  }
  .tablet-landscape-up-1 > .cell {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-up-2 > .cell {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-up-3 > .cell {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-up-4 > .cell {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-up-5 > .cell {
    flex: 0 0 auto;
    width: calc(20% - 0.8 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-up-6 > .cell {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-up-7 > .cell {
    flex: 0 0 auto;
    width: calc(14.2857142857% - 0.8571428571 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-up-8 > .cell {
    flex: 0 0 auto;
    width: calc(12.5% - 0.875 * var(--flex-gap-x, 0px));
  }
  .tablet-landscape-order-0 {
    order: 0;
  }
  .tablet-landscape-order-1 {
    order: 1;
  }
  .tablet-landscape-order-2 {
    order: 2;
  }
  .tablet-landscape-order-3 {
    order: 3;
  }
  .tablet-landscape-order-4 {
    order: 4;
  }
  .tablet-landscape-order-5 {
    order: 5;
  }
  .tablet-landscape-order-6 {
    order: 6;
  }
  .tablet-landscape-order-7 {
    order: 7;
  }
  .tablet-landscape-order-8 {
    order: 8;
  }
  .tablet-landscape-order-9 {
    order: 9;
  }
  .tablet-landscape-order-10 {
    order: 10;
  }
  .tablet-landscape-order-11 {
    order: 11;
  }
  .tablet-landscape-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 75em) {
  .desktop-auto {
    flex: 1 1 0 !important;
    width: auto !important;
  }
  .desktop-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .desktop-1 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .desktop-2 {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .desktop-3 {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .desktop-4 {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .desktop-5 {
    flex: 0 0 auto;
    width: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .desktop-6 {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .desktop-7 {
    flex: 0 0 auto;
    width: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .desktop-8 {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .desktop-9 {
    flex: 0 0 auto;
    width: calc(75% - 0.25 * var(--flex-gap-x, 0px));
  }
  .desktop-10 {
    flex: 0 0 auto;
    width: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .desktop-11 {
    flex: 0 0 auto;
    width: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-x, 0px));
  }
  .desktop-12 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .flex-y > .desktop-auto {
    flex: 1 1 0 !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .desktop-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .desktop-1 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-2 {
    height: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-3 {
    height: calc(25% - 0.75 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-4 {
    height: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-5 {
    height: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-6 {
    height: calc(50% - 0.5 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-7 {
    height: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-8 {
    height: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-9 {
    height: calc(75% - 0.25 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-10 {
    height: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-11 {
    height: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .desktop-12 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .desktop-offset-1 {
    margin-left: calc(100% + 1 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-2 {
    margin-left: calc(16.6666666667% + 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-3 {
    margin-left: calc(25% + 0.25 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-4 {
    margin-left: calc(33.3333333333% + 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-5 {
    margin-left: calc(41.6666666667% + 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-6 {
    margin-left: calc(50% + 0.5 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-7 {
    margin-left: calc(58.3333333333% + 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-8 {
    margin-left: calc(66.6666666667% + 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-9 {
    margin-left: calc(75% + 0.75 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-10 {
    margin-left: calc(83.3333333333% + 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .desktop-offset-11 {
    margin-left: calc(91.6666666667% + 0.9166666667 * var(--flex-gap-x, 0px));
  }
  .flex-y > [class*=desktop-offset-] {
    margin-left: 0;
  }
  .desktop-up-1 > .cell {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .desktop-up-2 > .cell {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .desktop-up-3 > .cell {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .desktop-up-4 > .cell {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .desktop-up-5 > .cell {
    flex: 0 0 auto;
    width: calc(20% - 0.8 * var(--flex-gap-x, 0px));
  }
  .desktop-up-6 > .cell {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .desktop-up-7 > .cell {
    flex: 0 0 auto;
    width: calc(14.2857142857% - 0.8571428571 * var(--flex-gap-x, 0px));
  }
  .desktop-up-8 > .cell {
    flex: 0 0 auto;
    width: calc(12.5% - 0.875 * var(--flex-gap-x, 0px));
  }
  .desktop-order-0 {
    order: 0;
  }
  .desktop-order-1 {
    order: 1;
  }
  .desktop-order-2 {
    order: 2;
  }
  .desktop-order-3 {
    order: 3;
  }
  .desktop-order-4 {
    order: 4;
  }
  .desktop-order-5 {
    order: 5;
  }
  .desktop-order-6 {
    order: 6;
  }
  .desktop-order-7 {
    order: 7;
  }
  .desktop-order-8 {
    order: 8;
  }
  .desktop-order-9 {
    order: 9;
  }
  .desktop-order-10 {
    order: 10;
  }
  .desktop-order-11 {
    order: 11;
  }
  .desktop-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 90em) {
  .medium-desktop-auto {
    flex: 1 1 0 !important;
    width: auto !important;
  }
  .medium-desktop-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .medium-desktop-1 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-2 {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-3 {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-4 {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-5 {
    flex: 0 0 auto;
    width: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-6 {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-7 {
    flex: 0 0 auto;
    width: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-8 {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-9 {
    flex: 0 0 auto;
    width: calc(75% - 0.25 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-10 {
    flex: 0 0 auto;
    width: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-11 {
    flex: 0 0 auto;
    width: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-12 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .flex-y > .medium-desktop-auto {
    flex: 1 1 0 !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .medium-desktop-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .medium-desktop-1 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-2 {
    height: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-3 {
    height: calc(25% - 0.75 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-4 {
    height: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-5 {
    height: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-6 {
    height: calc(50% - 0.5 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-7 {
    height: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-8 {
    height: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-9 {
    height: calc(75% - 0.25 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-10 {
    height: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-11 {
    height: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .medium-desktop-12 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .medium-desktop-offset-1 {
    margin-left: calc(100% + 1 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-2 {
    margin-left: calc(16.6666666667% + 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-3 {
    margin-left: calc(25% + 0.25 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-4 {
    margin-left: calc(33.3333333333% + 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-5 {
    margin-left: calc(41.6666666667% + 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-6 {
    margin-left: calc(50% + 0.5 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-7 {
    margin-left: calc(58.3333333333% + 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-8 {
    margin-left: calc(66.6666666667% + 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-9 {
    margin-left: calc(75% + 0.75 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-10 {
    margin-left: calc(83.3333333333% + 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-offset-11 {
    margin-left: calc(91.6666666667% + 0.9166666667 * var(--flex-gap-x, 0px));
  }
  .flex-y > [class*=medium-desktop-offset-] {
    margin-left: 0;
  }
  .medium-desktop-up-1 > .cell {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-up-2 > .cell {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-up-3 > .cell {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-up-4 > .cell {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-up-5 > .cell {
    flex: 0 0 auto;
    width: calc(20% - 0.8 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-up-6 > .cell {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-up-7 > .cell {
    flex: 0 0 auto;
    width: calc(14.2857142857% - 0.8571428571 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-up-8 > .cell {
    flex: 0 0 auto;
    width: calc(12.5% - 0.875 * var(--flex-gap-x, 0px));
  }
  .medium-desktop-order-0 {
    order: 0;
  }
  .medium-desktop-order-1 {
    order: 1;
  }
  .medium-desktop-order-2 {
    order: 2;
  }
  .medium-desktop-order-3 {
    order: 3;
  }
  .medium-desktop-order-4 {
    order: 4;
  }
  .medium-desktop-order-5 {
    order: 5;
  }
  .medium-desktop-order-6 {
    order: 6;
  }
  .medium-desktop-order-7 {
    order: 7;
  }
  .medium-desktop-order-8 {
    order: 8;
  }
  .medium-desktop-order-9 {
    order: 9;
  }
  .medium-desktop-order-10 {
    order: 10;
  }
  .medium-desktop-order-11 {
    order: 11;
  }
  .medium-desktop-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 112.5em) {
  .big-desktop-auto {
    flex: 1 1 0 !important;
    width: auto !important;
  }
  .big-desktop-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .big-desktop-1 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .big-desktop-2 {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .big-desktop-3 {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .big-desktop-4 {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .big-desktop-5 {
    flex: 0 0 auto;
    width: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .big-desktop-6 {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .big-desktop-7 {
    flex: 0 0 auto;
    width: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .big-desktop-8 {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .big-desktop-9 {
    flex: 0 0 auto;
    width: calc(75% - 0.25 * var(--flex-gap-x, 0px));
  }
  .big-desktop-10 {
    flex: 0 0 auto;
    width: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .big-desktop-11 {
    flex: 0 0 auto;
    width: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-x, 0px));
  }
  .big-desktop-12 {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .flex-y > .big-desktop-auto {
    flex: 1 1 0 !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .big-desktop-shrink {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto;
  }
  .flex-y > .big-desktop-1 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-2 {
    height: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-3 {
    height: calc(25% - 0.75 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-4 {
    height: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-5 {
    height: calc(41.6666666667% - 0.5833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-6 {
    height: calc(50% - 0.5 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-7 {
    height: calc(58.3333333333% - 0.4166666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-8 {
    height: calc(66.6666666667% - 0.3333333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-9 {
    height: calc(75% - 0.25 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-10 {
    height: calc(83.3333333333% - 0.1666666667 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-11 {
    height: calc(91.6666666667% - 0.0833333333 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .flex-y > .big-desktop-12 {
    height: calc(100% - 0 * var(--flex-gap-y, 0px));
    width: auto;
  }
  .big-desktop-offset-1 {
    margin-left: calc(100% + 1 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-2 {
    margin-left: calc(16.6666666667% + 0.1666666667 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-3 {
    margin-left: calc(25% + 0.25 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-4 {
    margin-left: calc(33.3333333333% + 0.3333333333 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-5 {
    margin-left: calc(41.6666666667% + 0.4166666667 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-6 {
    margin-left: calc(50% + 0.5 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-7 {
    margin-left: calc(58.3333333333% + 0.5833333333 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-8 {
    margin-left: calc(66.6666666667% + 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-9 {
    margin-left: calc(75% + 0.75 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-10 {
    margin-left: calc(83.3333333333% + 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .big-desktop-offset-11 {
    margin-left: calc(91.6666666667% + 0.9166666667 * var(--flex-gap-x, 0px));
  }
  .flex-y > [class*=big-desktop-offset-] {
    margin-left: 0;
  }
  .big-desktop-up-1 > .cell {
    flex: 0 0 auto;
    width: calc(100% - 0 * var(--flex-gap-x, 0px));
  }
  .big-desktop-up-2 > .cell {
    flex: 0 0 auto;
    width: calc(50% - 0.5 * var(--flex-gap-x, 0px));
  }
  .big-desktop-up-3 > .cell {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 0.6666666667 * var(--flex-gap-x, 0px));
  }
  .big-desktop-up-4 > .cell {
    flex: 0 0 auto;
    width: calc(25% - 0.75 * var(--flex-gap-x, 0px));
  }
  .big-desktop-up-5 > .cell {
    flex: 0 0 auto;
    width: calc(20% - 0.8 * var(--flex-gap-x, 0px));
  }
  .big-desktop-up-6 > .cell {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 0.8333333333 * var(--flex-gap-x, 0px));
  }
  .big-desktop-up-7 > .cell {
    flex: 0 0 auto;
    width: calc(14.2857142857% - 0.8571428571 * var(--flex-gap-x, 0px));
  }
  .big-desktop-up-8 > .cell {
    flex: 0 0 auto;
    width: calc(12.5% - 0.875 * var(--flex-gap-x, 0px));
  }
  .big-desktop-order-0 {
    order: 0;
  }
  .big-desktop-order-1 {
    order: 1;
  }
  .big-desktop-order-2 {
    order: 2;
  }
  .big-desktop-order-3 {
    order: 3;
  }
  .big-desktop-order-4 {
    order: 4;
  }
  .big-desktop-order-5 {
    order: 5;
  }
  .big-desktop-order-6 {
    order: 6;
  }
  .big-desktop-order-7 {
    order: 7;
  }
  .big-desktop-order-8 {
    order: 8;
  }
  .big-desktop-order-9 {
    order: 9;
  }
  .big-desktop-order-10 {
    order: 10;
  }
  .big-desktop-order-11 {
    order: 11;
  }
  .big-desktop-order-12 {
    order: 12;
  }
}
.phone-gap-collapse,
.phone-margin-collapse {
  --flex-gap-x: 0px;
  --flex-gap-y: 0px;
  column-gap: 0;
  row-gap: 0;
}

.phone-padding-collapse {
  --flex-pad: 0px;
}
.phone-padding-collapse > .cell {
  padding: 0;
}

@media screen and (min-width: 37.5em) {
  .tablet-portrait-gap-collapse,
  .tablet-portrait-margin-collapse {
    --flex-gap-x: 0px;
    --flex-gap-y: 0px;
    column-gap: 0;
    row-gap: 0;
  }
  .tablet-portrait-padding-collapse {
    --flex-pad: 0px;
  }
  .tablet-portrait-padding-collapse > .cell {
    padding: 0;
  }
}
@media screen and (min-width: 56.25em) {
  .tablet-landscape-gap-collapse,
  .tablet-landscape-margin-collapse {
    --flex-gap-x: 0px;
    --flex-gap-y: 0px;
    column-gap: 0;
    row-gap: 0;
  }
  .tablet-landscape-padding-collapse {
    --flex-pad: 0px;
  }
  .tablet-landscape-padding-collapse > .cell {
    padding: 0;
  }
}
@media screen and (min-width: 75em) {
  .desktop-gap-collapse,
  .desktop-margin-collapse {
    --flex-gap-x: 0px;
    --flex-gap-y: 0px;
    column-gap: 0;
    row-gap: 0;
  }
  .desktop-padding-collapse {
    --flex-pad: 0px;
  }
  .desktop-padding-collapse > .cell {
    padding: 0;
  }
}
@media screen and (min-width: 90em) {
  .medium-desktop-gap-collapse,
  .medium-desktop-margin-collapse {
    --flex-gap-x: 0px;
    --flex-gap-y: 0px;
    column-gap: 0;
    row-gap: 0;
  }
  .medium-desktop-padding-collapse {
    --flex-pad: 0px;
  }
  .medium-desktop-padding-collapse > .cell {
    padding: 0;
  }
}
@media screen and (min-width: 112.5em) {
  .big-desktop-gap-collapse,
  .big-desktop-margin-collapse {
    --flex-gap-x: 0px;
    --flex-gap-y: 0px;
    column-gap: 0;
    row-gap: 0;
  }
  .big-desktop-padding-collapse {
    --flex-pad: 0px;
  }
  .big-desktop-padding-collapse > .cell {
    padding: 0;
  }
}
.flex-frame {
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  overflow: hidden;
  width: 100%;
}

.flex-y.flex-frame {
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  overflow: hidden;
  width: auto;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 0;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

.cell-block-y {
  overflow-y: auto;
  height: 100%;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 37.5em) {
  .tablet-portrait-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: 100%;
  }
  .flex-y.tablet-portrait-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: auto;
  }
  .tablet-portrait-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .tablet-portrait-cell-block-y {
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
  }
  .tablet-portrait-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 0;
  }
}
@media screen and (min-width: 56.25em) {
  .tablet-landscape-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: 100%;
  }
  .flex-y.tablet-landscape-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: auto;
  }
  .tablet-landscape-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .tablet-landscape-cell-block-y {
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
  }
  .tablet-landscape-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 0;
  }
}
@media screen and (min-width: 75em) {
  .desktop-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: 100%;
  }
  .flex-y.desktop-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: auto;
  }
  .desktop-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .desktop-cell-block-y {
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
  }
  .desktop-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 0;
  }
}
@media screen and (min-width: 90em) {
  .medium-desktop-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: 100%;
  }
  .flex-y.medium-desktop-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: auto;
  }
  .medium-desktop-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .medium-desktop-cell-block-y {
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
  }
  .medium-desktop-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 0;
  }
}
@media screen and (min-width: 112.5em) {
  .big-desktop-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: 100%;
  }
  .flex-y.big-desktop-flex-frame {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    overflow: hidden;
    width: auto;
  }
  .big-desktop-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .big-desktop-cell-block-y {
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
  }
  .big-desktop-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 0;
  }
}
.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-top {
  align-items: flex-start;
}

.align-middle {
  align-items: center;
}

.align-bottom {
  align-items: flex-end;
}

.align-stretch {
  align-items: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.align-self-top {
  align-self: flex-start;
}

.align-self-middle {
  align-self: center;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-self-stretch {
  align-self: stretch;
}

.flex-box {
  display: flex;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

@media screen and (min-width: 37.5em) {
  .tablet-portrait-flex-box {
    display: flex;
  }
  .tablet-portrait-flex-dir-row {
    flex-direction: row;
  }
  .tablet-portrait-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .tablet-portrait-flex-dir-column {
    flex-direction: column;
  }
  .tablet-portrait-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .tablet-portrait-flex-child-auto {
    flex: 1 1 auto;
  }
  .tablet-portrait-flex-child-grow {
    flex: 1 0 auto;
  }
  .tablet-portrait-flex-child-shrink {
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 56.25em) {
  .tablet-landscape-flex-box {
    display: flex;
  }
  .tablet-landscape-flex-dir-row {
    flex-direction: row;
  }
  .tablet-landscape-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .tablet-landscape-flex-dir-column {
    flex-direction: column;
  }
  .tablet-landscape-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .tablet-landscape-flex-child-auto {
    flex: 1 1 auto;
  }
  .tablet-landscape-flex-child-grow {
    flex: 1 0 auto;
  }
  .tablet-landscape-flex-child-shrink {
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 75em) {
  .desktop-flex-box {
    display: flex;
  }
  .desktop-flex-dir-row {
    flex-direction: row;
  }
  .desktop-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .desktop-flex-dir-column {
    flex-direction: column;
  }
  .desktop-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .desktop-flex-child-auto {
    flex: 1 1 auto;
  }
  .desktop-flex-child-grow {
    flex: 1 0 auto;
  }
  .desktop-flex-child-shrink {
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 90em) {
  .medium-desktop-flex-box {
    display: flex;
  }
  .medium-desktop-flex-dir-row {
    flex-direction: row;
  }
  .medium-desktop-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-desktop-flex-dir-column {
    flex-direction: column;
  }
  .medium-desktop-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .medium-desktop-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-desktop-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-desktop-flex-child-shrink {
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 112.5em) {
  .big-desktop-flex-box {
    display: flex;
  }
  .big-desktop-flex-dir-row {
    flex-direction: row;
  }
  .big-desktop-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .big-desktop-flex-dir-column {
    flex-direction: column;
  }
  .big-desktop-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .big-desktop-flex-child-auto {
    flex: 1 1 auto;
  }
  .big-desktop-flex-child-grow {
    flex: 1 0 auto;
  }
  .big-desktop-flex-child-shrink {
    flex: 0 1 auto;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden !important;
}

.visible {
  visibility: visible !important;
}

@media screen and (max-width: 37.49875em) {
  .hide-for-phone-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 37.5em) {
  .show-for-phone-only {
    display: none !important;
  }
}

@media screen and (min-width: 37.5em) {
  .hide-for-tablet-portrait {
    display: none !important;
  }
}

@media screen and (max-width: 37.49875em) {
  .show-for-tablet-portrait {
    display: none !important;
  }
}

@media screen and (min-width: 37.5em) and (max-width: 56.24875em) {
  .hide-for-tablet-portrait-only {
    display: none !important;
  }
}

@media screen and (max-width: 37.49875em), screen and (min-width: 56.25em) {
  .show-for-tablet-portrait-only {
    display: none !important;
  }
}

@media screen and (min-width: 56.25em) {
  .hide-for-tablet-landscape {
    display: none !important;
  }
}

@media screen and (max-width: 56.24875em) {
  .show-for-tablet-landscape {
    display: none !important;
  }
}

@media screen and (min-width: 56.25em) and (max-width: 74.99875em) {
  .hide-for-tablet-landscape-only {
    display: none !important;
  }
}

@media screen and (max-width: 56.24875em), screen and (min-width: 75em) {
  .show-for-tablet-landscape-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em) {
  .show-for-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .hide-for-desktop-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
  .show-for-desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-medium-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 89.99875em) {
  .show-for-medium-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 90em) and (max-width: 112.49875em) {
  .hide-for-medium-desktop-only {
    display: none !important;
  }
}

@media screen and (max-width: 89.99875em), screen and (min-width: 112.5em) {
  .show-for-medium-desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 112.5em) {
  .hide-for-big-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 112.49875em) {
  .show-for-big-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 112.5em) {
  .hide-for-big-desktop-only {
    display: none !important;
  }
}

@media screen and (max-width: 112.49875em) {
  .show-for-big-desktop-only {
    display: none !important;
  }
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

/*# sourceMappingURL=gridaflex.css.map */