@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');

html {
    box-sizing: border-box;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
body {
    font-family: 'Open Sans', sans-serif;  
    background-color: #2d3748;
    color: #edf2f7!important;
    height: 100%;
    padding: 0px;
    margin: 0px;
    touch-action: manipulation;
}
*, *:before, *:after {
    box-sizing: inherit;
}
.bg-green-800 {
	background-color: #065F46
}
.w-40 {
  width: 10rem;
}

.h-36 {
  height: 9rem;
}

@media (min-width: 640px) {
  .sm\:flex-row {
    flex-direction: row
  }

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

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

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

  .sm\:flex-1 {
    flex: 1 1 0%
  }

  .sm\:flex-auto {
    flex: 1 1 auto
  }

  .sm\:flex-initial {
    flex: 0 1 auto
  }

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

  .sm\:gap-0 {
    gap: 0px
  }

  .sm\:gap-1 {
    gap: 0.25rem
  }

  .sm\:gap-2 {
    gap: 0.5rem
  }

  .sm\:gap-3 {
    gap: 0.75rem
  }

  .sm\:gap-4 {
    gap: 1rem
  }

  .sm\:gap-5 {
    gap: 1.25rem
  }

  .sm\:gap-6 {
    gap: 1.5rem
  }

  .sm\:gap-7 {
    gap: 1.75rem
  }

  .sm\:gap-8 {
    gap: 2rem
  }

  .sm\:gap-9 {
    gap: 2.25rem
  }

  .sm\:gap-10 {
    gap: 2.5rem
  }

  .sm\:gap-11 {
    gap: 2.75rem
  }

  .sm\:gap-12 {
    gap: 3rem
  }

  .sm\:gap-14 {
    gap: 3.5rem
  }

  .sm\:gap-16 {
    gap: 4rem
  }

  .sm\:gap-20 {
    gap: 5rem
  }

  .sm\:gap-24 {
    gap: 6rem
  }

  .sm\:gap-28 {
    gap: 7rem
  }

  .sm\:gap-32 {
    gap: 8rem
  }

  .sm\:gap-36 {
    gap: 9rem
  }

  .sm\:gap-40 {
    gap: 10rem
  }

  .sm\:gap-44 {
    gap: 11rem
  }

  .sm\:gap-48 {
    gap: 12rem
  }

  .sm\:gap-52 {
    gap: 13rem
  }

  .sm\:gap-56 {
    gap: 14rem
  }

  .sm\:gap-60 {
    gap: 15rem
  }

  .sm\:gap-64 {
    gap: 16rem
  }

  .sm\:gap-72 {
    gap: 18rem
  }

  .sm\:gap-80 {
    gap: 20rem
  }

  .sm\:gap-96 {
    gap: 24rem
  }

  .sm\:gap-px {
    gap: 1px
  }

  .sm\:gap-0\.5 {
    gap: 0.125rem
  }

  .sm\:gap-1\.5 {
    gap: 0.375rem
  }

  .sm\:gap-2\.5 {
    gap: 0.625rem
  }

  .sm\:gap-3\.5 {
    gap: 0.875rem
  }

  .sm\:gap-x-0 {
    -moz-column-gap: 0px;
         column-gap: 0px
  }

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

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

  .sm\:gap-x-3 {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem
  }

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

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

  .sm\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem
  }

  .sm\:gap-x-7 {
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem
  }

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

  .sm\:gap-x-9 {
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem
  }

  .sm\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem
  }

  .sm\:gap-x-11 {
    -moz-column-gap: 2.75rem;
         column-gap: 2.75rem
  }

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

  .sm\:gap-x-14 {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem
  }

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

  .sm\:gap-x-20 {
    -moz-column-gap: 5rem;
         column-gap: 5rem
  }

  .sm\:gap-x-24 {
    -moz-column-gap: 6rem;
         column-gap: 6rem
  }

  .sm\:gap-x-28 {
    -moz-column-gap: 7rem;
         column-gap: 7rem
  }

  .sm\:gap-x-32 {
    -moz-column-gap: 8rem;
         column-gap: 8rem
  }

  .sm\:gap-x-36 {
    -moz-column-gap: 9rem;
         column-gap: 9rem
  }

  .sm\:gap-x-40 {
    -moz-column-gap: 10rem;
         column-gap: 10rem
  }

  .sm\:gap-x-44 {
    -moz-column-gap: 11rem;
         column-gap: 11rem
  }

  .sm\:gap-x-48 {
    -moz-column-gap: 12rem;
         column-gap: 12rem
  }

  .sm\:gap-x-52 {
    -moz-column-gap: 13rem;
         column-gap: 13rem
  }

  .sm\:gap-x-56 {
    -moz-column-gap: 14rem;
         column-gap: 14rem
  }

  .sm\:gap-x-60 {
    -moz-column-gap: 15rem;
         column-gap: 15rem
  }

  .sm\:gap-x-64 {
    -moz-column-gap: 16rem;
         column-gap: 16rem
  }

  .sm\:gap-x-72 {
    -moz-column-gap: 18rem;
         column-gap: 18rem
  }

  .sm\:gap-x-80 {
    -moz-column-gap: 20rem;
         column-gap: 20rem
  }

  .sm\:gap-x-96 {
    -moz-column-gap: 24rem;
         column-gap: 24rem
  }

  .sm\:gap-x-px {
    -moz-column-gap: 1px;
         column-gap: 1px
  }

  .sm\:gap-x-0\.5 {
    -moz-column-gap: 0.125rem;
         column-gap: 0.125rem
  }

  .sm\:gap-x-1\.5 {
    -moz-column-gap: 0.375rem;
         column-gap: 0.375rem
  }

  .sm\:gap-x-2\.5 {
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem
  }

  .sm\:gap-x-3\.5 {
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem
  }

  .sm\:gap-y-0 {
    row-gap: 0px
  }

  .sm\:gap-y-1 {
    row-gap: 0.25rem
  }

  .sm\:gap-y-2 {
    row-gap: 0.5rem
  }

  .sm\:gap-y-3 {
    row-gap: 0.75rem
  }

  .sm\:gap-y-4 {
    row-gap: 1rem
  }

  .sm\:gap-y-5 {
    row-gap: 1.25rem
  }

  .sm\:gap-y-6 {
    row-gap: 1.5rem
  }

  .sm\:gap-y-7 {
    row-gap: 1.75rem
  }

  .sm\:gap-y-8 {
    row-gap: 2rem
  }

  .sm\:gap-y-9 {
    row-gap: 2.25rem
  }

  .sm\:gap-y-10 {
    row-gap: 2.5rem
  }

  .sm\:gap-y-11 {
    row-gap: 2.75rem
  }

  .sm\:gap-y-12 {
    row-gap: 3rem
  }

  .sm\:gap-y-14 {
    row-gap: 3.5rem
  }

  .sm\:gap-y-16 {
    row-gap: 4rem
  }

  .sm\:gap-y-20 {
    row-gap: 5rem
  }

  .sm\:gap-y-24 {
    row-gap: 6rem
  }

  .sm\:gap-y-28 {
    row-gap: 7rem
  }

  .sm\:gap-y-32 {
    row-gap: 8rem
  }

  .sm\:gap-y-36 {
    row-gap: 9rem
  }

  .sm\:gap-y-40 {
    row-gap: 10rem
  }

  .sm\:gap-y-44 {
    row-gap: 11rem
  }

  .sm\:gap-y-48 {
    row-gap: 12rem
  }

  .sm\:gap-y-52 {
    row-gap: 13rem
  }

  .sm\:gap-y-56 {
    row-gap: 14rem
  }

  .sm\:gap-y-60 {
    row-gap: 15rem
  }

  .sm\:gap-y-64 {
    row-gap: 16rem
  }

  .sm\:gap-y-72 {
    row-gap: 18rem
  }

  .sm\:gap-y-80 {
    row-gap: 20rem
  }

  .sm\:gap-y-96 {
    row-gap: 24rem
  }

  .sm\:gap-y-px {
    row-gap: 1px
  }

  .sm\:gap-y-0\.5 {
    row-gap: 0.125rem
  }

  .sm\:gap-y-1\.5 {
    row-gap: 0.375rem
  }

  .sm\:gap-y-2\.5 {
    row-gap: 0.625rem
  }

  .sm\:gap-y-3\.5 {
    row-gap: 0.875rem
  }

  .sm\:grid-flow-row {
    grid-auto-flow: row
  }

  .sm\:grid-flow-col {
    grid-auto-flow: column
  }

  .sm\:grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .sm\:grid-flow-col-dense {
    grid-auto-flow: column dense
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .sm\:grid-cols-none {
    grid-template-columns: none
  }

  .sm\:auto-cols-auto {
    grid-auto-columns: auto
  }

  .sm\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content
  }

  .sm\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
  }

  .sm\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
  }

  .sm\:col-auto {
    grid-column: auto
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6
  }

  .sm\:col-span-7 {
    grid-column: span 7 / span 7
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8
  }

  .sm\:col-span-9 {
    grid-column: span 9 / span 9
  }

  .sm\:col-span-10 {
    grid-column: span 10 / span 10
  }

  .sm\:col-span-11 {
    grid-column: span 11 / span 11
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12
  }

  .sm\:col-span-full {
    grid-column: 1 / -1
  }

  .sm\:col-start-1 {
    grid-column-start: 1
  }

  .sm\:col-start-2 {
    grid-column-start: 2
  }

  .sm\:col-start-3 {
    grid-column-start: 3
  }

  .sm\:col-start-4 {
    grid-column-start: 4
  }

  .sm\:col-start-5 {
    grid-column-start: 5
  }

  .sm\:col-start-6 {
    grid-column-start: 6
  }

  .sm\:col-start-7 {
    grid-column-start: 7
  }

  .sm\:col-start-8 {
    grid-column-start: 8
  }

  .sm\:col-start-9 {
    grid-column-start: 9
  }

  .sm\:col-start-10 {
    grid-column-start: 10
  }

  .sm\:col-start-11 {
    grid-column-start: 11
  }

  .sm\:col-start-12 {
    grid-column-start: 12
  }

  .sm\:col-start-13 {
    grid-column-start: 13
  }

  .sm\:col-start-auto {
    grid-column-start: auto
  }

  .sm\:col-end-1 {
    grid-column-end: 1
  }

  .sm\:col-end-2 {
    grid-column-end: 2
  }

  .sm\:col-end-3 {
    grid-column-end: 3
  }

  .sm\:col-end-4 {
    grid-column-end: 4
  }

  .sm\:col-end-5 {
    grid-column-end: 5
  }

  .sm\:col-end-6 {
    grid-column-end: 6
  }

  .sm\:col-end-7 {
    grid-column-end: 7
  }

  .sm\:col-end-8 {
    grid-column-end: 8
  }

  .sm\:col-end-9 {
    grid-column-end: 9
  }

  .sm\:col-end-10 {
    grid-column-end: 10
  }

  .sm\:col-end-11 {
    grid-column-end: 11
  }

  .sm\:col-end-12 {
    grid-column-end: 12
  }

  .sm\:col-end-13 {
    grid-column-end: 13
  }

  .sm\:col-end-auto {
    grid-column-end: auto
  }

  .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .sm\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .sm\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .sm\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .sm\:grid-rows-none {
    grid-template-rows: none
  }

  .sm\:auto-rows-auto {
    grid-auto-rows: auto
  }

  .sm\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
  }

  .sm\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content
  }

  .sm\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr)
  }

  .sm\:row-auto {
    grid-row: auto
  }

  .sm\:row-span-1 {
    grid-row: span 1 / span 1
  }

  .sm\:row-span-2 {
    grid-row: span 2 / span 2
  }

  .sm\:row-span-3 {
    grid-row: span 3 / span 3
  }

  .sm\:row-span-4 {
    grid-row: span 4 / span 4
  }

  .sm\:row-span-5 {
    grid-row: span 5 / span 5
  }

  .sm\:row-span-6 {
    grid-row: span 6 / span 6
  }

  .sm\:row-span-full {
    grid-row: 1 / -1
  }

  .sm\:row-start-1 {
    grid-row-start: 1
  }

  .sm\:row-start-2 {
    grid-row-start: 2
  }

  .sm\:row-start-3 {
    grid-row-start: 3
  }

  .sm\:row-start-4 {
    grid-row-start: 4
  }

  .sm\:row-start-5 {
    grid-row-start: 5
  }

  .sm\:row-start-6 {
    grid-row-start: 6
  }

  .sm\:row-start-7 {
    grid-row-start: 7
  }

  .sm\:row-start-auto {
    grid-row-start: auto
  }

  .sm\:row-end-1 {
    grid-row-end: 1
  }

  .sm\:row-end-2 {
    grid-row-end: 2
  }

  .sm\:row-end-3 {
    grid-row-end: 3
  }

  .sm\:row-end-4 {
    grid-row-end: 4
  }

  .sm\:row-end-5 {
    grid-row-end: 5
  }

  .sm\:row-end-6 {
    grid-row-end: 6
  }

  .sm\:row-end-7 {
    grid-row-end: 7
  }

  .sm\:row-end-auto {
    grid-row-end: auto
  }
}

