@mastors/flexer 1.1.0

package/dist/mastors-flexer.css

@@ -0,0 +1,2744 @@
+.cq-inline {
+  container-type: inline-size;
+}
+
+.cq-size {
+  container-type: size;
+}
+
+.cq-normal {
+  container-type: normal;
+}
+
+[data-container] {
+  container-type: inline-size;
+}
+
+.flex {
+  display: flex;
+}
+
+.inline-flex {
+  display: inline-flex;
+}
+
+@media (min-width: 640px) {
+  .sm\:flex {
+    display: flex;
+  }
+  .sm\:inline-flex {
+    display: inline-flex;
+  }
+}
+@media (min-width: 768px) {
+  .md\:flex {
+    display: flex;
+  }
+  .md\:inline-flex {
+    display: inline-flex;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:flex {
+    display: flex;
+  }
+  .lg\:inline-flex {
+    display: inline-flex;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:flex {
+    display: flex;
+  }
+  .xl\:inline-flex {
+    display: inline-flex;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:flex {
+    display: flex;
+  }
+  .\32 xl\:inline-flex {
+    display: inline-flex;
+  }
+}
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+
+@media (min-width: 640px) {
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+  .sm\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+  .sm\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 768px) {
+  .md\:flex-row {
+    flex-direction: row;
+  }
+  .md\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .md\:flex-col {
+    flex-direction: column;
+  }
+  .md\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+  .lg\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .lg\:flex-col {
+    flex-direction: column;
+  }
+  .lg\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:flex-row {
+    flex-direction: row;
+  }
+  .xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .xl\:flex-col {
+    flex-direction: column;
+  }
+  .xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:flex-row {
+    flex-direction: row;
+  }
+  .\32 xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .\32 xl\:flex-col {
+    flex-direction: column;
+  }
+  .\32 xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+@media (min-width: 640px) {
+  .sm\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .sm\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+}
+@media (min-width: 768px) {
+  .md\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .md\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .md\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .lg\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .lg\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .xl\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .\32 xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .\32 xl\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+}
+.flex-flow-row-wrap {
+  flex-flow: row wrap;
+}
+
+.flex-flow-row-nowrap {
+  flex-flow: row nowrap;
+}
+
+.flex-flow-row-wrap-reverse {
+  flex-flow: row wrap-reverse;
+}
+
+.flex-flow-col-wrap {
+  flex-flow: column wrap;
+}
+
+.flex-flow-col-nowrap {
+  flex-flow: column nowrap;
+}
+
+.flex-flow-col-wrap-reverse {
+  flex-flow: column wrap-reverse;
+}
+
+@media (min-width: 640px) {
+  .sm\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .sm\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .sm\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .sm\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .sm\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .sm\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+}
+@media (min-width: 768px) {
+  .md\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .md\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .md\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .md\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .md\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .md\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .lg\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .lg\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .lg\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .lg\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .lg\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .xl\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .xl\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .xl\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .xl\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .xl\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .\32 xl\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .\32 xl\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .\32 xl\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .\32 xl\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .\32 xl\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+}
+.grow- {
+  flex-grow: 1;
+}
+
+.grow-0 {
+  flex-grow: 0;
+}
+
+.shrink- {
+  flex-shrink: 1;
+}
+
+.shrink-0 {
+  flex-shrink: 0;
+}
+
+.basis-auto {
+  flex-basis: auto;
+}
+
+.basis-full {
+  flex-basis: 100%;
+}
+
+.basis-0 {
+  flex-basis: 0px;
+}
+
+.basis-1\/2 {
+  flex-basis: 50%;
+}
+
+.basis-1\/3 {
+  flex-basis: 33.333333%;
+}
+
+.basis-2\/3 {
+  flex-basis: 66.666667%;
+}
+
+.basis-1\/4 {
+  flex-basis: 25%;
+}
+
+.basis-2\/4 {
+  flex-basis: 50%;
+}
+
+.basis-3\/4 {
+  flex-basis: 75%;
+}
+
+.basis-1\/5 {
+  flex-basis: 20%;
+}
+
+.basis-2\/5 {
+  flex-basis: 40%;
+}
+
+.basis-3\/5 {
+  flex-basis: 60%;
+}
+
+.basis-4\/5 {
+  flex-basis: 80%;
+}
+
+.basis-1\/6 {
+  flex-basis: 16.666667%;
+}
+
+.basis-5\/6 {
+  flex-basis: 83.333333%;
+}
+
+.basis-1\/12 {
+  flex-basis: 8.333333%;
+}
+
+.basis-16 {
+  flex-basis: 4rem;
+}
+
+.basis-20 {
+  flex-basis: 5rem;
+}
+
+.basis-24 {
+  flex-basis: 6rem;
+}
+
+.basis-28 {
+  flex-basis: 7rem;
+}
+
+.basis-32 {
+  flex-basis: 8rem;
+}
+
+.basis-36 {
+  flex-basis: 9rem;
+}
+
+.basis-40 {
+  flex-basis: 10rem;
+}
+
+.basis-48 {
+  flex-basis: 12rem;
+}
+
+.basis-56 {
+  flex-basis: 14rem;
+}
+
+.basis-64 {
+  flex-basis: 16rem;
+}
+
+.basis-72 {
+  flex-basis: 18rem;
+}
+
+.basis-80 {
+  flex-basis: 20rem;
+}
+
+.basis-96 {
+  flex-basis: 24rem;
+}
+
+.flex-1 {
+  flex: 1 1 0%;
+}
+
+.flex-auto {
+  flex: 1 1 auto;
+}
+
+.flex-initial {
+  flex: 0 1 auto;
+}
+
+.flex-none {
+  flex: none;
+}
+
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.justify-around {
+  justify-content: space-around;
+}
+
+.justify-evenly {
+  justify-content: space-evenly;
+}
+
+.justify-stretch {
+  justify-content: stretch;
+}
+
+.justify-normal {
+  justify-content: normal;
+}
+
+@media (min-width: 640px) {
+  .sm\:justify-start {
+    justify-content: flex-start;
+  }
+  .sm\:justify-end {
+    justify-content: flex-end;
+  }
+  .sm\:justify-center {
+    justify-content: center;
+  }
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
+  .sm\:justify-around {
+    justify-content: space-around;
+  }
+  .sm\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .sm\:justify-stretch {
+    justify-content: stretch;
+  }
+  .sm\:justify-normal {
+    justify-content: normal;
+  }
+}
+@media (min-width: 768px) {
+  .md\:justify-start {
+    justify-content: flex-start;
+  }
+  .md\:justify-end {
+    justify-content: flex-end;
+  }
+  .md\:justify-center {
+    justify-content: center;
+  }
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+  .md\:justify-around {
+    justify-content: space-around;
+  }
+  .md\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .md\:justify-stretch {
+    justify-content: stretch;
+  }
+  .md\:justify-normal {
+    justify-content: normal;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:justify-start {
+    justify-content: flex-start;
+  }
+  .lg\:justify-end {
+    justify-content: flex-end;
+  }
+  .lg\:justify-center {
+    justify-content: center;
+  }
+  .lg\:justify-between {
+    justify-content: space-between;
+  }
+  .lg\:justify-around {
+    justify-content: space-around;
+  }
+  .lg\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .lg\:justify-stretch {
+    justify-content: stretch;
+  }
+  .lg\:justify-normal {
+    justify-content: normal;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:justify-start {
+    justify-content: flex-start;
+  }
+  .xl\:justify-end {
+    justify-content: flex-end;
+  }
+  .xl\:justify-center {
+    justify-content: center;
+  }
+  .xl\:justify-between {
+    justify-content: space-between;
+  }
+  .xl\:justify-around {
+    justify-content: space-around;
+  }
+  .xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .xl\:justify-stretch {
+    justify-content: stretch;
+  }
+  .xl\:justify-normal {
+    justify-content: normal;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:justify-start {
+    justify-content: flex-start;
+  }
+  .\32 xl\:justify-end {
+    justify-content: flex-end;
+  }
+  .\32 xl\:justify-center {
+    justify-content: center;
+  }
+  .\32 xl\:justify-between {
+    justify-content: space-between;
+  }
+  .\32 xl\:justify-around {
+    justify-content: space-around;
+  }
+  .\32 xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .\32 xl\:justify-stretch {
+    justify-content: stretch;
+  }
+  .\32 xl\:justify-normal {
+    justify-content: normal;
+  }
+}
+.justify-items-start {
+  justify-items: start;
+}
+
+.justify-items-end {
+  justify-items: end;
+}
+
+.justify-items-center {
+  justify-items: center;
+}
+
+.justify-items-stretch {
+  justify-items: stretch;
+}
+
+@media (min-width: 640px) {
+  .sm\:justify-items-start {
+    justify-items: start;
+  }
+  .sm\:justify-items-end {
+    justify-items: end;
+  }
+  .sm\:justify-items-center {
+    justify-items: center;
+  }
+  .sm\:justify-items-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .md\:justify-items-start {
+    justify-items: start;
+  }
+  .md\:justify-items-end {
+    justify-items: end;
+  }
+  .md\:justify-items-center {
+    justify-items: center;
+  }
+  .md\:justify-items-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:justify-items-start {
+    justify-items: start;
+  }
+  .lg\:justify-items-end {
+    justify-items: end;
+  }
+  .lg\:justify-items-center {
+    justify-items: center;
+  }
+  .lg\:justify-items-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:justify-items-start {
+    justify-items: start;
+  }
+  .xl\:justify-items-end {
+    justify-items: end;
+  }
+  .xl\:justify-items-center {
+    justify-items: center;
+  }
+  .xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:justify-items-start {
+    justify-items: start;
+  }
+  .\32 xl\:justify-items-end {
+    justify-items: end;
+  }
+  .\32 xl\:justify-items-center {
+    justify-items: center;
+  }
+  .\32 xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+}
+.justify-self-auto {
+  justify-self: auto;
+}
+
+.justify-self-start {
+  justify-self: start;
+}
+
+.justify-self-end {
+  justify-self: end;
+}
+
+.justify-self-center {
+  justify-self: center;
+}
+
+.justify-self-stretch {
+  justify-self: stretch;
+}
+
+@media (min-width: 640px) {
+  .sm\:justify-self-auto {
+    justify-self: auto;
+  }
+  .sm\:justify-self-start {
+    justify-self: start;
+  }
+  .sm\:justify-self-end {
+    justify-self: end;
+  }
+  .sm\:justify-self-center {
+    justify-self: center;
+  }
+  .sm\:justify-self-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .md\:justify-self-auto {
+    justify-self: auto;
+  }
+  .md\:justify-self-start {
+    justify-self: start;
+  }
+  .md\:justify-self-end {
+    justify-self: end;
+  }
+  .md\:justify-self-center {
+    justify-self: center;
+  }
+  .md\:justify-self-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:justify-self-auto {
+    justify-self: auto;
+  }
+  .lg\:justify-self-start {
+    justify-self: start;
+  }
+  .lg\:justify-self-end {
+    justify-self: end;
+  }
+  .lg\:justify-self-center {
+    justify-self: center;
+  }
+  .lg\:justify-self-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:justify-self-auto {
+    justify-self: auto;
+  }
+  .xl\:justify-self-start {
+    justify-self: start;
+  }
+  .xl\:justify-self-end {
+    justify-self: end;
+  }
+  .xl\:justify-self-center {
+    justify-self: center;
+  }
+  .xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:justify-self-auto {
+    justify-self: auto;
+  }
+  .\32 xl\:justify-self-start {
+    justify-self: start;
+  }
+  .\32 xl\:justify-self-end {
+    justify-self: end;
+  }
+  .\32 xl\:justify-self-center {
+    justify-self: center;
+  }
+  .\32 xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+}
+.content-normal {
+  align-content: normal;
+}
+
+.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;
+}
+
+.content-stretch {
+  align-content: stretch;
+}
+
+.content-baseline {
+  align-content: baseline;
+}
+
+@media (min-width: 640px) {
+  .sm\:content-normal {
+    align-content: normal;
+  }
+  .sm\:content-center {
+    align-content: center;
+  }
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+  .sm\:content-between {
+    align-content: space-between;
+  }
+  .sm\:content-around {
+    align-content: space-around;
+  }
+  .sm\:content-evenly {
+    align-content: space-evenly;
+  }
+  .sm\:content-stretch {
+    align-content: stretch;
+  }
+  .sm\:content-baseline {
+    align-content: baseline;
+  }
+}
+@media (min-width: 768px) {
+  .md\:content-normal {
+    align-content: normal;
+  }
+  .md\:content-center {
+    align-content: center;
+  }
+  .md\:content-start {
+    align-content: flex-start;
+  }
+  .md\:content-end {
+    align-content: flex-end;
+  }
+  .md\:content-between {
+    align-content: space-between;
+  }
+  .md\:content-around {
+    align-content: space-around;
+  }
+  .md\:content-evenly {
+    align-content: space-evenly;
+  }
+  .md\:content-stretch {
+    align-content: stretch;
+  }
+  .md\:content-baseline {
+    align-content: baseline;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:content-normal {
+    align-content: normal;
+  }
+  .lg\:content-center {
+    align-content: center;
+  }
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+  .lg\:content-between {
+    align-content: space-between;
+  }
+  .lg\:content-around {
+    align-content: space-around;
+  }
+  .lg\:content-evenly {
+    align-content: space-evenly;
+  }
+  .lg\:content-stretch {
+    align-content: stretch;
+  }
+  .lg\:content-baseline {
+    align-content: baseline;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:content-normal {
+    align-content: normal;
+  }
+  .xl\:content-center {
+    align-content: center;
+  }
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+  .xl\:content-between {
+    align-content: space-between;
+  }
+  .xl\:content-around {
+    align-content: space-around;
+  }
+  .xl\:content-evenly {
+    align-content: space-evenly;
+  }
+  .xl\:content-stretch {
+    align-content: stretch;
+  }
+  .xl\:content-baseline {
+    align-content: baseline;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:content-normal {
+    align-content: normal;
+  }
+  .\32 xl\:content-center {
+    align-content: center;
+  }
+  .\32 xl\:content-start {
+    align-content: flex-start;
+  }
+  .\32 xl\:content-end {
+    align-content: flex-end;
+  }
+  .\32 xl\:content-between {
+    align-content: space-between;
+  }
+  .\32 xl\:content-around {
+    align-content: space-around;
+  }
+  .\32 xl\:content-evenly {
+    align-content: space-evenly;
+  }
+  .\32 xl\:content-stretch {
+    align-content: stretch;
+  }
+  .\32 xl\:content-baseline {
+    align-content: baseline;
+  }
+}
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-stretch {
+  align-items: stretch;
+}
+
+.items-baseline {
+  align-items: baseline;
+}
+
+@media (min-width: 640px) {
+  .sm\:items-start {
+    align-items: flex-start;
+  }
+  .sm\:items-end {
+    align-items: flex-end;
+  }
+  .sm\:items-center {
+    align-items: center;
+  }
+  .sm\:items-stretch {
+    align-items: stretch;
+  }
+  .sm\:items-baseline {
+    align-items: baseline;
+  }
+}
+@media (min-width: 768px) {
+  .md\:items-start {
+    align-items: flex-start;
+  }
+  .md\:items-end {
+    align-items: flex-end;
+  }
+  .md\:items-center {
+    align-items: center;
+  }
+  .md\:items-stretch {
+    align-items: stretch;
+  }
+  .md\:items-baseline {
+    align-items: baseline;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:items-start {
+    align-items: flex-start;
+  }
+  .lg\:items-end {
+    align-items: flex-end;
+  }
+  .lg\:items-center {
+    align-items: center;
+  }
+  .lg\:items-stretch {
+    align-items: stretch;
+  }
+  .lg\:items-baseline {
+    align-items: baseline;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:items-start {
+    align-items: flex-start;
+  }
+  .xl\:items-end {
+    align-items: flex-end;
+  }
+  .xl\:items-center {
+    align-items: center;
+  }
+  .xl\:items-stretch {
+    align-items: stretch;
+  }
+  .xl\:items-baseline {
+    align-items: baseline;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:items-start {
+    align-items: flex-start;
+  }
+  .\32 xl\:items-end {
+    align-items: flex-end;
+  }
+  .\32 xl\:items-center {
+    align-items: center;
+  }
+  .\32 xl\:items-stretch {
+    align-items: stretch;
+  }
+  .\32 xl\:items-baseline {
+    align-items: baseline;
+  }
+}
+.self-auto {
+  align-self: auto;
+}
+
+.self-start {
+  align-self: flex-start;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-stretch {
+  align-self: stretch;
+}
+
+.self-baseline {
+  align-self: baseline;
+}
+
+@media (min-width: 640px) {
+  .sm\:self-auto {
+    align-self: auto;
+  }
+  .sm\:self-start {
+    align-self: flex-start;
+  }
+  .sm\:self-end {
+    align-self: flex-end;
+  }
+  .sm\:self-center {
+    align-self: center;
+  }
+  .sm\:self-stretch {
+    align-self: stretch;
+  }
+  .sm\:self-baseline {
+    align-self: baseline;
+  }
+}
+@media (min-width: 768px) {
+  .md\:self-auto {
+    align-self: auto;
+  }
+  .md\:self-start {
+    align-self: flex-start;
+  }
+  .md\:self-end {
+    align-self: flex-end;
+  }
+  .md\:self-center {
+    align-self: center;
+  }
+  .md\:self-stretch {
+    align-self: stretch;
+  }
+  .md\:self-baseline {
+    align-self: baseline;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:self-auto {
+    align-self: auto;
+  }
+  .lg\:self-start {
+    align-self: flex-start;
+  }
+  .lg\:self-end {
+    align-self: flex-end;
+  }
+  .lg\:self-center {
+    align-self: center;
+  }
+  .lg\:self-stretch {
+    align-self: stretch;
+  }
+  .lg\:self-baseline {
+    align-self: baseline;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:self-auto {
+    align-self: auto;
+  }
+  .xl\:self-start {
+    align-self: flex-start;
+  }
+  .xl\:self-end {
+    align-self: flex-end;
+  }
+  .xl\:self-center {
+    align-self: center;
+  }
+  .xl\:self-stretch {
+    align-self: stretch;
+  }
+  .xl\:self-baseline {
+    align-self: baseline;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:self-auto {
+    align-self: auto;
+  }
+  .\32 xl\:self-start {
+    align-self: flex-start;
+  }
+  .\32 xl\:self-end {
+    align-self: flex-end;
+  }
+  .\32 xl\:self-center {
+    align-self: center;
+  }
+  .\32 xl\:self-stretch {
+    align-self: stretch;
+  }
+  .\32 xl\:self-baseline {
+    align-self: baseline;
+  }
+}
+.place-content-center {
+  place-content: center;
+}
+
+.place-content-start {
+  place-content: start;
+}
+
+.place-content-end {
+  place-content: end;
+}
+
+.place-content-between {
+  place-content: space-between;
+}
+
+.place-content-around {
+  place-content: space-around;
+}
+
+.place-content-evenly {
+  place-content: space-evenly;
+}
+
+.place-content-stretch {
+  place-content: stretch;
+}
+
+.place-content-baseline {
+  place-content: baseline;
+}
+
+@media (min-width: 640px) {
+  .sm\:place-content-center {
+    place-content: center;
+  }
+  .sm\:place-content-start {
+    place-content: start;
+  }
+  .sm\:place-content-end {
+    place-content: end;
+  }
+  .sm\:place-content-between {
+    place-content: space-between;
+  }
+  .sm\:place-content-around {
+    place-content: space-around;
+  }
+  .sm\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .sm\:place-content-stretch {
+    place-content: stretch;
+  }
+  .sm\:place-content-baseline {
+    place-content: baseline;
+  }
+}
+@media (min-width: 768px) {
+  .md\:place-content-center {
+    place-content: center;
+  }
+  .md\:place-content-start {
+    place-content: start;
+  }
+  .md\:place-content-end {
+    place-content: end;
+  }
+  .md\:place-content-between {
+    place-content: space-between;
+  }
+  .md\:place-content-around {
+    place-content: space-around;
+  }
+  .md\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .md\:place-content-stretch {
+    place-content: stretch;
+  }
+  .md\:place-content-baseline {
+    place-content: baseline;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:place-content-center {
+    place-content: center;
+  }
+  .lg\:place-content-start {
+    place-content: start;
+  }
+  .lg\:place-content-end {
+    place-content: end;
+  }
+  .lg\:place-content-between {
+    place-content: space-between;
+  }
+  .lg\:place-content-around {
+    place-content: space-around;
+  }
+  .lg\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .lg\:place-content-stretch {
+    place-content: stretch;
+  }
+  .lg\:place-content-baseline {
+    place-content: baseline;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:place-content-center {
+    place-content: center;
+  }
+  .xl\:place-content-start {
+    place-content: start;
+  }
+  .xl\:place-content-end {
+    place-content: end;
+  }
+  .xl\:place-content-between {
+    place-content: space-between;
+  }
+  .xl\:place-content-around {
+    place-content: space-around;
+  }
+  .xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .xl\:place-content-stretch {
+    place-content: stretch;
+  }
+  .xl\:place-content-baseline {
+    place-content: baseline;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:place-content-center {
+    place-content: center;
+  }
+  .\32 xl\:place-content-start {
+    place-content: start;
+  }
+  .\32 xl\:place-content-end {
+    place-content: end;
+  }
+  .\32 xl\:place-content-between {
+    place-content: space-between;
+  }
+  .\32 xl\:place-content-around {
+    place-content: space-around;
+  }
+  .\32 xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .\32 xl\:place-content-stretch {
+    place-content: stretch;
+  }
+  .\32 xl\:place-content-baseline {
+    place-content: baseline;
+  }
+}
+.place-items-start {
+  place-items: start;
+}
+
+.place-items-end {
+  place-items: end;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.place-items-stretch {
+  place-items: stretch;
+}
+
+.place-items-baseline {
+  place-items: baseline;
+}
+
+@media (min-width: 640px) {
+  .sm\:place-items-start {
+    place-items: start;
+  }
+  .sm\:place-items-end {
+    place-items: end;
+  }
+  .sm\:place-items-center {
+    place-items: center;
+  }
+  .sm\:place-items-stretch {
+    place-items: stretch;
+  }
+  .sm\:place-items-baseline {
+    place-items: baseline;
+  }
+}
+@media (min-width: 768px) {
+  .md\:place-items-start {
+    place-items: start;
+  }
+  .md\:place-items-end {
+    place-items: end;
+  }
+  .md\:place-items-center {
+    place-items: center;
+  }
+  .md\:place-items-stretch {
+    place-items: stretch;
+  }
+  .md\:place-items-baseline {
+    place-items: baseline;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:place-items-start {
+    place-items: start;
+  }
+  .lg\:place-items-end {
+    place-items: end;
+  }
+  .lg\:place-items-center {
+    place-items: center;
+  }
+  .lg\:place-items-stretch {
+    place-items: stretch;
+  }
+  .lg\:place-items-baseline {
+    place-items: baseline;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:place-items-start {
+    place-items: start;
+  }
+  .xl\:place-items-end {
+    place-items: end;
+  }
+  .xl\:place-items-center {
+    place-items: center;
+  }
+  .xl\:place-items-stretch {
+    place-items: stretch;
+  }
+  .xl\:place-items-baseline {
+    place-items: baseline;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:place-items-start {
+    place-items: start;
+  }
+  .\32 xl\:place-items-end {
+    place-items: end;
+  }
+  .\32 xl\:place-items-center {
+    place-items: center;
+  }
+  .\32 xl\:place-items-stretch {
+    place-items: stretch;
+  }
+  .\32 xl\:place-items-baseline {
+    place-items: baseline;
+  }
+}
+.place-self-auto {
+  place-self: auto;
+}
+
+.place-self-start {
+  place-self: start;
+}
+
+.place-self-end {
+  place-self: end;
+}
+
+.place-self-center {
+  place-self: center;
+}
+
+.place-self-stretch {
+  place-self: stretch;
+}
+
+@media (min-width: 640px) {
+  .sm\:place-self-auto {
+    place-self: auto;
+  }
+  .sm\:place-self-start {
+    place-self: start;
+  }
+  .sm\:place-self-end {
+    place-self: end;
+  }
+  .sm\:place-self-center {
+    place-self: center;
+  }
+  .sm\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .md\:place-self-auto {
+    place-self: auto;
+  }
+  .md\:place-self-start {
+    place-self: start;
+  }
+  .md\:place-self-end {
+    place-self: end;
+  }
+  .md\:place-self-center {
+    place-self: center;
+  }
+  .md\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:place-self-auto {
+    place-self: auto;
+  }
+  .lg\:place-self-start {
+    place-self: start;
+  }
+  .lg\:place-self-end {
+    place-self: end;
+  }
+  .lg\:place-self-center {
+    place-self: center;
+  }
+  .lg\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:place-self-auto {
+    place-self: auto;
+  }
+  .xl\:place-self-start {
+    place-self: start;
+  }
+  .xl\:place-self-end {
+    place-self: end;
+  }
+  .xl\:place-self-center {
+    place-self: center;
+  }
+  .xl\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:place-self-auto {
+    place-self: auto;
+  }
+  .\32 xl\:place-self-start {
+    place-self: start;
+  }
+  .\32 xl\:place-self-end {
+    place-self: end;
+  }
+  .\32 xl\:place-self-center {
+    place-self: center;
+  }
+  .\32 xl\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+.order-first {
+  order: -9999;
+}
+
+.order-last {
+  order: 9999;
+}
+
+.order-none {
+  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;
+}
+
+@media (min-width: 640px) {
+  .sm\:flex {
+    display: flex;
+  }
+  .sm\:inline-flex {
+    display: inline-flex;
+  }
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+  .sm\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+  .sm\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .sm\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .sm\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .sm\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .sm\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .sm\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .sm\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .sm\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .sm\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+  .sm\:justify-start {
+    justify-content: flex-start;
+  }
+  .sm\:justify-end {
+    justify-content: flex-end;
+  }
+  .sm\:justify-center {
+    justify-content: center;
+  }
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
+  .sm\:justify-around {
+    justify-content: space-around;
+  }
+  .sm\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .sm\:justify-stretch {
+    justify-content: stretch;
+  }
+  .sm\:justify-normal {
+    justify-content: normal;
+  }
+  .sm\:justify-items-start {
+    justify-items: start;
+  }
+  .sm\:justify-items-end {
+    justify-items: end;
+  }
+  .sm\:justify-items-center {
+    justify-items: center;
+  }
+  .sm\:justify-items-stretch {
+    justify-items: stretch;
+  }
+  .sm\:justify-self-auto {
+    justify-self: auto;
+  }
+  .sm\:justify-self-start {
+    justify-self: start;
+  }
+  .sm\:justify-self-end {
+    justify-self: end;
+  }
+  .sm\:justify-self-center {
+    justify-self: center;
+  }
+  .sm\:justify-self-stretch {
+    justify-self: stretch;
+  }
+  .sm\:content-normal {
+    align-content: normal;
+  }
+  .sm\:content-center {
+    align-content: center;
+  }
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+  .sm\:content-between {
+    align-content: space-between;
+  }
+  .sm\:content-around {
+    align-content: space-around;
+  }
+  .sm\:content-evenly {
+    align-content: space-evenly;
+  }
+  .sm\:content-stretch {
+    align-content: stretch;
+  }
+  .sm\:content-baseline {
+    align-content: baseline;
+  }
+  .sm\:items-start {
+    align-items: flex-start;
+  }
+  .sm\:items-end {
+    align-items: flex-end;
+  }
+  .sm\:items-center {
+    align-items: center;
+  }
+  .sm\:items-stretch {
+    align-items: stretch;
+  }
+  .sm\:items-baseline {
+    align-items: baseline;
+  }
+  .sm\:self-auto {
+    align-self: auto;
+  }
+  .sm\:self-start {
+    align-self: flex-start;
+  }
+  .sm\:self-end {
+    align-self: flex-end;
+  }
+  .sm\:self-center {
+    align-self: center;
+  }
+  .sm\:self-stretch {
+    align-self: stretch;
+  }
+  .sm\:self-baseline {
+    align-self: baseline;
+  }
+  .sm\:place-content-center {
+    place-content: center;
+  }
+  .sm\:place-content-start {
+    place-content: start;
+  }
+  .sm\:place-content-end {
+    place-content: end;
+  }
+  .sm\:place-content-between {
+    place-content: space-between;
+  }
+  .sm\:place-content-around {
+    place-content: space-around;
+  }
+  .sm\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .sm\:place-content-stretch {
+    place-content: stretch;
+  }
+  .sm\:place-content-baseline {
+    place-content: baseline;
+  }
+  .sm\:place-items-start {
+    place-items: start;
+  }
+  .sm\:place-items-end {
+    place-items: end;
+  }
+  .sm\:place-items-center {
+    place-items: center;
+  }
+  .sm\:place-items-stretch {
+    place-items: stretch;
+  }
+  .sm\:place-items-baseline {
+    place-items: baseline;
+  }
+  .sm\:place-self-auto {
+    place-self: auto;
+  }
+  .sm\:place-self-start {
+    place-self: start;
+  }
+  .sm\:place-self-end {
+    place-self: end;
+  }
+  .sm\:place-self-center {
+    place-self: center;
+  }
+  .sm\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .md\:flex {
+    display: flex;
+  }
+  .md\:inline-flex {
+    display: inline-flex;
+  }
+  .md\:flex-row {
+    flex-direction: row;
+  }
+  .md\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .md\:flex-col {
+    flex-direction: column;
+  }
+  .md\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .md\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .md\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .md\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .md\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .md\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .md\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .md\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .md\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .md\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+  .md\:justify-start {
+    justify-content: flex-start;
+  }
+  .md\:justify-end {
+    justify-content: flex-end;
+  }
+  .md\:justify-center {
+    justify-content: center;
+  }
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+  .md\:justify-around {
+    justify-content: space-around;
+  }
+  .md\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .md\:justify-stretch {
+    justify-content: stretch;
+  }
+  .md\:justify-normal {
+    justify-content: normal;
+  }
+  .md\:justify-items-start {
+    justify-items: start;
+  }
+  .md\:justify-items-end {
+    justify-items: end;
+  }
+  .md\:justify-items-center {
+    justify-items: center;
+  }
+  .md\:justify-items-stretch {
+    justify-items: stretch;
+  }
+  .md\:justify-self-auto {
+    justify-self: auto;
+  }
+  .md\:justify-self-start {
+    justify-self: start;
+  }
+  .md\:justify-self-end {
+    justify-self: end;
+  }
+  .md\:justify-self-center {
+    justify-self: center;
+  }
+  .md\:justify-self-stretch {
+    justify-self: stretch;
+  }
+  .md\:content-normal {
+    align-content: normal;
+  }
+  .md\:content-center {
+    align-content: center;
+  }
+  .md\:content-start {
+    align-content: flex-start;
+  }
+  .md\:content-end {
+    align-content: flex-end;
+  }
+  .md\:content-between {
+    align-content: space-between;
+  }
+  .md\:content-around {
+    align-content: space-around;
+  }
+  .md\:content-evenly {
+    align-content: space-evenly;
+  }
+  .md\:content-stretch {
+    align-content: stretch;
+  }
+  .md\:content-baseline {
+    align-content: baseline;
+  }
+  .md\:items-start {
+    align-items: flex-start;
+  }
+  .md\:items-end {
+    align-items: flex-end;
+  }
+  .md\:items-center {
+    align-items: center;
+  }
+  .md\:items-stretch {
+    align-items: stretch;
+  }
+  .md\:items-baseline {
+    align-items: baseline;
+  }
+  .md\:self-auto {
+    align-self: auto;
+  }
+  .md\:self-start {
+    align-self: flex-start;
+  }
+  .md\:self-end {
+    align-self: flex-end;
+  }
+  .md\:self-center {
+    align-self: center;
+  }
+  .md\:self-stretch {
+    align-self: stretch;
+  }
+  .md\:self-baseline {
+    align-self: baseline;
+  }
+  .md\:place-content-center {
+    place-content: center;
+  }
+  .md\:place-content-start {
+    place-content: start;
+  }
+  .md\:place-content-end {
+    place-content: end;
+  }
+  .md\:place-content-between {
+    place-content: space-between;
+  }
+  .md\:place-content-around {
+    place-content: space-around;
+  }
+  .md\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .md\:place-content-stretch {
+    place-content: stretch;
+  }
+  .md\:place-content-baseline {
+    place-content: baseline;
+  }
+  .md\:place-items-start {
+    place-items: start;
+  }
+  .md\:place-items-end {
+    place-items: end;
+  }
+  .md\:place-items-center {
+    place-items: center;
+  }
+  .md\:place-items-stretch {
+    place-items: stretch;
+  }
+  .md\:place-items-baseline {
+    place-items: baseline;
+  }
+  .md\:place-self-auto {
+    place-self: auto;
+  }
+  .md\:place-self-start {
+    place-self: start;
+  }
+  .md\:place-self-end {
+    place-self: end;
+  }
+  .md\:place-self-center {
+    place-self: center;
+  }
+  .md\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:flex {
+    display: flex;
+  }
+  .lg\:inline-flex {
+    display: inline-flex;
+  }
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+  .lg\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .lg\:flex-col {
+    flex-direction: column;
+  }
+  .lg\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .lg\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .lg\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .lg\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .lg\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .lg\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .lg\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .lg\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .lg\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .lg\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+  .lg\:justify-start {
+    justify-content: flex-start;
+  }
+  .lg\:justify-end {
+    justify-content: flex-end;
+  }
+  .lg\:justify-center {
+    justify-content: center;
+  }
+  .lg\:justify-between {
+    justify-content: space-between;
+  }
+  .lg\:justify-around {
+    justify-content: space-around;
+  }
+  .lg\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .lg\:justify-stretch {
+    justify-content: stretch;
+  }
+  .lg\:justify-normal {
+    justify-content: normal;
+  }
+  .lg\:justify-items-start {
+    justify-items: start;
+  }
+  .lg\:justify-items-end {
+    justify-items: end;
+  }
+  .lg\:justify-items-center {
+    justify-items: center;
+  }
+  .lg\:justify-items-stretch {
+    justify-items: stretch;
+  }
+  .lg\:justify-self-auto {
+    justify-self: auto;
+  }
+  .lg\:justify-self-start {
+    justify-self: start;
+  }
+  .lg\:justify-self-end {
+    justify-self: end;
+  }
+  .lg\:justify-self-center {
+    justify-self: center;
+  }
+  .lg\:justify-self-stretch {
+    justify-self: stretch;
+  }
+  .lg\:content-normal {
+    align-content: normal;
+  }
+  .lg\:content-center {
+    align-content: center;
+  }
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+  .lg\:content-between {
+    align-content: space-between;
+  }
+  .lg\:content-around {
+    align-content: space-around;
+  }
+  .lg\:content-evenly {
+    align-content: space-evenly;
+  }
+  .lg\:content-stretch {
+    align-content: stretch;
+  }
+  .lg\:content-baseline {
+    align-content: baseline;
+  }
+  .lg\:items-start {
+    align-items: flex-start;
+  }
+  .lg\:items-end {
+    align-items: flex-end;
+  }
+  .lg\:items-center {
+    align-items: center;
+  }
+  .lg\:items-stretch {
+    align-items: stretch;
+  }
+  .lg\:items-baseline {
+    align-items: baseline;
+  }
+  .lg\:self-auto {
+    align-self: auto;
+  }
+  .lg\:self-start {
+    align-self: flex-start;
+  }
+  .lg\:self-end {
+    align-self: flex-end;
+  }
+  .lg\:self-center {
+    align-self: center;
+  }
+  .lg\:self-stretch {
+    align-self: stretch;
+  }
+  .lg\:self-baseline {
+    align-self: baseline;
+  }
+  .lg\:place-content-center {
+    place-content: center;
+  }
+  .lg\:place-content-start {
+    place-content: start;
+  }
+  .lg\:place-content-end {
+    place-content: end;
+  }
+  .lg\:place-content-between {
+    place-content: space-between;
+  }
+  .lg\:place-content-around {
+    place-content: space-around;
+  }
+  .lg\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .lg\:place-content-stretch {
+    place-content: stretch;
+  }
+  .lg\:place-content-baseline {
+    place-content: baseline;
+  }
+  .lg\:place-items-start {
+    place-items: start;
+  }
+  .lg\:place-items-end {
+    place-items: end;
+  }
+  .lg\:place-items-center {
+    place-items: center;
+  }
+  .lg\:place-items-stretch {
+    place-items: stretch;
+  }
+  .lg\:place-items-baseline {
+    place-items: baseline;
+  }
+  .lg\:place-self-auto {
+    place-self: auto;
+  }
+  .lg\:place-self-start {
+    place-self: start;
+  }
+  .lg\:place-self-end {
+    place-self: end;
+  }
+  .lg\:place-self-center {
+    place-self: center;
+  }
+  .lg\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:flex {
+    display: flex;
+  }
+  .xl\:inline-flex {
+    display: inline-flex;
+  }
+  .xl\:flex-row {
+    flex-direction: row;
+  }
+  .xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .xl\:flex-col {
+    flex-direction: column;
+  }
+  .xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .xl\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .xl\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .xl\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .xl\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .xl\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .xl\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .xl\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+  .xl\:justify-start {
+    justify-content: flex-start;
+  }
+  .xl\:justify-end {
+    justify-content: flex-end;
+  }
+  .xl\:justify-center {
+    justify-content: center;
+  }
+  .xl\:justify-between {
+    justify-content: space-between;
+  }
+  .xl\:justify-around {
+    justify-content: space-around;
+  }
+  .xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .xl\:justify-stretch {
+    justify-content: stretch;
+  }
+  .xl\:justify-normal {
+    justify-content: normal;
+  }
+  .xl\:justify-items-start {
+    justify-items: start;
+  }
+  .xl\:justify-items-end {
+    justify-items: end;
+  }
+  .xl\:justify-items-center {
+    justify-items: center;
+  }
+  .xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+  .xl\:justify-self-auto {
+    justify-self: auto;
+  }
+  .xl\:justify-self-start {
+    justify-self: start;
+  }
+  .xl\:justify-self-end {
+    justify-self: end;
+  }
+  .xl\:justify-self-center {
+    justify-self: center;
+  }
+  .xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+  .xl\:content-normal {
+    align-content: normal;
+  }
+  .xl\:content-center {
+    align-content: center;
+  }
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+  .xl\:content-between {
+    align-content: space-between;
+  }
+  .xl\:content-around {
+    align-content: space-around;
+  }
+  .xl\:content-evenly {
+    align-content: space-evenly;
+  }
+  .xl\:content-stretch {
+    align-content: stretch;
+  }
+  .xl\:content-baseline {
+    align-content: baseline;
+  }
+  .xl\:items-start {
+    align-items: flex-start;
+  }
+  .xl\:items-end {
+    align-items: flex-end;
+  }
+  .xl\:items-center {
+    align-items: center;
+  }
+  .xl\:items-stretch {
+    align-items: stretch;
+  }
+  .xl\:items-baseline {
+    align-items: baseline;
+  }
+  .xl\:self-auto {
+    align-self: auto;
+  }
+  .xl\:self-start {
+    align-self: flex-start;
+  }
+  .xl\:self-end {
+    align-self: flex-end;
+  }
+  .xl\:self-center {
+    align-self: center;
+  }
+  .xl\:self-stretch {
+    align-self: stretch;
+  }
+  .xl\:self-baseline {
+    align-self: baseline;
+  }
+  .xl\:place-content-center {
+    place-content: center;
+  }
+  .xl\:place-content-start {
+    place-content: start;
+  }
+  .xl\:place-content-end {
+    place-content: end;
+  }
+  .xl\:place-content-between {
+    place-content: space-between;
+  }
+  .xl\:place-content-around {
+    place-content: space-around;
+  }
+  .xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .xl\:place-content-stretch {
+    place-content: stretch;
+  }
+  .xl\:place-content-baseline {
+    place-content: baseline;
+  }
+  .xl\:place-items-start {
+    place-items: start;
+  }
+  .xl\:place-items-end {
+    place-items: end;
+  }
+  .xl\:place-items-center {
+    place-items: center;
+  }
+  .xl\:place-items-stretch {
+    place-items: stretch;
+  }
+  .xl\:place-items-baseline {
+    place-items: baseline;
+  }
+  .xl\:place-self-auto {
+    place-self: auto;
+  }
+  .xl\:place-self-start {
+    place-self: start;
+  }
+  .xl\:place-self-end {
+    place-self: end;
+  }
+  .xl\:place-self-center {
+    place-self: center;
+  }
+  .xl\:place-self-stretch {
+    place-self: stretch;
+  }
+}
+@media (min-width: 1536px) {
+  .\32 xl\:flex {
+    display: flex;
+  }
+  .\32 xl\:inline-flex {
+    display: inline-flex;
+  }
+  .\32 xl\:flex-row {
+    flex-direction: row;
+  }
+  .\32 xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .\32 xl\:flex-col {
+    flex-direction: column;
+  }
+  .\32 xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .\32 xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .\32 xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .\32 xl\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .\32 xl\:flex-flow-row-wrap {
+    flex-flow: row wrap;
+  }
+  .\32 xl\:flex-flow-row-nowrap {
+    flex-flow: row nowrap;
+  }
+  .\32 xl\:flex-flow-row-wrap-reverse {
+    flex-flow: row wrap-reverse;
+  }
+  .\32 xl\:flex-flow-col-wrap {
+    flex-flow: column wrap;
+  }
+  .\32 xl\:flex-flow-col-nowrap {
+    flex-flow: column nowrap;
+  }
+  .\32 xl\:flex-flow-col-wrap-reverse {
+    flex-flow: column wrap-reverse;
+  }
+  .\32 xl\:justify-start {
+    justify-content: flex-start;
+  }
+  .\32 xl\:justify-end {
+    justify-content: flex-end;
+  }
+  .\32 xl\:justify-center {
+    justify-content: center;
+  }
+  .\32 xl\:justify-between {
+    justify-content: space-between;
+  }
+  .\32 xl\:justify-around {
+    justify-content: space-around;
+  }
+  .\32 xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .\32 xl\:justify-stretch {
+    justify-content: stretch;
+  }
+  .\32 xl\:justify-normal {
+    justify-content: normal;
+  }
+  .\32 xl\:justify-items-start {
+    justify-items: start;
+  }
+  .\32 xl\:justify-items-end {
+    justify-items: end;
+  }
+  .\32 xl\:justify-items-center {
+    justify-items: center;
+  }
+  .\32 xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+  .\32 xl\:justify-self-auto {
+    justify-self: auto;
+  }
+  .\32 xl\:justify-self-start {
+    justify-self: start;
+  }
+  .\32 xl\:justify-self-end {
+    justify-self: end;
+  }
+  .\32 xl\:justify-self-center {
+    justify-self: center;
+  }
+  .\32 xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+  .\32 xl\:content-normal {
+    align-content: normal;
+  }
+  .\32 xl\:content-center {
+    align-content: center;
+  }
+  .\32 xl\:content-start {
+    align-content: flex-start;
+  }
+  .\32 xl\:content-end {
+    align-content: flex-end;
+  }
+  .\32 xl\:content-between {
+    align-content: space-between;
+  }
+  .\32 xl\:content-around {
+    align-content: space-around;
+  }
+  .\32 xl\:content-evenly {
+    align-content: space-evenly;
+  }
+  .\32 xl\:content-stretch {
+    align-content: stretch;
+  }
+  .\32 xl\:content-baseline {
+    align-content: baseline;
+  }
+  .\32 xl\:items-start {
+    align-items: flex-start;
+  }
+  .\32 xl\:items-end {
+    align-items: flex-end;
+  }
+  .\32 xl\:items-center {
+    align-items: center;
+  }
+  .\32 xl\:items-stretch {
+    align-items: stretch;
+  }
+  .\32 xl\:items-baseline {
+    align-items: baseline;
+  }
+  .\32 xl\:self-auto {
+    align-self: auto;
+  }
+  .\32 xl\:self-start {
+    align-self: flex-start;
+  }
+  .\32 xl\:self-end {
+    align-self: flex-end;
+  }
+  .\32 xl\:self-center {
+    align-self: center;
+  }
+  .\32 xl\:self-stretch {
+    align-self: stretch;
+  }
+  .\32 xl\:self-baseline {
+    align-self: baseline;
+  }
+  .\32 xl\:place-content-center {
+    place-content: center;
+  }
+  .\32 xl\:place-content-start {
+    place-content: start;
+  }
+  .\32 xl\:place-content-end {
+    place-content: end;
+  }
+  .\32 xl\:place-content-between {
+    place-content: space-between;
+  }
+  .\32 xl\:place-content-around {
+    place-content: space-around;
+  }
+  .\32 xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+  .\32 xl\:place-content-stretch {
+    place-content: stretch;
+  }
+  .\32 xl\:place-content-baseline {
+    place-content: baseline;
+  }
+  .\32 xl\:place-items-start {
+    place-items: start;
+  }
+  .\32 xl\:place-items-end {
+    place-items: end;
+  }
+  .\32 xl\:place-items-center {
+    place-items: center;
+  }
+  .\32 xl\:place-items-stretch {
+    place-items: stretch;
+  }
+  .\32 xl\:place-items-baseline {
+    place-items: baseline;
+  }
+  .\32 xl\:place-self-auto {
+    place-self: auto;
+  }
+  .\32 xl\:place-self-start {
+    place-self: start;
+  }
+  .\32 xl\:place-self-end {
+    place-self: end;
+  }
+  .\32 xl\:place-self-center {
+    place-self: center;
+  }
+  .\32 xl\:place-self-stretch {
+    place-self: stretch;
+  }
+}