.container {
  margin: 0 auto;
  max-width: 1140px;
  position: relative;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 8px;
}
@media only screen and (min-width: 600px) {
  .grid {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .grid {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
  }
}

.col-1,
.sm\:col-1 {
  grid-column: "span 1";
}

.row-1,
.sm\:row-1 {
  grid-row: "span 1";
}

.col-1-start-1,
.sm\:col-1-start-1 {
  grid-column: "1 / span 1";
}

.col-1-start-2,
.sm\:col-1-start-2 {
  grid-column: "2 / span 1";
}

.col-1-start-3,
.sm\:col-1-start-3 {
  grid-column: "3 / span 1";
}

.col-1-start-4,
.sm\:col-1-start-4 {
  grid-column: "4 / span 1";
}

.col-1-start-5,
.sm\:col-1-start-5 {
  grid-column: "5 / span 1";
}

.col-1-start-6,
.sm\:col-1-start-6 {
  grid-column: "6 / span 1";
}

.col-1-start-7,
.sm\:col-1-start-7 {
  grid-column: "7 / span 1";
}

.col-1-start-8,
.sm\:col-1-start-8 {
  grid-column: "8 / span 1";
}

.col-1-start-9,
.sm\:col-1-start-9 {
  grid-column: "9 / span 1";
}

.col-1-start-10,
.sm\:col-1-start-10 {
  grid-column: "10 / span 1";
}

.col-1-start-11,
.sm\:col-1-start-11 {
  grid-column: "11 / span 1";
}

.col-1-start-12,
.sm\:col-1-start-12 {
  grid-column: "12 / span 1";
}

.col-2,
.sm\:col-2 {
  grid-column: "span 2";
}

.row-2,
.sm\:row-2 {
  grid-row: "span 2";
}

.col-2-start-1,
.sm\:col-2-start-1 {
  grid-column: "1 / span 2";
}

.col-2-start-2,
.sm\:col-2-start-2 {
  grid-column: "2 / span 2";
}

.col-2-start-3,
.sm\:col-2-start-3 {
  grid-column: "3 / span 2";
}

.col-2-start-4,
.sm\:col-2-start-4 {
  grid-column: "4 / span 2";
}

.col-2-start-5,
.sm\:col-2-start-5 {
  grid-column: "5 / span 2";
}

.col-2-start-6,
.sm\:col-2-start-6 {
  grid-column: "6 / span 2";
}

.col-2-start-7,
.sm\:col-2-start-7 {
  grid-column: "7 / span 2";
}

.col-2-start-8,
.sm\:col-2-start-8 {
  grid-column: "8 / span 2";
}

.col-2-start-9,
.sm\:col-2-start-9 {
  grid-column: "9 / span 2";
}

.col-2-start-10,
.sm\:col-2-start-10 {
  grid-column: "10 / span 2";
}

.col-2-start-11,
.sm\:col-2-start-11 {
  grid-column: "11 / span 2";
}

.col-2-start-12,
.sm\:col-2-start-12 {
  grid-column: "12 / span 2";
}

.col-3,
.sm\:col-3 {
  grid-column: "span 3";
}

.row-3,
.sm\:row-3 {
  grid-row: "span 3";
}

.col-3-start-1,
.sm\:col-3-start-1 {
  grid-column: "1 / span 3";
}

.col-3-start-2,
.sm\:col-3-start-2 {
  grid-column: "2 / span 3";
}

.col-3-start-3,
.sm\:col-3-start-3 {
  grid-column: "3 / span 3";
}

.col-3-start-4,
.sm\:col-3-start-4 {
  grid-column: "4 / span 3";
}

.col-3-start-5,
.sm\:col-3-start-5 {
  grid-column: "5 / span 3";
}

.col-3-start-6,
.sm\:col-3-start-6 {
  grid-column: "6 / span 3";
}

.col-3-start-7,
.sm\:col-3-start-7 {
  grid-column: "7 / span 3";
}

.col-3-start-8,
.sm\:col-3-start-8 {
  grid-column: "8 / span 3";
}

.col-3-start-9,
.sm\:col-3-start-9 {
  grid-column: "9 / span 3";
}

.col-3-start-10,
.sm\:col-3-start-10 {
  grid-column: "10 / span 3";
}

.col-3-start-11,
.sm\:col-3-start-11 {
  grid-column: "11 / span 3";
}

.col-3-start-12,
.sm\:col-3-start-12 {
  grid-column: "12 / span 3";
}

.col-4,
.sm\:col-4 {
  grid-column: "span 4";
}

.row-4,
.sm\:row-4 {
  grid-row: "span 4";
}

.col-4-start-1,
.sm\:col-4-start-1 {
  grid-column: "1 / span 4";
}

.col-4-start-2,
.sm\:col-4-start-2 {
  grid-column: "2 / span 4";
}

.col-4-start-3,
.sm\:col-4-start-3 {
  grid-column: "3 / span 4";
}

.col-4-start-4,
.sm\:col-4-start-4 {
  grid-column: "4 / span 4";
}

.col-4-start-5,
.sm\:col-4-start-5 {
  grid-column: "5 / span 4";
}

.col-4-start-6,
.sm\:col-4-start-6 {
  grid-column: "6 / span 4";
}

.col-4-start-7,
.sm\:col-4-start-7 {
  grid-column: "7 / span 4";
}

.col-4-start-8,
.sm\:col-4-start-8 {
  grid-column: "8 / span 4";
}

.col-4-start-9,
.sm\:col-4-start-9 {
  grid-column: "9 / span 4";
}

.col-4-start-10,
.sm\:col-4-start-10 {
  grid-column: "10 / span 4";
}

.col-4-start-11,
.sm\:col-4-start-11 {
  grid-column: "11 / span 4";
}

.col-4-start-12,
.sm\:col-4-start-12 {
  grid-column: "12 / span 4";
}

.col-5,
.sm\:col-5 {
  grid-column: "span 5";
}

.row-5,
.sm\:row-5 {
  grid-row: "span 5";
}

.col-5-start-1,
.sm\:col-5-start-1 {
  grid-column: "1 / span 5";
}

.col-5-start-2,
.sm\:col-5-start-2 {
  grid-column: "2 / span 5";
}

.col-5-start-3,
.sm\:col-5-start-3 {
  grid-column: "3 / span 5";
}

.col-5-start-4,
.sm\:col-5-start-4 {
  grid-column: "4 / span 5";
}

.col-5-start-5,
.sm\:col-5-start-5 {
  grid-column: "5 / span 5";
}

.col-5-start-6,
.sm\:col-5-start-6 {
  grid-column: "6 / span 5";
}

.col-5-start-7,
.sm\:col-5-start-7 {
  grid-column: "7 / span 5";
}

.col-5-start-8,
.sm\:col-5-start-8 {
  grid-column: "8 / span 5";
}

.col-5-start-9,
.sm\:col-5-start-9 {
  grid-column: "9 / span 5";
}

.col-5-start-10,
.sm\:col-5-start-10 {
  grid-column: "10 / span 5";
}

.col-5-start-11,
.sm\:col-5-start-11 {
  grid-column: "11 / span 5";
}

.col-5-start-12,
.sm\:col-5-start-12 {
  grid-column: "12 / span 5";
}

.col-6,
.sm\:col-6 {
  grid-column: "span 6";
}

.row-6,
.sm\:row-6 {
  grid-row: "span 6";
}

.col-6-start-1,
.sm\:col-6-start-1 {
  grid-column: "1 / span 6";
}

.col-6-start-2,
.sm\:col-6-start-2 {
  grid-column: "2 / span 6";
}

.col-6-start-3,
.sm\:col-6-start-3 {
  grid-column: "3 / span 6";
}

.col-6-start-4,
.sm\:col-6-start-4 {
  grid-column: "4 / span 6";
}

.col-6-start-5,
.sm\:col-6-start-5 {
  grid-column: "5 / span 6";
}

.col-6-start-6,
.sm\:col-6-start-6 {
  grid-column: "6 / span 6";
}

.col-6-start-7,
.sm\:col-6-start-7 {
  grid-column: "7 / span 6";
}

.col-6-start-8,
.sm\:col-6-start-8 {
  grid-column: "8 / span 6";
}

.col-6-start-9,
.sm\:col-6-start-9 {
  grid-column: "9 / span 6";
}

.col-6-start-10,
.sm\:col-6-start-10 {
  grid-column: "10 / span 6";
}

.col-6-start-11,
.sm\:col-6-start-11 {
  grid-column: "11 / span 6";
}

.col-6-start-12,
.sm\:col-6-start-12 {
  grid-column: "12 / span 6";
}

.col-7,
.sm\:col-7 {
  grid-column: "span 7";
}

.row-7,
.sm\:row-7 {
  grid-row: "span 7";
}

.col-7-start-1,
.sm\:col-7-start-1 {
  grid-column: "1 / span 7";
}

.col-7-start-2,
.sm\:col-7-start-2 {
  grid-column: "2 / span 7";
}

.col-7-start-3,
.sm\:col-7-start-3 {
  grid-column: "3 / span 7";
}

.col-7-start-4,
.sm\:col-7-start-4 {
  grid-column: "4 / span 7";
}

.col-7-start-5,
.sm\:col-7-start-5 {
  grid-column: "5 / span 7";
}

.col-7-start-6,
.sm\:col-7-start-6 {
  grid-column: "6 / span 7";
}

.col-7-start-7,
.sm\:col-7-start-7 {
  grid-column: "7 / span 7";
}

.col-7-start-8,
.sm\:col-7-start-8 {
  grid-column: "8 / span 7";
}

.col-7-start-9,
.sm\:col-7-start-9 {
  grid-column: "9 / span 7";
}

.col-7-start-10,
.sm\:col-7-start-10 {
  grid-column: "10 / span 7";
}

.col-7-start-11,
.sm\:col-7-start-11 {
  grid-column: "11 / span 7";
}

.col-7-start-12,
.sm\:col-7-start-12 {
  grid-column: "12 / span 7";
}

.col-8,
.sm\:col-8 {
  grid-column: "span 8";
}

.row-8,
.sm\:row-8 {
  grid-row: "span 8";
}

.col-8-start-1,
.sm\:col-8-start-1 {
  grid-column: "1 / span 8";
}

.col-8-start-2,
.sm\:col-8-start-2 {
  grid-column: "2 / span 8";
}

.col-8-start-3,
.sm\:col-8-start-3 {
  grid-column: "3 / span 8";
}

.col-8-start-4,
.sm\:col-8-start-4 {
  grid-column: "4 / span 8";
}

.col-8-start-5,
.sm\:col-8-start-5 {
  grid-column: "5 / span 8";
}

.col-8-start-6,
.sm\:col-8-start-6 {
  grid-column: "6 / span 8";
}

.col-8-start-7,
.sm\:col-8-start-7 {
  grid-column: "7 / span 8";
}

.col-8-start-8,
.sm\:col-8-start-8 {
  grid-column: "8 / span 8";
}

.col-8-start-9,
.sm\:col-8-start-9 {
  grid-column: "9 / span 8";
}

.col-8-start-10,
.sm\:col-8-start-10 {
  grid-column: "10 / span 8";
}

.col-8-start-11,
.sm\:col-8-start-11 {
  grid-column: "11 / span 8";
}

.col-8-start-12,
.sm\:col-8-start-12 {
  grid-column: "12 / span 8";
}

.col-9,
.sm\:col-9 {
  grid-column: "span 9";
}

.row-9,
.sm\:row-9 {
  grid-row: "span 9";
}

.col-9-start-1,
.sm\:col-9-start-1 {
  grid-column: "1 / span 9";
}

.col-9-start-2,
.sm\:col-9-start-2 {
  grid-column: "2 / span 9";
}

.col-9-start-3,
.sm\:col-9-start-3 {
  grid-column: "3 / span 9";
}

.col-9-start-4,
.sm\:col-9-start-4 {
  grid-column: "4 / span 9";
}

.col-9-start-5,
.sm\:col-9-start-5 {
  grid-column: "5 / span 9";
}

.col-9-start-6,
.sm\:col-9-start-6 {
  grid-column: "6 / span 9";
}

.col-9-start-7,
.sm\:col-9-start-7 {
  grid-column: "7 / span 9";
}

.col-9-start-8,
.sm\:col-9-start-8 {
  grid-column: "8 / span 9";
}

.col-9-start-9,
.sm\:col-9-start-9 {
  grid-column: "9 / span 9";
}

.col-9-start-10,
.sm\:col-9-start-10 {
  grid-column: "10 / span 9";
}

.col-9-start-11,
.sm\:col-9-start-11 {
  grid-column: "11 / span 9";
}

.col-9-start-12,
.sm\:col-9-start-12 {
  grid-column: "12 / span 9";
}

.col-10,
.sm\:col-10 {
  grid-column: "span 10";
}

.row-10,
.sm\:row-10 {
  grid-row: "span 10";
}

.col-10-start-1,
.sm\:col-10-start-1 {
  grid-column: "1 / span 10";
}

.col-10-start-2,
.sm\:col-10-start-2 {
  grid-column: "2 / span 10";
}

.col-10-start-3,
.sm\:col-10-start-3 {
  grid-column: "3 / span 10";
}

.col-10-start-4,
.sm\:col-10-start-4 {
  grid-column: "4 / span 10";
}

.col-10-start-5,
.sm\:col-10-start-5 {
  grid-column: "5 / span 10";
}

.col-10-start-6,
.sm\:col-10-start-6 {
  grid-column: "6 / span 10";
}

.col-10-start-7,
.sm\:col-10-start-7 {
  grid-column: "7 / span 10";
}

.col-10-start-8,
.sm\:col-10-start-8 {
  grid-column: "8 / span 10";
}

.col-10-start-9,
.sm\:col-10-start-9 {
  grid-column: "9 / span 10";
}

.col-10-start-10,
.sm\:col-10-start-10 {
  grid-column: "10 / span 10";
}

.col-10-start-11,
.sm\:col-10-start-11 {
  grid-column: "11 / span 10";
}

.col-10-start-12,
.sm\:col-10-start-12 {
  grid-column: "12 / span 10";
}

.col-11,
.sm\:col-11 {
  grid-column: "span 11";
}

.row-11,
.sm\:row-11 {
  grid-row: "span 11";
}

.col-11-start-1,
.sm\:col-11-start-1 {
  grid-column: "1 / span 11";
}

.col-11-start-2,
.sm\:col-11-start-2 {
  grid-column: "2 / span 11";
}

.col-11-start-3,
.sm\:col-11-start-3 {
  grid-column: "3 / span 11";
}

.col-11-start-4,
.sm\:col-11-start-4 {
  grid-column: "4 / span 11";
}

.col-11-start-5,
.sm\:col-11-start-5 {
  grid-column: "5 / span 11";
}

.col-11-start-6,
.sm\:col-11-start-6 {
  grid-column: "6 / span 11";
}

.col-11-start-7,
.sm\:col-11-start-7 {
  grid-column: "7 / span 11";
}

.col-11-start-8,
.sm\:col-11-start-8 {
  grid-column: "8 / span 11";
}

.col-11-start-9,
.sm\:col-11-start-9 {
  grid-column: "9 / span 11";
}

.col-11-start-10,
.sm\:col-11-start-10 {
  grid-column: "10 / span 11";
}

.col-11-start-11,
.sm\:col-11-start-11 {
  grid-column: "11 / span 11";
}

.col-11-start-12,
.sm\:col-11-start-12 {
  grid-column: "12 / span 11";
}

.col-12,
.sm\:col-12 {
  grid-column: "span 12";
}

.row-12,
.sm\:row-12 {
  grid-row: "span 12";
}

.col-12-start-1,
.sm\:col-12-start-1 {
  grid-column: "1 / span 12";
}

.col-12-start-2,
.sm\:col-12-start-2 {
  grid-column: "2 / span 12";
}

.col-12-start-3,
.sm\:col-12-start-3 {
  grid-column: "3 / span 12";
}

.col-12-start-4,
.sm\:col-12-start-4 {
  grid-column: "4 / span 12";
}

.col-12-start-5,
.sm\:col-12-start-5 {
  grid-column: "5 / span 12";
}

.col-12-start-6,
.sm\:col-12-start-6 {
  grid-column: "6 / span 12";
}

.col-12-start-7,
.sm\:col-12-start-7 {
  grid-column: "7 / span 12";
}

.col-12-start-8,
.sm\:col-12-start-8 {
  grid-column: "8 / span 12";
}

.col-12-start-9,
.sm\:col-12-start-9 {
  grid-column: "9 / span 12";
}

.col-12-start-10,
.sm\:col-12-start-10 {
  grid-column: "10 / span 12";
}

.col-12-start-11,
.sm\:col-12-start-11 {
  grid-column: "11 / span 12";
}

.col-12-start-12,
.sm\:col-12-start-12 {
  grid-column: "12 / span 12";
}

.flex,
.sm\:flex {
  display: flex;
}

.inline-flex,
.sm\:inline-flex {
  display: inline-flex;
}

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

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

.flex-col,
.sm\:flex-col {
  flex-direction: column;
}

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

.flex-wrap,
.sm\:flex-wrap {
  flex-wrap: wrap;
}

.flex-no-wrap,
.sm\:flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse,
.sm\:flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.items-stretch,
.sm\:items-stretch {
  align-items: stretch;
}

.items-start,
.sm\:items-start {
  align-items: flex-start;
}

.items-center,
.sm\:items-center {
  align-items: center;
}

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

.items-baseline,
.sm\:items-baseline {
  align-items: baseline;
}

.content-start,
.sm\:content-start {
  align-content: flex-start;
}

.content-center,
.sm\:content-center {
  align-content: center;
}

.content-end,
.sm\:content-end {
  align-content: flex-end;
}

.content-between,
.sm\:content-between {
  align-content: space-between;
}

.content-around,
.sm\:content-around {
  align-content: space-around;
}

.self-auto,
.sm\:self-auto {
  align-self: auto;
}

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

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

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

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

.justify-start,
.sm\:justify-start {
  justify-content: flex-start;
}

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

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

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

.justify-around,
.sm\:justify-around {
  justify-content: space-around;
}

.flex-initial,
.sm\:flex-initial {
  flex: initial;
}

.flex-1,
.sm\:flex-1 {
  flex: 1;
}

.flex-2,
.sm\:flex-2 {
  flex: 2;
}

.flex-auto,
.sm\:flex-auto {
  flex: auto;
}

.flex-none,
.sm\:flex-none {
  flex: none;
}

.flex-grow,
.sm\:flex-grow {
  flex-grow: 1;
}

.flex-shrink,
.sm\:flex-shrink {
  flex-shrink: 1;
}

.flex-no-grow,
.sm\:flex-no-grow {
  flex-grow: 0;
}

.flex-no-shrink,
.sm\:flex-no-shrink {
  flex-shrink: 0;
}

.w-auto,
.sm\:w-auto {
  width: auto;
}

.w-full,
.sm\:w-full {
  width: 100%;
}

.w-screen,
.sm\:w-screen {
  width: 100vw;
}

.w-1px,
.sm\:w-1px {
  width: 1px;
}

.h-auto,
.sm\:h-auto {
  height: auto;
}

.h-full,
.sm\:h-full {
  height: 100%;
}

.h-screen,
.sm\:h-screen {
  height: 100vh;
}

.h-1px,
.sm\:h-1px {
  height: 1px;
}

.min-w-auto,
.sm\:min-w-auto {
  min-width: auto;
}

.min-w-full,
.sm\:min-w-full {
  min-width: 100%;
}

.min-w-screen,
.sm\:min-w-screen {
  min-width: 100vw;
}

.min-w-1px,
.sm\:min-w-1px {
  min-width: 1px;
}

.min-w-0,
.sm\:min-w-0 {
  min-width: 0;
}

.min-h-auto,
.sm\:min-h-auto {
  min-height: auto;
}

.min-h-full,
.sm\:min-h-full {
  min-height: 100%;
}

.min-h-screen,
.sm\:min-h-screen {
  min-height: 100vh;
}

.min-h-1px,
.sm\:min-h-1px {
  min-height: 1px;
}

.min-h-0,
.sm\:min-h-0 {
  min-height: 0;
}

.max-w-auto,
.sm\:max-w-auto {
  max-width: auto;
}

.max-w-full,
.sm\:max-w-full {
  max-width: 100%;
}

.max-w-screen,
.sm\:max-w-screen {
  max-width: 100vw;
}

.max-w-1px,
.sm\:max-w-1px {
  max-width: 1px;
}

.max-w-0,
.sm\:max-w-0 {
  max-width: 0;
}

.max-h-auto,
.sm\:max-h-auto {
  max-height: auto;
}

.max-h-full,
.sm\:max-h-full {
  max-height: 100%;
}

.max-h-screen,
.sm\:max-h-screen {
  max-height: 100vh;
}

.max-h-1px,
.sm\:max-h-1px {
  max-height: 1px;
}

.max-h-0,
.sm\:max-h-0 {
  max-height: 0;
}

.mt-xs,
.sm\:mt-xs {
  margin-top: 4px;
}

.mr-xs,
.sm\:mr-xs {
  margin-right: 4px;
}

.mb-xs,
.sm\:mb-xs {
  margin-bottom: 4px;
}

.ml-xs,
.sm\:ml-xs {
  margin-left: 4px;
}

.mx-xs,
.sm\:mx-xs {
  margin-left: 4px;
  margin-right: 4px;
}

.my-xs,
.sm\:my-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.m-xs,
.sm\:m-xs {
  margin: 4px;
}

.pt-xs,
.sm\:pt-xs {
  padding-top: 4px;
}

.pr-xs,
.sm\:pr-xs {
  padding-right: 4px;
}

.pb-xs,
.sm\:pb-xs {
  padding-bottom: 4px;
}

.pl-xs,
.sm\:pl-xs {
  padding-left: 4px;
}

.px-xs,
.sm\:px-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.py-xs,
.sm\:py-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.p-xs,
.sm\:p-xs {
  padding: 4px;
}

.mt-sm,
.sm\:mt-sm {
  margin-top: 8px;
}

.mr-sm,
.sm\:mr-sm {
  margin-right: 8px;
}

.mb-sm,
.sm\:mb-sm {
  margin-bottom: 8px;
}

.ml-sm,
.sm\:ml-sm {
  margin-left: 8px;
}

.mx-sm,
.sm\:mx-sm {
  margin-left: 8px;
  margin-right: 8px;
}

.my-sm,
.sm\:my-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}