@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row
  }

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

  .md\:flex-col {
    flex-direction: column
  }

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

  .md\:flex-1 {
    flex: 1 1 0%
  }

  .md\:flex-auto {
    flex: 1 1 auto
  }

  .md\:flex-initial {
    flex: 0 1 auto
  }

  .md\:flex-none {
    flex: none
  }

  .md\:gap-0 {
    gap: 0px
  }

  .md\:gap-1 {
    gap: 0.25rem
  }

  .md\:gap-2 {
    gap: 0.5rem
  }

  .md\:gap-3 {
    gap: 0.75rem
  }

  .md\:gap-4 {
    gap: 1rem
  }

  .md\:gap-5 {
    gap: 1.25rem
  }

  .md\:gap-6 {
    gap: 1.5rem
  }

  .md\:gap-7 {
    gap: 1.75rem
  }

  .md\:gap-8 {
    gap: 2rem
  }

  .md\:gap-9 {
    gap: 2.25rem
  }

  .md\:gap-10 {
    gap: 2.5rem
  }

  .md\:gap-11 {
    gap: 2.75rem
  }

  .md\:gap-12 {
    gap: 3rem
  }

  .md\:gap-14 {
    gap: 3.5rem
  }

  .md\:gap-16 {
    gap: 4rem
  }

  .md\:gap-20 {
    gap: 5rem
  }

  .md\:gap-24 {
    gap: 6rem
  }

  .md\:gap-28 {
    gap: 7rem
  }

  .md\:gap-32 {
    gap: 8rem
  }

  .md\:gap-36 {
    gap: 9rem
  }

  .md\:gap-40 {
    gap: 10rem
  }

  .md\:gap-44 {
    gap: 11rem
  }

  .md\:gap-48 {
    gap: 12rem
  }

  .md\:gap-52 {
    gap: 13rem
  }

  .md\:gap-56 {
    gap: 14rem
  }

  .md\:gap-60 {
    gap: 15rem
  }

  .md\:gap-64 {
    gap: 16rem
  }

  .md\:gap-72 {
    gap: 18rem
  }

  .md\:gap-80 {
    gap: 20rem
  }

  .md\:gap-96 {
    gap: 24rem
  }

  .md\:gap-px {
    gap: 1px
  }

  .md\:gap-0\.5 {
    gap: 0.125rem
  }

  .md\:gap-1\.5 {
    gap: 0.375rem
  }

  .md\:gap-2\.5 {
    gap: 0.625rem
  }

  .md\:gap-3\.5 {
    gap: 0.875rem
  }

  .md\:gap-x-0 {
    -moz-column-gap: 0px;
         column-gap: 0px
  }

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

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

  .md\:gap-x-3 {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem
  }

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

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

  .md\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem
  }

  .md\:gap-x-7 {
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem
  }

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

  .md\:gap-x-9 {
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem
  }

  .md\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem
  }

  .md\:gap-x-11 {
    -moz-column-gap: 2.75rem;
         column-gap: 2.75rem
  }

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

  .md\:gap-x-14 {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem
  }

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

  .md\:gap-x-20 {
    -moz-column-gap: 5rem;
         column-gap: 5rem
  }

  .md\:gap-x-24 {
    -moz-column-gap: 6rem;
         column-gap: 6rem
  }

  .md\:gap-x-28 {
    -moz-column-gap: 7rem;
         column-gap: 7rem
  }

  .md\:gap-x-32 {
    -moz-column-gap: 8rem;
         column-gap: 8rem
  }

  .md\:gap-x-36 {
    -moz-column-gap: 9rem;
         column-gap: 9rem
  }

  .md\:gap-x-40 {
    -moz-column-gap: 10rem;
         column-gap: 10rem
  }

  .md\:gap-x-44 {
    -moz-column-gap: 11rem;
         column-gap: 11rem
  }

  .md\:gap-x-48 {
    -moz-column-gap: 12rem;
         column-gap: 12rem
  }

  .md\:gap-x-52 {
    -moz-column-gap: 13rem;
         column-gap: 13rem
  }

  .md\:gap-x-56 {
    -moz-column-gap: 14rem;
         column-gap: 14rem
  }

  .md\:gap-x-60 {
    -moz-column-gap: 15rem;
         column-gap: 15rem
  }

  .md\:gap-x-64 {
    -moz-column-gap: 16rem;
         column-gap: 16rem
  }

  .md\:gap-x-72 {
    -moz-column-gap: 18rem;
         column-gap: 18rem
  }

  .md\:gap-x-80 {
    -moz-column-gap: 20rem;
         column-gap: 20rem
  }

  .md\:gap-x-96 {
    -moz-column-gap: 24rem;
         column-gap: 24rem
  }

  .md\:gap-x-px {
    -moz-column-gap: 1px;
         column-gap: 1px
  }

  .md\:gap-x-0\.5 {
    -moz-column-gap: 0.125rem;
         column-gap: 0.125rem
  }

  .md\:gap-x-1\.5 {
    -moz-column-gap: 0.375rem;
         column-gap: 0.375rem
  }

  .md\:gap-x-2\.5 {
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem
  }

  .md\:gap-x-3\.5 {
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem
  }

  .md\:gap-y-0 {
    row-gap: 0px
  }

  .md\:gap-y-1 {
    row-gap: 0.25rem
  }

  .md\:gap-y-2 {
    row-gap: 0.5rem
  }

  .md\:gap-y-3 {
    row-gap: 0.75rem
  }

  .md\:gap-y-4 {
    row-gap: 1rem
  }

  .md\:gap-y-5 {
    row-gap: 1.25rem
  }

  .md\:gap-y-6 {
    row-gap: 1.5rem
  }

  .md\:gap-y-7 {
    row-gap: 1.75rem
  }

  .md\:gap-y-8 {
    row-gap: 2rem
  }

  .md\:gap-y-9 {
    row-gap: 2.25rem
  }

  .md\:gap-y-10 {
    row-gap: 2.5rem
  }

  .md\:gap-y-11 {
    row-gap: 2.75rem
  }

  .md\:gap-y-12 {
    row-gap: 3rem
  }

  .md\:gap-y-14 {
    row-gap: 3.5rem
  }

  .md\:gap-y-16 {
    row-gap: 4rem
  }

  .md\:gap-y-20 {
    row-gap: 5rem
  }

  .md\:gap-y-24 {
    row-gap: 6rem
  }

  .md\:gap-y-28 {
    row-gap: 7rem
  }

  .md\:gap-y-32 {
    row-gap: 8rem
  }

  .md\:gap-y-36 {
    row-gap: 9rem
  }

  .md\:gap-y-40 {
    row-gap: 10rem
  }

  .md\:gap-y-44 {
    row-gap: 11rem
  }

  .md\:gap-y-48 {
    row-gap: 12rem
  }

  .md\:gap-y-52 {
    row-gap: 13rem
  }

  .md\:gap-y-56 {
    row-gap: 14rem
  }

  .md\:gap-y-60 {
    row-gap: 15rem
  }

  .md\:gap-y-64 {
    row-gap: 16rem
  }

  .md\:gap-y-72 {
    row-gap: 18rem
  }

  .md\:gap-y-80 {
    row-gap: 20rem
  }

  .md\:gap-y-96 {
    row-gap: 24rem
  }

  .md\:gap-y-px {
    row-gap: 1px
  }

  .md\:gap-y-0\.5 {
    row-gap: 0.125rem
  }

  .md\:gap-y-1\.5 {
    row-gap: 0.375rem
  }

  .md\:gap-y-2\.5 {
    row-gap: 0.625rem
  }

  .md\:gap-y-3\.5 {
    row-gap: 0.875rem
  }

  .md\:grid-flow-row {
    grid-auto-flow: row
  }

  .md\:grid-flow-col {
    grid-auto-flow: column
  }

  .md\:grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .md\:grid-flow-col-dense {
    grid-auto-flow: column dense
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .md\:grid-cols-none {
    grid-template-columns: none
  }

  .md\:auto-cols-auto {
    grid-auto-columns: auto
  }

  .md\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content
  }

  .md\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
  }

  .md\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
  }

  .md\:col-auto {
    grid-column: auto
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12
  }

  .md\:col-span-full {
    grid-column: 1 / -1
  }

  .md\:col-start-1 {
    grid-column-start: 1
  }

  .md\:col-start-2 {
    grid-column-start: 2
  }

  .md\:col-start-3 {
    grid-column-start: 3
  }

  .md\:col-start-4 {
    grid-column-start: 4
  }

  .md\:col-start-5 {
    grid-column-start: 5
  }

  .md\:col-start-6 {
    grid-column-start: 6
  }

  .md\:col-start-7 {
    grid-column-start: 7
  }

  .md\:col-start-8 {
    grid-column-start: 8
  }

  .md\:col-start-9 {
    grid-column-start: 9
  }

  .md\:col-start-10 {
    grid-column-start: 10
  }

  .md\:col-start-11 {
    grid-column-start: 11
  }

  .md\:col-start-12 {
    grid-column-start: 12
  }

  .md\:col-start-13 {
    grid-column-start: 13
  }

  .md\:col-start-auto {
    grid-column-start: auto
  }

  .md\:col-end-1 {
    grid-column-end: 1
  }

  .md\:col-end-2 {
    grid-column-end: 2
  }

  .md\:col-end-3 {
    grid-column-end: 3
  }

  .md\:col-end-4 {
    grid-column-end: 4
  }

  .md\:col-end-5 {
    grid-column-end: 5
  }

  .md\:col-end-6 {
    grid-column-end: 6
  }

  .md\:col-end-7 {
    grid-column-end: 7
  }

  .md\:col-end-8 {
    grid-column-end: 8
  }

  .md\:col-end-9 {
    grid-column-end: 9
  }

  .md\:col-end-10 {
    grid-column-end: 10
  }

  .md\:col-end-11 {
    grid-column-end: 11
  }

  .md\:col-end-12 {
    grid-column-end: 12
  }

  .md\:col-end-13 {
    grid-column-end: 13
  }

  .md\:col-end-auto {
    grid-column-end: auto
  }

  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .md\:grid-rows-none {
    grid-template-rows: none
  }

  .md\:auto-rows-auto {
    grid-auto-rows: auto
  }

  .md\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
  }

  .md\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content
  }

  .md\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr)
  }

  .md\:row-auto {
    grid-row: auto
  }

  .md\:row-span-1 {
    grid-row: span 1 / span 1
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2
  }

  .md\:row-span-3 {
    grid-row: span 3 / span 3
  }

  .md\:row-span-4 {
    grid-row: span 4 / span 4
  }

  .md\:row-span-5 {
    grid-row: span 5 / span 5
  }

  .md\:row-span-6 {
    grid-row: span 6 / span 6
  }

  .md\:row-span-full {
    grid-row: 1 / -1
  }

  .md\:row-start-1 {
    grid-row-start: 1
  }

  .md\:row-start-2 {
    grid-row-start: 2
  }

  .md\:row-start-3 {
    grid-row-start: 3
  }

  .md\:row-start-4 {
    grid-row-start: 4
  }

  .md\:row-start-5 {
    grid-row-start: 5
  }

  .md\:row-start-6 {
    grid-row-start: 6
  }

  .md\:row-start-7 {
    grid-row-start: 7
  }

  .md\:row-start-auto {
    grid-row-start: auto
  }

  .md\:row-end-1 {
    grid-row-end: 1
  }

  .md\:row-end-2 {
    grid-row-end: 2
  }

  .md\:row-end-3 {
    grid-row-end: 3
  }

  .md\:row-end-4 {
    grid-row-end: 4
  }

  .md\:row-end-5 {
    grid-row-end: 5
  }

  .md\:row-end-6 {
    grid-row-end: 6
  }

  .md\:row-end-7 {
    grid-row-end: 7
  }

  .md\:row-end-auto {
    grid-row-end: auto
  }
}

