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

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

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

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

.sm\:flex-row.sm\:flex-no-reverse {
  flex-direction: row;
}

.sm\:flex-column.sm\:flex-no-reverse {
  flex-direction: column;
}

.sm\:flex-row.sm\:flex-reverse {
  flex-direction: row-reverse;
}

.sm\:flex-column.sm\:flex-reverse {
  flex-direction: column-reverse;
}

@media (min-width: 600px) {
  .md\:flex-row.md\:flex-no-reverse {
    flex-direction: row;
  }

  .md\:flex-column.md\:flex-no-reverse {
    flex-direction: column;
  }

  .md\:flex-row.md\:flex-reverse {
    flex-direction: row-reverse;
  }

  .md\:flex-column.md\:flex-reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width: 906px) {
  .lg\:flex-row.lg\:flex-no-reverse {
    flex-direction: row;
  }

  .lg\:flex-column.lg\:flex-no-reverse {
    flex-direction: column;
  }

  .lg\:flex-row.lg\:flex-reverse {
    flex-direction: row-reverse;
  }

  .lg\:flex-column.lg\:flex-reverse {
    flex-direction: column-reverse;
  }
}

/* Align Items */
.sm\:items-start {
  align-items: flex-start !important;
}

.sm\:items-center {
  align-items: center !important;
}

.sm\:items-end {
  align-items: flex-end !important;
}

.sm\:items-stretch {
  align-items: stretch !important;
}

@media (min-width: 600px) {
  .md\:items-start {
    align-items: flex-start !important;
  }

  .md\:items-center {
    align-items: center !important;
  }

  .md\:items-end {
    align-items: flex-end !important;
  }

  .md\:items-stretch {
    align-items: stretch !important;
  }
}

@media (min-width: 905px) {
  .lg\:items-start {
    align-items: flex-start !important;
  }

  .lg\:items-center {
    align-items: center !important;
  }

  .lg\:items-end {
    align-items: flex-end !important;
  }

  .lg\:items-stretch {
    align-items: stretch !important;
  }
}

/* Justify Content */
.sm\:justify-start {
  justify-content: flex-start;
}

.sm\:justify-center {
  justify-content: center;
}

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

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

@media (min-width: 600px) {
  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-center {
    justify-content: center;
  }

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

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

@media (min-width: 905px) {
  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-center {
    justify-content: center;
  }

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

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

/* Flex 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;
}

/* Flex Wrap */
.sm\:flex-no-wrap {
  flex-wrap: nowrap !important;
}

.sm\:flex-wrap {
  flex-wrap: wrap !important;
}

@media (min-width: 600px) {
  .md\:flex-no-wrap {
    flex-wrap: nowrap !important;
  }

  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 905px) {
  .lg\:flex-no-wrap {
    flex-wrap: nowrap !important;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
}

/* Align Self */
.sm\:self-auto {
  align-self: auto;
}

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

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

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

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

@media (min-width: 600px) {
  .md\:self-auto {
    align-self: auto;
  }

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

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

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

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

@media (min-width: 905px) {
  .lg\:self-auto {
    align-self: auto;
  }

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

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

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

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

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

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

/* Flex Shrink */
.shrink-0 {
  flex-shrink: 0;
}

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