.m-sm,
.sm\:m-sm {
  margin: 8px;
}

.pt-sm,
.sm\:pt-sm {
  padding-top: 8px;
}

.pr-sm,
.sm\:pr-sm {
  padding-right: 8px;
}

.pb-sm,
.sm\:pb-sm {
  padding-bottom: 8px;
}

.pl-sm,
.sm\:pl-sm {
  padding-left: 8px;
}

.px-sm,
.sm\:px-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.py-sm,
.sm\:py-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.p-sm,
.sm\:p-sm {
  padding: 8px;
}

.mt-md,
.sm\:mt-md {
  margin-top: 16px;
}

.mr-md,
.sm\:mr-md {
  margin-right: 16px;
}

.mb-md,
.sm\:mb-md {
  margin-bottom: 16px;
}

.ml-md,
.sm\:ml-md {
  margin-left: 16px;
}

.mx-md,
.sm\:mx-md {
  margin-left: 16px;
  margin-right: 16px;
}

.my-md,
.sm\:my-md {
  margin-top: 16px;
  margin-bottom: 16px;
}

.m-md,
.sm\:m-md {
  margin: 16px;
}

.pt-md,
.sm\:pt-md {
  padding-top: 16px;
}

.pr-md,
.sm\:pr-md {
  padding-right: 16px;
}

.pb-md,
.sm\:pb-md {
  padding-bottom: 16px;
}

.pl-md,
.sm\:pl-md {
  padding-left: 16px;
}

.px-md,
.sm\:px-md {
  padding-left: 16px;
  padding-right: 16px;
}

.py-md,
.sm\:py-md {
  padding-top: 16px;
  padding-bottom: 16px;
}

.p-md,
.sm\:p-md {
  padding: 16px;
}

.mt-lg,
.sm\:mt-lg {
  margin-top: 24px;
}

.mr-lg,
.sm\:mr-lg {
  margin-right: 24px;
}

.mb-lg,
.sm\:mb-lg {
  margin-bottom: 24px;
}

.ml-lg,
.sm\:ml-lg {
  margin-left: 24px;
}

.mx-lg,
.sm\:mx-lg {
  margin-left: 24px;
  margin-right: 24px;
}

.my-lg,
.sm\:my-lg {
  margin-top: 24px;
  margin-bottom: 24px;
}

.m-lg,
.sm\:m-lg {
  margin: 24px;
}

.pt-lg,
.sm\:pt-lg {
  padding-top: 24px;
}

.pr-lg,
.sm\:pr-lg {
  padding-right: 24px;
}

.pb-lg,
.sm\:pb-lg {
  padding-bottom: 24px;
}

.pl-lg,
.sm\:pl-lg {
  padding-left: 24px;
}

.px-lg,
.sm\:px-lg {
  padding-left: 24px;
  padding-right: 24px;
}

.py-lg,
.sm\:py-lg {
  padding-top: 24px;
  padding-bottom: 24px;
}

.p-lg,
.sm\:p-lg {
  padding: 24px;
}

.mt-xl,
.sm\:mt-xl {
  margin-top: 32px;
}

.mr-xl,
.sm\:mr-xl {
  margin-right: 32px;
}

.mb-xl,
.sm\:mb-xl {
  margin-bottom: 32px;
}

.ml-xl,
.sm\:ml-xl {
  margin-left: 32px;
}

.mx-xl,
.sm\:mx-xl {
  margin-left: 32px;
  margin-right: 32px;
}

.my-xl,
.sm\:my-xl {
  margin-top: 32px;
  margin-bottom: 32px;
}

.m-xl,
.sm\:m-xl {
  margin: 32px;
}

.pt-xl,
.sm\:pt-xl {
  padding-top: 32px;
}

.pr-xl,
.sm\:pr-xl {
  padding-right: 32px;
}

.pb-xl,
.sm\:pb-xl {
  padding-bottom: 32px;
}

.pl-xl,
.sm\:pl-xl {
  padding-left: 32px;
}

.px-xl,
.sm\:px-xl {
  padding-left: 32px;
  padding-right: 32px;
}

.py-xl,
.sm\:py-xl {
  padding-top: 32px;
  padding-bottom: 32px;
}

.p-xl,
.sm\:p-xl {
  padding: 32px;
}

.mt-2xl,
.sm\:mt-2xl {
  margin-top: 48px;
}

.mr-2xl,
.sm\:mr-2xl {
  margin-right: 48px;
}

.mb-2xl,
.sm\:mb-2xl {
  margin-bottom: 48px;
}

.ml-2xl,
.sm\:ml-2xl {
  margin-left: 48px;
}

.mx-2xl,
.sm\:mx-2xl {
  margin-left: 48px;
  margin-right: 48px;
}

.my-2xl,
.sm\:my-2xl {
  margin-top: 48px;
  margin-bottom: 48px;
}

.m-2xl,
.sm\:m-2xl {
  margin: 48px;
}

.pt-2xl,
.sm\:pt-2xl {
  padding-top: 48px;
}

.pr-2xl,
.sm\:pr-2xl {
  padding-right: 48px;
}

.pb-2xl,
.sm\:pb-2xl {
  padding-bottom: 48px;
}

.pl-2xl,
.sm\:pl-2xl {
  padding-left: 48px;
}

.px-2xl,
.sm\:px-2xl {
  padding-left: 48px;
  padding-right: 48px;
}

.py-2xl,
.sm\:py-2xl {
  padding-top: 48px;
  padding-bottom: 48px;
}

.p-2xl,
.sm\:p-2xl {
  padding: 48px;
}

.mt-3xl,
.sm\:mt-3xl {
  margin-top: 64px;
}

.mr-3xl,
.sm\:mr-3xl {
  margin-right: 64px;
}

.mb-3xl,
.sm\:mb-3xl {
  margin-bottom: 64px;
}

.ml-3xl,
.sm\:ml-3xl {
  margin-left: 64px;
}

.mx-3xl,
.sm\:mx-3xl {
  margin-left: 64px;
  margin-right: 64px;
}

.my-3xl,
.sm\:my-3xl {
  margin-top: 64px;
  margin-bottom: 64px;
}

.m-3xl,
.sm\:m-3xl {
  margin: 64px;
}

.pt-3xl,
.sm\:pt-3xl {
  padding-top: 64px;
}

.pr-3xl,
.sm\:pr-3xl {
  padding-right: 64px;
}

.pb-3xl,
.sm\:pb-3xl {
  padding-bottom: 64px;
}

.pl-3xl,
.sm\:pl-3xl {
  padding-left: 64px;
}

.px-3xl,
.sm\:px-3xl {
  padding-left: 64px;
  padding-right: 64px;
}

.py-3xl,
.sm\:py-3xl {
  padding-top: 64px;
  padding-bottom: 64px;
}

.p-3xl,
.sm\:p-3xl {
  padding: 64px;
}

.block,
.sm\:block {
  display: block;
}

.inline,
.sm\:inline {
  display: inline;
}

.inline-block,
.sm\:inline-block {
  display: inline-block;
}

.hidden,
.sm\:hidden {
  display: none;
}

.text-center,
.sm\:text-center {
  text-align: center;
}

.text-left,
.sm\:text-left {
  text-align: left;
}

.text-right,
.sm\:text-right {
  text-align: right;
}

.text-justify,
.sm\:text-justify {
  text-align: justify;
}

.float-left,
.sm\:float-left {
  float: left;
}

.float-right,
.sm\:float-right {
  float: right;
}

.float-none,
.sm\:float-none {
  float: none;
}

.static,
.sm\:static {
  position: static;
}

.fixed,
.sm\:fixed {
  position: fixed;
}

.absolute,
.sm\:absolute {
  position: absolute;
}

.relative,
.sm\:relative {
  position: relative;
}

.sticky,
.sm\:sticky {
  position: sticky;
}