@media (min-width: 1024px) {
  .lg\:flex-row {
    flex-direction: row
  }

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

  .lg\:flex-col {
    flex-direction: column
  }

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

  .lg\:flex-1 {
    flex: 1 1 0%
  }

  .lg\:flex-auto {
    flex: 1 1 auto
  }

  .lg\:flex-initial {
    flex: 0 1 auto
  }

  .lg\:flex-none {
    flex: none
  }

  .lg\:gap-0 {
    gap: 0px
  }

  .lg\:gap-1 {
    gap: 0.25rem
  }

  .lg\:gap-2 {
    gap: 0.5rem
  }

  .lg\:gap-3 {
    gap: 0.75rem
  }

  .lg\:gap-4 {
    gap: 1rem
  }

  .lg\:gap-5 {
    gap: 1.25rem
  }

  .lg\:gap-6 {
    gap: 1.5rem
  }

  .lg\:gap-7 {
    gap: 1.75rem
  }

  .lg\:gap-8 {
    gap: 2rem
  }

  .lg\:gap-9 {
    gap: 2.25rem
  }

  .lg\:gap-10 {
    gap: 2.5rem
  }

  .lg\:gap-11 {
    gap: 2.75rem
  }

  .lg\:gap-12 {
    gap: 3rem
  }

  .lg\:gap-14 {
    gap: 3.5rem
  }

  .lg\:gap-16 {
    gap: 4rem
  }

  .lg\:gap-20 {
    gap: 5rem
  }

  .lg\:gap-24 {
    gap: 6rem
  }

  .lg\:gap-28 {
    gap: 7rem
  }

  .lg\:gap-32 {
    gap: 8rem
  }

  .lg\:gap-36 {
    gap: 9rem
  }

  .lg\:gap-40 {
    gap: 10rem
  }

  .lg\:gap-44 {
    gap: 11rem
  }

  .lg\:gap-48 {
    gap: 12rem
  }

  .lg\:gap-52 {
    gap: 13rem
  }

  .lg\:gap-56 {
    gap: 14rem
  }

  .lg\:gap-60 {
    gap: 15rem
  }

  .lg\:gap-64 {
    gap: 16rem
  }

  .lg\:gap-72 {
    gap: 18rem
  }

  .lg\:gap-80 {
    gap: 20rem
  }

  .lg\:gap-96 {
    gap: 24rem
  }

  .lg\:gap-px {
    gap: 1px
  }

  .lg\:gap-0\.5 {
    gap: 0.125rem
  }

  .lg\:gap-1\.5 {
    gap: 0.375rem
  }

  .lg\:gap-2\.5 {
    gap: 0.625rem
  }

  .lg\:gap-3\.5 {
    gap: 0.875rem
  }

  .lg\:gap-x-0 {
    -moz-column-gap: 0px;
         column-gap: 0px
  }

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

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

  .lg\:gap-x-3 {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem
  }

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

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

  .lg\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem
  }

  .lg\:gap-x-7 {
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem
  }

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

  .lg\:gap-x-9 {
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem
  }

  .lg\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem
  }

  .lg\:gap-x-11 {
    -moz-column-gap: 2.75rem;
         column-gap: 2.75rem
  }

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

  .lg\:gap-x-14 {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem
  }

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

  .lg\:gap-x-20 {
    -moz-column-gap: 5rem;
         column-gap: 5rem
  }

  .lg\:gap-x-24 {
    -moz-column-gap: 6rem;
         column-gap: 6rem
  }

  .lg\:gap-x-28 {
    -moz-column-gap: 7rem;
         column-gap: 7rem
  }

  .lg\:gap-x-32 {
    -moz-column-gap: 8rem;
         column-gap: 8rem
  }

  .lg\:gap-x-36 {
    -moz-column-gap: 9rem;
         column-gap: 9rem
  }

  .lg\:gap-x-40 {
    -moz-column-gap: 10rem;
         column-gap: 10rem
  }

  .lg\:gap-x-44 {
    -moz-column-gap: 11rem;
         column-gap: 11rem
  }

  .lg\:gap-x-48 {
    -moz-column-gap: 12rem;
         column-gap: 12rem
  }

  .lg\:gap-x-52 {
    -moz-column-gap: 13rem;
         column-gap: 13rem
  }

  .lg\:gap-x-56 {
    -moz-column-gap: 14rem;
         column-gap: 14rem
  }

  .lg\:gap-x-60 {
    -moz-column-gap: 15rem;
         column-gap: 15rem
  }

  .lg\:gap-x-64 {
    -moz-column-gap: 16rem;
         column-gap: 16rem
  }

  .lg\:gap-x-72 {
    -moz-column-gap: 18rem;
         column-gap: 18rem
  }

  .lg\:gap-x-80 {
    -moz-column-gap: 20rem;
         column-gap: 20rem
  }

  .lg\:gap-x-96 {
    -moz-column-gap: 24rem;
         column-gap: 24rem
  }

  .lg\:gap-x-px {
    -moz-column-gap: 1px;
         column-gap: 1px
  }

  .lg\:gap-x-0\.5 {
    -moz-column-gap: 0.125rem;
         column-gap: 0.125rem
  }

  .lg\:gap-x-1\.5 {
    -moz-column-gap: 0.375rem;
         column-gap: 0.375rem
  }

  .lg\:gap-x-2\.5 {
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem
  }

  .lg\:gap-x-3\.5 {
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem
  }

  .lg\:gap-y-0 {
    row-gap: 0px
  }

  .lg\:gap-y-1 {
    row-gap: 0.25rem
  }

  .lg\:gap-y-2 {
    row-gap: 0.5rem
  }

  .lg\:gap-y-3 {
    row-gap: 0.75rem
  }

  .lg\:gap-y-4 {
    row-gap: 1rem
  }

  .lg\:gap-y-5 {
    row-gap: 1.25rem
  }

  .lg\:gap-y-6 {
    row-gap: 1.5rem
  }

  .lg\:gap-y-7 {
    row-gap: 1.75rem
  }

  .lg\:gap-y-8 {
    row-gap: 2rem
  }

  .lg\:gap-y-9 {
    row-gap: 2.25rem
  }

  .lg\:gap-y-10 {
    row-gap: 2.5rem
  }

  .lg\:gap-y-11 {
    row-gap: 2.75rem
  }

  .lg\:gap-y-12 {
    row-gap: 3rem
  }

  .lg\:gap-y-14 {
    row-gap: 3.5rem
  }

  .lg\:gap-y-16 {
    row-gap: 4rem
  }

  .lg\:gap-y-20 {
    row-gap: 5rem
  }

  .lg\:gap-y-24 {
    row-gap: 6rem
  }

  .lg\:gap-y-28 {
    row-gap: 7rem
  }

  .lg\:gap-y-32 {
    row-gap: 8rem
  }

  .lg\:gap-y-36 {
    row-gap: 9rem
  }

  .lg\:gap-y-40 {
    row-gap: 10rem
  }

  .lg\:gap-y-44 {
    row-gap: 11rem
  }

  .lg\:gap-y-48 {
    row-gap: 12rem
  }

  .lg\:gap-y-52 {
    row-gap: 13rem
  }

  .lg\:gap-y-56 {
    row-gap: 14rem
  }

  .lg\:gap-y-60 {
    row-gap: 15rem
  }

  .lg\:gap-y-64 {
    row-gap: 16rem
  }

  .lg\:gap-y-72 {
    row-gap: 18rem
  }

  .lg\:gap-y-80 {
    row-gap: 20rem
  }

  .lg\:gap-y-96 {
    row-gap: 24rem
  }

  .lg\:gap-y-px {
    row-gap: 1px
  }

  .lg\:gap-y-0\.5 {
    row-gap: 0.125rem
  }

  .lg\:gap-y-1\.5 {
    row-gap: 0.375rem
  }

  .lg\:gap-y-2\.5 {
    row-gap: 0.625rem
  }

  .lg\:gap-y-3\.5 {
    row-gap: 0.875rem
  }

  .lg\:grid-flow-row {
    grid-auto-flow: row
  }

  .lg\:grid-flow-col {
    grid-auto-flow: column
  }

  .lg\:grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .lg\:grid-flow-col-dense {
    grid-auto-flow: column dense
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:grid-cols-none {
    grid-template-columns: none
  }

  .lg\:auto-cols-auto {
    grid-auto-columns: auto
  }

  .lg\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content
  }

  .lg\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
  }

  .lg\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
  }

  .lg\:col-auto {
    grid-column: auto
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9
  }

  .lg\:col-span-10 {
    grid-column: span 10 / span 10
  }

  .lg\:col-span-11 {
    grid-column: span 11 / span 11
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12
  }

  .lg\:col-span-full {
    grid-column: 1 / -1
  }

  .lg\:col-start-1 {
    grid-column-start: 1
  }

  .lg\:col-start-2 {
    grid-column-start: 2
  }

  .lg\:col-start-3 {
    grid-column-start: 3
  }

  .lg\:col-start-4 {
    grid-column-start: 4
  }

  .lg\:col-start-5 {
    grid-column-start: 5
  }

  .lg\:col-start-6 {
    grid-column-start: 6
  }

  .lg\:col-start-7 {
    grid-column-start: 7
  }

  .lg\:col-start-8 {
    grid-column-start: 8
  }

  .lg\:col-start-9 {
    grid-column-start: 9
  }

  .lg\:col-start-10 {
    grid-column-start: 10
  }

  .lg\:col-start-11 {
    grid-column-start: 11
  }

  .lg\:col-start-12 {
    grid-column-start: 12
  }

  .lg\:col-start-13 {
    grid-column-start: 13
  }

  .lg\:col-start-auto {
    grid-column-start: auto
  }

  .lg\:col-end-1 {
    grid-column-end: 1
  }

  .lg\:col-end-2 {
    grid-column-end: 2
  }

  .lg\:col-end-3 {
    grid-column-end: 3
  }

  .lg\:col-end-4 {
    grid-column-end: 4
  }

  .lg\:col-end-5 {
    grid-column-end: 5
  }

  .lg\:col-end-6 {
    grid-column-end: 6
  }

  .lg\:col-end-7 {
    grid-column-end: 7
  }

  .lg\:col-end-8 {
    grid-column-end: 8
  }

  .lg\:col-end-9 {
    grid-column-end: 9
  }

  .lg\:col-end-10 {
    grid-column-end: 10
  }

  .lg\:col-end-11 {
    grid-column-end: 11
  }

  .lg\:col-end-12 {
    grid-column-end: 12
  }

  .lg\:col-end-13 {
    grid-column-end: 13
  }

  .lg\:col-end-auto {
    grid-column-end: auto
  }

  .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .lg\:grid-rows-none {
    grid-template-rows: none
  }

  .lg\:auto-rows-auto {
    grid-auto-rows: auto
  }

  .lg\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
  }

  .lg\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content
  }

  .lg\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr)
  }

  .lg\:row-auto {
    grid-row: auto
  }

  .lg\:row-span-1 {
    grid-row: span 1 / span 1
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2
  }

  .lg\:row-span-3 {
    grid-row: span 3 / span 3
  }

  .lg\:row-span-4 {
    grid-row: span 4 / span 4
  }

  .lg\:row-span-5 {
    grid-row: span 5 / span 5
  }

  .lg\:row-span-6 {
    grid-row: span 6 / span 6
  }

  .lg\:row-span-full {
    grid-row: 1 / -1
  }

  .lg\:row-start-1 {
    grid-row-start: 1
  }

  .lg\:row-start-2 {
    grid-row-start: 2
  }

  .lg\:row-start-3 {
    grid-row-start: 3
  }

  .lg\:row-start-4 {
    grid-row-start: 4
  }

  .lg\:row-start-5 {
    grid-row-start: 5
  }

  .lg\:row-start-6 {
    grid-row-start: 6
  }

  .lg\:row-start-7 {
    grid-row-start: 7
  }

  .lg\:row-start-auto {
    grid-row-start: auto
  }

  .lg\:row-end-1 {
    grid-row-end: 1
  }

  .lg\:row-end-2 {
    grid-row-end: 2
  }

  .lg\:row-end-3 {
    grid-row-end: 3
  }

  .lg\:row-end-4 {
    grid-row-end: 4
  }

  .lg\:row-end-5 {
    grid-row-end: 5
  }

  .lg\:row-end-6 {
    grid-row-end: 6
  }

  .lg\:row-end-7 {
    grid-row-end: 7
  }

  .lg\:row-end-auto {
    grid-row-end: auto
  }
}

