/* 24px */
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

/* flex-direction */
.flex-row {
  flex-direction: row;
}

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

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

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

/* flex-wrap */
.flex-wrap {
  flex-wrap: wrap;
}

.flex-rwrap {
  flex-wrap: wrap-reverse;
}

.flex-nowrap {
  flex-wrap: no-wrap;
}

/* flex-grow */
.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow,
.flew-grow-1 {
  flex-grow: 1;
}

/* flex-shrink */
.flex-shrink,
.flex-shrink-0 {
  flex-shrink: 0;
}

.flew-shrink-1 {
  flex-shrink: 1;
}

/* order */
.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

/* justify-content */
.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

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

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

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

.justify-evenly {
  justify-content: space-evenly;
}

/* justify-items */
.justify-items-auto {
  justify-items: auto;
}

.justify-items-center {
  justify-items: center;
}

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

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

/* justify-self */
.justify-self-auto {
  justify-self: auto;
}

.justify-self-center {
  justify-self: center;
}

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

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

/* align-items */
.items-center {
  align-items: center;
}

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

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

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

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

/* align content */
.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

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

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

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

.content-evenly {
  align-content: space-evenly;
}

/* align self */
.self-auto {
  align-self: auto;
}

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

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

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

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

@media (min-width: 640px) {
  /* displays */
  .s\:flex {
    display: flex;
  }

  .s\:inline-flex {
    display: inline-flex;
  }

  /* flex-direction */
  .s\:flex-row {
    flex-direction: row;
  }

  .s\:flex-col {
    flex-direction: column;
  }

  .s\:flex-rrow {
    flex-direction: row-reverse;
  }

  .s\:flex-rcol {
    flex-direction: column-reverse;
  }

  /* flex-wrap */
  .s\:flex-wrap {
    flex-wrap: wrap;
  }

  .s\:flex-rwrap {
    flex-wrap: wrap-reverse;
  }

  .s\:flex-nowrap {
    flex-wrap: no-wrap;
  }

  /* flex-grow */
  .s\:flex-grow-0 {
    flex-grow: 0;
  }

  .s\:flex-grow,
.s\:flew-grow-1 {
    flex-grow: 1;
  }

  /* flex-shrink */
  .s:\f lex-shrink,
.s:\f lex-shrink-0 {
    flex-shrink: 0;
  }

  .sflew-shrink-1 {
    flex-shrink: 1;
  }

  /* order */
  .s\:order-0 {
    order: 0;
  }

  .s\:order-1 {
    order: 1;
  }

  .s\:order-2 {
    order: 2;
  }

  .s\:order-3 {
    order: 3;
  }

  .s\:order-4 {
    order: 4;
  }

  .s\:order-5 {
    order: 5;
  }

  .s\:order-6 {
    order: 6;
  }

  .s\:order-7 {
    order: 7;
  }

  .s\:order-8 {
    order: 8;
  }

  .s\:order-9 {
    order: 9;
  }

  .s\:order-10 {
    order: 10;
  }

  .s\:order-11 {
    order: 11;
  }

  .s\:order-12 {
    order: 12;
  }

  /* justify-content */
  .s\:justify-center {
    justify-content: center;
  }

  .s\:justify-start {
    justify-content: flex-start;
  }

  .s\:justify-end {
    justify-content: flex-end;
  }

  .s\:justify-between {
    justify-content: space-between;
  }

  .s\:justify-around {
    justify-content: space-around;
  }

  .s\:justify-evenly {
    justify-content: space-evenly;
  }

  /* justify-items */
  .s\:justify-items-auto {
    justify-items: auto;
  }

  .s\:justify-items-center {
    justify-items: center;
  }

  .s\:justify-items-stretch {
    justify-items: stretch;
  }

  .s\:justify-items-start {
    justify-items: start;
  }

  .s\:justify-items-end {
    justify-items: end;
  }

  /* justify-self */
  .s\:justify-self-auto {
    justify-self: auto;
  }

  .s\:justify-self-center {
    justify-self: center;
  }

  .s\:justify-self-stretch {
    justify-self: stretch;
  }

  .s\:justify-self-start {
    justify-self: start;
  }

  .s\:justify-self-end {
    justify-self: end;
  }

  /* align-items */
  .s\:items-center {
    align-items: center;
  }

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

  .s\:items-start {
    align-items: start;
  }

  .s\:items-end {
    align-items: end;
  }

  .s\:items-baseline {
    align-items: baseline;
  }

  /* align content */
  .s\:content-center {
    align-content: center;
  }

  .s\:content-start {
    align-content: flex-start;
  }

  .s\:content-end {
    align-content: flex-end;
  }

  .s\:content-between {
    align-content: space-between;
  }

  .s\:content-around {
    align-content: space-around;
  }

  .s\:content-evenly {
    align-content: space-evenly;
  }

  /* align self */
  .s\:self-auto {
    align-self: auto;
  }

  .s\:self-center {
    align-self: center;
  }

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

  .s\:self-start {
    align-self: flex-start;
  }

  .s\:self-end {
    align-self: flex-end;
  }
}
@media (min-width: 768px) {
  /* displays */
  .m\:flex {
    display: flex;
  }

  .m\:inline-flex {
    display: inline-flex;
  }

  /* flex-direction */
  .m\:flex-row {
    flex-direction: row;
  }

  .m\:flex-col {
    flex-direction: column;
  }

  .m\:flex-rrow {
    flex-direction: row-reverse;
  }

  .m\:flex-rcol {
    flex-direction: column-reverse;
  }

  /* flex-wrap */
  .m\:flex-wrap {
    flex-wrap: wrap;
  }

  .m\:flex-rwrap {
    flex-wrap: wrap-reverse;
  }

  .m\:flex-nowrap {
    flex-wrap: no-wrap;
  }

  /* flex-grow */
  .m\:flex-grow-0 {
    flex-grow: 0;
  }

  .m\:flex-grow,
.m\:flew-grow-1 {
    flex-grow: 1;
  }

  /* flex-shrink */
  .m:\f lex-shrink,
.m:\f lex-shrink-0 {
    flex-shrink: 0;
  }

  .mflew-shrink-1 {
    flex-shrink: 1;
  }

  /* order */
  .m\:order-0 {
    order: 0;
  }

  .m\:order-1 {
    order: 1;
  }

  .m\:order-2 {
    order: 2;
  }

  .m\:order-3 {
    order: 3;
  }

  .m\:order-4 {
    order: 4;
  }

  .m\:order-5 {
    order: 5;
  }

  .m\:order-6 {
    order: 6;
  }

  .m\:order-7 {
    order: 7;
  }

  .m\:order-8 {
    order: 8;
  }

  .m\:order-9 {
    order: 9;
  }

  .m\:order-10 {
    order: 10;
  }

  .m\:order-11 {
    order: 11;
  }

  .m\:order-12 {
    order: 12;
  }

  /* justify-content */
  .m\:justify-center {
    justify-content: center;
  }

  .m\:justify-start {
    justify-content: flex-start;
  }

  .m\:justify-end {
    justify-content: flex-end;
  }

  .m\:justify-between {
    justify-content: space-between;
  }

  .m\:justify-around {
    justify-content: space-around;
  }

  .m\:justify-evenly {
    justify-content: space-evenly;
  }

  /* justify-items */
  .m\:justify-items-auto {
    justify-items: auto;
  }

  .m\:justify-items-center {
    justify-items: center;
  }

  .m\:justify-items-stretch {
    justify-items: stretch;
  }

  .m\:justify-items-start {
    justify-items: start;
  }

  .m\:justify-items-end {
    justify-items: end;
  }

  /* justify-self */
  .m\:justify-self-auto {
    justify-self: auto;
  }

  .m\:justify-self-center {
    justify-self: center;
  }

  .m\:justify-self-stretch {
    justify-self: stretch;
  }

  .m\:justify-self-start {
    justify-self: start;
  }

  .m\:justify-self-end {
    justify-self: end;
  }

  /* align-items */
  .m\:items-center {
    align-items: center;
  }

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

  .m\:items-start {
    align-items: start;
  }

  .m\:items-end {
    align-items: end;
  }

  .m\:items-baseline {
    align-items: baseline;
  }

  /* align content */
  .m\:content-center {
    align-content: center;
  }

  .m\:content-start {
    align-content: flex-start;
  }

  .m\:content-end {
    align-content: flex-end;
  }

  .m\:content-between {
    align-content: space-between;
  }

  .m\:content-around {
    align-content: space-around;
  }

  .m\:content-evenly {
    align-content: space-evenly;
  }

  /* align self */
  .m\:self-auto {
    align-self: auto;
  }

  .m\:self-center {
    align-self: center;
  }

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

  .m\:self-start {
    align-self: flex-start;
  }

  .m\:self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1024px) {
  /* displays */
  .l\:flex {
    display: flex;
  }

  .l\:inline-flex {
    display: inline-flex;
  }

  /* flex-direction */
  .l\:flex-row {
    flex-direction: row;
  }

  .l\:flex-col {
    flex-direction: column;
  }

  .l\:flex-rrow {
    flex-direction: row-reverse;
  }

  .l\:flex-rcol {
    flex-direction: column-reverse;
  }

  /* flex-wrap */
  .l\:flex-wrap {
    flex-wrap: wrap;
  }

  .l\:flex-rwrap {
    flex-wrap: wrap-reverse;
  }

  .l\:flex-nowrap {
    flex-wrap: no-wrap;
  }

  /* flex-grow */
  .l\:flex-grow-0 {
    flex-grow: 0;
  }

  .l\:flex-grow,
.l\:flew-grow-1 {
    flex-grow: 1;
  }

  /* flex-shrink */
  .l:\f lex-shrink,
.l:\f lex-shrink-0 {
    flex-shrink: 0;
  }

  .lflew-shrink-1 {
    flex-shrink: 1;
  }

  /* order */
  .l\:order-0 {
    order: 0;
  }

  .l\:order-1 {
    order: 1;
  }

  .l\:order-2 {
    order: 2;
  }

  .l\:order-3 {
    order: 3;
  }

  .l\:order-4 {
    order: 4;
  }

  .l\:order-5 {
    order: 5;
  }

  .l\:order-6 {
    order: 6;
  }

  .l\:order-7 {
    order: 7;
  }

  .l\:order-8 {
    order: 8;
  }

  .l\:order-9 {
    order: 9;
  }

  .l\:order-10 {
    order: 10;
  }

  .l\:order-11 {
    order: 11;
  }

  .l\:order-12 {
    order: 12;
  }

  /* justify-content */
  .l\:justify-center {
    justify-content: center;
  }

  .l\:justify-start {
    justify-content: flex-start;
  }

  .l\:justify-end {
    justify-content: flex-end;
  }

  .l\:justify-between {
    justify-content: space-between;
  }

  .l\:justify-around {
    justify-content: space-around;
  }

  .l\:justify-evenly {
    justify-content: space-evenly;
  }

  /* justify-items */
  .l\:justify-items-auto {
    justify-items: auto;
  }

  .l\:justify-items-center {
    justify-items: center;
  }

  .l\:justify-items-stretch {
    justify-items: stretch;
  }

  .l\:justify-items-start {
    justify-items: start;
  }

  .l\:justify-items-end {
    justify-items: end;
  }

  /* justify-self */
  .l\:justify-self-auto {
    justify-self: auto;
  }

  .l\:justify-self-center {
    justify-self: center;
  }

  .l\:justify-self-stretch {
    justify-self: stretch;
  }

  .l\:justify-self-start {
    justify-self: start;
  }

  .l\:justify-self-end {
    justify-self: end;
  }

  /* align-items */
  .l\:items-center {
    align-items: center;
  }

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

  .l\:items-start {
    align-items: start;
  }

  .l\:items-end {
    align-items: end;
  }

  .l\:items-baseline {
    align-items: baseline;
  }

  /* align content */
  .l\:content-center {
    align-content: center;
  }

  .l\:content-start {
    align-content: flex-start;
  }

  .l\:content-end {
    align-content: flex-end;
  }

  .l\:content-between {
    align-content: space-between;
  }

  .l\:content-around {
    align-content: space-around;
  }

  .l\:content-evenly {
    align-content: space-evenly;
  }

  /* align self */
  .l\:self-auto {
    align-self: auto;
  }

  .l\:self-center {
    align-self: center;
  }

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

  .l\:self-start {
    align-self: flex-start;
  }

  .l\:self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1280px) {
  /* displays */
  .x\:flex {
    display: flex;
  }

  .x\:inline-flex {
    display: inline-flex;
  }

  /* flex-direction */
  .x\:flex-row {
    flex-direction: row;
  }

  .x\:flex-col {
    flex-direction: column;
  }

  .x\:flex-rrow {
    flex-direction: row-reverse;
  }

  .x\:flex-rcol {
    flex-direction: column-reverse;
  }

  /* flex-wrap */
  .x\:flex-wrap {
    flex-wrap: wrap;
  }

  .x\:flex-rwrap {
    flex-wrap: wrap-reverse;
  }

  .x\:flex-nowrap {
    flex-wrap: no-wrap;
  }

  /* flex-grow */
  .x\:flex-grow-0 {
    flex-grow: 0;
  }

  .x\:flex-grow,
.x\:flew-grow-1 {
    flex-grow: 1;
  }

  /* flex-shrink */
  .x:\f lex-shrink,
.x:\f lex-shrink-0 {
    flex-shrink: 0;
  }

  .xflew-shrink-1 {
    flex-shrink: 1;
  }

  /* order */
  .x\:order-0 {
    order: 0;
  }

  .x\:order-1 {
    order: 1;
  }

  .x\:order-2 {
    order: 2;
  }

  .x\:order-3 {
    order: 3;
  }

  .x\:order-4 {
    order: 4;
  }

  .x\:order-5 {
    order: 5;
  }

  .x\:order-6 {
    order: 6;
  }

  .x\:order-7 {
    order: 7;
  }

  .x\:order-8 {
    order: 8;
  }

  .x\:order-9 {
    order: 9;
  }

  .x\:order-10 {
    order: 10;
  }

  .x\:order-11 {
    order: 11;
  }

  .x\:order-12 {
    order: 12;
  }

  /* justify-content */
  .x\:justify-center {
    justify-content: center;
  }

  .x\:justify-start {
    justify-content: flex-start;
  }

  .x\:justify-end {
    justify-content: flex-end;
  }

  .x\:justify-between {
    justify-content: space-between;
  }

  .x\:justify-around {
    justify-content: space-around;
  }

  .x\:justify-evenly {
    justify-content: space-evenly;
  }

  /* justify-items */
  .x\:justify-items-auto {
    justify-items: auto;
  }

  .x\:justify-items-center {
    justify-items: center;
  }

  .x\:justify-items-stretch {
    justify-items: stretch;
  }

  .x\:justify-items-start {
    justify-items: start;
  }

  .x\:justify-items-end {
    justify-items: end;
  }

  /* justify-self */
  .x\:justify-self-auto {
    justify-self: auto;
  }

  .x\:justify-self-center {
    justify-self: center;
  }

  .x\:justify-self-stretch {
    justify-self: stretch;
  }

  .x\:justify-self-start {
    justify-self: start;
  }

  .x\:justify-self-end {
    justify-self: end;
  }

  /* align-items */
  .x\:items-center {
    align-items: center;
  }

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

  .x\:items-start {
    align-items: start;
  }

  .x\:items-end {
    align-items: end;
  }

  .x\:items-baseline {
    align-items: baseline;
  }

  /* align content */
  .x\:content-center {
    align-content: center;
  }

  .x\:content-start {
    align-content: flex-start;
  }

  .x\:content-end {
    align-content: flex-end;
  }

  .x\:content-between {
    align-content: space-between;
  }

  .x\:content-around {
    align-content: space-around;
  }

  .x\:content-evenly {
    align-content: space-evenly;
  }

  /* align self */
  .x\:self-auto {
    align-self: auto;
  }

  .x\:self-center {
    align-self: center;
  }

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

  .x\:self-start {
    align-self: flex-start;
  }

  .x\:self-end {
    align-self: flex-end;
  }
}

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