.pin,
.sm\:pin {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pin-t,
.sm\:pin-t {
  top: 0;
}

.pin-r,
.sm\:pin-r {
  right: 0;
}

.pin-b,
.sm\:pin-b {
  bottom: 0;
}

.pin-l,
.sm\:pin-l {
  left: 0;
}

.visible,
.sm\:visible {
  visibility: visible;
}

.invisible,
.sm\:invisible {
  visibility: hidden;
}

.z-0,
.sm\:z-0 {
  z-index: 0;
}

.z-1,
.sm\:z-1 {
  z-index: 1;
}

.z-2,
.sm\:z-2 {
  z-index: 2;
}

.z-10,
.sm\:z-10 {
  z-index: 10;
}

.z-20,
.sm\:z-20 {
  z-index: 20;
}

.z-max,
.sm\:z-max {
  z-index: 2147483647;
}

.vertical-align-baseline,
.sm\:vertical-align-baseline {
  vertical-align: baseline;
}

.vertical-align-top,
.sm\:vertical-align-top {
  vertical-align: top;
}

.vertical-align-middle,
.sm\:vertical-align-middle {
  vertical-align: middle;
}

.vertical-align-bottom,
.sm\:vertical-align-bottom {
  vertical-align: bottom;
}

.vertical-align-text-top,
.sm\:vertical-align-text-top {
  vertical-align: text-top;
}

.vertical-align-text-bottom,
.sm\:vertical-align-text-bottom {
  vertical-align: text-bottom;
}

.italic,
.sm\:italic {
  font-style: italic;
}

.underline,
.sm\:underline {
  text-decoration: underline;
}

.no-underline,
.sm\:no-underline {
  text-decoration: none;
}

.lowercase,
.sm\:lowercase {
  text-transform: lowercase;
}

.uppercase,
.sm\:uppercase {
  text-transform: uppercase;
}

.capitalize,
.sm\:capitalize {
  text-transform: capitalize;
}

.list-reset,
.sm\:list-reset {
  list-style: none;
  padding: 0;
}

.whitespace-normal,
.sm\:whitespace-normal {
  white-space: normal;
}

.whitespace-no-wrap,
.sm\:whitespace-no-wrap {
  white-space: nowrap;
}

.whitespace-pre,
.sm\:whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line,
.sm\:whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap,
.sm\:whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-word,
.sm\:break-word {
  word-wrap: break-word;
}

.break-normal,
.sm\:break-normal {
  word-wrap: normal;
}

.truncate,
.sm\:truncate {
  overflow: hidden;
  text-overflow: ellipses;
  white-space: nowrap;
}

.font-size-xs,
.sm\:font-size-xs {
  font-size: 0.75rem;
}

.font-size-sm,
.sm\:font-size-sm {
  font-size: 0.875rem;
}

.font-size-md,
.sm\:font-size-md {
  font-size: 1rem;
}

.font-size-lg,
.sm\:font-size-lg {
  font-size: 1.5rem;
}

.font-size-xl,
.sm\:font-size-xl {
  font-size: 1.875rem;
}

.font-size-2xl,
.sm\:font-size-2xl {
  font-size: 2.25rem;
}

.font-size-3xl,
.sm\:font-size-3xl {
  font-size: 3rem;
}

.font-size-4xl,
.sm\:font-size-4xl {
  font-size: 3.75rem;
}

.font-weight-bold,
.sm\:font-weight-bold {
  font-weight: 700;
}

.font-weight-medium,
.sm\:font-weight-medium {
  font-weight: 500;
}

.font-weight-regular,
.sm\:font-weight-regular {
  font-weight: 400;
}

.font-weight-light,
.sm\:font-weight-light {
  font-weight: 300;
}

.font-weight-thin,
.sm\:font-weight-thin {
  font-weight: 100;
}

.leading-sm,
.sm\:leading-sm {
  line-height: 1.25rem;
}

.leading-md,
.sm\:leading-md {
  line-height: 1.5rem;
}

.leading-lg,
.sm\:leading-lg {
  line-height: 1.75rem;
}

.leading-xl,
.sm\:leading-xl {
  line-height: 2rem;
}

.letter-spacing-tight,
.sm\:letter-spacing-tight {
  letter-spacing: -0.05rem;
}

.letter-spacing-normal,
.sm\:letter-spacing-normal {
  letter-spacing: 0;
}

.letter-spacing-wide,
.sm\:letter-spacing-wide {
  letter-spacing: 0.05rem;
}

.rounded-full,
.sm\:rounded-full {
  border-radius: 9999px;
}

.border-style-solid,
.sm\:border-style-solid {
  border-style: solid;
}

.border-style-dashed,
.sm\:border-style-dashed {
  border-style: dashed;
}

.border-style-dotted,
.sm\:border-style-dotted {
  border-style: dotted;
}

.border-style-inset,
.sm\:border-style-inset {
  border-style: inset;
}

.border-style-outset,
.sm\:border-style-outset {
  border-style: outset;
}

.rounded-sm,
.sm\:rounded-sm {
  border-radius: 5px;
}

.rounded-tl-sm,
.sm\:rounded-tl-sm {
  border-top-left-radius: 5px;
}

.rounded-tr-sm,
.sm\:rounded-tr-sm {
  border-top-right-radius: 5px;
}

.rounded-bl-sm,
.sm\:rounded-bl-sm {
  border-bottom-left-radius: 5px;
}

.rounded-br-sm,
.sm\:rounded-br-sm {
  border-bottom-right-radius: 5px;
}

.rounded-md,
.sm\:rounded-md {
  border-radius: 10px;
}

.rounded-tl-md,
.sm\:rounded-tl-md {
  border-top-left-radius: 10px;
}

.rounded-tr-md,
.sm\:rounded-tr-md {
  border-top-right-radius: 10px;
}

.rounded-bl-md,
.sm\:rounded-bl-md {
  border-bottom-left-radius: 10px;
}

.rounded-br-md,
.sm\:rounded-br-md {
  border-bottom-right-radius: 10px;
}

.rounded-lg,
.sm\:rounded-lg {
  border-radius: 15px;
}

.rounded-tl-lg,
.sm\:rounded-tl-lg {
  border-top-left-radius: 15px;
}

.rounded-tr-lg,
.sm\:rounded-tr-lg {
  border-top-right-radius: 15px;
}

.rounded-bl-lg,
.sm\:rounded-bl-lg {
  border-bottom-left-radius: 15px;
}

.rounded-br-lg,
.sm\:rounded-br-lg {
  border-bottom-right-radius: 15px;
}

.rounded-xl,
.sm\:rounded-xl {
  border-radius: 20px;
}

.rounded-tl-xl,
.sm\:rounded-tl-xl {
  border-top-left-radius: 20px;
}

.rounded-tr-xl,
.sm\:rounded-tr-xl {
  border-top-right-radius: 20px;
}

.rounded-bl-xl,
.sm\:rounded-bl-xl {
  border-bottom-left-radius: 20px;
}

.rounded-br-xl,
.sm\:rounded-br-xl {
  border-bottom-right-radius: 20px;
}

.border-xs,
.sm\:border-xs {
  border-width: 1px;
}

.border-t-xs,
.sm\:border-t-xs {
  border-top-width: 1px;
}

.border-r-xs,
.sm\:border-r-xs {
  border-right-width: 1px;
}

.border-b-xs,
.sm\:border-b-xs {
  border-bottom-width: 1px;
}

.border-l-xs,
.sm\:border-l-xs {
  border-left-width: 1px;
}

.border-sm,
.sm\:border-sm {
  border-width: 2px;
}

.border-t-sm,
.sm\:border-t-sm {
  border-top-width: 2px;
}

.border-r-sm,
.sm\:border-r-sm {
  border-right-width: 2px;
}

.border-b-sm,
.sm\:border-b-sm {
  border-bottom-width: 2px;
}

.border-l-sm,
.sm\:border-l-sm {
  border-left-width: 2px;
}

.border-md,
.sm\:border-md {
  border-width: 4px;
}

.border-t-md,
.sm\:border-t-md {
  border-top-width: 4px;
}

.border-r-md,
.sm\:border-r-md {
  border-right-width: 4px;
}

.border-b-md,
.sm\:border-b-md {
  border-bottom-width: 4px;
}

.border-l-md,
.sm\:border-l-md {
  border-left-width: 4px;
}

.border-lg,
.sm\:border-lg {
  border-width: 6px;
}

.border-t-lg,
.sm\:border-t-lg {
  border-top-width: 6px;
}

.border-r-lg,
.sm\:border-r-lg {
  border-right-width: 6px;
}

.border-b-lg,
.sm\:border-b-lg {
  border-bottom-width: 6px;
}

.border-l-lg,
.sm\:border-l-lg {
  border-left-width: 6px;
}

.border-xl,
.sm\:border-xl {
  border-width: 8px;
}

.border-t-xl,
.sm\:border-t-xl {
  border-top-width: 8px;
}

.border-r-xl,
.sm\:border-r-xl {
  border-right-width: 8px;
}

.border-b-xl,
.sm\:border-b-xl {
  border-bottom-width: 8px;
}

.border-l-xl,
.sm\:border-l-xl {
  border-left-width: 8px;
}

.opacity-100,
.sm\:opacity-100 {
  opacity: 1;
}

.opacity-75,
.sm\:opacity-75 {
  opacity: 0.75;
}

.opacity-50,
.sm\:opacity-50 {
  opacity: 0.5;
}

.opacity-25,
.sm\:opacity-25 {
  opacity: 0.25;
}

.opacity-0,
.sm\:opacity-0 {
  opacity: 0;
}

.shadow-sm,
.sm\:shadow-sm {
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md,
.sm\:shadow-md {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
}

.shadow-lg,
.sm\:shadow-lg {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.shift-up-xs,
.sm\:shift-up-xs {
  transform: translateY(-1px);
}

.shift-right-xs,
.sm\:shift-right-xs {
  transform: translateX(1px);
}

.shift-bottom-xs,
.sm\:shift-bottom-xs {
  transform: translateY(1px);
}

.shift-left-xs,
.sm\:shift-left-xs {
  transform: translateX(-1px);
}

.shift-up-sm,
.sm\:shift-up-sm {
  transform: translateY(-2px);
}

.shift-right-sm,
.sm\:shift-right-sm {
  transform: translateX(2px);
}

.shift-bottom-sm,
.sm\:shift-bottom-sm {
  transform: translateY(2px);
}

.shift-left-sm,
.sm\:shift-left-sm {
  transform: translateX(-2px);
}

.shift-up-md,
.sm\:shift-up-md {
  transform: translateY(-4px);
}

.shift-right-md,
.sm\:shift-right-md {
  transform: translateX(4px);
}

.shift-bottom-md,
.sm\:shift-bottom-md {
  transform: translateY(4px);
}

.shift-left-md,
.sm\:shift-left-md {
  transform: translateX(-4px);
}

.shift-up-lg,
.sm\:shift-up-lg {
  transform: translateY(-6px);
}

.shift-right-lg,
.sm\:shift-right-lg {
  transform: translateX(6px);
}

.shift-bottom-lg,
.sm\:shift-bottom-lg {
  transform: translateY(6px);
}

.shift-left-lg,
.sm\:shift-left-lg {
  transform: translateX(-6px);
}

.shift-up-xl,
.sm\:shift-up-xl {
  transform: translateY(-8px);
}

.shift-right-xl,
.sm\:shift-right-xl {
  transform: translateX(8px);
}

.shift-bottom-xl,
.sm\:shift-bottom-xl {
  transform: translateY(8px);
}

.shift-left-xl,
.sm\:shift-left-xl {
  transform: translateX(-8px);
}

.appearance-none,
.sm\:appearance-none {
  appearance: none;
}

.cursor-auto,
.sm\:cursor-auto {
  cursor: auto;
}

.cursor-default,
.sm\:cursor-default {
  cursor: default;
}

.cursor-pointer,
.sm\:cursor-pointer {
  cursor: pointer;
}

.cursor-wait,
.sm\:cursor-wait {
  cursor: wait;
}

.cursor-move,
.sm\:cursor-move {
  cursor: move;
}

.cursor-not-allowed,
.sm\:cursor-not-allowed {
  cursor: not-allowed;
}

.outline-none,
.sm\:outline-none {
  outline: none;
}

.pointer-events-none,
.sm\:pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto,
.sm\:pointer-events-auto {
  pointer-events: auto;
}

.resize-none,
.sm\:resize-none {
  resize: none;
}

.resizable,
.sm\:resizable {
  resize: both;
}

.resizable-y,
.sm\:resizable-y {
  resize: vertical;
}

.resizable-x,
.sm\:resizable-x {
  resize: horizontal;
}

.user-select-text,
.sm\:user-select-text {
  user-select: text;
}

.user-select-none,
.sm\:user-select-none {
  user-select: none;
}

.bg-attachment-fixed,
.sm\:bg-attachment-fixed {
  background-attachment: fixed;
}

.bg-attachment-local,
.sm\:bg-attachment-local {
  background-attachment: local;
}

.bg-attachment-scroll,
.sm\:bg-attachment-scroll {
  background-attachment: scroll;
}

.bg-position-bottom,
.sm\:bg-position-bottom {
  background-position: bottom;
}

.bg-position-center,
.sm\:bg-position-center {
  background-position: center;
}

.bg-position-left,
.sm\:bg-position-left {
  background-position: left;
}

.bg-position-left-bottom,
.sm\:bg-position-left-bottom {
  background-position: left bottom;
}

.bg-position-left-top,
.sm\:bg-position-left-top {
  background-position: left top;
}

.bg-position-right,
.sm\:bg-position-right {
  background-position: right;
}

.bg-position-right-bottom,
.sm\:bg-position-right-bottom {
  background-position: right bottom;
}

.bg-position-right-top,
.sm\:bg-position-right-top {
  background-position: right top;
}

.bg-position-top,
.sm\:bg-position-top {
  background-position: top;
}

.bg-repeat,
.sm\:bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat,
.sm\:bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x,
.sm\:bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y,
.sm\:bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-size-auto,
.sm\:bg-size-auto {
  background-size: auto;
}

.bg-size-cover,
.sm\:bg-size-cover {
  background-size: cover;
}

.bg-size-contain,
.sm\:bg-size-contain {
  background-size: contain;
}

.opacity-100,
.sm\:opacity-100 {
  opacity: 1;
}

.opacity-75,
.sm\:opacity-75 {
  opacity: 0.75;
}

.opacity-50,
.sm\:opacity-50 {
  opacity: 0.5;
}

.opacity-25,
.sm\:opacity-25 {
  opacity: 0.25;
}

.opacity-0,
.sm\:opacity-0 {
  opacity: 0;
}

.shadow-sm,
.sm\:shadow-sm {
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md,
.sm\:shadow-md {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
}

.shadow-lg,
.sm\:shadow-lg {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.border-collapse,
.sm\:border-collapse {
  border-collapse: collapse;
}

.border-separate,
.sm\:border-separate {
  border-collapse: separate;
}

.table-auto,
.sm\:table-auto {
  table-layout: auto;
}

.table-fixed,
.sm\:table-fixed {
  table-layout: fixed;
}

.fill-current,
.sm\:fill-current {
  fill: currentColor;
}

.stroke-current,
.sm\:stroke-current {
  stroke: currentColor;
}

.overflow-auto,
.sm\:overflow-auto {
  overflow: auto;
}

.overflow-hidden,
.sm\:overflow-hidden {
  overflow: hidden;
}

.overflow-visible,
.sm\:overflow-visible {
  overflow: visible;
}

.overflow-scroll,
.sm\:overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto,
.sm\:overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-hidden,
.sm\:overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-visible,
.sm\:overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-scroll,
.sm\:overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-auto,
.sm\:overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden,
.sm\:overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-visible,
.sm\:overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-scroll,
.sm\:overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-scrolling-auto,
.sm\:overflow-scrolling-auto {
  -webkit-overflow-scrolling: auto;
}

.overflow-scrolling-touch,
.sm\:overflow-scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 600px) {
  .md\:col-1 {
    grid-column: "span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-1 {
    grid-row: "span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-1 {
    grid-column: "1 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-2 {
    grid-column: "2 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-3 {
    grid-column: "3 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-4 {
    grid-column: "4 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-5 {
    grid-column: "5 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-6 {
    grid-column: "6 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-7 {
    grid-column: "7 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-8 {
    grid-column: "8 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-9 {
    grid-column: "9 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-10 {
    grid-column: "10 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-11 {
    grid-column: "11 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-1-start-12 {
    grid-column: "12 / span 1";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2 {
    grid-column: "span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-2 {
    grid-row: "span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-1 {
    grid-column: "1 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-2 {
    grid-column: "2 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-3 {
    grid-column: "3 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-4 {
    grid-column: "4 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-5 {
    grid-column: "5 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-6 {
    grid-column: "6 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-7 {
    grid-column: "7 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-8 {
    grid-column: "8 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-9 {
    grid-column: "9 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-10 {
    grid-column: "10 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-11 {
    grid-column: "11 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-2-start-12 {
    grid-column: "12 / span 2";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3 {
    grid-column: "span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-3 {
    grid-row: "span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-1 {
    grid-column: "1 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-2 {
    grid-column: "2 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-3 {
    grid-column: "3 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-4 {
    grid-column: "4 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-5 {
    grid-column: "5 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-6 {
    grid-column: "6 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-7 {
    grid-column: "7 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-8 {
    grid-column: "8 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-9 {
    grid-column: "9 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-10 {
    grid-column: "10 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-11 {
    grid-column: "11 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-3-start-12 {
    grid-column: "12 / span 3";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4 {
    grid-column: "span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-4 {
    grid-row: "span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-1 {
    grid-column: "1 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-2 {
    grid-column: "2 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-3 {
    grid-column: "3 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-4 {
    grid-column: "4 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-5 {
    grid-column: "5 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-6 {
    grid-column: "6 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-7 {
    grid-column: "7 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-8 {
    grid-column: "8 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-9 {
    grid-column: "9 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-10 {
    grid-column: "10 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-11 {
    grid-column: "11 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-4-start-12 {
    grid-column: "12 / span 4";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5 {
    grid-column: "span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-5 {
    grid-row: "span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-1 {
    grid-column: "1 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-2 {
    grid-column: "2 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-3 {
    grid-column: "3 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-4 {
    grid-column: "4 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-5 {
    grid-column: "5 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-6 {
    grid-column: "6 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-7 {
    grid-column: "7 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-8 {
    grid-column: "8 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-9 {
    grid-column: "9 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-10 {
    grid-column: "10 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-11 {
    grid-column: "11 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-5-start-12 {
    grid-column: "12 / span 5";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6 {
    grid-column: "span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-6 {
    grid-row: "span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-1 {
    grid-column: "1 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-2 {
    grid-column: "2 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-3 {
    grid-column: "3 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-4 {
    grid-column: "4 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-5 {
    grid-column: "5 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-6 {
    grid-column: "6 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-7 {
    grid-column: "7 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-8 {
    grid-column: "8 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-9 {
    grid-column: "9 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-10 {
    grid-column: "10 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-11 {
    grid-column: "11 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-6-start-12 {
    grid-column: "12 / span 6";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7 {
    grid-column: "span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-7 {
    grid-row: "span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-1 {
    grid-column: "1 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-2 {
    grid-column: "2 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-3 {
    grid-column: "3 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-4 {
    grid-column: "4 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-5 {
    grid-column: "5 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-6 {
    grid-column: "6 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-7 {
    grid-column: "7 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-8 {
    grid-column: "8 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-9 {
    grid-column: "9 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-10 {
    grid-column: "10 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-11 {
    grid-column: "11 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-7-start-12 {
    grid-column: "12 / span 7";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8 {
    grid-column: "span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-8 {
    grid-row: "span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-1 {
    grid-column: "1 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-2 {
    grid-column: "2 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-3 {
    grid-column: "3 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-4 {
    grid-column: "4 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-5 {
    grid-column: "5 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-6 {
    grid-column: "6 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-7 {
    grid-column: "7 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-8 {
    grid-column: "8 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-9 {
    grid-column: "9 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-10 {
    grid-column: "10 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-11 {
    grid-column: "11 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-8-start-12 {
    grid-column: "12 / span 8";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9 {
    grid-column: "span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-9 {
    grid-row: "span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-1 {
    grid-column: "1 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-2 {
    grid-column: "2 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-3 {
    grid-column: "3 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-4 {
    grid-column: "4 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-5 {
    grid-column: "5 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-6 {
    grid-column: "6 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-7 {
    grid-column: "7 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-8 {
    grid-column: "8 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-9 {
    grid-column: "9 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-10 {
    grid-column: "10 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-11 {
    grid-column: "11 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-9-start-12 {
    grid-column: "12 / span 9";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10 {
    grid-column: "span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-10 {
    grid-row: "span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-1 {
    grid-column: "1 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-2 {
    grid-column: "2 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-3 {
    grid-column: "3 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-4 {
    grid-column: "4 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-5 {
    grid-column: "5 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-6 {
    grid-column: "6 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-7 {
    grid-column: "7 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-8 {
    grid-column: "8 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-9 {
    grid-column: "9 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-10 {
    grid-column: "10 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-11 {
    grid-column: "11 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-10-start-12 {
    grid-column: "12 / span 10";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11 {
    grid-column: "span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-11 {
    grid-row: "span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-1 {
    grid-column: "1 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-2 {
    grid-column: "2 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-3 {
    grid-column: "3 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-4 {
    grid-column: "4 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-5 {
    grid-column: "5 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-6 {
    grid-column: "6 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-7 {
    grid-column: "7 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-8 {
    grid-column: "8 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-9 {
    grid-column: "9 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-10 {
    grid-column: "10 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-11 {
    grid-column: "11 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-11-start-12 {
    grid-column: "12 / span 11";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12 {
    grid-column: "span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:row-12 {
    grid-row: "span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-1 {
    grid-column: "1 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-2 {
    grid-column: "2 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-3 {
    grid-column: "3 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-4 {
    grid-column: "4 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-5 {
    grid-column: "5 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-6 {
    grid-column: "6 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-7 {
    grid-column: "7 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-8 {
    grid-column: "8 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-9 {
    grid-column: "9 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-10 {
    grid-column: "10 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-11 {
    grid-column: "11 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:col-12-start-12 {
    grid-column: "12 / span 12";
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex {
    display: flex;
  }
}
@media only screen and (min-width: 600px) {
  .md\:inline-flex {
    display: inline-flex;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-row {
    flex-direction: row;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-col {
    flex-direction: column;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 600px) {
  .md\:items-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 600px) {
  .md\:items-start {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 600px) {
  .md\:items-center {
    align-items: center;
  }
}
@media only screen and (min-width: 600px) {
  .md\:items-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 600px) {
  .md\:items-baseline {
    align-items: baseline;
  }
}
@media only screen and (min-width: 600px) {
  .md\:content-start {
    align-content: flex-start;
  }
}
@media only screen and (min-width: 600px) {
  .md\:content-center {
    align-content: center;
  }
}
@media only screen and (min-width: 600px) {
  .md\:content-end {
    align-content: flex-end;
  }
}
@media only screen and (min-width: 600px) {
  .md\:content-between {
    align-content: space-between;
  }
}
@media only screen and (min-width: 600px) {
  .md\:content-around {
    align-content: space-around;
  }
}
@media only screen and (min-width: 600px) {
  .md\:self-auto {
    align-self: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:self-start {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 600px) {
  .md\:self-center {
    align-self: center;
  }
}
@media only screen and (min-width: 600px) {
  .md\:self-end {
    align-self: flex-end;
  }
}
@media only screen and (min-width: 600px) {
  .md\:self-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 600px) {
  .md\:justify-start {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 600px) {
  .md\:justify-center {
    justify-content: center;
  }
}
@media only screen and (min-width: 600px) {
  .md\:justify-end {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 600px) {
  .md\:justify-between {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 600px) {
  .md\:justify-around {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-initial {
    flex: initial;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-1 {
    flex: 1;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-2 {
    flex: 2;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-auto {
    flex: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-none {
    flex: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-grow {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-shrink {
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-no-grow {
    flex-grow: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:flex-no-shrink {
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:w-auto {
    width: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:w-full {
    width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .md\:w-screen {
    width: 100vw;
  }
}
@media only screen and (min-width: 600px) {
  .md\:w-1px {
    width: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:h-auto {
    height: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:h-full {
    height: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .md\:h-screen {
    height: 100vh;
  }
}
@media only screen and (min-width: 600px) {
  .md\:h-1px {
    height: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-w-auto {
    min-width: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-w-full {
    min-width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-w-screen {
    min-width: 100vw;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-w-1px {
    min-width: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-w-0 {
    min-width: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-h-auto {
    min-height: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-h-full {
    min-height: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-h-screen {
    min-height: 100vh;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-h-1px {
    min-height: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:min-h-0 {
    min-height: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-w-auto {
    max-width: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-w-full {
    max-width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-w-screen {
    max-width: 100vw;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-w-1px {
    max-width: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-w-0 {
    max-width: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-h-auto {
    max-height: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-h-full {
    max-height: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-h-screen {
    max-height: 100vh;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-h-1px {
    max-height: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:max-h-0 {
    max-height: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mt-xs {
    margin-top: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mr-xs {
    margin-right: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mb-xs {
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:ml-xs {
    margin-left: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mx-xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:my-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:m-xs {
    margin: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pt-xs {
    padding-top: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pr-xs {
    padding-right: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pb-xs {
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pl-xs {
    padding-left: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:px-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:py-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:p-xs {
    padding: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mt-sm {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mr-sm {
    margin-right: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mb-sm {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:ml-sm {
    margin-left: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mx-sm {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:my-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:m-sm {
    margin: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pt-sm {
    padding-top: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pr-sm {
    padding-right: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pb-sm {
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pl-sm {
    padding-left: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:px-sm {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:py-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:p-sm {
    padding: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mt-md {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mr-md {
    margin-right: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mb-md {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:ml-md {
    margin-left: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mx-md {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:my-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:m-md {
    margin: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pt-md {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pr-md {
    padding-right: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pb-md {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pl-md {
    padding-left: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:px-md {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:py-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:p-md {
    padding: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mt-lg {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mr-lg {
    margin-right: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mb-lg {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:ml-lg {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mx-lg {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:my-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:m-lg {
    margin: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pt-lg {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pr-lg {
    padding-right: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pb-lg {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pl-lg {
    padding-left: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:px-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:py-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:p-lg {
    padding: 24px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mt-xl {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mr-xl {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mb-xl {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:ml-xl {
    margin-left: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mx-xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:my-xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:m-xl {
    margin: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pt-xl {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pr-xl {
    padding-right: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pb-xl {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pl-xl {
    padding-left: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:px-xl {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:py-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:p-xl {
    padding: 32px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mt-2xl {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mr-2xl {
    margin-right: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mb-2xl {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:ml-2xl {
    margin-left: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mx-2xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:my-2xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:m-2xl {
    margin: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pt-2xl {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pr-2xl {
    padding-right: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pb-2xl {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pl-2xl {
    padding-left: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:px-2xl {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:py-2xl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:p-2xl {
    padding: 48px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mt-3xl {
    margin-top: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mr-3xl {
    margin-right: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mb-3xl {
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:ml-3xl {
    margin-left: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:mx-3xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:my-3xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:m-3xl {
    margin: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pt-3xl {
    padding-top: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pr-3xl {
    padding-right: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pb-3xl {
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pl-3xl {
    padding-left: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:px-3xl {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:py-3xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:p-3xl {
    padding: 64px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:block {
    display: block;
  }
}
@media only screen and (min-width: 600px) {
  .md\:inline {
    display: inline;
  }
}
@media only screen and (min-width: 600px) {
  .md\:inline-block {
    display: inline-block;
  }
}
@media only screen and (min-width: 600px) {
  .md\:hidden {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 600px) {
  .md\:text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 600px) {
  .md\:text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 600px) {
  .md\:text-justify {
    text-align: justify;
  }
}
@media only screen and (min-width: 600px) {
  .md\:float-left {
    float: left;
  }
}
@media only screen and (min-width: 600px) {
  .md\:float-right {
    float: right;
  }
}
@media only screen and (min-width: 600px) {
  .md\:float-none {
    float: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:static {
    position: static;
  }
}
@media only screen and (min-width: 600px) {
  .md\:fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 600px) {
  .md\:absolute {
    position: absolute;
  }
}
@media only screen and (min-width: 600px) {
  .md\:relative {
    position: relative;
  }
}
@media only screen and (min-width: 600px) {
  .md\:sticky {
    position: sticky;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pin-t {
    top: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pin-r {
    right: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pin-b {
    bottom: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pin-l {
    left: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:visible {
    visibility: visible;
  }
}
@media only screen and (min-width: 600px) {
  .md\:invisible {
    visibility: hidden;
  }
}
@media only screen and (min-width: 600px) {
  .md\:z-0 {
    z-index: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:z-1 {
    z-index: 1;
  }
}
@media only screen and (min-width: 600px) {
  .md\:z-2 {
    z-index: 2;
  }
}
@media only screen and (min-width: 600px) {
  .md\:z-10 {
    z-index: 10;
  }
}
@media only screen and (min-width: 600px) {
  .md\:z-20 {
    z-index: 20;
  }
}
@media only screen and (min-width: 600px) {
  .md\:z-max {
    z-index: 2147483647;
  }
}
@media only screen and (min-width: 600px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline;
  }
}
@media only screen and (min-width: 600px) {
  .md\:vertical-align-top {
    vertical-align: top;
  }
}
@media only screen and (min-width: 600px) {
  .md\:vertical-align-middle {
    vertical-align: middle;
  }
}
@media only screen and (min-width: 600px) {
  .md\:vertical-align-bottom {
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 600px) {
  .md\:vertical-align-text-top {
    vertical-align: text-top;
  }
}
@media only screen and (min-width: 600px) {
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom;
  }
}
@media only screen and (min-width: 600px) {
  .md\:italic {
    font-style: italic;
  }
}
@media only screen and (min-width: 600px) {
  .md\:underline {
    text-decoration: underline;
  }
}
@media only screen and (min-width: 600px) {
  .md\:no-underline {
    text-decoration: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:lowercase {
    text-transform: lowercase;
  }
}
@media only screen and (min-width: 600px) {
  .md\:uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 600px) {
  .md\:capitalize {
    text-transform: capitalize;
  }
}
@media only screen and (min-width: 600px) {
  .md\:list-reset {
    list-style: none;
    padding: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:whitespace-normal {
    white-space: normal;
  }
}
@media only screen and (min-width: 600px) {
  .md\:whitespace-no-wrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 600px) {
  .md\:whitespace-pre {
    white-space: pre;
  }
}
@media only screen and (min-width: 600px) {
  .md\:whitespace-pre-line {
    white-space: pre-line;
  }
}
@media only screen and (min-width: 600px) {
  .md\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
}
@media only screen and (min-width: 600px) {
  .md\:break-word {
    word-wrap: break-word;
  }
}
@media only screen and (min-width: 600px) {
  .md\:break-normal {
    word-wrap: normal;
  }
}
@media only screen and (min-width: 600px) {
  .md\:truncate {
    overflow: hidden;
    text-overflow: ellipses;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-size-xs {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-size-sm {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-size-md {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-size-lg {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-size-xl {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-size-2xl {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-size-3xl {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-size-4xl {
    font-size: 3.75rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-weight-bold {
    font-weight: 700;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-weight-medium {
    font-weight: 500;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-weight-regular {
    font-weight: 400;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-weight-light {
    font-weight: 300;
  }
}
@media only screen and (min-width: 600px) {
  .md\:font-weight-thin {
    font-weight: 100;
  }
}
@media only screen and (min-width: 600px) {
  .md\:leading-sm {
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:leading-md {
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:leading-lg {
    line-height: 1.75rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:leading-xl {
    line-height: 2rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:letter-spacing-tight {
    letter-spacing: -0.05rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:letter-spacing-normal {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:letter-spacing-wide {
    letter-spacing: 0.05rem;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-full {
    border-radius: 9999px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-style-solid {
    border-style: solid;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-style-dashed {
    border-style: dashed;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-style-dotted {
    border-style: dotted;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-style-inset {
    border-style: inset;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-style-outset {
    border-style: outset;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-sm {
    border-radius: 5px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-tl-sm {
    border-top-left-radius: 5px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-tr-sm {
    border-top-right-radius: 5px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-bl-sm {
    border-bottom-left-radius: 5px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-br-sm {
    border-bottom-right-radius: 5px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-md {
    border-radius: 10px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-tl-md {
    border-top-left-radius: 10px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-tr-md {
    border-top-right-radius: 10px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-bl-md {
    border-bottom-left-radius: 10px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-br-md {
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-lg {
    border-radius: 15px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-tl-lg {
    border-top-left-radius: 15px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-tr-lg {
    border-top-right-radius: 15px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-bl-lg {
    border-bottom-left-radius: 15px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-br-lg {
    border-bottom-right-radius: 15px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-xl {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-tl-xl {
    border-top-left-radius: 20px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-tr-xl {
    border-top-right-radius: 20px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-bl-xl {
    border-bottom-left-radius: 20px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:rounded-br-xl {
    border-bottom-right-radius: 20px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-xs {
    border-width: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-t-xs {
    border-top-width: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-r-xs {
    border-right-width: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-b-xs {
    border-bottom-width: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-l-xs {
    border-left-width: 1px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-sm {
    border-width: 2px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-t-sm {
    border-top-width: 2px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-r-sm {
    border-right-width: 2px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-b-sm {
    border-bottom-width: 2px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-l-sm {
    border-left-width: 2px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-md {
    border-width: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-t-md {
    border-top-width: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-r-md {
    border-right-width: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-b-md {
    border-bottom-width: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-l-md {
    border-left-width: 4px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-lg {
    border-width: 6px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-t-lg {
    border-top-width: 6px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-r-lg {
    border-right-width: 6px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-b-lg {
    border-bottom-width: 6px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-l-lg {
    border-left-width: 6px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-xl {
    border-width: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-t-xl {
    border-top-width: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-r-xl {
    border-right-width: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-b-xl {
    border-bottom-width: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-l-xl {
    border-left-width: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-100 {
    opacity: 1;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-75 {
    opacity: 0.75;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-50 {
    opacity: 0.5;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-25 {
    opacity: 0.25;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-0 {
    opacity: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:shadow-sm {
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-up-xs {
    transform: translateY(-1px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-right-xs {
    transform: translateX(1px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-bottom-xs {
    transform: translateY(1px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-left-xs {
    transform: translateX(-1px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-up-sm {
    transform: translateY(-2px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-right-sm {
    transform: translateX(2px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-bottom-sm {
    transform: translateY(2px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-left-sm {
    transform: translateX(-2px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-up-md {
    transform: translateY(-4px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-right-md {
    transform: translateX(4px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-bottom-md {
    transform: translateY(4px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-left-md {
    transform: translateX(-4px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-up-lg {
    transform: translateY(-6px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-right-lg {
    transform: translateX(6px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-bottom-lg {
    transform: translateY(6px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-left-lg {
    transform: translateX(-6px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-up-xl {
    transform: translateY(-8px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-right-xl {
    transform: translateX(8px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-bottom-xl {
    transform: translateY(8px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shift-left-xl {
    transform: translateX(-8px);
  }
}
@media only screen and (min-width: 600px) {
  .md\:appearance-none {
    appearance: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:cursor-auto {
    cursor: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:cursor-default {
    cursor: default;
  }
}
@media only screen and (min-width: 600px) {
  .md\:cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (min-width: 600px) {
  .md\:cursor-wait {
    cursor: wait;
  }
}
@media only screen and (min-width: 600px) {
  .md\:cursor-move {
    cursor: move;
  }
}
@media only screen and (min-width: 600px) {
  .md\:cursor-not-allowed {
    cursor: not-allowed;
  }
}
@media only screen and (min-width: 600px) {
  .md\:outline-none {
    outline: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:pointer-events-auto {
    pointer-events: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:resize-none {
    resize: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:resizable {
    resize: both;
  }
}
@media only screen and (min-width: 600px) {
  .md\:resizable-y {
    resize: vertical;
  }
}
@media only screen and (min-width: 600px) {
  .md\:resizable-x {
    resize: horizontal;
  }
}
@media only screen and (min-width: 600px) {
  .md\:user-select-text {
    user-select: text;
  }
}
@media only screen and (min-width: 600px) {
  .md\:user-select-none {
    user-select: none;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-attachment-fixed {
    background-attachment: fixed;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-attachment-local {
    background-attachment: local;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-attachment-scroll {
    background-attachment: scroll;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-bottom {
    background-position: bottom;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-center {
    background-position: center;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-left {
    background-position: left;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-left-bottom {
    background-position: left bottom;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-left-top {
    background-position: left top;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-right {
    background-position: right;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-right-bottom {
    background-position: right bottom;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-right-top {
    background-position: right top;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-position-top {
    background-position: top;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-repeat {
    background-repeat: repeat;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-no-repeat {
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-repeat-x {
    background-repeat: repeat-x;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-repeat-y {
    background-repeat: repeat-y;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-size-auto {
    background-size: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-size-cover {
    background-size: cover;
  }
}
@media only screen and (min-width: 600px) {
  .md\:bg-size-contain {
    background-size: contain;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-100 {
    opacity: 1;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-75 {
    opacity: 0.75;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-50 {
    opacity: 0.5;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-25 {
    opacity: 0.25;
  }
}
@media only screen and (min-width: 600px) {
  .md\:opacity-0 {
    opacity: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md\:shadow-sm {
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
  }
}
@media only screen and (min-width: 600px) {
  .md\:shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-collapse {
    border-collapse: collapse;
  }
}
@media only screen and (min-width: 600px) {
  .md\:border-separate {
    border-collapse: separate;
  }
}
@media only screen and (min-width: 600px) {
  .md\:table-auto {
    table-layout: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:table-fixed {
    table-layout: fixed;
  }
}
@media only screen and (min-width: 600px) {
  .md\:fill-current {
    fill: currentColor;
  }
}
@media only screen and (min-width: 600px) {
  .md\:stroke-current {
    stroke: currentColor;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-visible {
    overflow: visible;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-scroll {
    overflow: scroll;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-x-auto {
    overflow-x: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-x-visible {
    overflow-x: visible;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-x-scroll {
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-y-visible {
    overflow-y: visible;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }
}
@media only screen and (min-width: 600px) {
  .md\:overflow-scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1 {
    grid-column: "span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-1 {
    grid-row: "span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-1 {
    grid-column: "1 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-2 {
    grid-column: "2 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-3 {
    grid-column: "3 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-4 {
    grid-column: "4 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-5 {
    grid-column: "5 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-6 {
    grid-column: "6 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-7 {
    grid-column: "7 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-8 {
    grid-column: "8 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-9 {
    grid-column: "9 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-10 {
    grid-column: "10 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-11 {
    grid-column: "11 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-1-start-12 {
    grid-column: "12 / span 1";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2 {
    grid-column: "span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-2 {
    grid-row: "span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-1 {
    grid-column: "1 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-2 {
    grid-column: "2 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-3 {
    grid-column: "3 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-4 {
    grid-column: "4 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-5 {
    grid-column: "5 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-6 {
    grid-column: "6 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-7 {
    grid-column: "7 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-8 {
    grid-column: "8 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-9 {
    grid-column: "9 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-10 {
    grid-column: "10 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-11 {
    grid-column: "11 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-2-start-12 {
    grid-column: "12 / span 2";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3 {
    grid-column: "span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-3 {
    grid-row: "span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-1 {
    grid-column: "1 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-2 {
    grid-column: "2 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-3 {
    grid-column: "3 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-4 {
    grid-column: "4 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-5 {
    grid-column: "5 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-6 {
    grid-column: "6 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-7 {
    grid-column: "7 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-8 {
    grid-column: "8 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-9 {
    grid-column: "9 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-10 {
    grid-column: "10 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-11 {
    grid-column: "11 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-3-start-12 {
    grid-column: "12 / span 3";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4 {
    grid-column: "span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-4 {
    grid-row: "span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-1 {
    grid-column: "1 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-2 {
    grid-column: "2 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-3 {
    grid-column: "3 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-4 {
    grid-column: "4 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-5 {
    grid-column: "5 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-6 {
    grid-column: "6 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-7 {
    grid-column: "7 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-8 {
    grid-column: "8 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-9 {
    grid-column: "9 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-10 {
    grid-column: "10 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-11 {
    grid-column: "11 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-4-start-12 {
    grid-column: "12 / span 4";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5 {
    grid-column: "span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-5 {
    grid-row: "span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-1 {
    grid-column: "1 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-2 {
    grid-column: "2 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-3 {
    grid-column: "3 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-4 {
    grid-column: "4 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-5 {
    grid-column: "5 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-6 {
    grid-column: "6 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-7 {
    grid-column: "7 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-8 {
    grid-column: "8 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-9 {
    grid-column: "9 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-10 {
    grid-column: "10 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-11 {
    grid-column: "11 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-5-start-12 {
    grid-column: "12 / span 5";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6 {
    grid-column: "span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-6 {
    grid-row: "span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-1 {
    grid-column: "1 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-2 {
    grid-column: "2 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-3 {
    grid-column: "3 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-4 {
    grid-column: "4 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-5 {
    grid-column: "5 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-6 {
    grid-column: "6 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-7 {
    grid-column: "7 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-8 {
    grid-column: "8 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-9 {
    grid-column: "9 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-10 {
    grid-column: "10 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-11 {
    grid-column: "11 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-6-start-12 {
    grid-column: "12 / span 6";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7 {
    grid-column: "span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-7 {
    grid-row: "span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-1 {
    grid-column: "1 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-2 {
    grid-column: "2 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-3 {
    grid-column: "3 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-4 {
    grid-column: "4 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-5 {
    grid-column: "5 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-6 {
    grid-column: "6 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-7 {
    grid-column: "7 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-8 {
    grid-column: "8 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-9 {
    grid-column: "9 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-10 {
    grid-column: "10 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-11 {
    grid-column: "11 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-7-start-12 {
    grid-column: "12 / span 7";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8 {
    grid-column: "span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-8 {
    grid-row: "span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-1 {
    grid-column: "1 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-2 {
    grid-column: "2 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-3 {
    grid-column: "3 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-4 {
    grid-column: "4 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-5 {
    grid-column: "5 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-6 {
    grid-column: "6 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-7 {
    grid-column: "7 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-8 {
    grid-column: "8 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-9 {
    grid-column: "9 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-10 {
    grid-column: "10 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-11 {
    grid-column: "11 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-8-start-12 {
    grid-column: "12 / span 8";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9 {
    grid-column: "span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-9 {
    grid-row: "span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-1 {
    grid-column: "1 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-2 {
    grid-column: "2 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-3 {
    grid-column: "3 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-4 {
    grid-column: "4 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-5 {
    grid-column: "5 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-6 {
    grid-column: "6 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-7 {
    grid-column: "7 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-8 {
    grid-column: "8 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-9 {
    grid-column: "9 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-10 {
    grid-column: "10 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-11 {
    grid-column: "11 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-9-start-12 {
    grid-column: "12 / span 9";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10 {
    grid-column: "span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-10 {
    grid-row: "span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-1 {
    grid-column: "1 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-2 {
    grid-column: "2 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-3 {
    grid-column: "3 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-4 {
    grid-column: "4 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-5 {
    grid-column: "5 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-6 {
    grid-column: "6 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-7 {
    grid-column: "7 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-8 {
    grid-column: "8 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-9 {
    grid-column: "9 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-10 {
    grid-column: "10 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-11 {
    grid-column: "11 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-10-start-12 {
    grid-column: "12 / span 10";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11 {
    grid-column: "span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-11 {
    grid-row: "span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-1 {
    grid-column: "1 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-2 {
    grid-column: "2 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-3 {
    grid-column: "3 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-4 {
    grid-column: "4 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-5 {
    grid-column: "5 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-6 {
    grid-column: "6 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-7 {
    grid-column: "7 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-8 {
    grid-column: "8 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-9 {
    grid-column: "9 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-10 {
    grid-column: "10 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-11 {
    grid-column: "11 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-11-start-12 {
    grid-column: "12 / span 11";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12 {
    grid-column: "span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:row-12 {
    grid-row: "span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-1 {
    grid-column: "1 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-2 {
    grid-column: "2 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-3 {
    grid-column: "3 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-4 {
    grid-column: "4 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-5 {
    grid-column: "5 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-6 {
    grid-column: "6 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-7 {
    grid-column: "7 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-8 {
    grid-column: "8 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-9 {
    grid-column: "9 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-10 {
    grid-column: "10 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-11 {
    grid-column: "11 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:col-12-start-12 {
    grid-column: "12 / span 12";
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex {
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:inline-flex {
    display: inline-flex;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-row {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-col {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:items-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:items-start {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:items-center {
    align-items: center;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:items-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:items-baseline {
    align-items: baseline;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:content-start {
    align-content: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:content-center {
    align-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:content-end {
    align-content: flex-end;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:content-between {
    align-content: space-between;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:content-around {
    align-content: space-around;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:self-auto {
    align-self: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:self-start {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:self-center {
    align-self: center;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:self-end {
    align-self: flex-end;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:self-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:justify-start {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:justify-center {
    justify-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:justify-end {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:justify-between {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:justify-around {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-initial {
    flex: initial;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-1 {
    flex: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-2 {
    flex: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-auto {
    flex: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-none {
    flex: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-grow {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-shrink {
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-no-grow {
    flex-grow: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:flex-no-shrink {
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:w-auto {
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:w-full {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:w-screen {
    width: 100vw;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:w-1px {
    width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:h-auto {
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:h-full {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:h-screen {
    height: 100vh;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:h-1px {
    height: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-w-auto {
    min-width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-w-full {
    min-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-w-screen {
    min-width: 100vw;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-w-1px {
    min-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-w-0 {
    min-width: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-h-auto {
    min-height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-h-full {
    min-height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-h-screen {
    min-height: 100vh;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-h-1px {
    min-height: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:min-h-0 {
    min-height: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-w-auto {
    max-width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-w-full {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-w-screen {
    max-width: 100vw;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-w-1px {
    max-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-w-0 {
    max-width: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-h-auto {
    max-height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-h-full {
    max-height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-h-screen {
    max-height: 100vh;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-h-1px {
    max-height: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:max-h-0 {
    max-height: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mt-xs {
    margin-top: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mr-xs {
    margin-right: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mb-xs {
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:ml-xs {
    margin-left: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mx-xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:my-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:m-xs {
    margin: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pt-xs {
    padding-top: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pr-xs {
    padding-right: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pb-xs {
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pl-xs {
    padding-left: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:px-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:py-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:p-xs {
    padding: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mt-sm {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mr-sm {
    margin-right: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mb-sm {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:ml-sm {
    margin-left: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mx-sm {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:my-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:m-sm {
    margin: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pt-sm {
    padding-top: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pr-sm {
    padding-right: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pb-sm {
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pl-sm {
    padding-left: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:px-sm {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:py-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:p-sm {
    padding: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mt-md {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mr-md {
    margin-right: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mb-md {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:ml-md {
    margin-left: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mx-md {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:my-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:m-md {
    margin: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pt-md {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pr-md {
    padding-right: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pb-md {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pl-md {
    padding-left: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:px-md {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:py-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:p-md {
    padding: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mt-lg {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mr-lg {
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mb-lg {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:ml-lg {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mx-lg {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:my-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:m-lg {
    margin: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pt-lg {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pr-lg {
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pb-lg {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pl-lg {
    padding-left: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:px-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:py-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:p-lg {
    padding: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mt-xl {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mr-xl {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mb-xl {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:ml-xl {
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mx-xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:my-xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:m-xl {
    margin: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pt-xl {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pr-xl {
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pb-xl {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pl-xl {
    padding-left: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:px-xl {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:py-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:p-xl {
    padding: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mt-2xl {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mr-2xl {
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mb-2xl {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:ml-2xl {
    margin-left: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mx-2xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:my-2xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:m-2xl {
    margin: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pt-2xl {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pr-2xl {
    padding-right: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pb-2xl {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pl-2xl {
    padding-left: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:px-2xl {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:py-2xl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:p-2xl {
    padding: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mt-3xl {
    margin-top: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mr-3xl {
    margin-right: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mb-3xl {
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:ml-3xl {
    margin-left: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:mx-3xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:my-3xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:m-3xl {
    margin: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pt-3xl {
    padding-top: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pr-3xl {
    padding-right: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pb-3xl {
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pl-3xl {
    padding-left: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:px-3xl {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:py-3xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:p-3xl {
    padding: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:block {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:inline {
    display: inline;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:inline-block {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:hidden {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:text-justify {
    text-align: justify;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:float-left {
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:float-right {
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:float-none {
    float: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:static {
    position: static;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:relative {
    position: relative;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pin-t {
    top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pin-r {
    right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pin-b {
    bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pin-l {
    left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:visible {
    visibility: visible;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:invisible {
    visibility: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:z-0 {
    z-index: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:z-1 {
    z-index: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:z-2 {
    z-index: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:z-10 {
    z-index: 10;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:z-20 {
    z-index: 20;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:z-max {
    z-index: 2147483647;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:vertical-align-top {
    vertical-align: top;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:vertical-align-middle {
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:vertical-align-bottom {
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:vertical-align-text-top {
    vertical-align: text-top;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:italic {
    font-style: italic;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:underline {
    text-decoration: underline;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:no-underline {
    text-decoration: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:lowercase {
    text-transform: lowercase;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:capitalize {
    text-transform: capitalize;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:list-reset {
    list-style: none;
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:whitespace-normal {
    white-space: normal;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:whitespace-no-wrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:whitespace-pre {
    white-space: pre;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:whitespace-pre-line {
    white-space: pre-line;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:break-word {
    word-wrap: break-word;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:break-normal {
    word-wrap: normal;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:truncate {
    overflow: hidden;
    text-overflow: ellipses;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-size-xs {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-size-sm {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-size-md {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-size-lg {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-size-xl {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-size-2xl {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-size-3xl {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-size-4xl {
    font-size: 3.75rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-weight-bold {
    font-weight: 700;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-weight-medium {
    font-weight: 500;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-weight-regular {
    font-weight: 400;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-weight-light {
    font-weight: 300;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:font-weight-thin {
    font-weight: 100;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:leading-sm {
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:leading-md {
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:leading-lg {
    line-height: 1.75rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:leading-xl {
    line-height: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:letter-spacing-tight {
    letter-spacing: -0.05rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:letter-spacing-normal {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:letter-spacing-wide {
    letter-spacing: 0.05rem;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-full {
    border-radius: 9999px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-style-solid {
    border-style: solid;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-style-dashed {
    border-style: dashed;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-style-dotted {
    border-style: dotted;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-style-inset {
    border-style: inset;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-style-outset {
    border-style: outset;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-sm {
    border-radius: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-tl-sm {
    border-top-left-radius: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-tr-sm {
    border-top-right-radius: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-bl-sm {
    border-bottom-left-radius: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-br-sm {
    border-bottom-right-radius: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-md {
    border-radius: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-tl-md {
    border-top-left-radius: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-tr-md {
    border-top-right-radius: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-bl-md {
    border-bottom-left-radius: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-br-md {
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-lg {
    border-radius: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-tl-lg {
    border-top-left-radius: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-tr-lg {
    border-top-right-radius: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-bl-lg {
    border-bottom-left-radius: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-br-lg {
    border-bottom-right-radius: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-xl {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-tl-xl {
    border-top-left-radius: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-tr-xl {
    border-top-right-radius: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-bl-xl {
    border-bottom-left-radius: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:rounded-br-xl {
    border-bottom-right-radius: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-xs {
    border-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-t-xs {
    border-top-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-r-xs {
    border-right-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-b-xs {
    border-bottom-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-l-xs {
    border-left-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-sm {
    border-width: 2px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-t-sm {
    border-top-width: 2px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-r-sm {
    border-right-width: 2px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-b-sm {
    border-bottom-width: 2px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-l-sm {
    border-left-width: 2px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-md {
    border-width: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-t-md {
    border-top-width: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-r-md {
    border-right-width: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-b-md {
    border-bottom-width: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-l-md {
    border-left-width: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-lg {
    border-width: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-t-lg {
    border-top-width: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-r-lg {
    border-right-width: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-b-lg {
    border-bottom-width: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-l-lg {
    border-left-width: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-xl {
    border-width: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-t-xl {
    border-top-width: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-r-xl {
    border-right-width: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-b-xl {
    border-bottom-width: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-l-xl {
    border-left-width: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-100 {
    opacity: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-75 {
    opacity: 0.75;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-50 {
    opacity: 0.5;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-25 {
    opacity: 0.25;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-0 {
    opacity: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shadow-sm {
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-up-xs {
    transform: translateY(-1px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-right-xs {
    transform: translateX(1px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-bottom-xs {
    transform: translateY(1px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-left-xs {
    transform: translateX(-1px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-up-sm {
    transform: translateY(-2px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-right-sm {
    transform: translateX(2px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-bottom-sm {
    transform: translateY(2px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-left-sm {
    transform: translateX(-2px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-up-md {
    transform: translateY(-4px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-right-md {
    transform: translateX(4px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-bottom-md {
    transform: translateY(4px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-left-md {
    transform: translateX(-4px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-up-lg {
    transform: translateY(-6px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-right-lg {
    transform: translateX(6px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-bottom-lg {
    transform: translateY(6px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-left-lg {
    transform: translateX(-6px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-up-xl {
    transform: translateY(-8px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-right-xl {
    transform: translateX(8px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-bottom-xl {
    transform: translateY(8px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shift-left-xl {
    transform: translateX(-8px);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:appearance-none {
    appearance: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:cursor-auto {
    cursor: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:cursor-default {
    cursor: default;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:cursor-wait {
    cursor: wait;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:cursor-move {
    cursor: move;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:cursor-not-allowed {
    cursor: not-allowed;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:outline-none {
    outline: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:pointer-events-auto {
    pointer-events: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:resize-none {
    resize: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:resizable {
    resize: both;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:resizable-y {
    resize: vertical;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:resizable-x {
    resize: horizontal;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:user-select-text {
    user-select: text;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:user-select-none {
    user-select: none;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-attachment-fixed {
    background-attachment: fixed;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-attachment-local {
    background-attachment: local;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-attachment-scroll {
    background-attachment: scroll;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-bottom {
    background-position: bottom;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-center {
    background-position: center;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-left {
    background-position: left;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-left-bottom {
    background-position: left bottom;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-left-top {
    background-position: left top;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-right {
    background-position: right;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-right-bottom {
    background-position: right bottom;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-right-top {
    background-position: right top;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-position-top {
    background-position: top;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-repeat {
    background-repeat: repeat;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-no-repeat {
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-repeat-x {
    background-repeat: repeat-x;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-repeat-y {
    background-repeat: repeat-y;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-size-auto {
    background-size: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-size-cover {
    background-size: cover;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:bg-size-contain {
    background-size: contain;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-100 {
    opacity: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-75 {
    opacity: 0.75;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-50 {
    opacity: 0.5;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-25 {
    opacity: 0.25;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:opacity-0 {
    opacity: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shadow-sm {
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-collapse {
    border-collapse: collapse;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:border-separate {
    border-collapse: separate;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:table-auto {
    table-layout: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:table-fixed {
    table-layout: fixed;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:fill-current {
    fill: currentColor;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:stroke-current {
    stroke: currentColor;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-visible {
    overflow: visible;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-scroll {
    overflow: scroll;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-x-auto {
    overflow-x: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-x-visible {
    overflow-x: visible;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-y-visible {
    overflow-y: visible;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .lg\:overflow-scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }
}
.container {
  margin: 0 auto;
  max-width: 1140px;
  position: relative;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 8px;
}
@media only screen and (min-width: 600px) {
  .grid {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .grid {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
  }
}

.hover\:w-auto:hover {
  width: auto;
}

.hover\:w-full:hover {
  width: 100%;
}

.hover\:w-screen:hover {
  width: 100vw;
}

.hover\:w-1px:hover {
  width: 1px;
}

.hover\:h-auto:hover {
  height: auto;
}

.hover\:h-full:hover {
  height: 100%;
}

.hover\:h-screen:hover {
  height: 100vh;
}

.hover\:h-1px:hover {
  height: 1px;
}

.hover\:min-w-auto:hover {
  min-width: auto;
}

.hover\:min-w-full:hover {
  min-width: 100%;
}

.hover\:min-w-screen:hover {
  min-width: 100vw;
}

.hover\:min-w-1px:hover {
  min-width: 1px;
}

.hover\:min-w-0:hover {
  min-width: 0;
}

.hover\:min-h-auto:hover {
  min-height: auto;
}

.hover\:min-h-full:hover {
  min-height: 100%;
}

.hover\:min-h-screen:hover {
  min-height: 100vh;
}

.hover\:min-h-1px:hover {
  min-height: 1px;
}

.hover\:min-h-0:hover {
  min-height: 0;
}

.hover\:max-w-auto:hover {
  max-width: auto;
}

.hover\:max-w-full:hover {
  max-width: 100%;
}

.hover\:max-w-screen:hover {
  max-width: 100vw;
}

.hover\:max-w-1px:hover {
  max-width: 1px;
}

.hover\:max-w-0:hover {
  max-width: 0;
}

.hover\:max-h-auto:hover {
  max-height: auto;
}

.hover\:max-h-full:hover {
  max-height: 100%;
}

.hover\:max-h-screen:hover {
  max-height: 100vh;
}

.hover\:max-h-1px:hover {
  max-height: 1px;
}

.hover\:max-h-0:hover {
  max-height: 0;
}

.hover\:mt-xs:hover {
  margin-top: 4px;
}

.hover\:mr-xs:hover {
  margin-right: 4px;
}

.hover\:mb-xs:hover {
  margin-bottom: 4px;
}

.hover\:ml-xs:hover {
  margin-left: 4px;
}

.hover\:mx-xs:hover {
  margin-left: 4px;
  margin-right: 4px;
}

.hover\:my-xs:hover {
  margin-top: 4px;
  margin-bottom: 4px;
}

.hover\:m-xs:hover {
  margin: 4px;
}

.hover\:pt-xs:hover {
  padding-top: 4px;
}

.hover\:pr-xs:hover {
  padding-right: 4px;
}

.hover\:pb-xs:hover {
  padding-bottom: 4px;
}

.hover\:pl-xs:hover {
  padding-left: 4px;
}

.hover\:px-xs:hover {
  padding-left: 4px;
  padding-right: 4px;
}

.hover\:py-xs:hover {
  padding-top: 4px;
  padding-bottom: 4px;
}

.hover\:p-xs:hover {
  padding: 4px;
}

.hover\:mt-sm:hover {
  margin-top: 8px;
}

.hover\:mr-sm:hover {
  margin-right: 8px;
}

.hover\:mb-sm:hover {
  margin-bottom: 8px;
}

.hover\:ml-sm:hover {
  margin-left: 8px;
}

.hover\:mx-sm:hover {
  margin-left: 8px;
  margin-right: 8px;
}

.hover\:my-sm:hover {
  margin-top: 8px;
  margin-bottom: 8px;
}

.hover\:m-sm:hover {
  margin: 8px;
}

.hover\:pt-sm:hover {
  padding-top: 8px;
}

.hover\:pr-sm:hover {
  padding-right: 8px;
}

.hover\:pb-sm:hover {
  padding-bottom: 8px;
}

.hover\:pl-sm:hover {
  padding-left: 8px;
}

.hover\:px-sm:hover {
  padding-left: 8px;
  padding-right: 8px;
}

.hover\:py-sm:hover {
  padding-top: 8px;
  padding-bottom: 8px;
}

.hover\:p-sm:hover {
  padding: 8px;
}

.hover\:mt-md:hover {
  margin-top: 16px;
}

.hover\:mr-md:hover {
  margin-right: 16px;
}

.hover\:mb-md:hover {
  margin-bottom: 16px;
}

.hover\:ml-md:hover {
  margin-left: 16px;
}

.hover\:mx-md:hover {
  margin-left: 16px;
  margin-right: 16px;
}

.hover\:my-md:hover {
  margin-top: 16px;
  margin-bottom: 16px;
}

.hover\:m-md:hover {
  margin: 16px;
}

.hover\:pt-md:hover {
  padding-top: 16px;
}

.hover\:pr-md:hover {
  padding-right: 16px;
}

.hover\:pb-md:hover {
  padding-bottom: 16px;
}

.hover\:pl-md:hover {
  padding-left: 16px;
}

.hover\:px-md:hover {
  padding-left: 16px;
  padding-right: 16px;
}

.hover\:py-md:hover {
  padding-top: 16px;
  padding-bottom: 16px;
}

.hover\:p-md:hover {
  padding: 16px;
}

.hover\:mt-lg:hover {
  margin-top: 24px;
}

.hover\:mr-lg:hover {
  margin-right: 24px;
}

.hover\:mb-lg:hover {
  margin-bottom: 24px;
}

.hover\:ml-lg:hover {
  margin-left: 24px;
}

.hover\:mx-lg:hover {
  margin-left: 24px;
  margin-right: 24px;
}

.hover\:my-lg:hover {
  margin-top: 24px;
  margin-bottom: 24px;
}

.hover\:m-lg:hover {
  margin: 24px;
}

.hover\:pt-lg:hover {
  padding-top: 24px;
}

.hover\:pr-lg:hover {
  padding-right: 24px;
}

.hover\:pb-lg:hover {
  padding-bottom: 24px;
}

.hover\:pl-lg:hover {
  padding-left: 24px;
}

.hover\:px-lg:hover {
  padding-left: 24px;
  padding-right: 24px;
}

.hover\:py-lg:hover {
  padding-top: 24px;
  padding-bottom: 24px;
}

.hover\:p-lg:hover {
  padding: 24px;
}

.hover\:mt-xl:hover {
  margin-top: 32px;
}

.hover\:mr-xl:hover {
  margin-right: 32px;
}

.hover\:mb-xl:hover {
  margin-bottom: 32px;
}

.hover\:ml-xl:hover {
  margin-left: 32px;
}

.hover\:mx-xl:hover {
  margin-left: 32px;
  margin-right: 32px;
}

.hover\:my-xl:hover {
  margin-top: 32px;
  margin-bottom: 32px;
}

.hover\:m-xl:hover {
  margin: 32px;
}

.hover\:pt-xl:hover {
  padding-top: 32px;
}

.hover\:pr-xl:hover {
  padding-right: 32px;
}

.hover\:pb-xl:hover {
  padding-bottom: 32px;
}

.hover\:pl-xl:hover {
  padding-left: 32px;
}

.hover\:px-xl:hover {
  padding-left: 32px;
  padding-right: 32px;
}

.hover\:py-xl:hover {
  padding-top: 32px;
  padding-bottom: 32px;
}

.hover\:p-xl:hover {
  padding: 32px;
}

.hover\:mt-2xl:hover {
  margin-top: 48px;
}

.hover\:mr-2xl:hover {
  margin-right: 48px;
}

.hover\:mb-2xl:hover {
  margin-bottom: 48px;
}

.hover\:ml-2xl:hover {
  margin-left: 48px;
}

.hover\:mx-2xl:hover {
  margin-left: 48px;
  margin-right: 48px;
}

.hover\:my-2xl:hover {
  margin-top: 48px;
  margin-bottom: 48px;
}

.hover\:m-2xl:hover {
  margin: 48px;
}

.hover\:pt-2xl:hover {
  padding-top: 48px;
}

.hover\:pr-2xl:hover {
  padding-right: 48px;
}

.hover\:pb-2xl:hover {
  padding-bottom: 48px;
}

.hover\:pl-2xl:hover {
  padding-left: 48px;
}

.hover\:px-2xl:hover {
  padding-left: 48px;
  padding-right: 48px;
}

.hover\:py-2xl:hover {
  padding-top: 48px;
  padding-bottom: 48px;
}

.hover\:p-2xl:hover {
  padding: 48px;
}

.hover\:mt-3xl:hover {
  margin-top: 64px;
}

.hover\:mr-3xl:hover {
  margin-right: 64px;
}

.hover\:mb-3xl:hover {
  margin-bottom: 64px;
}

.hover\:ml-3xl:hover {
  margin-left: 64px;
}

.hover\:mx-3xl:hover {
  margin-left: 64px;
  margin-right: 64px;
}

.hover\:my-3xl:hover {
  margin-top: 64px;
  margin-bottom: 64px;
}

.hover\:m-3xl:hover {
  margin: 64px;
}

.hover\:pt-3xl:hover {
  padding-top: 64px;
}

.hover\:pr-3xl:hover {
  padding-right: 64px;
}

.hover\:pb-3xl:hover {
  padding-bottom: 64px;
}

.hover\:pl-3xl:hover {
  padding-left: 64px;
}

.hover\:px-3xl:hover {
  padding-left: 64px;
  padding-right: 64px;
}

.hover\:py-3xl:hover {
  padding-top: 64px;
  padding-bottom: 64px;
}

.hover\:p-3xl:hover {
  padding: 64px;
}

.hover\:block:hover {
  display: block;
}

.hover\:inline:hover {
  display: inline;
}

.hover\:inline-block:hover {
  display: inline-block;
}

.hover\:hidden:hover {
  display: none;
}

.hover\:text-center:hover {
  text-align: center;
}

.hover\:text-left:hover {
  text-align: left;
}

.hover\:text-right:hover {
  text-align: right;
}

.hover\:text-justify:hover {
  text-align: justify;
}

.hover\:float-left:hover {
  float: left;
}

.hover\:float-right:hover {
  float: right;
}

.hover\:float-none:hover {
  float: none;
}

.hover\:static:hover {
  position: static;
}

.hover\:fixed:hover {
  position: fixed;
}

.hover\:absolute:hover {
  position: absolute;
}

.hover\:relative:hover {
  position: relative;
}

.hover\:sticky:hover {
  position: sticky;
}

.hover\:pin:hover {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hover\:pin-t:hover {
  top: 0;
}

.hover\:pin-r:hover {
  right: 0;
}

.hover\:pin-b:hover {
  bottom: 0;
}

.hover\:pin-l:hover {
  left: 0;
}

.hover\:visible:hover {
  visibility: visible;
}

.hover\:invisible:hover {
  visibility: hidden;
}

.hover\:z-0:hover {
  z-index: 0;
}

.hover\:z-1:hover {
  z-index: 1;
}

.hover\:z-2:hover {
  z-index: 2;
}

.hover\:z-10:hover {
  z-index: 10;
}

.hover\:z-20:hover {
  z-index: 20;
}

.hover\:z-max:hover {
  z-index: 2147483647;
}

.hover\:vertical-align-baseline:hover {
  vertical-align: baseline;
}

.hover\:vertical-align-top:hover {
  vertical-align: top;
}

.hover\:vertical-align-middle:hover {
  vertical-align: middle;
}

.hover\:vertical-align-bottom:hover {
  vertical-align: bottom;
}

.hover\:vertical-align-text-top:hover {
  vertical-align: text-top;
}

.hover\:vertical-align-text-bottom:hover {
  vertical-align: text-bottom;
}

.hover\:italic:hover {
  font-style: italic;
}

.hover\:underline:hover {
  text-decoration: underline;
}

.hover\:no-underline:hover {
  text-decoration: none;
}

.hover\:lowercase:hover {
  text-transform: lowercase;
}

.hover\:uppercase:hover {
  text-transform: uppercase;
}

.hover\:capitalize:hover {
  text-transform: capitalize;
}

.hover\:list-reset:hover {
  list-style: none;
  padding: 0;
}

.hover\:whitespace-normal:hover {
  white-space: normal;
}

.hover\:whitespace-no-wrap:hover {
  white-space: nowrap;
}

.hover\:whitespace-pre:hover {
  white-space: pre;
}

.hover\:whitespace-pre-line:hover {
  white-space: pre-line;
}

.hover\:whitespace-pre-wrap:hover {
  white-space: pre-wrap;
}

.hover\:break-word:hover {
  word-wrap: break-word;
}

.hover\:break-normal:hover {
  word-wrap: normal;
}

.hover\:truncate:hover {
  overflow: hidden;
  text-overflow: ellipses;
  white-space: nowrap;
}

.hover\:font-size-xs:hover {
  font-size: 0.75rem;
}

.hover\:font-size-sm:hover {
  font-size: 0.875rem;
}

.hover\:font-size-md:hover {
  font-size: 1rem;
}

.hover\:font-size-lg:hover {
  font-size: 1.5rem;
}

.hover\:font-size-xl:hover {
  font-size: 1.875rem;
}

.hover\:font-size-2xl:hover {
  font-size: 2.25rem;
}

.hover\:font-size-3xl:hover {
  font-size: 3rem;
}

.hover\:font-size-4xl:hover {
  font-size: 3.75rem;
}

.hover\:font-weight-bold:hover {
  font-weight: 700;
}

.hover\:font-weight-medium:hover {
  font-weight: 500;
}

.hover\:font-weight-regular:hover {
  font-weight: 400;
}

.hover\:font-weight-light:hover {
  font-weight: 300;
}

.hover\:font-weight-thin:hover {
  font-weight: 100;
}

.hover\:leading-sm:hover {
  line-height: 1.25rem;
}

.hover\:leading-md:hover {
  line-height: 1.5rem;
}

.hover\:leading-lg:hover {
  line-height: 1.75rem;
}

.hover\:leading-xl:hover {
  line-height: 2rem;
}

.hover\:letter-spacing-tight:hover {
  letter-spacing: -0.05rem;
}

.hover\:letter-spacing-normal:hover {
  letter-spacing: 0;
}

.hover\:letter-spacing-wide:hover {
  letter-spacing: 0.05rem;
}

.hover\:rounded-full:hover {
  border-radius: 9999px;
}

.hover\:border-style-solid:hover {
  border-style: solid;
}

.hover\:border-style-dashed:hover {
  border-style: dashed;
}

.hover\:border-style-dotted:hover {
  border-style: dotted;
}

.hover\:border-style-inset:hover {
  border-style: inset;
}

.hover\:border-style-outset:hover {
  border-style: outset;
}

.hover\:rounded-sm:hover {
  border-radius: 5px;
}

.hover\:rounded-tl-sm:hover {
  border-top-left-radius: 5px;
}

.hover\:rounded-tr-sm:hover {
  border-top-right-radius: 5px;
}

.hover\:rounded-bl-sm:hover {
  border-bottom-left-radius: 5px;
}

.hover\:rounded-br-sm:hover {
  border-bottom-right-radius: 5px;
}

.hover\:rounded-md:hover {
  border-radius: 10px;
}

.hover\:rounded-tl-md:hover {
  border-top-left-radius: 10px;
}

.hover\:rounded-tr-md:hover {
  border-top-right-radius: 10px;
}

.hover\:rounded-bl-md:hover {
  border-bottom-left-radius: 10px;
}

.hover\:rounded-br-md:hover {
  border-bottom-right-radius: 10px;
}

.hover\:rounded-lg:hover {
  border-radius: 15px;
}

.hover\:rounded-tl-lg:hover {
  border-top-left-radius: 15px;
}

.hover\:rounded-tr-lg:hover {
  border-top-right-radius: 15px;
}

.hover\:rounded-bl-lg:hover {
  border-bottom-left-radius: 15px;
}

.hover\:rounded-br-lg:hover {
  border-bottom-right-radius: 15px;
}

.hover\:rounded-xl:hover {
  border-radius: 20px;
}

.hover\:rounded-tl-xl:hover {
  border-top-left-radius: 20px;
}

.hover\:rounded-tr-xl:hover {
  border-top-right-radius: 20px;
}

.hover\:rounded-bl-xl:hover {
  border-bottom-left-radius: 20px;
}

.hover\:rounded-br-xl:hover {
  border-bottom-right-radius: 20px;
}

.hover\:border-xs:hover {
  border-width: 1px;
}

.hover\:border-t-xs:hover {
  border-top-width: 1px;
}

.hover\:border-r-xs:hover {
  border-right-width: 1px;
}

.hover\:border-b-xs:hover {
  border-bottom-width: 1px;
}

.hover\:border-l-xs:hover {
  border-left-width: 1px;
}

.hover\:border-sm:hover {
  border-width: 2px;
}

.hover\:border-t-sm:hover {
  border-top-width: 2px;
}

.hover\:border-r-sm:hover {
  border-right-width: 2px;
}

.hover\:border-b-sm:hover {
  border-bottom-width: 2px;
}

.hover\:border-l-sm:hover {
  border-left-width: 2px;
}

.hover\:border-md:hover {
  border-width: 4px;
}

.hover\:border-t-md:hover {
  border-top-width: 4px;
}

.hover\:border-r-md:hover {
  border-right-width: 4px;
}

.hover\:border-b-md:hover {
  border-bottom-width: 4px;
}

.hover\:border-l-md:hover {
  border-left-width: 4px;
}

.hover\:border-lg:hover {
  border-width: 6px;
}

.hover\:border-t-lg:hover {
  border-top-width: 6px;
}

.hover\:border-r-lg:hover {
  border-right-width: 6px;
}

.hover\:border-b-lg:hover {
  border-bottom-width: 6px;
}

.hover\:border-l-lg:hover {
  border-left-width: 6px;
}

.hover\:border-xl:hover {
  border-width: 8px;
}

.hover\:border-t-xl:hover {
  border-top-width: 8px;
}

.hover\:border-r-xl:hover {
  border-right-width: 8px;
}

.hover\:border-b-xl:hover {
  border-bottom-width: 8px;
}

.hover\:border-l-xl:hover {
  border-left-width: 8px;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.hover\:opacity-25:hover {
  opacity: 0.25;
}

.hover\:opacity-0:hover {
  opacity: 0;
}

.hover\:shadow-sm:hover {
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-md:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
}

.hover\:shadow-lg:hover {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.hover\:shift-up-xs:hover {
  transform: translateY(-1px);
}

.hover\:shift-right-xs:hover {
  transform: translateX(1px);
}

.hover\:shift-bottom-xs:hover {
  transform: translateY(1px);
}

.hover\:shift-left-xs:hover {
  transform: translateX(-1px);
}

.hover\:shift-up-sm:hover {
  transform: translateY(-2px);
}

.hover\:shift-right-sm:hover {
  transform: translateX(2px);
}

.hover\:shift-bottom-sm:hover {
  transform: translateY(2px);
}

.hover\:shift-left-sm:hover {
  transform: translateX(-2px);
}

.hover\:shift-up-md:hover {
  transform: translateY(-4px);
}

.hover\:shift-right-md:hover {
  transform: translateX(4px);
}

.hover\:shift-bottom-md:hover {
  transform: translateY(4px);
}

.hover\:shift-left-md:hover {
  transform: translateX(-4px);
}

.hover\:shift-up-lg:hover {
  transform: translateY(-6px);
}

.hover\:shift-right-lg:hover {
  transform: translateX(6px);
}

.hover\:shift-bottom-lg:hover {
  transform: translateY(6px);
}

.hover\:shift-left-lg:hover {
  transform: translateX(-6px);
}

.hover\:shift-up-xl:hover {
  transform: translateY(-8px);
}

.hover\:shift-right-xl:hover {
  transform: translateX(8px);
}

.hover\:shift-bottom-xl:hover {
  transform: translateY(8px);
}

.hover\:shift-left-xl:hover {
  transform: translateX(-8px);
}

.hover\:appearance-none:hover {
  appearance: none;
}

.hover\:cursor-auto:hover {
  cursor: auto;
}

.hover\:cursor-default:hover {
  cursor: default;
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:cursor-wait:hover {
  cursor: wait;
}

.hover\:cursor-move:hover {
  cursor: move;
}

.hover\:cursor-not-allowed:hover {
  cursor: not-allowed;
}

.hover\:outline-none:hover {
  outline: none;
}

.hover\:pointer-events-none:hover {
  pointer-events: none;
}

.hover\:pointer-events-auto:hover {
  pointer-events: auto;
}

.hover\:resize-none:hover {
  resize: none;
}

.hover\:resizable:hover {
  resize: both;
}

.hover\:resizable-y:hover {
  resize: vertical;
}

.hover\:resizable-x:hover {
  resize: horizontal;
}

.hover\:user-select-text:hover {
  user-select: text;
}

.hover\:user-select-none:hover {
  user-select: none;
}

.hover\:overflow-auto:hover {
  overflow: auto;
}

.hover\:overflow-hidden:hover {
  overflow: hidden;
}

.hover\:overflow-visible:hover {
  overflow: visible;
}

.hover\:overflow-scroll:hover {
  overflow: scroll;
}

.hover\:overflow-x-auto:hover {
  overflow-x: auto;
}

.hover\:overflow-x-hidden:hover {
  overflow-x: hidden;
}

.hover\:overflow-x-visible:hover {
  overflow-x: visible;
}

.hover\:overflow-x-scroll:hover {
  overflow-x: scroll;
}

.hover\:overflow-y-auto:hover {
  overflow-y: auto;
}

.hover\:overflow-y-hidden:hover {
  overflow-y: hidden;
}

.hover\:overflow-y-visible:hover {
  overflow-y: visible;
}

.hover\:overflow-y-scroll:hover {
  overflow-y: scroll;
}

.hover\:overflow-scrolling-auto:hover {
  -webkit-overflow-scrolling: auto;
}

.hover\:overflow-scrolling-touch:hover {
  -webkit-overflow-scrolling: touch;
}

.container {
  margin: 0 auto;
  max-width: 1140px;
  position: relative;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 8px;
}
@media only screen and (min-width: 600px) {
  .grid {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .grid {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
  }
}

.focus\:w-auto:focus {
  width: auto;
}

.focus\:w-full:focus {
  width: 100%;
}

.focus\:w-screen:focus {
  width: 100vw;
}

.focus\:w-1px:focus {
  width: 1px;
}

.focus\:h-auto:focus {
  height: auto;
}

.focus\:h-full:focus {
  height: 100%;
}

.focus\:h-screen:focus {
  height: 100vh;
}

.focus\:h-1px:focus {
  height: 1px;
}

.focus\:min-w-auto:focus {
  min-width: auto;
}

.focus\:min-w-full:focus {
  min-width: 100%;
}

.focus\:min-w-screen:focus {
  min-width: 100vw;
}

.focus\:min-w-1px:focus {
  min-width: 1px;
}

.focus\:min-w-0:focus {
  min-width: 0;
}

.focus\:min-h-auto:focus {
  min-height: auto;
}

.focus\:min-h-full:focus {
  min-height: 100%;
}

.focus\:min-h-screen:focus {
  min-height: 100vh;
}

.focus\:min-h-1px:focus {
  min-height: 1px;
}

.focus\:min-h-0:focus {
  min-height: 0;
}

.focus\:max-w-auto:focus {
  max-width: auto;
}

.focus\:max-w-full:focus {
  max-width: 100%;
}

.focus\:max-w-screen:focus {
  max-width: 100vw;
}

.focus\:max-w-1px:focus {
  max-width: 1px;
}

.focus\:max-w-0:focus {
  max-width: 0;
}

.focus\:max-h-auto:focus {
  max-height: auto;
}

.focus\:max-h-full:focus {
  max-height: 100%;
}

.focus\:max-h-screen:focus {
  max-height: 100vh;
}

.focus\:max-h-1px:focus {
  max-height: 1px;
}

.focus\:max-h-0:focus {
  max-height: 0;
}

.focus\:mt-xs:focus {
  margin-top: 4px;
}

.focus\:mr-xs:focus {
  margin-right: 4px;
}

.focus\:mb-xs:focus {
  margin-bottom: 4px;
}

.focus\:ml-xs:focus {
  margin-left: 4px;
}

.focus\:mx-xs:focus {
  margin-left: 4px;
  margin-right: 4px;
}

.focus\:my-xs:focus {
  margin-top: 4px;
  margin-bottom: 4px;
}

.focus\:m-xs:focus {
  margin: 4px;
}

.focus\:pt-xs:focus {
  padding-top: 4px;
}

.focus\:pr-xs:focus {
  padding-right: 4px;
}

.focus\:pb-xs:focus {
  padding-bottom: 4px;
}

.focus\:pl-xs:focus {
  padding-left: 4px;
}

.focus\:px-xs:focus {
  padding-left: 4px;
  padding-right: 4px;
}

.focus\:py-xs:focus {
  padding-top: 4px;
  padding-bottom: 4px;
}

.focus\:p-xs:focus {
  padding: 4px;
}

.focus\:mt-sm:focus {
  margin-top: 8px;
}

.focus\:mr-sm:focus {
  margin-right: 8px;
}

.focus\:mb-sm:focus {
  margin-bottom: 8px;
}

.focus\:ml-sm:focus {
  margin-left: 8px;
}

.focus\:mx-sm:focus {
  margin-left: 8px;
  margin-right: 8px;
}

.focus\:my-sm:focus {
  margin-top: 8px;
  margin-bottom: 8px;
}

.focus\:m-sm:focus {
  margin: 8px;
}

.focus\:pt-sm:focus {
  padding-top: 8px;
}

.focus\:pr-sm:focus {
  padding-right: 8px;
}

.focus\:pb-sm:focus {
  padding-bottom: 8px;
}

.focus\:pl-sm:focus {
  padding-left: 8px;
}

.focus\:px-sm:focus {
  padding-left: 8px;
  padding-right: 8px;
}

.focus\:py-sm:focus {
  padding-top: 8px;
  padding-bottom: 8px;
}

.focus\:p-sm:focus {
  padding: 8px;
}

.focus\:mt-md:focus {
  margin-top: 16px;
}

.focus\:mr-md:focus {
  margin-right: 16px;
}

.focus\:mb-md:focus {
  margin-bottom: 16px;
}

.focus\:ml-md:focus {
  margin-left: 16px;
}

.focus\:mx-md:focus {
  margin-left: 16px;
  margin-right: 16px;
}

.focus\:my-md:focus {
  margin-top: 16px;
  margin-bottom: 16px;
}

.focus\:m-md:focus {
  margin: 16px;
}

.focus\:pt-md:focus {
  padding-top: 16px;
}

.focus\:pr-md:focus {
  padding-right: 16px;
}

.focus\:pb-md:focus {
  padding-bottom: 16px;
}

.focus\:pl-md:focus {
  padding-left: 16px;
}

.focus\:px-md:focus {
  padding-left: 16px;
  padding-right: 16px;
}

.focus\:py-md:focus {
  padding-top: 16px;
  padding-bottom: 16px;
}

.focus\:p-md:focus {
  padding: 16px;
}

.focus\:mt-lg:focus {
  margin-top: 24px;
}

.focus\:mr-lg:focus {
  margin-right: 24px;
}

.focus\:mb-lg:focus {
  margin-bottom: 24px;
}

.focus\:ml-lg:focus {
  margin-left: 24px;
}

.focus\:mx-lg:focus {
  margin-left: 24px;
  margin-right: 24px;
}

.focus\:my-lg:focus {
  margin-top: 24px;
  margin-bottom: 24px;
}

.focus\:m-lg:focus {
  margin: 24px;
}

.focus\:pt-lg:focus {
  padding-top: 24px;
}

.focus\:pr-lg:focus {
  padding-right: 24px;
}

.focus\:pb-lg:focus {
  padding-bottom: 24px;
}

.focus\:pl-lg:focus {
  padding-left: 24px;
}

.focus\:px-lg:focus {
  padding-left: 24px;
  padding-right: 24px;
}

.focus\:py-lg:focus {
  padding-top: 24px;
  padding-bottom: 24px;
}

.focus\:p-lg:focus {
  padding: 24px;
}

.focus\:mt-xl:focus {
  margin-top: 32px;
}

.focus\:mr-xl:focus {
  margin-right: 32px;
}

.focus\:mb-xl:focus {
  margin-bottom: 32px;
}

.focus\:ml-xl:focus {
  margin-left: 32px;
}

.focus\:mx-xl:focus {
  margin-left: 32px;
  margin-right: 32px;
}

.focus\:my-xl:focus {
  margin-top: 32px;
  margin-bottom: 32px;
}

.focus\:m-xl:focus {
  margin: 32px;
}

.focus\:pt-xl:focus {
  padding-top: 32px;
}

.focus\:pr-xl:focus {
  padding-right: 32px;
}

.focus\:pb-xl:focus {
  padding-bottom: 32px;
}

.focus\:pl-xl:focus {
  padding-left: 32px;
}

.focus\:px-xl:focus {
  padding-left: 32px;
  padding-right: 32px;
}

.focus\:py-xl:focus {
  padding-top: 32px;
  padding-bottom: 32px;
}

.focus\:p-xl:focus {
  padding: 32px;
}

.focus\:mt-2xl:focus {
  margin-top: 48px;
}

.focus\:mr-2xl:focus {
  margin-right: 48px;
}

.focus\:mb-2xl:focus {
  margin-bottom: 48px;
}

.focus\:ml-2xl:focus {
  margin-left: 48px;
}

.focus\:mx-2xl:focus {
  margin-left: 48px;
  margin-right: 48px;
}

.focus\:my-2xl:focus {
  margin-top: 48px;
  margin-bottom: 48px;
}

.focus\:m-2xl:focus {
  margin: 48px;
}

.focus\:pt-2xl:focus {
  padding-top: 48px;
}

.focus\:pr-2xl:focus {
  padding-right: 48px;
}

.focus\:pb-2xl:focus {
  padding-bottom: 48px;
}

.focus\:pl-2xl:focus {
  padding-left: 48px;
}

.focus\:px-2xl:focus {
  padding-left: 48px;
  padding-right: 48px;
}

.focus\:py-2xl:focus {
  padding-top: 48px;
  padding-bottom: 48px;
}

.focus\:p-2xl:focus {
  padding: 48px;
}

.focus\:mt-3xl:focus {
  margin-top: 64px;
}

.focus\:mr-3xl:focus {
  margin-right: 64px;
}

.focus\:mb-3xl:focus {
  margin-bottom: 64px;
}

.focus\:ml-3xl:focus {
  margin-left: 64px;
}

.focus\:mx-3xl:focus {
  margin-left: 64px;
  margin-right: 64px;
}

.focus\:my-3xl:focus {
  margin-top: 64px;
  margin-bottom: 64px;
}

.focus\:m-3xl:focus {
  margin: 64px;
}

.focus\:pt-3xl:focus {
  padding-top: 64px;
}

.focus\:pr-3xl:focus {
  padding-right: 64px;
}

.focus\:pb-3xl:focus {
  padding-bottom: 64px;
}

.focus\:pl-3xl:focus {
  padding-left: 64px;
}

.focus\:px-3xl:focus {
  padding-left: 64px;
  padding-right: 64px;
}

.focus\:py-3xl:focus {
  padding-top: 64px;
  padding-bottom: 64px;
}

.focus\:p-3xl:focus {
  padding: 64px;
}

.focus\:block:focus {
  display: block;
}

.focus\:inline:focus {
  display: inline;
}

.focus\:inline-block:focus {
  display: inline-block;
}

.focus\:hidden:focus {
  display: none;
}

.focus\:text-center:focus {
  text-align: center;
}

.focus\:text-left:focus {
  text-align: left;
}

.focus\:text-right:focus {
  text-align: right;
}

.focus\:text-justify:focus {
  text-align: justify;
}

.focus\:float-left:focus {
  float: left;
}

.focus\:float-right:focus {
  float: right;
}

.focus\:float-none:focus {
  float: none;
}

.focus\:static:focus {
  position: static;
}

.focus\:fixed:focus {
  position: fixed;
}

.focus\:absolute:focus {
  position: absolute;
}

.focus\:relative:focus {
  position: relative;
}

.focus\:sticky:focus {
  position: sticky;
}

.focus\:pin:focus {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.focus\:pin-t:focus {
  top: 0;
}

.focus\:pin-r:focus {
  right: 0;
}

.focus\:pin-b:focus {
  bottom: 0;
}

.focus\:pin-l:focus {
  left: 0;
}

.focus\:visible:focus {
  visibility: visible;
}

.focus\:invisible:focus {
  visibility: hidden;
}

.focus\:z-0:focus {
  z-index: 0;
}

.focus\:z-1:focus {
  z-index: 1;
}

.focus\:z-2:focus {
  z-index: 2;
}

.focus\:z-10:focus {
  z-index: 10;
}

.focus\:z-20:focus {
  z-index: 20;
}

.focus\:z-max:focus {
  z-index: 2147483647;
}

.focus\:vertical-align-baseline:focus {
  vertical-align: baseline;
}

.focus\:vertical-align-top:focus {
  vertical-align: top;
}

.focus\:vertical-align-middle:focus {
  vertical-align: middle;
}

.focus\:vertical-align-bottom:focus {
  vertical-align: bottom;
}

.focus\:vertical-align-text-top:focus {
  vertical-align: text-top;
}

.focus\:vertical-align-text-bottom:focus {
  vertical-align: text-bottom;
}

.focus\:italic:focus {
  font-style: italic;
}

.focus\:underline:focus {
  text-decoration: underline;
}

.focus\:no-underline:focus {
  text-decoration: none;
}

.focus\:lowercase:focus {
  text-transform: lowercase;
}

.focus\:uppercase:focus {
  text-transform: uppercase;
}

.focus\:capitalize:focus {
  text-transform: capitalize;
}

.focus\:list-reset:focus {
  list-style: none;
  padding: 0;
}

.focus\:whitespace-normal:focus {
  white-space: normal;
}

.focus\:whitespace-no-wrap:focus {
  white-space: nowrap;
}

.focus\:whitespace-pre:focus {
  white-space: pre;
}

.focus\:whitespace-pre-line:focus {
  white-space: pre-line;
}

.focus\:whitespace-pre-wrap:focus {
  white-space: pre-wrap;
}

.focus\:break-word:focus {
  word-wrap: break-word;
}

.focus\:break-normal:focus {
  word-wrap: normal;
}

.focus\:truncate:focus {
  overflow: hidden;
  text-overflow: ellipses;
  white-space: nowrap;
}

.focus\:font-size-xs:focus {
  font-size: 0.75rem;
}

.focus\:font-size-sm:focus {
  font-size: 0.875rem;
}

.focus\:font-size-md:focus {
  font-size: 1rem;
}

.focus\:font-size-lg:focus {
  font-size: 1.5rem;
}

.focus\:font-size-xl:focus {
  font-size: 1.875rem;
}

.focus\:font-size-2xl:focus {
  font-size: 2.25rem;
}

.focus\:font-size-3xl:focus {
  font-size: 3rem;
}

.focus\:font-size-4xl:focus {
  font-size: 3.75rem;
}

.focus\:font-weight-bold:focus {
  font-weight: 700;
}

.focus\:font-weight-medium:focus {
  font-weight: 500;
}

.focus\:font-weight-regular:focus {
  font-weight: 400;
}

.focus\:font-weight-light:focus {
  font-weight: 300;
}

.focus\:font-weight-thin:focus {
  font-weight: 100;
}

.focus\:leading-sm:focus {
  line-height: 1.25rem;
}

.focus\:leading-md:focus {
  line-height: 1.5rem;
}

.focus\:leading-lg:focus {
  line-height: 1.75rem;
}

.focus\:leading-xl:focus {
  line-height: 2rem;
}

.focus\:letter-spacing-tight:focus {
  letter-spacing: -0.05rem;
}

.focus\:letter-spacing-normal:focus {
  letter-spacing: 0;
}

.focus\:letter-spacing-wide:focus {
  letter-spacing: 0.05rem;
}

.focus\:rounded-full:focus {
  border-radius: 9999px;
}

.focus\:border-style-solid:focus {
  border-style: solid;
}

.focus\:border-style-dashed:focus {
  border-style: dashed;
}

.focus\:border-style-dotted:focus {
  border-style: dotted;
}

.focus\:border-style-inset:focus {
  border-style: inset;
}

.focus\:border-style-outset:focus {
  border-style: outset;
}

.focus\:rounded-sm:focus {
  border-radius: 5px;
}

.focus\:rounded-tl-sm:focus {
  border-top-left-radius: 5px;
}

.focus\:rounded-tr-sm:focus {
  border-top-right-radius: 5px;
}

.focus\:rounded-bl-sm:focus {
  border-bottom-left-radius: 5px;
}

.focus\:rounded-br-sm:focus {
  border-bottom-right-radius: 5px;
}

.focus\:rounded-md:focus {
  border-radius: 10px;
}

.focus\:rounded-tl-md:focus {
  border-top-left-radius: 10px;
}

.focus\:rounded-tr-md:focus {
  border-top-right-radius: 10px;
}

.focus\:rounded-bl-md:focus {
  border-bottom-left-radius: 10px;
}

.focus\:rounded-br-md:focus {
  border-bottom-right-radius: 10px;
}

.focus\:rounded-lg:focus {
  border-radius: 15px;
}

.focus\:rounded-tl-lg:focus {
  border-top-left-radius: 15px;
}

.focus\:rounded-tr-lg:focus {
  border-top-right-radius: 15px;
}

.focus\:rounded-bl-lg:focus {
  border-bottom-left-radius: 15px;
}

.focus\:rounded-br-lg:focus {
  border-bottom-right-radius: 15px;
}

.focus\:rounded-xl:focus {
  border-radius: 20px;
}

.focus\:rounded-tl-xl:focus {
  border-top-left-radius: 20px;
}

.focus\:rounded-tr-xl:focus {
  border-top-right-radius: 20px;
}

.focus\:rounded-bl-xl:focus {
  border-bottom-left-radius: 20px;
}

.focus\:rounded-br-xl:focus {
  border-bottom-right-radius: 20px;
}

.focus\:border-xs:focus {
  border-width: 1px;
}

.focus\:border-t-xs:focus {
  border-top-width: 1px;
}

.focus\:border-r-xs:focus {
  border-right-width: 1px;
}

.focus\:border-b-xs:focus {
  border-bottom-width: 1px;
}

.focus\:border-l-xs:focus {
  border-left-width: 1px;
}

.focus\:border-sm:focus {
  border-width: 2px;
}

.focus\:border-t-sm:focus {
  border-top-width: 2px;
}

.focus\:border-r-sm:focus {
  border-right-width: 2px;
}

.focus\:border-b-sm:focus {
  border-bottom-width: 2px;
}

.focus\:border-l-sm:focus {
  border-left-width: 2px;
}

.focus\:border-md:focus {
  border-width: 4px;
}

.focus\:border-t-md:focus {
  border-top-width: 4px;
}

.focus\:border-r-md:focus {
  border-right-width: 4px;
}

.focus\:border-b-md:focus {
  border-bottom-width: 4px;
}

.focus\:border-l-md:focus {
  border-left-width: 4px;
}

.focus\:border-lg:focus {
  border-width: 6px;
}

.focus\:border-t-lg:focus {
  border-top-width: 6px;
}

.focus\:border-r-lg:focus {
  border-right-width: 6px;
}

.focus\:border-b-lg:focus {
  border-bottom-width: 6px;
}

.focus\:border-l-lg:focus {
  border-left-width: 6px;
}

.focus\:border-xl:focus {
  border-width: 8px;
}

.focus\:border-t-xl:focus {
  border-top-width: 8px;
}

.focus\:border-r-xl:focus {
  border-right-width: 8px;
}

.focus\:border-b-xl:focus {
  border-bottom-width: 8px;
}

.focus\:border-l-xl:focus {
  border-left-width: 8px;
}

.focus\:opacity-100:focus {
  opacity: 1;
}

.focus\:opacity-75:focus {
  opacity: 0.75;
}

.focus\:opacity-50:focus {
  opacity: 0.5;
}

.focus\:opacity-25:focus {
  opacity: 0.25;
}

.focus\:opacity-0:focus {
  opacity: 0;
}

.focus\:shadow-sm:focus {
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
}

.focus\:shadow-md:focus {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
}

.focus\:shadow-lg:focus {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.focus\:shift-up-xs:focus {
  transform: translateY(-1px);
}

.focus\:shift-right-xs:focus {
  transform: translateX(1px);
}

.focus\:shift-bottom-xs:focus {
  transform: translateY(1px);
}

.focus\:shift-left-xs:focus {
  transform: translateX(-1px);
}

.focus\:shift-up-sm:focus {
  transform: translateY(-2px);
}

.focus\:shift-right-sm:focus {
  transform: translateX(2px);
}

.focus\:shift-bottom-sm:focus {
  transform: translateY(2px);
}

.focus\:shift-left-sm:focus {
  transform: translateX(-2px);
}

.focus\:shift-up-md:focus {
  transform: translateY(-4px);
}

.focus\:shift-right-md:focus {
  transform: translateX(4px);
}

.focus\:shift-bottom-md:focus {
  transform: translateY(4px);
}

.focus\:shift-left-md:focus {
  transform: translateX(-4px);
}

.focus\:shift-up-lg:focus {
  transform: translateY(-6px);
}

.focus\:shift-right-lg:focus {
  transform: translateX(6px);
}

.focus\:shift-bottom-lg:focus {
  transform: translateY(6px);
}

.focus\:shift-left-lg:focus {
  transform: translateX(-6px);
}

.focus\:shift-up-xl:focus {
  transform: translateY(-8px);
}

.focus\:shift-right-xl:focus {
  transform: translateX(8px);
}

.focus\:shift-bottom-xl:focus {
  transform: translateY(8px);
}

.focus\:shift-left-xl:focus {
  transform: translateX(-8px);
}

.focus\:appearance-none:focus {
  appearance: none;
}

.focus\:cursor-auto:focus {
  cursor: auto;
}

.focus\:cursor-default:focus {
  cursor: default;
}

.focus\:cursor-pointer:focus {
  cursor: pointer;
}

.focus\:cursor-wait:focus {
  cursor: wait;
}

.focus\:cursor-move:focus {
  cursor: move;
}

.focus\:cursor-not-allowed:focus {
  cursor: not-allowed;
}

.focus\:outline-none:focus {
  outline: none;
}

.focus\:pointer-events-none:focus {
  pointer-events: none;
}

.focus\:pointer-events-auto:focus {
  pointer-events: auto;
}

.focus\:resize-none:focus {
  resize: none;
}

.focus\:resizable:focus {
  resize: both;
}

.focus\:resizable-y:focus {
  resize: vertical;
}

.focus\:resizable-x:focus {
  resize: horizontal;
}

.focus\:user-select-text:focus {
  user-select: text;
}

.focus\:user-select-none:focus {
  user-select: none;
}

.focus\:overflow-auto:focus {
  overflow: auto;
}

.focus\:overflow-hidden:focus {
  overflow: hidden;
}

.focus\:overflow-visible:focus {
  overflow: visible;
}

.focus\:overflow-scroll:focus {
  overflow: scroll;
}

.focus\:overflow-x-auto:focus {
  overflow-x: auto;
}

.focus\:overflow-x-hidden:focus {
  overflow-x: hidden;
}

.focus\:overflow-x-visible:focus {
  overflow-x: visible;
}

.focus\:overflow-x-scroll:focus {
  overflow-x: scroll;
}

.focus\:overflow-y-auto:focus {
  overflow-y: auto;
}

.focus\:overflow-y-hidden:focus {
  overflow-y: hidden;
}

.focus\:overflow-y-visible:focus {
  overflow-y: visible;
}

.focus\:overflow-y-scroll:focus {
  overflow-y: scroll;
}

.focus\:overflow-scrolling-auto:focus {
  -webkit-overflow-scrolling: auto;
}

.focus\:overflow-scrolling-touch:focus {
  -webkit-overflow-scrolling: touch;
}

.container {
  margin: 0 auto;
  max-width: 1140px;
  position: relative;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 8px;
}
@media only screen and (min-width: 600px) {
  .grid {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .grid {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
  }
}

.active\:w-auto:active {
  width: auto;
}

.active\:w-full:active {
  width: 100%;
}

.active\:w-screen:active {
  width: 100vw;
}

.active\:w-1px:active {
  width: 1px;
}

.active\:h-auto:active {
  height: auto;
}

.active\:h-full:active {
  height: 100%;
}

.active\:h-screen:active {
  height: 100vh;
}

.active\:h-1px:active {
  height: 1px;
}

.active\:min-w-auto:active {
  min-width: auto;
}

.active\:min-w-full:active {
  min-width: 100%;
}

.active\:min-w-screen:active {
  min-width: 100vw;
}

.active\:min-w-1px:active {
  min-width: 1px;
}

.active\:min-w-0:active {
  min-width: 0;
}

.active\:min-h-auto:active {
  min-height: auto;
}

.active\:min-h-full:active {
  min-height: 100%;
}

.active\:min-h-screen:active {
  min-height: 100vh;
}

.active\:min-h-1px:active {
  min-height: 1px;
}

.active\:min-h-0:active {
  min-height: 0;
}

.active\:max-w-auto:active {
  max-width: auto;
}

.active\:max-w-full:active {
  max-width: 100%;
}

.active\:max-w-screen:active {
  max-width: 100vw;
}

.active\:max-w-1px:active {
  max-width: 1px;
}

.active\:max-w-0:active {
  max-width: 0;
}

.active\:max-h-auto:active {
  max-height: auto;
}

.active\:max-h-full:active {
  max-height: 100%;
}

.active\:max-h-screen:active {
  max-height: 100vh;
}

.active\:max-h-1px:active {
  max-height: 1px;
}

.active\:max-h-0:active {
  max-height: 0;
}

.active\:mt-xs:active {
  margin-top: 4px;
}

.active\:mr-xs:active {
  margin-right: 4px;
}

.active\:mb-xs:active {
  margin-bottom: 4px;
}

.active\:ml-xs:active {
  margin-left: 4px;
}

.active\:mx-xs:active {
  margin-left: 4px;
  margin-right: 4px;
}

.active\:my-xs:active {
  margin-top: 4px;
  margin-bottom: 4px;
}

.active\:m-xs:active {
  margin: 4px;
}

.active\:pt-xs:active {
  padding-top: 4px;
}

.active\:pr-xs:active {
  padding-right: 4px;
}

.active\:pb-xs:active {
  padding-bottom: 4px;
}

.active\:pl-xs:active {
  padding-left: 4px;
}

.active\:px-xs:active {
  padding-left: 4px;
  padding-right: 4px;
}

.active\:py-xs:active {
  padding-top: 4px;
  padding-bottom: 4px;
}

.active\:p-xs:active {
  padding: 4px;
}

.active\:mt-sm:active {
  margin-top: 8px;
}

.active\:mr-sm:active {
  margin-right: 8px;
}

.active\:mb-sm:active {
  margin-bottom: 8px;
}

.active\:ml-sm:active {
  margin-left: 8px;
}

.active\:mx-sm:active {
  margin-left: 8px;
  margin-right: 8px;
}

.active\:my-sm:active {
  margin-top: 8px;
  margin-bottom: 8px;
}

.active\:m-sm:active {
  margin: 8px;
}

.active\:pt-sm:active {
  padding-top: 8px;
}

.active\:pr-sm:active {
  padding-right: 8px;
}

.active\:pb-sm:active {
  padding-bottom: 8px;
}

.active\:pl-sm:active {
  padding-left: 8px;
}

.active\:px-sm:active {
  padding-left: 8px;
  padding-right: 8px;
}

.active\:py-sm:active {
  padding-top: 8px;
  padding-bottom: 8px;
}

.active\:p-sm:active {
  padding: 8px;
}

.active\:mt-md:active {
  margin-top: 16px;
}

.active\:mr-md:active {
  margin-right: 16px;
}

.active\:mb-md:active {
  margin-bottom: 16px;
}

.active\:ml-md:active {
  margin-left: 16px;
}

.active\:mx-md:active {
  margin-left: 16px;
  margin-right: 16px;
}

.active\:my-md:active {
  margin-top: 16px;
  margin-bottom: 16px;
}

.active\:m-md:active {
  margin: 16px;
}

.active\:pt-md:active {
  padding-top: 16px;
}

.active\:pr-md:active {
  padding-right: 16px;
}

.active\:pb-md:active {
  padding-bottom: 16px;
}

.active\:pl-md:active {
  padding-left: 16px;
}

.active\:px-md:active {
  padding-left: 16px;
  padding-right: 16px;
}

.active\:py-md:active {
  padding-top: 16px;
  padding-bottom: 16px;
}

.active\:p-md:active {
  padding: 16px;
}

.active\:mt-lg:active {
  margin-top: 24px;
}

.active\:mr-lg:active {
  margin-right: 24px;
}

.active\:mb-lg:active {
  margin-bottom: 24px;
}

.active\:ml-lg:active {
  margin-left: 24px;
}

.active\:mx-lg:active {
  margin-left: 24px;
  margin-right: 24px;
}

.active\:my-lg:active {
  margin-top: 24px;
  margin-bottom: 24px;
}

.active\:m-lg:active {
  margin: 24px;
}

.active\:pt-lg:active {
  padding-top: 24px;
}

.active\:pr-lg:active {
  padding-right: 24px;
}

.active\:pb-lg:active {
  padding-bottom: 24px;
}

.active\:pl-lg:active {
  padding-left: 24px;
}

.active\:px-lg:active {
  padding-left: 24px;
  padding-right: 24px;
}

.active\:py-lg:active {
  padding-top: 24px;
  padding-bottom: 24px;
}

.active\:p-lg:active {
  padding: 24px;
}

.active\:mt-xl:active {
  margin-top: 32px;
}

.active\:mr-xl:active {
  margin-right: 32px;
}

.active\:mb-xl:active {
  margin-bottom: 32px;
}

.active\:ml-xl:active {
  margin-left: 32px;
}

.active\:mx-xl:active {
  margin-left: 32px;
  margin-right: 32px;
}

.active\:my-xl:active {
  margin-top: 32px;
  margin-bottom: 32px;
}

.active\:m-xl:active {
  margin: 32px;
}

.active\:pt-xl:active {
  padding-top: 32px;
}

.active\:pr-xl:active {
  padding-right: 32px;
}

.active\:pb-xl:active {
  padding-bottom: 32px;
}

.active\:pl-xl:active {
  padding-left: 32px;
}

.active\:px-xl:active {
  padding-left: 32px;
  padding-right: 32px;
}

.active\:py-xl:active {
  padding-top: 32px;
  padding-bottom: 32px;
}

.active\:p-xl:active {
  padding: 32px;
}

.active\:mt-2xl:active {
  margin-top: 48px;
}

.active\:mr-2xl:active {
  margin-right: 48px;
}

.active\:mb-2xl:active {
  margin-bottom: 48px;
}

.active\:ml-2xl:active {
  margin-left: 48px;
}

.active\:mx-2xl:active {
  margin-left: 48px;
  margin-right: 48px;
}

.active\:my-2xl:active {
  margin-top: 48px;
  margin-bottom: 48px;
}

.active\:m-2xl:active {
  margin: 48px;
}

.active\:pt-2xl:active {
  padding-top: 48px;
}

.active\:pr-2xl:active {
  padding-right: 48px;
}

.active\:pb-2xl:active {
  padding-bottom: 48px;
}

.active\:pl-2xl:active {
  padding-left: 48px;
}

.active\:px-2xl:active {
  padding-left: 48px;
  padding-right: 48px;
}

.active\:py-2xl:active {
  padding-top: 48px;
  padding-bottom: 48px;
}

.active\:p-2xl:active {
  padding: 48px;
}

.active\:mt-3xl:active {
  margin-top: 64px;
}

.active\:mr-3xl:active {
  margin-right: 64px;
}

.active\:mb-3xl:active {
  margin-bottom: 64px;
}

.active\:ml-3xl:active {
  margin-left: 64px;
}

.active\:mx-3xl:active {
  margin-left: 64px;
  margin-right: 64px;
}

.active\:my-3xl:active {
  margin-top: 64px;
  margin-bottom: 64px;
}

.active\:m-3xl:active {
  margin: 64px;
}

.active\:pt-3xl:active {
  padding-top: 64px;
}

.active\:pr-3xl:active {
  padding-right: 64px;
}

.active\:pb-3xl:active {
  padding-bottom: 64px;
}

.active\:pl-3xl:active {
  padding-left: 64px;
}

.active\:px-3xl:active {
  padding-left: 64px;
  padding-right: 64px;
}

.active\:py-3xl:active {
  padding-top: 64px;
  padding-bottom: 64px;
}

.active\:p-3xl:active {
  padding: 64px;
}

.active\:block:active {
  display: block;
}

.active\:inline:active {
  display: inline;
}

.active\:inline-block:active {
  display: inline-block;
}

.active\:hidden:active {
  display: none;
}

.active\:text-center:active {
  text-align: center;
}

.active\:text-left:active {
  text-align: left;
}

.active\:text-right:active {
  text-align: right;
}

.active\:text-justify:active {
  text-align: justify;
}

.active\:float-left:active {
  float: left;
}

.active\:float-right:active {
  float: right;
}

.active\:float-none:active {
  float: none;
}

.active\:static:active {
  position: static;
}

.active\:fixed:active {
  position: fixed;
}

.active\:absolute:active {
  position: absolute;
}

.active\:relative:active {
  position: relative;
}

.active\:sticky:active {
  position: sticky;
}

.active\:pin:active {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.active\:pin-t:active {
  top: 0;
}

.active\:pin-r:active {
  right: 0;
}

.active\:pin-b:active {
  bottom: 0;
}

.active\:pin-l:active {
  left: 0;
}

.active\:visible:active {
  visibility: visible;
}

.active\:invisible:active {
  visibility: hidden;
}

.active\:z-0:active {
  z-index: 0;
}

.active\:z-1:active {
  z-index: 1;
}

.active\:z-2:active {
  z-index: 2;
}

.active\:z-10:active {
  z-index: 10;
}

.active\:z-20:active {
  z-index: 20;
}

.active\:z-max:active {
  z-index: 2147483647;
}

.active\:vertical-align-baseline:active {
  vertical-align: baseline;
}

.active\:vertical-align-top:active {
  vertical-align: top;
}

.active\:vertical-align-middle:active {
  vertical-align: middle;
}

.active\:vertical-align-bottom:active {
  vertical-align: bottom;
}

.active\:vertical-align-text-top:active {
  vertical-align: text-top;
}

.active\:vertical-align-text-bottom:active {
  vertical-align: text-bottom;
}

.active\:italic:active {
  font-style: italic;
}

.active\:underline:active {
  text-decoration: underline;
}

.active\:no-underline:active {
  text-decoration: none;
}

.active\:lowercase:active {
  text-transform: lowercase;
}

.active\:uppercase:active {
  text-transform: uppercase;
}

.active\:capitalize:active {
  text-transform: capitalize;
}

.active\:list-reset:active {
  list-style: none;
  padding: 0;
}

.active\:whitespace-normal:active {
  white-space: normal;
}

.active\:whitespace-no-wrap:active {
  white-space: nowrap;
}

.active\:whitespace-pre:active {
  white-space: pre;
}

.active\:whitespace-pre-line:active {
  white-space: pre-line;
}

.active\:whitespace-pre-wrap:active {
  white-space: pre-wrap;
}

.active\:break-word:active {
  word-wrap: break-word;
}

.active\:break-normal:active {
  word-wrap: normal;
}

.active\:truncate:active {
  overflow: hidden;
  text-overflow: ellipses;
  white-space: nowrap;
}

.active\:font-size-xs:active {
  font-size: 0.75rem;
}

.active\:font-size-sm:active {
  font-size: 0.875rem;
}

.active\:font-size-md:active {
  font-size: 1rem;
}

.active\:font-size-lg:active {
  font-size: 1.5rem;
}

.active\:font-size-xl:active {
  font-size: 1.875rem;
}

.active\:font-size-2xl:active {
  font-size: 2.25rem;
}

.active\:font-size-3xl:active {
  font-size: 3rem;
}

.active\:font-size-4xl:active {
  font-size: 3.75rem;
}

.active\:font-weight-bold:active {
  font-weight: 700;
}

.active\:font-weight-medium:active {
  font-weight: 500;
}

.active\:font-weight-regular:active {
  font-weight: 400;
}

.active\:font-weight-light:active {
  font-weight: 300;
}

.active\:font-weight-thin:active {
  font-weight: 100;
}

.active\:leading-sm:active {
  line-height: 1.25rem;
}

.active\:leading-md:active {
  line-height: 1.5rem;
}

.active\:leading-lg:active {
  line-height: 1.75rem;
}

.active\:leading-xl:active {
  line-height: 2rem;
}

.active\:letter-spacing-tight:active {
  letter-spacing: -0.05rem;
}

.active\:letter-spacing-normal:active {
  letter-spacing: 0;
}

.active\:letter-spacing-wide:active {
  letter-spacing: 0.05rem;
}

.active\:rounded-full:active {
  border-radius: 9999px;
}

.active\:border-style-solid:active {
  border-style: solid;
}

.active\:border-style-dashed:active {
  border-style: dashed;
}

.active\:border-style-dotted:active {
  border-style: dotted;
}

.active\:border-style-inset:active {
  border-style: inset;
}

.active\:border-style-outset:active {
  border-style: outset;
}

.active\:rounded-sm:active {
  border-radius: 5px;
}

.active\:rounded-tl-sm:active {
  border-top-left-radius: 5px;
}

.active\:rounded-tr-sm:active {
  border-top-right-radius: 5px;
}

.active\:rounded-bl-sm:active {
  border-bottom-left-radius: 5px;
}

.active\:rounded-br-sm:active {
  border-bottom-right-radius: 5px;
}

.active\:rounded-md:active {
  border-radius: 10px;
}

.active\:rounded-tl-md:active {
  border-top-left-radius: 10px;
}

.active\:rounded-tr-md:active {
  border-top-right-radius: 10px;
}

.active\:rounded-bl-md:active {
  border-bottom-left-radius: 10px;
}

.active\:rounded-br-md:active {
  border-bottom-right-radius: 10px;
}

.active\:rounded-lg:active {
  border-radius: 15px;
}

.active\:rounded-tl-lg:active {
  border-top-left-radius: 15px;
}

.active\:rounded-tr-lg:active {
  border-top-right-radius: 15px;
}

.active\:rounded-bl-lg:active {
  border-bottom-left-radius: 15px;
}

.active\:rounded-br-lg:active {
  border-bottom-right-radius: 15px;
}

.active\:rounded-xl:active {
  border-radius: 20px;
}

.active\:rounded-tl-xl:active {
  border-top-left-radius: 20px;
}

.active\:rounded-tr-xl:active {
  border-top-right-radius: 20px;
}

.active\:rounded-bl-xl:active {
  border-bottom-left-radius: 20px;
}

.active\:rounded-br-xl:active {
  border-bottom-right-radius: 20px;
}

.active\:border-xs:active {
  border-width: 1px;
}

.active\:border-t-xs:active {
  border-top-width: 1px;
}

.active\:border-r-xs:active {
  border-right-width: 1px;
}

.active\:border-b-xs:active {
  border-bottom-width: 1px;
}

.active\:border-l-xs:active {
  border-left-width: 1px;
}

.active\:border-sm:active {
  border-width: 2px;
}

.active\:border-t-sm:active {
  border-top-width: 2px;
}

.active\:border-r-sm:active {
  border-right-width: 2px;
}

.active\:border-b-sm:active {
  border-bottom-width: 2px;
}

.active\:border-l-sm:active {
  border-left-width: 2px;
}

.active\:border-md:active {
  border-width: 4px;
}

.active\:border-t-md:active {
  border-top-width: 4px;
}

.active\:border-r-md:active {
  border-right-width: 4px;
}

.active\:border-b-md:active {
  border-bottom-width: 4px;
}

.active\:border-l-md:active {
  border-left-width: 4px;
}

.active\:border-lg:active {
  border-width: 6px;
}

.active\:border-t-lg:active {
  border-top-width: 6px;
}

.active\:border-r-lg:active {
  border-right-width: 6px;
}

.active\:border-b-lg:active {
  border-bottom-width: 6px;
}

.active\:border-l-lg:active {
  border-left-width: 6px;
}

.active\:border-xl:active {
  border-width: 8px;
}

.active\:border-t-xl:active {
  border-top-width: 8px;
}

.active\:border-r-xl:active {
  border-right-width: 8px;
}

.active\:border-b-xl:active {
  border-bottom-width: 8px;
}

.active\:border-l-xl:active {
  border-left-width: 8px;
}

.active\:opacity-100:active {
  opacity: 1;
}

.active\:opacity-75:active {
  opacity: 0.75;
}

.active\:opacity-50:active {
  opacity: 0.5;
}

.active\:opacity-25:active {
  opacity: 0.25;
}

.active\:opacity-0:active {
  opacity: 0;
}

.active\:shadow-sm:active {
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
}

.active\:shadow-md:active {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
}

.active\:shadow-lg:active {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.active\:shift-up-xs:active {
  transform: translateY(-1px);
}

.active\:shift-right-xs:active {
  transform: translateX(1px);
}

.active\:shift-bottom-xs:active {
  transform: translateY(1px);
}

.active\:shift-left-xs:active {
  transform: translateX(-1px);
}

.active\:shift-up-sm:active {
  transform: translateY(-2px);
}

.active\:shift-right-sm:active {
  transform: translateX(2px);
}

.active\:shift-bottom-sm:active {
  transform: translateY(2px);
}

.active\:shift-left-sm:active {
  transform: translateX(-2px);
}

.active\:shift-up-md:active {
  transform: translateY(-4px);
}

.active\:shift-right-md:active {
  transform: translateX(4px);
}

.active\:shift-bottom-md:active {
  transform: translateY(4px);
}

.active\:shift-left-md:active {
  transform: translateX(-4px);
}

.active\:shift-up-lg:active {
  transform: translateY(-6px);
}

.active\:shift-right-lg:active {
  transform: translateX(6px);
}

.active\:shift-bottom-lg:active {
  transform: translateY(6px);
}

.active\:shift-left-lg:active {
  transform: translateX(-6px);
}

.active\:shift-up-xl:active {
  transform: translateY(-8px);
}

.active\:shift-right-xl:active {
  transform: translateX(8px);
}

.active\:shift-bottom-xl:active {
  transform: translateY(8px);
}

.active\:shift-left-xl:active {
  transform: translateX(-8px);
}

.active\:appearance-none:active {
  appearance: none;
}

.active\:cursor-auto:active {
  cursor: auto;
}

.active\:cursor-default:active {
  cursor: default;
}

.active\:cursor-pointer:active {
  cursor: pointer;
}

.active\:cursor-wait:active {
  cursor: wait;
}

.active\:cursor-move:active {
  cursor: move;
}

.active\:cursor-not-allowed:active {
  cursor: not-allowed;
}

.active\:outline-none:active {
  outline: none;
}

.active\:pointer-events-none:active {
  pointer-events: none;
}

.active\:pointer-events-auto:active {
  pointer-events: auto;
}

.active\:resize-none:active {
  resize: none;
}

.active\:resizable:active {
  resize: both;
}

.active\:resizable-y:active {
  resize: vertical;
}

.active\:resizable-x:active {
  resize: horizontal;
}

.active\:user-select-text:active {
  user-select: text;
}

.active\:user-select-none:active {
  user-select: none;
}

.active\:overflow-auto:active {
  overflow: auto;
}

.active\:overflow-hidden:active {
  overflow: hidden;
}

.active\:overflow-visible:active {
  overflow: visible;
}

.active\:overflow-scroll:active {
  overflow: scroll;
}

.active\:overflow-x-auto:active {
  overflow-x: auto;
}

.active\:overflow-x-hidden:active {
  overflow-x: hidden;
}

.active\:overflow-x-visible:active {
  overflow-x: visible;
}

.active\:overflow-x-scroll:active {
  overflow-x: scroll;
}

.active\:overflow-y-auto:active {
  overflow-y: auto;
}

.active\:overflow-y-hidden:active {
  overflow-y: hidden;
}

.active\:overflow-y-visible:active {
  overflow-y: visible;
}

.active\:overflow-y-scroll:active {
  overflow-y: scroll;
}

.active\:overflow-scrolling-auto:active {
  -webkit-overflow-scrolling: auto;
}

.active\:overflow-scrolling-touch:active {
  -webkit-overflow-scrolling: touch;
}

:root {
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 1.875rem;
  --font-size-2xl: 2.25rem;
  --font-size-3xl: 3rem;
  --font-size-4xl: 3.75rem;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-light: 300;
  --font-weight-thin: 100;
  --leading-sm: 1.25rem;
  --leading-md: 1.5rem;
  --leading-lg: 1.75rem;
  --leading-xl: 2rem;
  --letter-spacing-tight: -0.05rem;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.05rem;
  --breakpoint-sm: 320px;
  --breakpoint-md: 600px;
  --breakpoint-lg: 1024px;
  --container-width: 1140px;
  --grid-columns: 12;
  --column-gutter-sm: 16px;
  --column-gutter-md: 16px;
  --column-gutter-lg: 24px;
  --row-gutter-sm: 8px;
  --row-gutter-md: 8px;
  --row-gutter-lg: 16px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --border-radius-sm: 5px;
  --border-radius-md: 10px;
  --border-radius-lg: 15px;
  --border-radius-xl: 20px;
  --border-width-xs: 1px;
  --border-width-sm: 2px;
  --border-width-md: 4px;
  --border-width-lg: 6px;
  --border-width-xl: 8px;
  --speed-extra-slow: 500ms;
  --speed-slow: 400ms;
  --speed-normal: 300ms;
  --speed-fast: 200ms;
  --speed-extra-fast: 100ms;
  --box-shadow-sm: 0 7px 15px 0 rgba(0, 0, 0, 0.11), 0 1px 8px 0 rgba(0, 0, 0, 0.06);
  --box-shadow-md: 0 10px 20px 0 rgba(0, 0, 0, 0.22), 0 3px 12px 0 rgba(0, 0, 0, 0.07);
  --box-shadow-lg: 0 15px 30px 0 rgba(0, 0, 0, 0.33), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

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