@media (min-width: 1280px) {
  .xl\:flex-row {
    flex-direction: row
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .xl\:flex-col {
    flex-direction: column
  }

  .xl\:flex-col-reverse {
    flex-direction: column-reverse
  }

  .xl\:flex-1 {
    flex: 1 1 0%
  }

  .xl\:flex-auto {
    flex: 1 1 auto
  }

  .xl\:flex-initial {
    flex: 0 1 auto
  }

  .xl\:flex-none {
    flex: none
  }

  .xl\:gap-0 {
    gap: 0px
  }

  .xl\:gap-1 {
    gap: 0.25rem
  }

  .xl\:gap-2 {
    gap: 0.5rem
  }

  .xl\:gap-3 {
    gap: 0.75rem
  }

  .xl\:gap-4 {
    gap: 1rem
  }

  .xl\:gap-5 {
    gap: 1.25rem
  }

  .xl\:gap-6 {
    gap: 1.5rem
  }

  .xl\:gap-7 {
    gap: 1.75rem
  }

  .xl\:gap-8 {
    gap: 2rem
  }

  .xl\:gap-9 {
    gap: 2.25rem
  }

  .xl\:gap-10 {
    gap: 2.5rem
  }

  .xl\:gap-11 {
    gap: 2.75rem
  }

  .xl\:gap-12 {
    gap: 3rem
  }

  .xl\:gap-14 {
    gap: 3.5rem
  }

  .xl\:gap-16 {
    gap: 4rem
  }

  .xl\:gap-20 {
    gap: 5rem
  }

  .xl\:gap-24 {
    gap: 6rem
  }

  .xl\:gap-28 {
    gap: 7rem
  }

  .xl\:gap-32 {
    gap: 8rem
  }

  .xl\:gap-36 {
    gap: 9rem
  }

  .xl\:gap-40 {
    gap: 10rem
  }

  .xl\:gap-44 {
    gap: 11rem
  }

  .xl\:gap-48 {
    gap: 12rem
  }

  .xl\:gap-52 {
    gap: 13rem
  }

  .xl\:gap-56 {
    gap: 14rem
  }

  .xl\:gap-60 {
    gap: 15rem
  }

  .xl\:gap-64 {
    gap: 16rem
  }

  .xl\:gap-72 {
    gap: 18rem
  }

  .xl\:gap-80 {
    gap: 20rem
  }

  .xl\:gap-96 {
    gap: 24rem
  }

  .xl\:gap-px {
    gap: 1px
  }

  .xl\:gap-0\.5 {
    gap: 0.125rem
  }

  .xl\:gap-1\.5 {
    gap: 0.375rem
  }

  .xl\:gap-2\.5 {
    gap: 0.625rem
  }

  .xl\:gap-3\.5 {
    gap: 0.875rem
  }

  .xl\:gap-x-0 {
    -moz-column-gap: 0px;
         column-gap: 0px
  }

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

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

  .xl\:gap-x-3 {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem
  }

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

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

  .xl\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem
  }

  .xl\:gap-x-7 {
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem
  }

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

  .xl\:gap-x-9 {
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem
  }

  .xl\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem
  }

  .xl\:gap-x-11 {
    -moz-column-gap: 2.75rem;
         column-gap: 2.75rem
  }

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

  .xl\:gap-x-14 {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem
  }

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

  .xl\:gap-x-20 {
    -moz-column-gap: 5rem;
         column-gap: 5rem
  }

  .xl\:gap-x-24 {
    -moz-column-gap: 6rem;
         column-gap: 6rem
  }

  .xl\:gap-x-28 {
    -moz-column-gap: 7rem;
         column-gap: 7rem
  }

  .xl\:gap-x-32 {
    -moz-column-gap: 8rem;
         column-gap: 8rem
  }

  .xl\:gap-x-36 {
    -moz-column-gap: 9rem;
         column-gap: 9rem
  }

  .xl\:gap-x-40 {
    -moz-column-gap: 10rem;
         column-gap: 10rem
  }

  .xl\:gap-x-44 {
    -moz-column-gap: 11rem;
         column-gap: 11rem
  }

  .xl\:gap-x-48 {
    -moz-column-gap: 12rem;
         column-gap: 12rem
  }

  .xl\:gap-x-52 {
    -moz-column-gap: 13rem;
         column-gap: 13rem
  }

  .xl\:gap-x-56 {
    -moz-column-gap: 14rem;
         column-gap: 14rem
  }

  .xl\:gap-x-60 {
    -moz-column-gap: 15rem;
         column-gap: 15rem
  }

  .xl\:gap-x-64 {
    -moz-column-gap: 16rem;
         column-gap: 16rem
  }

  .xl\:gap-x-72 {
    -moz-column-gap: 18rem;
         column-gap: 18rem
  }

  .xl\:gap-x-80 {
    -moz-column-gap: 20rem;
         column-gap: 20rem
  }

  .xl\:gap-x-96 {
    -moz-column-gap: 24rem;
         column-gap: 24rem
  }

  .xl\:gap-x-px {
    -moz-column-gap: 1px;
         column-gap: 1px
  }

  .xl\:gap-x-0\.5 {
    -moz-column-gap: 0.125rem;
         column-gap: 0.125rem
  }

  .xl\:gap-x-1\.5 {
    -moz-column-gap: 0.375rem;
         column-gap: 0.375rem
  }

  .xl\:gap-x-2\.5 {
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem
  }

  .xl\:gap-x-3\.5 {
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem
  }

  .xl\:gap-y-0 {
    row-gap: 0px
  }

  .xl\:gap-y-1 {
    row-gap: 0.25rem
  }

  .xl\:gap-y-2 {
    row-gap: 0.5rem
  }

  .xl\:gap-y-3 {
    row-gap: 0.75rem
  }

  .xl\:gap-y-4 {
    row-gap: 1rem
  }

  .xl\:gap-y-5 {
    row-gap: 1.25rem
  }

  .xl\:gap-y-6 {
    row-gap: 1.5rem
  }

  .xl\:gap-y-7 {
    row-gap: 1.75rem
  }

  .xl\:gap-y-8 {
    row-gap: 2rem
  }

  .xl\:gap-y-9 {
    row-gap: 2.25rem
  }

  .xl\:gap-y-10 {
    row-gap: 2.5rem
  }

  .xl\:gap-y-11 {
    row-gap: 2.75rem
  }

  .xl\:gap-y-12 {
    row-gap: 3rem
  }

  .xl\:gap-y-14 {
    row-gap: 3.5rem
  }

  .xl\:gap-y-16 {
    row-gap: 4rem
  }

  .xl\:gap-y-20 {
    row-gap: 5rem
  }

  .xl\:gap-y-24 {
    row-gap: 6rem
  }

  .xl\:gap-y-28 {
    row-gap: 7rem
  }

  .xl\:gap-y-32 {
    row-gap: 8rem
  }

  .xl\:gap-y-36 {
    row-gap: 9rem
  }

  .xl\:gap-y-40 {
    row-gap: 10rem
  }

  .xl\:gap-y-44 {
    row-gap: 11rem
  }

  .xl\:gap-y-48 {
    row-gap: 12rem
  }

  .xl\:gap-y-52 {
    row-gap: 13rem
  }

  .xl\:gap-y-56 {
    row-gap: 14rem
  }

  .xl\:gap-y-60 {
    row-gap: 15rem
  }

  .xl\:gap-y-64 {
    row-gap: 16rem
  }

  .xl\:gap-y-72 {
    row-gap: 18rem
  }

  .xl\:gap-y-80 {
    row-gap: 20rem
  }

  .xl\:gap-y-96 {
    row-gap: 24rem
  }

  .xl\:gap-y-px {
    row-gap: 1px
  }

  .xl\:gap-y-0\.5 {
    row-gap: 0.125rem
  }

  .xl\:gap-y-1\.5 {
    row-gap: 0.375rem
  }

  .xl\:gap-y-2\.5 {
    row-gap: 0.625rem
  }

  .xl\:gap-y-3\.5 {
    row-gap: 0.875rem
  }

  .xl\:grid-flow-row {
    grid-auto-flow: row
  }

  .xl\:grid-flow-col {
    grid-auto-flow: column
  }

  .xl\:grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .xl\:grid-flow-col-dense {
    grid-auto-flow: column dense
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .xl\:grid-cols-none {
    grid-template-columns: none
  }

  .xl\:auto-cols-auto {
    grid-auto-columns: auto
  }

  .xl\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content
  }

  .xl\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
  }

  .xl\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
  }

  .xl\:col-auto {
    grid-column: auto
  }

  .xl\:col-span-1 {
    grid-column: span 1 / span 1
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6
  }

  .xl\:col-span-7 {
    grid-column: span 7 / span 7
  }

  .xl\:col-span-8 {
    grid-column: span 8 / span 8
  }

  .xl\:col-span-9 {
    grid-column: span 9 / span 9
  }

  .xl\:col-span-10 {
    grid-column: span 10 / span 10
  }

  .xl\:col-span-11 {
    grid-column: span 11 / span 11
  }

  .xl\:col-span-12 {
    grid-column: span 12 / span 12
  }

  .xl\:col-span-full {
    grid-column: 1 / -1
  }

  .xl\:col-start-1 {
    grid-column-start: 1
  }

  .xl\:col-start-2 {
    grid-column-start: 2
  }

  .xl\:col-start-3 {
    grid-column-start: 3
  }

  .xl\:col-start-4 {
    grid-column-start: 4
  }

  .xl\:col-start-5 {
    grid-column-start: 5
  }

  .xl\:col-start-6 {
    grid-column-start: 6
  }

  .xl\:col-start-7 {
    grid-column-start: 7
  }

  .xl\:col-start-8 {
    grid-column-start: 8
  }

  .xl\:col-start-9 {
    grid-column-start: 9
  }

  .xl\:col-start-10 {
    grid-column-start: 10
  }

  .xl\:col-start-11 {
    grid-column-start: 11
  }

  .xl\:col-start-12 {
    grid-column-start: 12
  }

  .xl\:col-start-13 {
    grid-column-start: 13
  }

  .xl\:col-start-auto {
    grid-column-start: auto
  }

  .xl\:col-end-1 {
    grid-column-end: 1
  }

  .xl\:col-end-2 {
    grid-column-end: 2
  }

  .xl\:col-end-3 {
    grid-column-end: 3
  }

  .xl\:col-end-4 {
    grid-column-end: 4
  }

  .xl\:col-end-5 {
    grid-column-end: 5
  }

  .xl\:col-end-6 {
    grid-column-end: 6
  }

  .xl\:col-end-7 {
    grid-column-end: 7
  }

  .xl\:col-end-8 {
    grid-column-end: 8
  }

  .xl\:col-end-9 {
    grid-column-end: 9
  }

  .xl\:col-end-10 {
    grid-column-end: 10
  }

  .xl\:col-end-11 {
    grid-column-end: 11
  }

  .xl\:col-end-12 {
    grid-column-end: 12
  }

  .xl\:col-end-13 {
    grid-column-end: 13
  }

  .xl\:col-end-auto {
    grid-column-end: auto
  }

  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .xl\:grid-rows-none {
    grid-template-rows: none
  }

  .xl\:auto-rows-auto {
    grid-auto-rows: auto
  }

  .xl\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
  }

  .xl\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content
  }

  .xl\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr)
  }

  .xl\:row-auto {
    grid-row: auto
  }

  .xl\:row-span-1 {
    grid-row: span 1 / span 1
  }

  .xl\:row-span-2 {
    grid-row: span 2 / span 2
  }

  .xl\:row-span-3 {
    grid-row: span 3 / span 3
  }

  .xl\:row-span-4 {
    grid-row: span 4 / span 4
  }

  .xl\:row-span-5 {
    grid-row: span 5 / span 5
  }

  .xl\:row-span-6 {
    grid-row: span 6 / span 6
  }

  .xl\:row-span-full {
    grid-row: 1 / -1
  }

  .xl\:row-start-1 {
    grid-row-start: 1
  }

  .xl\:row-start-2 {
    grid-row-start: 2
  }

  .xl\:row-start-3 {
    grid-row-start: 3
  }

  .xl\:row-start-4 {
    grid-row-start: 4
  }

  .xl\:row-start-5 {
    grid-row-start: 5
  }

  .xl\:row-start-6 {
    grid-row-start: 6
  }

  .xl\:row-start-7 {
    grid-row-start: 7
  }

  .xl\:row-start-auto {
    grid-row-start: auto
  }

  .xl\:row-end-1 {
    grid-row-end: 1
  }

  .xl\:row-end-2 {
    grid-row-end: 2
  }

  .xl\:row-end-3 {
    grid-row-end: 3
  }

  .xl\:row-end-4 {
    grid-row-end: 4
  }

  .xl\:row-end-5 {
    grid-row-end: 5
  }

  .xl\:row-end-6 {
    grid-row-end: 6
  }

  .xl\:row-end-7 {
    grid-row-end: 7
  }

  .xl\:row-end-auto {
    grid-row-end: auto
  }
}

