.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}

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

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

.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}

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

.grow {
  flex-grow: 1;
}

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

.shrink {
  flex-shrink: 1;
}

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

.basis-0 {
  flex-basis: 0%;
}

.basis-full {
  flex-basis: 100%;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.33%;
}

.w-2\/3 {
  width: 66.67%;
}

.w-1\/4 {
  width: 25%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.67%;
}

.w-5\/6 {
  width: 83.33%;
}

.w-1\/8 {
  width: 12.5%;
}

.row::after {
  display: table;
  content: "";
  clear: both;
}

.row + .row {
  margin-top: 0.5rem;
}

.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  float: left;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
  position: relative;
}

.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.67%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33%;
}

.col-5 {
  width: 41.67%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33%;
}

.col-8 {
  width: 66.67%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 91.67%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 30em) {
  .col-xs-1 {
    width: 8.33%;
  }
  .push-xs-1 {
    left: 8.33%;
  }
  .pull-xs-1 {
    right: 8.33%;
  }
  .offset-xs-1 {
    margin-left: 8.33%;
  }
  .col-xs-2 {
    width: 16.67%;
  }
  .push-xs-2 {
    left: 16.67%;
  }
  .pull-xs-2 {
    right: 16.67%;
  }
  .offset-xs-2 {
    margin-left: 16.67%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .push-xs-3 {
    left: 25%;
  }
  .pull-xs-3 {
    right: 25%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .col-xs-4 {
    width: 33.33%;
  }
  .push-xs-4 {
    left: 33.33%;
  }
  .pull-xs-4 {
    right: 33.33%;
  }
  .offset-xs-4 {
    margin-left: 33.33%;
  }
  .col-xs-5 {
    width: 41.67%;
  }
  .push-xs-5 {
    left: 41.67%;
  }
  .pull-xs-5 {
    right: 41.67%;
  }
  .offset-xs-5 {
    margin-left: 41.67%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .push-xs-6 {
    left: 50%;
  }
  .pull-xs-6 {
    right: 50%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .col-xs-7 {
    width: 58.33%;
  }
  .push-xs-7 {
    left: 58.33%;
  }
  .pull-xs-7 {
    right: 58.33%;
  }
  .offset-xs-7 {
    margin-left: 58.33%;
  }
  .col-xs-8 {
    width: 66.67%;
  }
  .push-xs-8 {
    left: 66.67%;
  }
  .pull-xs-8 {
    right: 66.67%;
  }
  .offset-xs-8 {
    margin-left: 66.67%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .push-xs-9 {
    left: 75%;
  }
  .pull-xs-9 {
    right: 75%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .col-xs-10 {
    width: 83.33%;
  }
  .push-xs-10 {
    left: 83.33%;
  }
  .pull-xs-10 {
    right: 83.33%;
  }
  .offset-xs-10 {
    margin-left: 83.33%;
  }
  .col-xs-11 {
    width: 91.67%;
  }
  .push-xs-11 {
    left: 91.67%;
  }
  .pull-xs-11 {
    right: 91.67%;
  }
  .offset-xs-11 {
    margin-left: 91.67%;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    position: relative;
  }
}
@media (min-width: 48em) {
  .col-sm-1 {
    width: 8.33%;
  }
  .push-sm-1 {
    left: 8.33%;
  }
  .pull-sm-1 {
    right: 8.33%;
  }
  .offset-sm-1 {
    margin-left: 8.33%;
  }
  .col-sm-2 {
    width: 16.67%;
  }
  .push-sm-2 {
    left: 16.67%;
  }
  .pull-sm-2 {
    right: 16.67%;
  }
  .offset-sm-2 {
    margin-left: 16.67%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .col-sm-4 {
    width: 33.33%;
  }
  .push-sm-4 {
    left: 33.33%;
  }
  .pull-sm-4 {
    right: 33.33%;
  }
  .offset-sm-4 {
    margin-left: 33.33%;
  }
  .col-sm-5 {
    width: 41.67%;
  }
  .push-sm-5 {
    left: 41.67%;
  }
  .pull-sm-5 {
    right: 41.67%;
  }
  .offset-sm-5 {
    margin-left: 41.67%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .col-sm-7 {
    width: 58.33%;
  }
  .push-sm-7 {
    left: 58.33%;
  }
  .pull-sm-7 {
    right: 58.33%;
  }
  .offset-sm-7 {
    margin-left: 58.33%;
  }
  .col-sm-8 {
    width: 66.67%;
  }
  .push-sm-8 {
    left: 66.67%;
  }
  .pull-sm-8 {
    right: 66.67%;
  }
  .offset-sm-8 {
    margin-left: 66.67%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .col-sm-10 {
    width: 83.33%;
  }
  .push-sm-10 {
    left: 83.33%;
  }
  .pull-sm-10 {
    right: 83.33%;
  }
  .offset-sm-10 {
    margin-left: 83.33%;
  }
  .col-sm-11 {
    width: 91.67%;
  }
  .push-sm-11 {
    left: 91.67%;
  }
  .pull-sm-11 {
    right: 91.67%;
  }
  .offset-sm-11 {
    margin-left: 91.67%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    position: relative;
  }
}
@media (min-width: 61.25em) {
  .col-md-1 {
    width: 8.33%;
  }
  .push-md-1 {
    left: 8.33%;
  }
  .pull-md-1 {
    right: 8.33%;
  }
  .offset-md-1 {
    margin-left: 8.33%;
  }
  .col-md-2 {
    width: 16.67%;
  }
  .push-md-2 {
    left: 16.67%;
  }
  .pull-md-2 {
    right: 16.67%;
  }
  .offset-md-2 {
    margin-left: 16.67%;
  }
  .col-md-3 {
    width: 25%;
  }
  .push-md-3 {
    left: 25%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .col-md-4 {
    width: 33.33%;
  }
  .push-md-4 {
    left: 33.33%;
  }
  .pull-md-4 {
    right: 33.33%;
  }
  .offset-md-4 {
    margin-left: 33.33%;
  }
  .col-md-5 {
    width: 41.67%;
  }
  .push-md-5 {
    left: 41.67%;
  }
  .pull-md-5 {
    right: 41.67%;
  }
  .offset-md-5 {
    margin-left: 41.67%;
  }
  .col-md-6 {
    width: 50%;
  }
  .push-md-6 {
    left: 50%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .col-md-7 {
    width: 58.33%;
  }
  .push-md-7 {
    left: 58.33%;
  }
  .pull-md-7 {
    right: 58.33%;
  }
  .offset-md-7 {
    margin-left: 58.33%;
  }
  .col-md-8 {
    width: 66.67%;
  }
  .push-md-8 {
    left: 66.67%;
  }
  .pull-md-8 {
    right: 66.67%;
  }
  .offset-md-8 {
    margin-left: 66.67%;
  }
  .col-md-9 {
    width: 75%;
  }
  .push-md-9 {
    left: 75%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .col-md-10 {
    width: 83.33%;
  }
  .push-md-10 {
    left: 83.33%;
  }
  .pull-md-10 {
    right: 83.33%;
  }
  .offset-md-10 {
    margin-left: 83.33%;
  }
  .col-md-11 {
    width: 91.67%;
  }
  .push-md-11 {
    left: 91.67%;
  }
  .pull-md-11 {
    right: 91.67%;
  }
  .offset-md-11 {
    margin-left: 91.67%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    position: relative;
  }
}
@media (min-width: 75em) {
  .col-lg-1 {
    width: 8.33%;
  }
  .push-lg-1 {
    left: 8.33%;
  }
  .pull-lg-1 {
    right: 8.33%;
  }
  .offset-lg-1 {
    margin-left: 8.33%;
  }
  .col-lg-2 {
    width: 16.67%;
  }
  .push-lg-2 {
    left: 16.67%;
  }
  .pull-lg-2 {
    right: 16.67%;
  }
  .offset-lg-2 {
    margin-left: 16.67%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .col-lg-4 {
    width: 33.33%;
  }
  .push-lg-4 {
    left: 33.33%;
  }
  .pull-lg-4 {
    right: 33.33%;
  }
  .offset-lg-4 {
    margin-left: 33.33%;
  }
  .col-lg-5 {
    width: 41.67%;
  }
  .push-lg-5 {
    left: 41.67%;
  }
  .pull-lg-5 {
    right: 41.67%;
  }
  .offset-lg-5 {
    margin-left: 41.67%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .col-lg-7 {
    width: 58.33%;
  }
  .push-lg-7 {
    left: 58.33%;
  }
  .pull-lg-7 {
    right: 58.33%;
  }
  .offset-lg-7 {
    margin-left: 58.33%;
  }
  .col-lg-8 {
    width: 66.67%;
  }
  .push-lg-8 {
    left: 66.67%;
  }
  .pull-lg-8 {
    right: 66.67%;
  }
  .offset-lg-8 {
    margin-left: 66.67%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .col-lg-10 {
    width: 83.33%;
  }
  .push-lg-10 {
    left: 83.33%;
  }
  .pull-lg-10 {
    right: 83.33%;
  }
  .offset-lg-10 {
    margin-left: 83.33%;
  }
  .col-lg-11 {
    width: 91.67%;
  }
  .push-lg-11 {
    left: 91.67%;
  }
  .pull-lg-11 {
    right: 91.67%;
  }
  .offset-lg-11 {
    margin-left: 91.67%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    position: relative;
  }
}
@media (min-width: 87.5em) {
  .col-xl-1 {
    width: 8.33%;
  }
  .push-xl-1 {
    left: 8.33%;
  }
  .pull-xl-1 {
    right: 8.33%;
  }
  .offset-xl-1 {
    margin-left: 8.33%;
  }
  .col-xl-2 {
    width: 16.67%;
  }
  .push-xl-2 {
    left: 16.67%;
  }
  .pull-xl-2 {
    right: 16.67%;
  }
  .offset-xl-2 {
    margin-left: 16.67%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .col-xl-4 {
    width: 33.33%;
  }
  .push-xl-4 {
    left: 33.33%;
  }
  .pull-xl-4 {
    right: 33.33%;
  }
  .offset-xl-4 {
    margin-left: 33.33%;
  }
  .col-xl-5 {
    width: 41.67%;
  }
  .push-xl-5 {
    left: 41.67%;
  }
  .pull-xl-5 {
    right: 41.67%;
  }
  .offset-xl-5 {
    margin-left: 41.67%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .col-xl-7 {
    width: 58.33%;
  }
  .push-xl-7 {
    left: 58.33%;
  }
  .pull-xl-7 {
    right: 58.33%;
  }
  .offset-xl-7 {
    margin-left: 58.33%;
  }
  .col-xl-8 {
    width: 66.67%;
  }
  .push-xl-8 {
    left: 66.67%;
  }
  .pull-xl-8 {
    right: 66.67%;
  }
  .offset-xl-8 {
    margin-left: 66.67%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .col-xl-10 {
    width: 83.33%;
  }
  .push-xl-10 {
    left: 83.33%;
  }
  .pull-xl-10 {
    right: 83.33%;
  }
  .offset-xl-10 {
    margin-left: 83.33%;
  }
  .col-xl-11 {
    width: 91.67%;
  }
  .push-xl-11 {
    left: 91.67%;
  }
  .pull-xl-11 {
    right: 91.67%;
  }
  .offset-xl-11 {
    margin-left: 91.67%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    position: relative;
  }
}
.row-x-0 > [class*=col-]:first-child {
  padding-left: 0;
}
.row-x-0 > [class*=col-]:last-child {
  padding-right: 0;
}

.no-gutters > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.col {
  display: inline-block;
  vertical-align: top;
}
.col-first {
  padding-left: 0;
}
.col-last {
  padding-right: 0;
}
.col-rest {
  overflow: hidden;
}

.grid {
  display: grid;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.gap-1 {
  gap: 0.25rem;
}

.gap-x-1 {
  column-gap: 0.25rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-x-5 {
  column-gap: 1.25rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-x-12 {
  column-gap: 3rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-x-16 {
  column-gap: 4rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

@media (min-width: 30em) {
  .xs\:grid {
    display: grid;
  }
  .xs\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xs\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xs\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xs\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xs\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xs\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xs\:gap-1 {
    gap: 0.25rem;
  }
  .xs\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .xs\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .xs\:gap-2 {
    gap: 0.5rem;
  }
  .xs\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .xs\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .xs\:gap-4 {
    gap: 1rem;
  }
  .xs\:gap-x-4 {
    column-gap: 1rem;
  }
  .xs\:gap-y-4 {
    row-gap: 1rem;
  }
  .xs\:gap-5 {
    gap: 1.25rem;
  }
  .xs\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .xs\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .xs\:gap-8 {
    gap: 2rem;
  }
  .xs\:gap-x-8 {
    column-gap: 2rem;
  }
  .xs\:gap-y-8 {
    row-gap: 2rem;
  }
  .xs\:gap-12 {
    gap: 3rem;
  }
  .xs\:gap-x-12 {
    column-gap: 3rem;
  }
  .xs\:gap-y-12 {
    row-gap: 3rem;
  }
  .xs\:gap-16 {
    gap: 4rem;
  }
  .xs\:gap-x-16 {
    column-gap: 4rem;
  }
  .xs\:gap-y-16 {
    row-gap: 4rem;
  }
}
@media (min-width: 48em) {
  .sm\:grid {
    display: grid;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:gap-1 {
    gap: 0.25rem;
  }
  .sm\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .sm\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .sm\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-x-4 {
    column-gap: 1rem;
  }
  .sm\:gap-y-4 {
    row-gap: 1rem;
  }
  .sm\:gap-5 {
    gap: 1.25rem;
  }
  .sm\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .sm\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:gap-x-8 {
    column-gap: 2rem;
  }
  .sm\:gap-y-8 {
    row-gap: 2rem;
  }
  .sm\:gap-12 {
    gap: 3rem;
  }
  .sm\:gap-x-12 {
    column-gap: 3rem;
  }
  .sm\:gap-y-12 {
    row-gap: 3rem;
  }
  .sm\:gap-16 {
    gap: 4rem;
  }
  .sm\:gap-x-16 {
    column-gap: 4rem;
  }
  .sm\:gap-y-16 {
    row-gap: 4rem;
  }
}
@media (min-width: 61.25em) {
  .md\:grid {
    display: grid;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .md\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .md\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-x-4 {
    column-gap: 1rem;
  }
  .md\:gap-y-4 {
    row-gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .md\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-x-8 {
    column-gap: 2rem;
  }
  .md\:gap-y-8 {
    row-gap: 2rem;
  }
  .md\:gap-12 {
    gap: 3rem;
  }
  .md\:gap-x-12 {
    column-gap: 3rem;
  }
  .md\:gap-y-12 {
    row-gap: 3rem;
  }
  .md\:gap-16 {
    gap: 4rem;
  }
  .md\:gap-x-16 {
    column-gap: 4rem;
  }
  .md\:gap-y-16 {
    row-gap: 4rem;
  }
}
@media (min-width: 75em) {
  .lg\:grid {
    display: grid;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:gap-1 {
    gap: 0.25rem;
  }
  .lg\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .lg\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .lg\:gap-2 {
    gap: 0.5rem;
  }
  .lg\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .lg\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-x-4 {
    column-gap: 1rem;
  }
  .lg\:gap-y-4 {
    row-gap: 1rem;
  }
  .lg\:gap-5 {
    gap: 1.25rem;
  }
  .lg\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .lg\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:gap-x-8 {
    column-gap: 2rem;
  }
  .lg\:gap-y-8 {
    row-gap: 2rem;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-x-12 {
    column-gap: 3rem;
  }
  .lg\:gap-y-12 {
    row-gap: 3rem;
  }
  .lg\:gap-16 {
    gap: 4rem;
  }
  .lg\:gap-x-16 {
    column-gap: 4rem;
  }
  .lg\:gap-y-16 {
    row-gap: 4rem;
  }
}
@media (min-width: 87.5em) {
  .xl\:grid {
    display: grid;
  }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:gap-1 {
    gap: 0.25rem;
  }
  .xl\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .xl\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .xl\:gap-2 {
    gap: 0.5rem;
  }
  .xl\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .xl\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:gap-x-4 {
    column-gap: 1rem;
  }
  .xl\:gap-y-4 {
    row-gap: 1rem;
  }
  .xl\:gap-5 {
    gap: 1.25rem;
  }
  .xl\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .xl\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .xl\:gap-8 {
    gap: 2rem;
  }
  .xl\:gap-x-8 {
    column-gap: 2rem;
  }
  .xl\:gap-y-8 {
    row-gap: 2rem;
  }
  .xl\:gap-12 {
    gap: 3rem;
  }
  .xl\:gap-x-12 {
    column-gap: 3rem;
  }
  .xl\:gap-y-12 {
    row-gap: 3rem;
  }
  .xl\:gap-16 {
    gap: 4rem;
  }
  .xl\:gap-x-16 {
    column-gap: 4rem;
  }
  .xl\:gap-y-16 {
    row-gap: 4rem;
  }
}
.col-span-1 {
  grid-column: span 1/span 1;
}

.col-span-2 {
  grid-column: span 1/span 2;
}

.col-span-3 {
  grid-column: span 1/span 3;
}

.col-span-5 {
  grid-column: span 1/span 5;
}