@media (min-width: 1536px) {
  .\32xl\:flex-row {
    flex-direction: row
  }

  .\32xl\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .\32xl\:flex-col {
    flex-direction: column
  }

  .\32xl\:flex-col-reverse {
    flex-direction: column-reverse
  }

  .\32xl\:flex-1 {
    flex: 1 1 0%
  }

  .\32xl\:flex-auto {
    flex: 1 1 auto
  }

  .\32xl\:flex-initial {
    flex: 0 1 auto
  }

  .\32xl\:flex-none {
    flex: none
  }

  .\32xl\:gap-0 {
    gap: 0px
  }

  .\32xl\:gap-1 {
    gap: 0.25rem
  }

  .\32xl\:gap-2 {
    gap: 0.5rem
  }

  .\32xl\:gap-3 {
    gap: 0.75rem
  }

  .\32xl\:gap-4 {
    gap: 1rem
  }

  .\32xl\:gap-5 {
    gap: 1.25rem
  }

  .\32xl\:gap-6 {
    gap: 1.5rem
  }

  .\32xl\:gap-7 {
    gap: 1.75rem
  }

  .\32xl\:gap-8 {
    gap: 2rem
  }

  .\32xl\:gap-9 {
    gap: 2.25rem
  }

  .\32xl\:gap-10 {
    gap: 2.5rem
  }

  .\32xl\:gap-11 {
    gap: 2.75rem
  }

  .\32xl\:gap-12 {
    gap: 3rem
  }

  .\32xl\:gap-14 {
    gap: 3.5rem
  }

  .\32xl\:gap-16 {
    gap: 4rem
  }

  .\32xl\:gap-20 {
    gap: 5rem
  }

  .\32xl\:gap-24 {
    gap: 6rem
  }

  .\32xl\:gap-28 {
    gap: 7rem
  }

  .\32xl\:gap-32 {
    gap: 8rem
  }

  .\32xl\:gap-36 {
    gap: 9rem
  }

  .\32xl\:gap-40 {
    gap: 10rem
  }

  .\32xl\:gap-44 {
    gap: 11rem
  }

  .\32xl\:gap-48 {
    gap: 12rem
  }

  .\32xl\:gap-52 {
    gap: 13rem
  }

  .\32xl\:gap-56 {
    gap: 14rem
  }

  .\32xl\:gap-60 {
    gap: 15rem
  }

  .\32xl\:gap-64 {
    gap: 16rem
  }

  .\32xl\:gap-72 {
    gap: 18rem
  }

  .\32xl\:gap-80 {
    gap: 20rem
  }

  .\32xl\:gap-96 {
    gap: 24rem
  }

  .\32xl\:gap-px {
    gap: 1px
  }

  .\32xl\:gap-0\.5 {
    gap: 0.125rem
  }

  .\32xl\:gap-1\.5 {
    gap: 0.375rem
  }

  .\32xl\:gap-2\.5 {
    gap: 0.625rem
  }

  .\32xl\:gap-3\.5 {
    gap: 0.875rem
  }

  .\32xl\:gap-x-0 {
    -moz-column-gap: 0px;
         column-gap: 0px
  }

  .\32xl\:gap-x-1 {
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem
  }

  .\32xl\:gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem
  }

  .\32xl\:gap-x-3 {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem
  }

  .\32xl\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem
  }

  .\32xl\:gap-x-5 {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem
  }

  .\32xl\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem
  }

  .\32xl\:gap-x-7 {
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem
  }

  .\32xl\:gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem
  }

  .\32xl\:gap-x-9 {
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem
  }

  .\32xl\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem
  }

  .\32xl\:gap-x-11 {
    -moz-column-gap: 2.75rem;
         column-gap: 2.75rem
  }

  .\32xl\:gap-x-12 {
    -moz-column-gap: 3rem;
         column-gap: 3rem
  }

  .\32xl\:gap-x-14 {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem
  }

  .\32xl\:gap-x-16 {
    -moz-column-gap: 4rem;
         column-gap: 4rem
  }

  .\32xl\:gap-x-20 {
    -moz-column-gap: 5rem;
         column-gap: 5rem
  }

  .\32xl\:gap-x-24 {
    -moz-column-gap: 6rem;
         column-gap: 6rem
  }

  .\32xl\:gap-x-28 {
    -moz-column-gap: 7rem;
         column-gap: 7rem
  }

  .\32xl\:gap-x-32 {
    -moz-column-gap: 8rem;
         column-gap: 8rem
  }

  .\32xl\:gap-x-36 {
    -moz-column-gap: 9rem;
         column-gap: 9rem
  }

  .\32xl\:gap-x-40 {
    -moz-column-gap: 10rem;
         column-gap: 10rem
  }

  .\32xl\:gap-x-44 {
    -moz-column-gap: 11rem;
         column-gap: 11rem
  }

  .\32xl\:gap-x-48 {
    -moz-column-gap: 12rem;
         column-gap: 12rem
  }

  .\32xl\:gap-x-52 {
    -moz-column-gap: 13rem;
         column-gap: 13rem
  }

  .\32xl\:gap-x-56 {
    -moz-column-gap: 14rem;
         column-gap: 14rem
  }

  .\32xl\:gap-x-60 {
    -moz-column-gap: 15rem;
         column-gap: 15rem
  }

  .\32xl\:gap-x-64 {
    -moz-column-gap: 16rem;
         column-gap: 16rem
  }

  .\32xl\:gap-x-72 {
    -moz-column-gap: 18rem;
         column-gap: 18rem
  }

  .\32xl\:gap-x-80 {
    -moz-column-gap: 20rem;
         column-gap: 20rem
  }

  .\32xl\:gap-x-96 {
    -moz-column-gap: 24rem;
         column-gap: 24rem
  }

  .\32xl\:gap-x-px {
    -moz-column-gap: 1px;
         column-gap: 1px
  }

  .\32xl\:gap-x-0\.5 {
    -moz-column-gap: 0.125rem;
         column-gap: 0.125rem
  }

  .\32xl\:gap-x-1\.5 {
    -moz-column-gap: 0.375rem;
         column-gap: 0.375rem
  }

  .\32xl\:gap-x-2\.5 {
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem
  }

  .\32xl\:gap-x-3\.5 {
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem
  }

  .\32xl\:gap-y-0 {
    row-gap: 0px
  }

  .\32xl\:gap-y-1 {
    row-gap: 0.25rem
  }

  .\32xl\:gap-y-2 {
    row-gap: 0.5rem
  }

  .\32xl\:gap-y-3 {
    row-gap: 0.75rem
  }

  .\32xl\:gap-y-4 {
    row-gap: 1rem
  }

  .\32xl\:gap-y-5 {
    row-gap: 1.25rem
  }

  .\32xl\:gap-y-6 {
    row-gap: 1.5rem
  }

  .\32xl\:gap-y-7 {
    row-gap: 1.75rem
  }

  .\32xl\:gap-y-8 {
    row-gap: 2rem
  }

  .\32xl\:gap-y-9 {
    row-gap: 2.25rem
  }

  .\32xl\:gap-y-10 {
    row-gap: 2.5rem
  }

  .\32xl\:gap-y-11 {
    row-gap: 2.75rem
  }

  .\32xl\:gap-y-12 {
    row-gap: 3rem
  }

  .\32xl\:gap-y-14 {
    row-gap: 3.5rem
  }

  .\32xl\:gap-y-16 {
    row-gap: 4rem
  }

  .\32xl\:gap-y-20 {
    row-gap: 5rem
  }

  .\32xl\:gap-y-24 {
    row-gap: 6rem
  }

  .\32xl\:gap-y-28 {
    row-gap: 7rem
  }

  .\32xl\:gap-y-32 {
    row-gap: 8rem
  }

  .\32xl\:gap-y-36 {
    row-gap: 9rem
  }

  .\32xl\:gap-y-40 {
    row-gap: 10rem
  }

  .\32xl\:gap-y-44 {
    row-gap: 11rem
  }

  .\32xl\:gap-y-48 {
    row-gap: 12rem
  }

  .\32xl\:gap-y-52 {
    row-gap: 13rem
  }

  .\32xl\:gap-y-56 {
    row-gap: 14rem
  }

  .\32xl\:gap-y-60 {
    row-gap: 15rem
  }

  .\32xl\:gap-y-64 {
    row-gap: 16rem
  }

  .\32xl\:gap-y-72 {
    row-gap: 18rem
  }

  .\32xl\:gap-y-80 {
    row-gap: 20rem
  }

  .\32xl\:gap-y-96 {
    row-gap: 24rem
  }

  .\32xl\:gap-y-px {
    row-gap: 1px
  }

  .\32xl\:gap-y-0\.5 {
    row-gap: 0.125rem
  }

  .\32xl\:gap-y-1\.5 {
    row-gap: 0.375rem
  }

  .\32xl\:gap-y-2\.5 {
    row-gap: 0.625rem
  }

  .\32xl\:gap-y-3\.5 {
    row-gap: 0.875rem
  }

  .\32xl\:grid-flow-row {
    grid-auto-flow: row
  }

  .\32xl\:grid-flow-col {
    grid-auto-flow: column
  }

  .\32xl\:grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .\32xl\:grid-flow-col-dense {
    grid-auto-flow: column dense
  }

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

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

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

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

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

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

  .\32xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }

  .\32xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .\32xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .\32xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .\32xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .\32xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .\32xl\:grid-cols-none {
    grid-template-columns: none
  }

  .\32xl\:auto-cols-auto {
    grid-auto-columns: auto
  }

  .\32xl\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content
  }

  .\32xl\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
  }

  .\32xl\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
  }

  .\32xl\:col-auto {
    grid-column: auto
  }

  .\32xl\:col-span-1 {
    grid-column: span 1 / span 1
  }

  .\32xl\:col-span-2 {
    grid-column: span 2 / span 2
  }

  .\32xl\:col-span-3 {
    grid-column: span 3 / span 3
  }

  .\32xl\:col-span-4 {
    grid-column: span 4 / span 4
  }

  .\32xl\:col-span-5 {
    grid-column: span 5 / span 5
  }

  .\32xl\:col-span-6 {
    grid-column: span 6 / span 6
  }

  .\32xl\:col-span-7 {
    grid-column: span 7 / span 7
  }

  .\32xl\:col-span-8 {
    grid-column: span 8 / span 8
  }

  .\32xl\:col-span-9 {
    grid-column: span 9 / span 9
  }

  .\32xl\:col-span-10 {
    grid-column: span 10 / span 10
  }

  .\32xl\:col-span-11 {
    grid-column: span 11 / span 11
  }

  .\32xl\:col-span-12 {
    grid-column: span 12 / span 12
  }

  .\32xl\:col-span-full {
    grid-column: 1 / -1
  }

  .\32xl\:col-start-1 {
    grid-column-start: 1
  }

  .\32xl\:col-start-2 {
    grid-column-start: 2
  }

  .\32xl\:col-start-3 {
    grid-column-start: 3
  }

  .\32xl\:col-start-4 {
    grid-column-start: 4
  }

  .\32xl\:col-start-5 {
    grid-column-start: 5
  }

  .\32xl\:col-start-6 {
    grid-column-start: 6
  }

  .\32xl\:col-start-7 {
    grid-column-start: 7
  }

  .\32xl\:col-start-8 {
    grid-column-start: 8
  }

  .\32xl\:col-start-9 {
    grid-column-start: 9
  }

  .\32xl\:col-start-10 {
    grid-column-start: 10
  }

  .\32xl\:col-start-11 {
    grid-column-start: 11
  }

  .\32xl\:col-start-12 {
    grid-column-start: 12
  }

  .\32xl\:col-start-13 {
    grid-column-start: 13
  }

  .\32xl\:col-start-auto {
    grid-column-start: auto
  }

  .\32xl\:col-end-1 {
    grid-column-end: 1
  }

  .\32xl\:col-end-2 {
    grid-column-end: 2
  }

  .\32xl\:col-end-3 {
    grid-column-end: 3
  }

  .\32xl\:col-end-4 {
    grid-column-end: 4
  }

  .\32xl\:col-end-5 {
    grid-column-end: 5
  }

  .\32xl\:col-end-6 {
    grid-column-end: 6
  }

  .\32xl\:col-end-7 {
    grid-column-end: 7
  }

  .\32xl\:col-end-8 {
    grid-column-end: 8
  }

  .\32xl\:col-end-9 {
    grid-column-end: 9
  }

  .\32xl\:col-end-10 {
    grid-column-end: 10
  }

  .\32xl\:col-end-11 {
    grid-column-end: 11
  }

  .\32xl\:col-end-12 {
    grid-column-end: 12
  }

  .\32xl\:col-end-13 {
    grid-column-end: 13
  }

  .\32xl\:col-end-auto {
    grid-column-end: auto
  }

  .\32xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .\32xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .\32xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .\32xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .\32xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .\32xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .\32xl\:grid-rows-none {
    grid-template-rows: none
  }

  .\32xl\:auto-rows-auto {
    grid-auto-rows: auto
  }

  .\32xl\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
  }

  .\32xl\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content
  }

  .\32xl\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr)
  }

  .\32xl\:row-auto {
    grid-row: auto
  }

  .\32xl\:row-span-1 {
    grid-row: span 1 / span 1
  }

  .\32xl\:row-span-2 {
    grid-row: span 2 / span 2
  }

  .\32xl\:row-span-3 {
    grid-row: span 3 / span 3
  }

  .\32xl\:row-span-4 {
    grid-row: span 4 / span 4
  }

  .\32xl\:row-span-5 {
    grid-row: span 5 / span 5
  }

  .\32xl\:row-span-6 {
    grid-row: span 6 / span 6
  }

  .\32xl\:row-span-full {
    grid-row: 1 / -1
  }

  .\32xl\:row-start-1 {
    grid-row-start: 1
  }

  .\32xl\:row-start-2 {
    grid-row-start: 2
  }

  .\32xl\:row-start-3 {
    grid-row-start: 3
  }

  .\32xl\:row-start-4 {
    grid-row-start: 4
  }

  .\32xl\:row-start-5 {
    grid-row-start: 5
  }

  .\32xl\:row-start-6 {
    grid-row-start: 6
  }

  .\32xl\:row-start-7 {
    grid-row-start: 7
  }

  .\32xl\:row-start-auto {
    grid-row-start: auto
  }

  .\32xl\:row-end-1 {
    grid-row-end: 1
  }

  .\32xl\:row-end-2 {
    grid-row-end: 2
  }

  .\32xl\:row-end-3 {
    grid-row-end: 3
  }

  .\32xl\:row-end-4 {
    grid-row-end: 4
  }

  .\32xl\:row-end-5 {
    grid-row-end: 5
  }

  .\32xl\:row-end-6 {
    grid-row-end: 6
  }

  .\32xl\:row-end-7 {
    grid-row-end: 7
  }

  .\32xl\:row-end-auto {
    grid-row-end: auto
  }
}
  

@media (min-width: 1024px) {
  .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (min-width: 768px) {
 .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

a {
    text-decoration: none!important;
}
.form label {
    color: #D1D5DB!important;;
}
.popup {
    color: #FF0000;
}

.tailwind-grid {
    display: grid
}

h1 {
    padding: 0px!important;
    margin: 0px!important;
}
canvas {
    width: 100%;
    height: 100%;
}
.game-canvas {
    width: 800px!important;
    height: 600px!important;
}
.dark-bg {
    background-color: #1a202c;
}
.w-76 {
    width: 34rem;
}
.w-78 {
    width: 36rem;
}
.w-74 {
    width: 30rem;
}
.frame-container {
    position: relative;
    overflow: hidden;
    padding-top: 66.25%;
}
.game-frame {  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;  
}
#open_sidebar:hover {
    cursor: pointer;
    color: #E53E3E;
}
.site-title {
    font-family: 'Luckiest Guy', cursive;     
  color: #60A5FA!important;
}
.page-title {
    font-family: 'Luckiest Guy';    
}
.panel-title {
    letter-spacing: 0.2em;
    font-family: 'Luckiest Guy';    
}
.category-title {
    font-family: 'Luckiest Guy'!important;
}
.thumbnail-size {
    min-height: 120px!important;
    max-height: 120px!important;
}
.navbar-item {   
    font-family: 'Luckiest Guy'!important; 
}
.borderless {
    border: none!important;
}
button .borderless {
    border-color: black!important;
}
.bg-gray {
    background-color: #1a202c;
}
.game-card:hover {  
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.game-card {
    -webkit-transition: -webkit-transform 0.5s ease!important;
    -moz-transition: -moz-transform 0.5s ease!important;
    transition: transform 0.5s ease!important;
}
.game-link {
    -webkit-transition: -webkit-transform 0.5s ease!important;
    -moz-transition: -moz-transform 0.5s ease!important;
    transition: transform 0.5s ease!important;
}
.game-link:hover {   
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.game-link-text:hover {
    color: #48bb78!important;
}
.page-link-icon:hover {
    transform: scale(1.2)!important;
    -webkit-transform: scale(1.2)!important;
    -moz-transform: scale(1.2)!important;
    -o-transform: scale(1.2)!important;
    background-color: none!important;
    border: none!important;
    color:#dd6b20!important;
}
.page-link-icon {
    -webkit-transition: -webkit-transform 0.2s ease!important;
    -moz-transition: -moz-transform 0.2s ease!important;
    transition: transform 0.2s ease!important;
    background-color: none!important;
    border: none!important;
}
.ui.vertical.menu .item > i.icon.left {
    float: none;
    margin: 0em 0.35714286em 0em 0em;
}
.leaderboard-item {
    background-color: #2d3748!important;
    padding: 1rem!important;
    border-radius: 0.25rem!important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)!important;
}