/* =========================================
   Spacing System - SCSS Generator
   ========================================= */
/* Spacing scale */
/* Breakpoints */
/* Directions */
/* Axis shortcuts */
/* =========================
   2. Mixins
   ========================= */
/* =========================
   3. Base Utilities
   ========================= */
/* All sides */
.m-0 {
  margin: 0;
}

.p-0 {
  padding: 0;
}

/* Individual directions */
.mt-0 {
  margin-top: 0;
}

.pt-0 {
  padding-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.pr-0 {
  padding-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.pl-0 {
  padding-left: 0;
}

/* Axis (x, y) */
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

/* All sides */
.m-1 {
  margin: 1rem;
}

.p-1 {
  padding: 1rem;
}

/* Individual directions */
.mt-1 {
  margin-top: 1rem;
}

.pt-1 {
  padding-top: 1rem;
}

.mr-1 {
  margin-right: 1rem;
}

.pr-1 {
  padding-right: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.ml-1 {
  margin-left: 1rem;
}

.pl-1 {
  padding-left: 1rem;
}

/* Axis (x, y) */
.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* All sides */
.m-2 {
  margin: 1.5rem;
}

.p-2 {
  padding: 1.5rem;
}

/* Individual directions */
.mt-2 {
  margin-top: 1.5rem;
}

.pt-2 {
  padding-top: 1.5rem;
}

.mr-2 {
  margin-right: 1.5rem;
}

.pr-2 {
  padding-right: 1.5rem;
}

.mb-2 {
  margin-bottom: 1.5rem;
}

.pb-2 {
  padding-bottom: 1.5rem;
}

.ml-2 {
  margin-left: 1.5rem;
}

.pl-2 {
  padding-left: 1.5rem;
}

/* Axis (x, y) */
.mx-2 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.px-2 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.my-2 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.py-2 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* All sides */
.m-3 {
  margin: 2rem;
}

.p-3 {
  padding: 2rem;
}

/* Individual directions */
.mt-3 {
  margin-top: 2rem;
}

.pt-3 {
  padding-top: 2rem;
}

.mr-3 {
  margin-right: 2rem;
}

.pr-3 {
  padding-right: 2rem;
}

.mb-3 {
  margin-bottom: 2rem;
}

.pb-3 {
  padding-bottom: 2rem;
}

.ml-3 {
  margin-left: 2rem;
}

.pl-3 {
  padding-left: 2rem;
}

/* Axis (x, y) */
.mx-3 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.px-3 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.my-3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.py-3 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* All sides */
.m-4 {
  margin: 2.5rem;
}

.p-4 {
  padding: 2.5rem;
}

/* Individual directions */
.mt-4 {
  margin-top: 2.5rem;
}

.pt-4 {
  padding-top: 2.5rem;
}

.mr-4 {
  margin-right: 2.5rem;
}

.pr-4 {
  padding-right: 2.5rem;
}

.mb-4 {
  margin-bottom: 2.5rem;
}

.pb-4 {
  padding-bottom: 2.5rem;
}

.ml-4 {
  margin-left: 2.5rem;
}

.pl-4 {
  padding-left: 2.5rem;
}

/* Axis (x, y) */
.mx-4 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.px-4 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.my-4 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.py-4 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

/* All sides */
.m-5 {
  margin: 3rem;
}

.p-5 {
  padding: 3rem;
}

/* Individual directions */
.mt-5 {
  margin-top: 3rem;
}

.pt-5 {
  padding-top: 3rem;
}

.mr-5 {
  margin-right: 3rem;
}

.pr-5 {
  padding-right: 3rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.ml-5 {
  margin-left: 3rem;
}

.pl-5 {
  padding-left: 3rem;
}

/* Axis (x, y) */
.mx-5 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.px-5 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* All sides */
.m-6 {
  margin: 4rem;
}

.p-6 {
  padding: 4rem;
}

/* Individual directions */
.mt-6 {
  margin-top: 4rem;
}

.pt-6 {
  padding-top: 4rem;
}

.mr-6 {
  margin-right: 4rem;
}

.pr-6 {
  padding-right: 4rem;
}

.mb-6 {
  margin-bottom: 4rem;
}

.pb-6 {
  padding-bottom: 4rem;
}

.ml-6 {
  margin-left: 4rem;
}

.pl-6 {
  padding-left: 4rem;
}

/* Axis (x, y) */
.mx-6 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.px-6 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.my-6 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.py-6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* All sides */
.m-7 {
  margin: 5rem;
}

.p-7 {
  padding: 5rem;
}

/* Individual directions */
.mt-7 {
  margin-top: 5rem;
}

.pt-7 {
  padding-top: 5rem;
}

.mr-7 {
  margin-right: 5rem;
}

.pr-7 {
  padding-right: 5rem;
}

.mb-7 {
  margin-bottom: 5rem;
}

.pb-7 {
  padding-bottom: 5rem;
}

.ml-7 {
  margin-left: 5rem;
}

.pl-7 {
  padding-left: 5rem;
}

/* Axis (x, y) */
.mx-7 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.px-7 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.my-7 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.py-7 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* All sides */
.m-8 {
  margin: 6rem;
}

.p-8 {
  padding: 6rem;
}

/* Individual directions */
.mt-8 {
  margin-top: 6rem;
}

.pt-8 {
  padding-top: 6rem;
}

.mr-8 {
  margin-right: 6rem;
}

.pr-8 {
  padding-right: 6rem;
}

.mb-8 {
  margin-bottom: 6rem;
}

.pb-8 {
  padding-bottom: 6rem;
}

.ml-8 {
  margin-left: 6rem;
}

.pl-8 {
  padding-left: 6rem;
}

/* Axis (x, y) */
.mx-8 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.px-8 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.my-8 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.py-8 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

/* All sides */
.m-9 {
  margin: 7rem;
}

.p-9 {
  padding: 7rem;
}

/* Individual directions */
.mt-9 {
  margin-top: 7rem;
}

.pt-9 {
  padding-top: 7rem;
}

.mr-9 {
  margin-right: 7rem;
}

.pr-9 {
  padding-right: 7rem;
}

.mb-9 {
  margin-bottom: 7rem;
}

.pb-9 {
  padding-bottom: 7rem;
}

.ml-9 {
  margin-left: 7rem;
}

.pl-9 {
  padding-left: 7rem;
}

/* Axis (x, y) */
.mx-9 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.px-9 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.my-9 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.py-9 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

/* All sides */
.m-10 {
  margin: 8rem;
}

.p-10 {
  padding: 8rem;
}

/* Individual directions */
.mt-10 {
  margin-top: 8rem;
}

.pt-10 {
  padding-top: 8rem;
}

.mr-10 {
  margin-right: 8rem;
}

.pr-10 {
  padding-right: 8rem;
}

.mb-10 {
  margin-bottom: 8rem;
}

.pb-10 {
  padding-bottom: 8rem;
}

.ml-10 {
  margin-left: 8rem;
}

.pl-10 {
  padding-left: 8rem;
}

/* Axis (x, y) */
.mx-10 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.px-10 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.my-10 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.py-10 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

/* All sides */
.m-11 {
  margin: 9rem;
}

.p-11 {
  padding: 9rem;
}

/* Individual directions */
.mt-11 {
  margin-top: 9rem;
}

.pt-11 {
  padding-top: 9rem;
}

.mr-11 {
  margin-right: 9rem;
}

.pr-11 {
  padding-right: 9rem;
}

.mb-11 {
  margin-bottom: 9rem;
}

.pb-11 {
  padding-bottom: 9rem;
}

.ml-11 {
  margin-left: 9rem;
}

.pl-11 {
  padding-left: 9rem;
}

/* Axis (x, y) */
.mx-11 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.px-11 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.my-11 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.py-11 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

/* All sides */
.m-12 {
  margin: 10rem;
}

.p-12 {
  padding: 10rem;
}

/* Individual directions */
.mt-12 {
  margin-top: 10rem;
}

.pt-12 {
  padding-top: 10rem;
}

.mr-12 {
  margin-right: 10rem;
}

.pr-12 {
  padding-right: 10rem;
}

.mb-12 {
  margin-bottom: 10rem;
}

.pb-12 {
  padding-bottom: 10rem;
}

.ml-12 {
  margin-left: 10rem;
}

.pl-12 {
  padding-left: 10rem;
}

/* Axis (x, y) */
.mx-12 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.px-12 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.my-12 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.py-12 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.gap-0 {
  gap: 0;
}

.gapx-0 {
  column-gap: 0;
}

.gapy-0 {
  row-gap: 0;
}

.gap-1 {
  gap: 1rem;
}

.gapx-1 {
  column-gap: 1rem;
}

.gapy-1 {
  row-gap: 1rem;
}

.gap-2 {
  gap: 1.5rem;
}

.gapx-2 {
  column-gap: 1.5rem;
}

.gapy-2 {
  row-gap: 1.5rem;
}

.gap-3 {
  gap: 2rem;
}

.gapx-3 {
  column-gap: 2rem;
}

.gapy-3 {
  row-gap: 2rem;
}

.gap-4 {
  gap: 2.5rem;
}

.gapx-4 {
  column-gap: 2.5rem;
}

.gapy-4 {
  row-gap: 2.5rem;
}

.gap-5 {
  gap: 3rem;
}

.gapx-5 {
  column-gap: 3rem;
}

.gapy-5 {
  row-gap: 3rem;
}

.gap-6 {
  gap: 4rem;
}

.gapx-6 {
  column-gap: 4rem;
}

.gapy-6 {
  row-gap: 4rem;
}

.gap-7 {
  gap: 5rem;
}

.gapx-7 {
  column-gap: 5rem;
}

.gapy-7 {
  row-gap: 5rem;
}

.gap-8 {
  gap: 6rem;
}

.gapx-8 {
  column-gap: 6rem;
}

.gapy-8 {
  row-gap: 6rem;
}

.gap-9 {
  gap: 7rem;
}

.gapx-9 {
  column-gap: 7rem;
}

.gapy-9 {
  row-gap: 7rem;
}

.gap-10 {
  gap: 8rem;
}

.gapx-10 {
  column-gap: 8rem;
}

.gapy-10 {
  row-gap: 8rem;
}

.gap-11 {
  gap: 9rem;
}

.gapx-11 {
  column-gap: 9rem;
}

.gapy-11 {
  row-gap: 9rem;
}

.gap-12 {
  gap: 10rem;
}

.gapx-12 {
  column-gap: 10rem;
}

.gapy-12 {
  row-gap: 10rem;
}

/* Auto margins */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

@media (min-width: 480px) {
  /* All sides */
  .pp\:m-0 {
    margin: 0;
  }
  .pp\:p-0 {
    padding: 0;
  }
  /* Individual directions */
  .pp\:mt-0 {
    margin-top: 0;
  }
  .pp\:pt-0 {
    padding-top: 0;
  }
  .pp\:mr-0 {
    margin-right: 0;
  }
  .pp\:pr-0 {
    padding-right: 0;
  }
  .pp\:mb-0 {
    margin-bottom: 0;
  }
  .pp\:pb-0 {
    padding-bottom: 0;
  }
  .pp\:ml-0 {
    margin-left: 0;
  }
  .pp\:pl-0 {
    padding-left: 0;
  }
  /* Axis (x, y) */
  .pp\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .pp\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .pp\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .pp\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* All sides */
  .pp\:m-1 {
    margin: 1rem;
  }
  .pp\:p-1 {
    padding: 1rem;
  }
  /* Individual directions */
  .pp\:mt-1 {
    margin-top: 1rem;
  }
  .pp\:pt-1 {
    padding-top: 1rem;
  }
  .pp\:mr-1 {
    margin-right: 1rem;
  }
  .pp\:pr-1 {
    padding-right: 1rem;
  }
  .pp\:mb-1 {
    margin-bottom: 1rem;
  }
  .pp\:pb-1 {
    padding-bottom: 1rem;
  }
  .pp\:ml-1 {
    margin-left: 1rem;
  }
  .pp\:pl-1 {
    padding-left: 1rem;
  }
  /* Axis (x, y) */
  .pp\:mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .pp\:px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .pp\:my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .pp\:py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /* All sides */
  .pp\:m-2 {
    margin: 1.5rem;
  }
  .pp\:p-2 {
    padding: 1.5rem;
  }
  /* Individual directions */
  .pp\:mt-2 {
    margin-top: 1.5rem;
  }
  .pp\:pt-2 {
    padding-top: 1.5rem;
  }
  .pp\:mr-2 {
    margin-right: 1.5rem;
  }
  .pp\:pr-2 {
    padding-right: 1.5rem;
  }
  .pp\:mb-2 {
    margin-bottom: 1.5rem;
  }
  .pp\:pb-2 {
    padding-bottom: 1.5rem;
  }
  .pp\:ml-2 {
    margin-left: 1.5rem;
  }
  .pp\:pl-2 {
    padding-left: 1.5rem;
  }
  /* Axis (x, y) */
  .pp\:mx-2 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .pp\:px-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .pp\:my-2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .pp\:py-2 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  /* All sides */
  .pp\:m-3 {
    margin: 2rem;
  }
  .pp\:p-3 {
    padding: 2rem;
  }
  /* Individual directions */
  .pp\:mt-3 {
    margin-top: 2rem;
  }
  .pp\:pt-3 {
    padding-top: 2rem;
  }
  .pp\:mr-3 {
    margin-right: 2rem;
  }
  .pp\:pr-3 {
    padding-right: 2rem;
  }
  .pp\:mb-3 {
    margin-bottom: 2rem;
  }
  .pp\:pb-3 {
    padding-bottom: 2rem;
  }
  .pp\:ml-3 {
    margin-left: 2rem;
  }
  .pp\:pl-3 {
    padding-left: 2rem;
  }
  /* Axis (x, y) */
  .pp\:mx-3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .pp\:px-3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .pp\:my-3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .pp\:py-3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* All sides */
  .pp\:m-4 {
    margin: 2.5rem;
  }
  .pp\:p-4 {
    padding: 2.5rem;
  }
  /* Individual directions */
  .pp\:mt-4 {
    margin-top: 2.5rem;
  }
  .pp\:pt-4 {
    padding-top: 2.5rem;
  }
  .pp\:mr-4 {
    margin-right: 2.5rem;
  }
  .pp\:pr-4 {
    padding-right: 2.5rem;
  }
  .pp\:mb-4 {
    margin-bottom: 2.5rem;
  }
  .pp\:pb-4 {
    padding-bottom: 2.5rem;
  }
  .pp\:ml-4 {
    margin-left: 2.5rem;
  }
  .pp\:pl-4 {
    padding-left: 2.5rem;
  }
  /* Axis (x, y) */
  .pp\:mx-4 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .pp\:px-4 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .pp\:my-4 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .pp\:py-4 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  /* All sides */
  .pp\:m-5 {
    margin: 3rem;
  }
  .pp\:p-5 {
    padding: 3rem;
  }
  /* Individual directions */
  .pp\:mt-5 {
    margin-top: 3rem;
  }
  .pp\:pt-5 {
    padding-top: 3rem;
  }
  .pp\:mr-5 {
    margin-right: 3rem;
  }
  .pp\:pr-5 {
    padding-right: 3rem;
  }
  .pp\:mb-5 {
    margin-bottom: 3rem;
  }
  .pp\:pb-5 {
    padding-bottom: 3rem;
  }
  .pp\:ml-5 {
    margin-left: 3rem;
  }
  .pp\:pl-5 {
    padding-left: 3rem;
  }
  /* Axis (x, y) */
  .pp\:mx-5 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .pp\:px-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .pp\:my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .pp\:py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  /* All sides */
  .pp\:m-6 {
    margin: 4rem;
  }
  .pp\:p-6 {
    padding: 4rem;
  }
  /* Individual directions */
  .pp\:mt-6 {
    margin-top: 4rem;
  }
  .pp\:pt-6 {
    padding-top: 4rem;
  }
  .pp\:mr-6 {
    margin-right: 4rem;
  }
  .pp\:pr-6 {
    padding-right: 4rem;
  }
  .pp\:mb-6 {
    margin-bottom: 4rem;
  }
  .pp\:pb-6 {
    padding-bottom: 4rem;
  }
  .pp\:ml-6 {
    margin-left: 4rem;
  }
  .pp\:pl-6 {
    padding-left: 4rem;
  }
  /* Axis (x, y) */
  .pp\:mx-6 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .pp\:px-6 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .pp\:my-6 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .pp\:py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* All sides */
  .pp\:m-7 {
    margin: 5rem;
  }
  .pp\:p-7 {
    padding: 5rem;
  }
  /* Individual directions */
  .pp\:mt-7 {
    margin-top: 5rem;
  }
  .pp\:pt-7 {
    padding-top: 5rem;
  }
  .pp\:mr-7 {
    margin-right: 5rem;
  }
  .pp\:pr-7 {
    padding-right: 5rem;
  }
  .pp\:mb-7 {
    margin-bottom: 5rem;
  }
  .pp\:pb-7 {
    padding-bottom: 5rem;
  }
  .pp\:ml-7 {
    margin-left: 5rem;
  }
  .pp\:pl-7 {
    padding-left: 5rem;
  }
  /* Axis (x, y) */
  .pp\:mx-7 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .pp\:px-7 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .pp\:my-7 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .pp\:py-7 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  /* All sides */
  .pp\:m-8 {
    margin: 6rem;
  }
  .pp\:p-8 {
    padding: 6rem;
  }
  /* Individual directions */
  .pp\:mt-8 {
    margin-top: 6rem;
  }
  .pp\:pt-8 {
    padding-top: 6rem;
  }
  .pp\:mr-8 {
    margin-right: 6rem;
  }
  .pp\:pr-8 {
    padding-right: 6rem;
  }
  .pp\:mb-8 {
    margin-bottom: 6rem;
  }
  .pp\:pb-8 {
    padding-bottom: 6rem;
  }
  .pp\:ml-8 {
    margin-left: 6rem;
  }
  .pp\:pl-8 {
    padding-left: 6rem;
  }
  /* Axis (x, y) */
  .pp\:mx-8 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .pp\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .pp\:my-8 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .pp\:py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  /* All sides */
  .pp\:m-9 {
    margin: 7rem;
  }
  .pp\:p-9 {
    padding: 7rem;
  }
  /* Individual directions */
  .pp\:mt-9 {
    margin-top: 7rem;
  }
  .pp\:pt-9 {
    padding-top: 7rem;
  }
  .pp\:mr-9 {
    margin-right: 7rem;
  }
  .pp\:pr-9 {
    padding-right: 7rem;
  }
  .pp\:mb-9 {
    margin-bottom: 7rem;
  }
  .pp\:pb-9 {
    padding-bottom: 7rem;
  }
  .pp\:ml-9 {
    margin-left: 7rem;
  }
  .pp\:pl-9 {
    padding-left: 7rem;
  }
  /* Axis (x, y) */
  .pp\:mx-9 {
    margin-left: 7rem;
    margin-right: 7rem;
  }
  .pp\:px-9 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .pp\:my-9 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
  .pp\:py-9 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  /* All sides */
  .pp\:m-10 {
    margin: 8rem;
  }
  .pp\:p-10 {
    padding: 8rem;
  }
  /* Individual directions */
  .pp\:mt-10 {
    margin-top: 8rem;
  }
  .pp\:pt-10 {
    padding-top: 8rem;
  }
  .pp\:mr-10 {
    margin-right: 8rem;
  }
  .pp\:pr-10 {
    padding-right: 8rem;
  }
  .pp\:mb-10 {
    margin-bottom: 8rem;
  }
  .pp\:pb-10 {
    padding-bottom: 8rem;
  }
  .pp\:ml-10 {
    margin-left: 8rem;
  }
  .pp\:pl-10 {
    padding-left: 8rem;
  }
  /* Axis (x, y) */
  .pp\:mx-10 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .pp\:px-10 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .pp\:my-10 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .pp\:py-10 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  /* All sides */
  .pp\:m-11 {
    margin: 9rem;
  }
  .pp\:p-11 {
    padding: 9rem;
  }
  /* Individual directions */
  .pp\:mt-11 {
    margin-top: 9rem;
  }
  .pp\:pt-11 {
    padding-top: 9rem;
  }
  .pp\:mr-11 {
    margin-right: 9rem;
  }
  .pp\:pr-11 {
    padding-right: 9rem;
  }
  .pp\:mb-11 {
    margin-bottom: 9rem;
  }
  .pp\:pb-11 {
    padding-bottom: 9rem;
  }
  .pp\:ml-11 {
    margin-left: 9rem;
  }
  .pp\:pl-11 {
    padding-left: 9rem;
  }
  /* Axis (x, y) */
  .pp\:mx-11 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .pp\:px-11 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .pp\:my-11 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .pp\:py-11 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  /* All sides */
  .pp\:m-12 {
    margin: 10rem;
  }
  .pp\:p-12 {
    padding: 10rem;
  }
  /* Individual directions */
  .pp\:mt-12 {
    margin-top: 10rem;
  }
  .pp\:pt-12 {
    padding-top: 10rem;
  }
  .pp\:mr-12 {
    margin-right: 10rem;
  }
  .pp\:pr-12 {
    padding-right: 10rem;
  }
  .pp\:mb-12 {
    margin-bottom: 10rem;
  }
  .pp\:pb-12 {
    padding-bottom: 10rem;
  }
  .pp\:ml-12 {
    margin-left: 10rem;
  }
  .pp\:pl-12 {
    padding-left: 10rem;
  }
  /* Axis (x, y) */
  .pp\:mx-12 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .pp\:px-12 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .pp\:my-12 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .pp\:py-12 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .gap-0 {
    gap: 0;
  }
  .pp\:gapx-0 {
    column-gap: 0;
  }
  .pp\:gapy-0 {
    row-gap: 0;
  }
  .gap-1 {
    gap: 1rem;
  }
  .pp\:gapx-1 {
    column-gap: 1rem;
  }
  .pp\:gapy-1 {
    row-gap: 1rem;
  }
  .gap-2 {
    gap: 1.5rem;
  }
  .pp\:gapx-2 {
    column-gap: 1.5rem;
  }
  .pp\:gapy-2 {
    row-gap: 1.5rem;
  }
  .gap-3 {
    gap: 2rem;
  }
  .pp\:gapx-3 {
    column-gap: 2rem;
  }
  .pp\:gapy-3 {
    row-gap: 2rem;
  }
  .gap-4 {
    gap: 2.5rem;
  }
  .pp\:gapx-4 {
    column-gap: 2.5rem;
  }
  .pp\:gapy-4 {
    row-gap: 2.5rem;
  }
  .gap-5 {
    gap: 3rem;
  }
  .pp\:gapx-5 {
    column-gap: 3rem;
  }
  .pp\:gapy-5 {
    row-gap: 3rem;
  }
  .gap-6 {
    gap: 4rem;
  }
  .pp\:gapx-6 {
    column-gap: 4rem;
  }
  .pp\:gapy-6 {
    row-gap: 4rem;
  }
  .gap-7 {
    gap: 5rem;
  }
  .pp\:gapx-7 {
    column-gap: 5rem;
  }
  .pp\:gapy-7 {
    row-gap: 5rem;
  }
  .gap-8 {
    gap: 6rem;
  }
  .pp\:gapx-8 {
    column-gap: 6rem;
  }
  .pp\:gapy-8 {
    row-gap: 6rem;
  }
  .gap-9 {
    gap: 7rem;
  }
  .pp\:gapx-9 {
    column-gap: 7rem;
  }
  .pp\:gapy-9 {
    row-gap: 7rem;
  }
  .gap-10 {
    gap: 8rem;
  }
  .pp\:gapx-10 {
    column-gap: 8rem;
  }
  .pp\:gapy-10 {
    row-gap: 8rem;
  }
  .gap-11 {
    gap: 9rem;
  }
  .pp\:gapx-11 {
    column-gap: 9rem;
  }
  .pp\:gapy-11 {
    row-gap: 9rem;
  }
  .gap-12 {
    gap: 10rem;
  }
  .pp\:gapx-12 {
    column-gap: 10rem;
  }
  .pp\:gapy-12 {
    row-gap: 10rem;
  }
}
@media (min-width: 640px) {
  /* All sides */
  .pl\:m-0 {
    margin: 0;
  }
  .pl\:p-0 {
    padding: 0;
  }
  /* Individual directions */
  .pl\:mt-0 {
    margin-top: 0;
  }
  .pl\:pt-0 {
    padding-top: 0;
  }
  .pl\:mr-0 {
    margin-right: 0;
  }
  .pl\:pr-0 {
    padding-right: 0;
  }
  .pl\:mb-0 {
    margin-bottom: 0;
  }
  .pl\:pb-0 {
    padding-bottom: 0;
  }
  .pl\:ml-0 {
    margin-left: 0;
  }
  .pl\:pl-0 {
    padding-left: 0;
  }
  /* Axis (x, y) */
  .pl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .pl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .pl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .pl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* All sides */
  .pl\:m-1 {
    margin: 1rem;
  }
  .pl\:p-1 {
    padding: 1rem;
  }
  /* Individual directions */
  .pl\:mt-1 {
    margin-top: 1rem;
  }
  .pl\:pt-1 {
    padding-top: 1rem;
  }
  .pl\:mr-1 {
    margin-right: 1rem;
  }
  .pl\:pr-1 {
    padding-right: 1rem;
  }
  .pl\:mb-1 {
    margin-bottom: 1rem;
  }
  .pl\:pb-1 {
    padding-bottom: 1rem;
  }
  .pl\:ml-1 {
    margin-left: 1rem;
  }
  .pl\:pl-1 {
    padding-left: 1rem;
  }
  /* Axis (x, y) */
  .pl\:mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .pl\:px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .pl\:my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .pl\:py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /* All sides */
  .pl\:m-2 {
    margin: 1.5rem;
  }
  .pl\:p-2 {
    padding: 1.5rem;
  }
  /* Individual directions */
  .pl\:mt-2 {
    margin-top: 1.5rem;
  }
  .pl\:pt-2 {
    padding-top: 1.5rem;
  }
  .pl\:mr-2 {
    margin-right: 1.5rem;
  }
  .pl\:pr-2 {
    padding-right: 1.5rem;
  }
  .pl\:mb-2 {
    margin-bottom: 1.5rem;
  }
  .pl\:pb-2 {
    padding-bottom: 1.5rem;
  }
  .pl\:ml-2 {
    margin-left: 1.5rem;
  }
  .pl\:pl-2 {
    padding-left: 1.5rem;
  }
  /* Axis (x, y) */
  .pl\:mx-2 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .pl\:px-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .pl\:my-2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .pl\:py-2 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  /* All sides */
  .pl\:m-3 {
    margin: 2rem;
  }
  .pl\:p-3 {
    padding: 2rem;
  }
  /* Individual directions */
  .pl\:mt-3 {
    margin-top: 2rem;
  }
  .pl\:pt-3 {
    padding-top: 2rem;
  }
  .pl\:mr-3 {
    margin-right: 2rem;
  }
  .pl\:pr-3 {
    padding-right: 2rem;
  }
  .pl\:mb-3 {
    margin-bottom: 2rem;
  }
  .pl\:pb-3 {
    padding-bottom: 2rem;
  }
  .pl\:ml-3 {
    margin-left: 2rem;
  }
  .pl\:pl-3 {
    padding-left: 2rem;
  }
  /* Axis (x, y) */
  .pl\:mx-3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .pl\:px-3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .pl\:my-3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .pl\:py-3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* All sides */
  .pl\:m-4 {
    margin: 2.5rem;
  }
  .pl\:p-4 {
    padding: 2.5rem;
  }
  /* Individual directions */
  .pl\:mt-4 {
    margin-top: 2.5rem;
  }
  .pl\:pt-4 {
    padding-top: 2.5rem;
  }
  .pl\:mr-4 {
    margin-right: 2.5rem;
  }
  .pl\:pr-4 {
    padding-right: 2.5rem;
  }
  .pl\:mb-4 {
    margin-bottom: 2.5rem;
  }
  .pl\:pb-4 {
    padding-bottom: 2.5rem;
  }
  .pl\:ml-4 {
    margin-left: 2.5rem;
  }
  .pl\:pl-4 {
    padding-left: 2.5rem;
  }
  /* Axis (x, y) */
  .pl\:mx-4 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .pl\:px-4 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .pl\:my-4 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .pl\:py-4 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  /* All sides */
  .pl\:m-5 {
    margin: 3rem;
  }
  .pl\:p-5 {
    padding: 3rem;
  }
  /* Individual directions */
  .pl\:mt-5 {
    margin-top: 3rem;
  }
  .pl\:pt-5 {
    padding-top: 3rem;
  }
  .pl\:mr-5 {
    margin-right: 3rem;
  }
  .pl\:pr-5 {
    padding-right: 3rem;
  }
  .pl\:mb-5 {
    margin-bottom: 3rem;
  }
  .pl\:pb-5 {
    padding-bottom: 3rem;
  }
  .pl\:ml-5 {
    margin-left: 3rem;
  }
  .pl\:pl-5 {
    padding-left: 3rem;
  }
  /* Axis (x, y) */
  .pl\:mx-5 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .pl\:px-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .pl\:my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .pl\:py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  /* All sides */
  .pl\:m-6 {
    margin: 4rem;
  }
  .pl\:p-6 {
    padding: 4rem;
  }
  /* Individual directions */
  .pl\:mt-6 {
    margin-top: 4rem;
  }
  .pl\:pt-6 {
    padding-top: 4rem;
  }
  .pl\:mr-6 {
    margin-right: 4rem;
  }
  .pl\:pr-6 {
    padding-right: 4rem;
  }
  .pl\:mb-6 {
    margin-bottom: 4rem;
  }
  .pl\:pb-6 {
    padding-bottom: 4rem;
  }
  .pl\:ml-6 {
    margin-left: 4rem;
  }
  .pl\:pl-6 {
    padding-left: 4rem;
  }
  /* Axis (x, y) */
  .pl\:mx-6 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .pl\:px-6 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .pl\:my-6 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .pl\:py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* All sides */
  .pl\:m-7 {
    margin: 5rem;
  }
  .pl\:p-7 {
    padding: 5rem;
  }
  /* Individual directions */
  .pl\:mt-7 {
    margin-top: 5rem;
  }
  .pl\:pt-7 {
    padding-top: 5rem;
  }
  .pl\:mr-7 {
    margin-right: 5rem;
  }
  .pl\:pr-7 {
    padding-right: 5rem;
  }
  .pl\:mb-7 {
    margin-bottom: 5rem;
  }
  .pl\:pb-7 {
    padding-bottom: 5rem;
  }
  .pl\:ml-7 {
    margin-left: 5rem;
  }
  .pl\:pl-7 {
    padding-left: 5rem;
  }
  /* Axis (x, y) */
  .pl\:mx-7 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .pl\:px-7 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .pl\:my-7 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .pl\:py-7 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  /* All sides */
  .pl\:m-8 {
    margin: 6rem;
  }
  .pl\:p-8 {
    padding: 6rem;
  }
  /* Individual directions */
  .pl\:mt-8 {
    margin-top: 6rem;
  }
  .pl\:pt-8 {
    padding-top: 6rem;
  }
  .pl\:mr-8 {
    margin-right: 6rem;
  }
  .pl\:pr-8 {
    padding-right: 6rem;
  }
  .pl\:mb-8 {
    margin-bottom: 6rem;
  }
  .pl\:pb-8 {
    padding-bottom: 6rem;
  }
  .pl\:ml-8 {
    margin-left: 6rem;
  }
  .pl\:pl-8 {
    padding-left: 6rem;
  }
  /* Axis (x, y) */
  .pl\:mx-8 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .pl\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .pl\:my-8 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .pl\:py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  /* All sides */
  .pl\:m-9 {
    margin: 7rem;
  }
  .pl\:p-9 {
    padding: 7rem;
  }
  /* Individual directions */
  .pl\:mt-9 {
    margin-top: 7rem;
  }
  .pl\:pt-9 {
    padding-top: 7rem;
  }
  .pl\:mr-9 {
    margin-right: 7rem;
  }
  .pl\:pr-9 {
    padding-right: 7rem;
  }
  .pl\:mb-9 {
    margin-bottom: 7rem;
  }
  .pl\:pb-9 {
    padding-bottom: 7rem;
  }
  .pl\:ml-9 {
    margin-left: 7rem;
  }
  .pl\:pl-9 {
    padding-left: 7rem;
  }
  /* Axis (x, y) */
  .pl\:mx-9 {
    margin-left: 7rem;
    margin-right: 7rem;
  }
  .pl\:px-9 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .pl\:my-9 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
  .pl\:py-9 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  /* All sides */
  .pl\:m-10 {
    margin: 8rem;
  }
  .pl\:p-10 {
    padding: 8rem;
  }
  /* Individual directions */
  .pl\:mt-10 {
    margin-top: 8rem;
  }
  .pl\:pt-10 {
    padding-top: 8rem;
  }
  .pl\:mr-10 {
    margin-right: 8rem;
  }
  .pl\:pr-10 {
    padding-right: 8rem;
  }
  .pl\:mb-10 {
    margin-bottom: 8rem;
  }
  .pl\:pb-10 {
    padding-bottom: 8rem;
  }
  .pl\:ml-10 {
    margin-left: 8rem;
  }
  .pl\:pl-10 {
    padding-left: 8rem;
  }
  /* Axis (x, y) */
  .pl\:mx-10 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .pl\:px-10 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .pl\:my-10 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .pl\:py-10 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  /* All sides */
  .pl\:m-11 {
    margin: 9rem;
  }
  .pl\:p-11 {
    padding: 9rem;
  }
  /* Individual directions */
  .pl\:mt-11 {
    margin-top: 9rem;
  }
  .pl\:pt-11 {
    padding-top: 9rem;
  }
  .pl\:mr-11 {
    margin-right: 9rem;
  }
  .pl\:pr-11 {
    padding-right: 9rem;
  }
  .pl\:mb-11 {
    margin-bottom: 9rem;
  }
  .pl\:pb-11 {
    padding-bottom: 9rem;
  }
  .pl\:ml-11 {
    margin-left: 9rem;
  }
  .pl\:pl-11 {
    padding-left: 9rem;
  }
  /* Axis (x, y) */
  .pl\:mx-11 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .pl\:px-11 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .pl\:my-11 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .pl\:py-11 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  /* All sides */
  .pl\:m-12 {
    margin: 10rem;
  }
  .pl\:p-12 {
    padding: 10rem;
  }
  /* Individual directions */
  .pl\:mt-12 {
    margin-top: 10rem;
  }
  .pl\:pt-12 {
    padding-top: 10rem;
  }
  .pl\:mr-12 {
    margin-right: 10rem;
  }
  .pl\:pr-12 {
    padding-right: 10rem;
  }
  .pl\:mb-12 {
    margin-bottom: 10rem;
  }
  .pl\:pb-12 {
    padding-bottom: 10rem;
  }
  .pl\:ml-12 {
    margin-left: 10rem;
  }
  .pl\:pl-12 {
    padding-left: 10rem;
  }
  /* Axis (x, y) */
  .pl\:mx-12 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .pl\:px-12 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .pl\:my-12 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .pl\:py-12 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .gap-0 {
    gap: 0;
  }
  .pl\:gapx-0 {
    column-gap: 0;
  }
  .pl\:gapy-0 {
    row-gap: 0;
  }
  .gap-1 {
    gap: 1rem;
  }
  .pl\:gapx-1 {
    column-gap: 1rem;
  }
  .pl\:gapy-1 {
    row-gap: 1rem;
  }
  .gap-2 {
    gap: 1.5rem;
  }
  .pl\:gapx-2 {
    column-gap: 1.5rem;
  }
  .pl\:gapy-2 {
    row-gap: 1.5rem;
  }
  .gap-3 {
    gap: 2rem;
  }
  .pl\:gapx-3 {
    column-gap: 2rem;
  }
  .pl\:gapy-3 {
    row-gap: 2rem;
  }
  .gap-4 {
    gap: 2.5rem;
  }
  .pl\:gapx-4 {
    column-gap: 2.5rem;
  }
  .pl\:gapy-4 {
    row-gap: 2.5rem;
  }
  .gap-5 {
    gap: 3rem;
  }
  .pl\:gapx-5 {
    column-gap: 3rem;
  }
  .pl\:gapy-5 {
    row-gap: 3rem;
  }
  .gap-6 {
    gap: 4rem;
  }
  .pl\:gapx-6 {
    column-gap: 4rem;
  }
  .pl\:gapy-6 {
    row-gap: 4rem;
  }
  .gap-7 {
    gap: 5rem;
  }
  .pl\:gapx-7 {
    column-gap: 5rem;
  }
  .pl\:gapy-7 {
    row-gap: 5rem;
  }
  .gap-8 {
    gap: 6rem;
  }
  .pl\:gapx-8 {
    column-gap: 6rem;
  }
  .pl\:gapy-8 {
    row-gap: 6rem;
  }
  .gap-9 {
    gap: 7rem;
  }
  .pl\:gapx-9 {
    column-gap: 7rem;
  }
  .pl\:gapy-9 {
    row-gap: 7rem;
  }
  .gap-10 {
    gap: 8rem;
  }
  .pl\:gapx-10 {
    column-gap: 8rem;
  }
  .pl\:gapy-10 {
    row-gap: 8rem;
  }
  .gap-11 {
    gap: 9rem;
  }
  .pl\:gapx-11 {
    column-gap: 9rem;
  }
  .pl\:gapy-11 {
    row-gap: 9rem;
  }
  .gap-12 {
    gap: 10rem;
  }
  .pl\:gapx-12 {
    column-gap: 10rem;
  }
  .pl\:gapy-12 {
    row-gap: 10rem;
  }
}
@media (min-width: 768px) {
  /* All sides */
  .tp\:m-0 {
    margin: 0;
  }
  .tp\:p-0 {
    padding: 0;
  }
  /* Individual directions */
  .tp\:mt-0 {
    margin-top: 0;
  }
  .tp\:pt-0 {
    padding-top: 0;
  }
  .tp\:mr-0 {
    margin-right: 0;
  }
  .tp\:pr-0 {
    padding-right: 0;
  }
  .tp\:mb-0 {
    margin-bottom: 0;
  }
  .tp\:pb-0 {
    padding-bottom: 0;
  }
  .tp\:ml-0 {
    margin-left: 0;
  }
  .tp\:pl-0 {
    padding-left: 0;
  }
  /* Axis (x, y) */
  .tp\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .tp\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .tp\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .tp\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* All sides */
  .tp\:m-1 {
    margin: 1rem;
  }
  .tp\:p-1 {
    padding: 1rem;
  }
  /* Individual directions */
  .tp\:mt-1 {
    margin-top: 1rem;
  }
  .tp\:pt-1 {
    padding-top: 1rem;
  }
  .tp\:mr-1 {
    margin-right: 1rem;
  }
  .tp\:pr-1 {
    padding-right: 1rem;
  }
  .tp\:mb-1 {
    margin-bottom: 1rem;
  }
  .tp\:pb-1 {
    padding-bottom: 1rem;
  }
  .tp\:ml-1 {
    margin-left: 1rem;
  }
  .tp\:pl-1 {
    padding-left: 1rem;
  }
  /* Axis (x, y) */
  .tp\:mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .tp\:px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .tp\:my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .tp\:py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /* All sides */
  .tp\:m-2 {
    margin: 1.5rem;
  }
  .tp\:p-2 {
    padding: 1.5rem;
  }
  /* Individual directions */
  .tp\:mt-2 {
    margin-top: 1.5rem;
  }
  .tp\:pt-2 {
    padding-top: 1.5rem;
  }
  .tp\:mr-2 {
    margin-right: 1.5rem;
  }
  .tp\:pr-2 {
    padding-right: 1.5rem;
  }
  .tp\:mb-2 {
    margin-bottom: 1.5rem;
  }
  .tp\:pb-2 {
    padding-bottom: 1.5rem;
  }
  .tp\:ml-2 {
    margin-left: 1.5rem;
  }
  .tp\:pl-2 {
    padding-left: 1.5rem;
  }
  /* Axis (x, y) */
  .tp\:mx-2 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .tp\:px-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .tp\:my-2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .tp\:py-2 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  /* All sides */
  .tp\:m-3 {
    margin: 2rem;
  }
  .tp\:p-3 {
    padding: 2rem;
  }
  /* Individual directions */
  .tp\:mt-3 {
    margin-top: 2rem;
  }
  .tp\:pt-3 {
    padding-top: 2rem;
  }
  .tp\:mr-3 {
    margin-right: 2rem;
  }
  .tp\:pr-3 {
    padding-right: 2rem;
  }
  .tp\:mb-3 {
    margin-bottom: 2rem;
  }
  .tp\:pb-3 {
    padding-bottom: 2rem;
  }
  .tp\:ml-3 {
    margin-left: 2rem;
  }
  .tp\:pl-3 {
    padding-left: 2rem;
  }
  /* Axis (x, y) */
  .tp\:mx-3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .tp\:px-3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tp\:my-3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .tp\:py-3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* All sides */
  .tp\:m-4 {
    margin: 2.5rem;
  }
  .tp\:p-4 {
    padding: 2.5rem;
  }
  /* Individual directions */
  .tp\:mt-4 {
    margin-top: 2.5rem;
  }
  .tp\:pt-4 {
    padding-top: 2.5rem;
  }
  .tp\:mr-4 {
    margin-right: 2.5rem;
  }
  .tp\:pr-4 {
    padding-right: 2.5rem;
  }
  .tp\:mb-4 {
    margin-bottom: 2.5rem;
  }
  .tp\:pb-4 {
    padding-bottom: 2.5rem;
  }
  .tp\:ml-4 {
    margin-left: 2.5rem;
  }
  .tp\:pl-4 {
    padding-left: 2.5rem;
  }
  /* Axis (x, y) */
  .tp\:mx-4 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .tp\:px-4 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .tp\:my-4 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .tp\:py-4 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  /* All sides */
  .tp\:m-5 {
    margin: 3rem;
  }
  .tp\:p-5 {
    padding: 3rem;
  }
  /* Individual directions */
  .tp\:mt-5 {
    margin-top: 3rem;
  }
  .tp\:pt-5 {
    padding-top: 3rem;
  }
  .tp\:mr-5 {
    margin-right: 3rem;
  }
  .tp\:pr-5 {
    padding-right: 3rem;
  }
  .tp\:mb-5 {
    margin-bottom: 3rem;
  }
  .tp\:pb-5 {
    padding-bottom: 3rem;
  }
  .tp\:ml-5 {
    margin-left: 3rem;
  }
  .tp\:pl-5 {
    padding-left: 3rem;
  }
  /* Axis (x, y) */
  .tp\:mx-5 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .tp\:px-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .tp\:my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .tp\:py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  /* All sides */
  .tp\:m-6 {
    margin: 4rem;
  }
  .tp\:p-6 {
    padding: 4rem;
  }
  /* Individual directions */
  .tp\:mt-6 {
    margin-top: 4rem;
  }
  .tp\:pt-6 {
    padding-top: 4rem;
  }
  .tp\:mr-6 {
    margin-right: 4rem;
  }
  .tp\:pr-6 {
    padding-right: 4rem;
  }
  .tp\:mb-6 {
    margin-bottom: 4rem;
  }
  .tp\:pb-6 {
    padding-bottom: 4rem;
  }
  .tp\:ml-6 {
    margin-left: 4rem;
  }
  .tp\:pl-6 {
    padding-left: 4rem;
  }
  /* Axis (x, y) */
  .tp\:mx-6 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .tp\:px-6 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .tp\:my-6 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .tp\:py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* All sides */
  .tp\:m-7 {
    margin: 5rem;
  }
  .tp\:p-7 {
    padding: 5rem;
  }
  /* Individual directions */
  .tp\:mt-7 {
    margin-top: 5rem;
  }
  .tp\:pt-7 {
    padding-top: 5rem;
  }
  .tp\:mr-7 {
    margin-right: 5rem;
  }
  .tp\:pr-7 {
    padding-right: 5rem;
  }
  .tp\:mb-7 {
    margin-bottom: 5rem;
  }
  .tp\:pb-7 {
    padding-bottom: 5rem;
  }
  .tp\:ml-7 {
    margin-left: 5rem;
  }
  .tp\:pl-7 {
    padding-left: 5rem;
  }
  /* Axis (x, y) */
  .tp\:mx-7 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .tp\:px-7 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .tp\:my-7 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .tp\:py-7 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  /* All sides */
  .tp\:m-8 {
    margin: 6rem;
  }
  .tp\:p-8 {
    padding: 6rem;
  }
  /* Individual directions */
  .tp\:mt-8 {
    margin-top: 6rem;
  }
  .tp\:pt-8 {
    padding-top: 6rem;
  }
  .tp\:mr-8 {
    margin-right: 6rem;
  }
  .tp\:pr-8 {
    padding-right: 6rem;
  }
  .tp\:mb-8 {
    margin-bottom: 6rem;
  }
  .tp\:pb-8 {
    padding-bottom: 6rem;
  }
  .tp\:ml-8 {
    margin-left: 6rem;
  }
  .tp\:pl-8 {
    padding-left: 6rem;
  }
  /* Axis (x, y) */
  .tp\:mx-8 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .tp\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .tp\:my-8 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .tp\:py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  /* All sides */
  .tp\:m-9 {
    margin: 7rem;
  }
  .tp\:p-9 {
    padding: 7rem;
  }
  /* Individual directions */
  .tp\:mt-9 {
    margin-top: 7rem;
  }
  .tp\:pt-9 {
    padding-top: 7rem;
  }
  .tp\:mr-9 {
    margin-right: 7rem;
  }
  .tp\:pr-9 {
    padding-right: 7rem;
  }
  .tp\:mb-9 {
    margin-bottom: 7rem;
  }
  .tp\:pb-9 {
    padding-bottom: 7rem;
  }
  .tp\:ml-9 {
    margin-left: 7rem;
  }
  .tp\:pl-9 {
    padding-left: 7rem;
  }
  /* Axis (x, y) */
  .tp\:mx-9 {
    margin-left: 7rem;
    margin-right: 7rem;
  }
  .tp\:px-9 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .tp\:my-9 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
  .tp\:py-9 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  /* All sides */
  .tp\:m-10 {
    margin: 8rem;
  }
  .tp\:p-10 {
    padding: 8rem;
  }
  /* Individual directions */
  .tp\:mt-10 {
    margin-top: 8rem;
  }
  .tp\:pt-10 {
    padding-top: 8rem;
  }
  .tp\:mr-10 {
    margin-right: 8rem;
  }
  .tp\:pr-10 {
    padding-right: 8rem;
  }
  .tp\:mb-10 {
    margin-bottom: 8rem;
  }
  .tp\:pb-10 {
    padding-bottom: 8rem;
  }
  .tp\:ml-10 {
    margin-left: 8rem;
  }
  .tp\:pl-10 {
    padding-left: 8rem;
  }
  /* Axis (x, y) */
  .tp\:mx-10 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .tp\:px-10 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .tp\:my-10 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .tp\:py-10 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  /* All sides */
  .tp\:m-11 {
    margin: 9rem;
  }
  .tp\:p-11 {
    padding: 9rem;
  }
  /* Individual directions */
  .tp\:mt-11 {
    margin-top: 9rem;
  }
  .tp\:pt-11 {
    padding-top: 9rem;
  }
  .tp\:mr-11 {
    margin-right: 9rem;
  }
  .tp\:pr-11 {
    padding-right: 9rem;
  }
  .tp\:mb-11 {
    margin-bottom: 9rem;
  }
  .tp\:pb-11 {
    padding-bottom: 9rem;
  }
  .tp\:ml-11 {
    margin-left: 9rem;
  }
  .tp\:pl-11 {
    padding-left: 9rem;
  }
  /* Axis (x, y) */
  .tp\:mx-11 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .tp\:px-11 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .tp\:my-11 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .tp\:py-11 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  /* All sides */
  .tp\:m-12 {
    margin: 10rem;
  }
  .tp\:p-12 {
    padding: 10rem;
  }
  /* Individual directions */
  .tp\:mt-12 {
    margin-top: 10rem;
  }
  .tp\:pt-12 {
    padding-top: 10rem;
  }
  .tp\:mr-12 {
    margin-right: 10rem;
  }
  .tp\:pr-12 {
    padding-right: 10rem;
  }
  .tp\:mb-12 {
    margin-bottom: 10rem;
  }
  .tp\:pb-12 {
    padding-bottom: 10rem;
  }
  .tp\:ml-12 {
    margin-left: 10rem;
  }
  .tp\:pl-12 {
    padding-left: 10rem;
  }
  /* Axis (x, y) */
  .tp\:mx-12 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .tp\:px-12 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .tp\:my-12 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .tp\:py-12 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .gap-0 {
    gap: 0;
  }
  .tp\:gapx-0 {
    column-gap: 0;
  }
  .tp\:gapy-0 {
    row-gap: 0;
  }
  .gap-1 {
    gap: 1rem;
  }
  .tp\:gapx-1 {
    column-gap: 1rem;
  }
  .tp\:gapy-1 {
    row-gap: 1rem;
  }
  .gap-2 {
    gap: 1.5rem;
  }
  .tp\:gapx-2 {
    column-gap: 1.5rem;
  }
  .tp\:gapy-2 {
    row-gap: 1.5rem;
  }
  .gap-3 {
    gap: 2rem;
  }
  .tp\:gapx-3 {
    column-gap: 2rem;
  }
  .tp\:gapy-3 {
    row-gap: 2rem;
  }
  .gap-4 {
    gap: 2.5rem;
  }
  .tp\:gapx-4 {
    column-gap: 2.5rem;
  }
  .tp\:gapy-4 {
    row-gap: 2.5rem;
  }
  .gap-5 {
    gap: 3rem;
  }
  .tp\:gapx-5 {
    column-gap: 3rem;
  }
  .tp\:gapy-5 {
    row-gap: 3rem;
  }
  .gap-6 {
    gap: 4rem;
  }
  .tp\:gapx-6 {
    column-gap: 4rem;
  }
  .tp\:gapy-6 {
    row-gap: 4rem;
  }
  .gap-7 {
    gap: 5rem;
  }
  .tp\:gapx-7 {
    column-gap: 5rem;
  }
  .tp\:gapy-7 {
    row-gap: 5rem;
  }
  .gap-8 {
    gap: 6rem;
  }
  .tp\:gapx-8 {
    column-gap: 6rem;
  }
  .tp\:gapy-8 {
    row-gap: 6rem;
  }
  .gap-9 {
    gap: 7rem;
  }
  .tp\:gapx-9 {
    column-gap: 7rem;
  }
  .tp\:gapy-9 {
    row-gap: 7rem;
  }
  .gap-10 {
    gap: 8rem;
  }
  .tp\:gapx-10 {
    column-gap: 8rem;
  }
  .tp\:gapy-10 {
    row-gap: 8rem;
  }
  .gap-11 {
    gap: 9rem;
  }
  .tp\:gapx-11 {
    column-gap: 9rem;
  }
  .tp\:gapy-11 {
    row-gap: 9rem;
  }
  .gap-12 {
    gap: 10rem;
  }
  .tp\:gapx-12 {
    column-gap: 10rem;
  }
  .tp\:gapy-12 {
    row-gap: 10rem;
  }
}
@media (min-width: 1024px) {
  /* All sides */
  .tl\:m-0 {
    margin: 0;
  }
  .tl\:p-0 {
    padding: 0;
  }
  /* Individual directions */
  .tl\:mt-0 {
    margin-top: 0;
  }
  .tl\:pt-0 {
    padding-top: 0;
  }
  .tl\:mr-0 {
    margin-right: 0;
  }
  .tl\:pr-0 {
    padding-right: 0;
  }
  .tl\:mb-0 {
    margin-bottom: 0;
  }
  .tl\:pb-0 {
    padding-bottom: 0;
  }
  .tl\:ml-0 {
    margin-left: 0;
  }
  .tl\:pl-0 {
    padding-left: 0;
  }
  /* Axis (x, y) */
  .tl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .tl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .tl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .tl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* All sides */
  .tl\:m-1 {
    margin: 1rem;
  }
  .tl\:p-1 {
    padding: 1rem;
  }
  /* Individual directions */
  .tl\:mt-1 {
    margin-top: 1rem;
  }
  .tl\:pt-1 {
    padding-top: 1rem;
  }
  .tl\:mr-1 {
    margin-right: 1rem;
  }
  .tl\:pr-1 {
    padding-right: 1rem;
  }
  .tl\:mb-1 {
    margin-bottom: 1rem;
  }
  .tl\:pb-1 {
    padding-bottom: 1rem;
  }
  .tl\:ml-1 {
    margin-left: 1rem;
  }
  .tl\:pl-1 {
    padding-left: 1rem;
  }
  /* Axis (x, y) */
  .tl\:mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .tl\:px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .tl\:my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .tl\:py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /* All sides */
  .tl\:m-2 {
    margin: 1.5rem;
  }
  .tl\:p-2 {
    padding: 1.5rem;
  }
  /* Individual directions */
  .tl\:mt-2 {
    margin-top: 1.5rem;
  }
  .tl\:pt-2 {
    padding-top: 1.5rem;
  }
  .tl\:mr-2 {
    margin-right: 1.5rem;
  }
  .tl\:pr-2 {
    padding-right: 1.5rem;
  }
  .tl\:mb-2 {
    margin-bottom: 1.5rem;
  }
  .tl\:pb-2 {
    padding-bottom: 1.5rem;
  }
  .tl\:ml-2 {
    margin-left: 1.5rem;
  }
  .tl\:pl-2 {
    padding-left: 1.5rem;
  }
  /* Axis (x, y) */
  .tl\:mx-2 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .tl\:px-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .tl\:my-2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .tl\:py-2 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  /* All sides */
  .tl\:m-3 {
    margin: 2rem;
  }
  .tl\:p-3 {
    padding: 2rem;
  }
  /* Individual directions */
  .tl\:mt-3 {
    margin-top: 2rem;
  }
  .tl\:pt-3 {
    padding-top: 2rem;
  }
  .tl\:mr-3 {
    margin-right: 2rem;
  }
  .tl\:pr-3 {
    padding-right: 2rem;
  }
  .tl\:mb-3 {
    margin-bottom: 2rem;
  }
  .tl\:pb-3 {
    padding-bottom: 2rem;
  }
  .tl\:ml-3 {
    margin-left: 2rem;
  }
  .tl\:pl-3 {
    padding-left: 2rem;
  }
  /* Axis (x, y) */
  .tl\:mx-3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .tl\:px-3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tl\:my-3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .tl\:py-3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* All sides */
  .tl\:m-4 {
    margin: 2.5rem;
  }
  .tl\:p-4 {
    padding: 2.5rem;
  }
  /* Individual directions */
  .tl\:mt-4 {
    margin-top: 2.5rem;
  }
  .tl\:pt-4 {
    padding-top: 2.5rem;
  }
  .tl\:mr-4 {
    margin-right: 2.5rem;
  }
  .tl\:pr-4 {
    padding-right: 2.5rem;
  }
  .tl\:mb-4 {
    margin-bottom: 2.5rem;
  }
  .tl\:pb-4 {
    padding-bottom: 2.5rem;
  }
  .tl\:ml-4 {
    margin-left: 2.5rem;
  }
  .tl\:pl-4 {
    padding-left: 2.5rem;
  }
  /* Axis (x, y) */
  .tl\:mx-4 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .tl\:px-4 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .tl\:my-4 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .tl\:py-4 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  /* All sides */
  .tl\:m-5 {
    margin: 3rem;
  }
  .tl\:p-5 {
    padding: 3rem;
  }
  /* Individual directions */
  .tl\:mt-5 {
    margin-top: 3rem;
  }
  .tl\:pt-5 {
    padding-top: 3rem;
  }
  .tl\:mr-5 {
    margin-right: 3rem;
  }
  .tl\:pr-5 {
    padding-right: 3rem;
  }
  .tl\:mb-5 {
    margin-bottom: 3rem;
  }
  .tl\:pb-5 {
    padding-bottom: 3rem;
  }
  .tl\:ml-5 {
    margin-left: 3rem;
  }
  .tl\:pl-5 {
    padding-left: 3rem;
  }
  /* Axis (x, y) */
  .tl\:mx-5 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .tl\:px-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .tl\:my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .tl\:py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  /* All sides */
  .tl\:m-6 {
    margin: 4rem;
  }
  .tl\:p-6 {
    padding: 4rem;
  }
  /* Individual directions */
  .tl\:mt-6 {
    margin-top: 4rem;
  }
  .tl\:pt-6 {
    padding-top: 4rem;
  }
  .tl\:mr-6 {
    margin-right: 4rem;
  }
  .tl\:pr-6 {
    padding-right: 4rem;
  }
  .tl\:mb-6 {
    margin-bottom: 4rem;
  }
  .tl\:pb-6 {
    padding-bottom: 4rem;
  }
  .tl\:ml-6 {
    margin-left: 4rem;
  }
  .tl\:pl-6 {
    padding-left: 4rem;
  }
  /* Axis (x, y) */
  .tl\:mx-6 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .tl\:px-6 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .tl\:my-6 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .tl\:py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* All sides */
  .tl\:m-7 {
    margin: 5rem;
  }
  .tl\:p-7 {
    padding: 5rem;
  }
  /* Individual directions */
  .tl\:mt-7 {
    margin-top: 5rem;
  }
  .tl\:pt-7 {
    padding-top: 5rem;
  }
  .tl\:mr-7 {
    margin-right: 5rem;
  }
  .tl\:pr-7 {
    padding-right: 5rem;
  }
  .tl\:mb-7 {
    margin-bottom: 5rem;
  }
  .tl\:pb-7 {
    padding-bottom: 5rem;
  }
  .tl\:ml-7 {
    margin-left: 5rem;
  }
  .tl\:pl-7 {
    padding-left: 5rem;
  }
  /* Axis (x, y) */
  .tl\:mx-7 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .tl\:px-7 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .tl\:my-7 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .tl\:py-7 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  /* All sides */
  .tl\:m-8 {
    margin: 6rem;
  }
  .tl\:p-8 {
    padding: 6rem;
  }
  /* Individual directions */
  .tl\:mt-8 {
    margin-top: 6rem;
  }
  .tl\:pt-8 {
    padding-top: 6rem;
  }
  .tl\:mr-8 {
    margin-right: 6rem;
  }
  .tl\:pr-8 {
    padding-right: 6rem;
  }
  .tl\:mb-8 {
    margin-bottom: 6rem;
  }
  .tl\:pb-8 {
    padding-bottom: 6rem;
  }
  .tl\:ml-8 {
    margin-left: 6rem;
  }
  .tl\:pl-8 {
    padding-left: 6rem;
  }
  /* Axis (x, y) */
  .tl\:mx-8 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .tl\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .tl\:my-8 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .tl\:py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  /* All sides */
  .tl\:m-9 {
    margin: 7rem;
  }
  .tl\:p-9 {
    padding: 7rem;
  }
  /* Individual directions */
  .tl\:mt-9 {
    margin-top: 7rem;
  }
  .tl\:pt-9 {
    padding-top: 7rem;
  }
  .tl\:mr-9 {
    margin-right: 7rem;
  }
  .tl\:pr-9 {
    padding-right: 7rem;
  }
  .tl\:mb-9 {
    margin-bottom: 7rem;
  }
  .tl\:pb-9 {
    padding-bottom: 7rem;
  }
  .tl\:ml-9 {
    margin-left: 7rem;
  }
  .tl\:pl-9 {
    padding-left: 7rem;
  }
  /* Axis (x, y) */
  .tl\:mx-9 {
    margin-left: 7rem;
    margin-right: 7rem;
  }
  .tl\:px-9 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .tl\:my-9 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
  .tl\:py-9 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  /* All sides */
  .tl\:m-10 {
    margin: 8rem;
  }
  .tl\:p-10 {
    padding: 8rem;
  }
  /* Individual directions */
  .tl\:mt-10 {
    margin-top: 8rem;
  }
  .tl\:pt-10 {
    padding-top: 8rem;
  }
  .tl\:mr-10 {
    margin-right: 8rem;
  }
  .tl\:pr-10 {
    padding-right: 8rem;
  }
  .tl\:mb-10 {
    margin-bottom: 8rem;
  }
  .tl\:pb-10 {
    padding-bottom: 8rem;
  }
  .tl\:ml-10 {
    margin-left: 8rem;
  }
  .tl\:pl-10 {
    padding-left: 8rem;
  }
  /* Axis (x, y) */
  .tl\:mx-10 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .tl\:px-10 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .tl\:my-10 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .tl\:py-10 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  /* All sides */
  .tl\:m-11 {
    margin: 9rem;
  }
  .tl\:p-11 {
    padding: 9rem;
  }
  /* Individual directions */
  .tl\:mt-11 {
    margin-top: 9rem;
  }
  .tl\:pt-11 {
    padding-top: 9rem;
  }
  .tl\:mr-11 {
    margin-right: 9rem;
  }
  .tl\:pr-11 {
    padding-right: 9rem;
  }
  .tl\:mb-11 {
    margin-bottom: 9rem;
  }
  .tl\:pb-11 {
    padding-bottom: 9rem;
  }
  .tl\:ml-11 {
    margin-left: 9rem;
  }
  .tl\:pl-11 {
    padding-left: 9rem;
  }
  /* Axis (x, y) */
  .tl\:mx-11 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .tl\:px-11 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .tl\:my-11 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .tl\:py-11 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  /* All sides */
  .tl\:m-12 {
    margin: 10rem;
  }
  .tl\:p-12 {
    padding: 10rem;
  }
  /* Individual directions */
  .tl\:mt-12 {
    margin-top: 10rem;
  }
  .tl\:pt-12 {
    padding-top: 10rem;
  }
  .tl\:mr-12 {
    margin-right: 10rem;
  }
  .tl\:pr-12 {
    padding-right: 10rem;
  }
  .tl\:mb-12 {
    margin-bottom: 10rem;
  }
  .tl\:pb-12 {
    padding-bottom: 10rem;
  }
  .tl\:ml-12 {
    margin-left: 10rem;
  }
  .tl\:pl-12 {
    padding-left: 10rem;
  }
  /* Axis (x, y) */
  .tl\:mx-12 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .tl\:px-12 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .tl\:my-12 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .tl\:py-12 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .gap-0 {
    gap: 0;
  }
  .tl\:gapx-0 {
    column-gap: 0;
  }
  .tl\:gapy-0 {
    row-gap: 0;
  }
  .gap-1 {
    gap: 1rem;
  }
  .tl\:gapx-1 {
    column-gap: 1rem;
  }
  .tl\:gapy-1 {
    row-gap: 1rem;
  }
  .gap-2 {
    gap: 1.5rem;
  }
  .tl\:gapx-2 {
    column-gap: 1.5rem;
  }
  .tl\:gapy-2 {
    row-gap: 1.5rem;
  }
  .gap-3 {
    gap: 2rem;
  }
  .tl\:gapx-3 {
    column-gap: 2rem;
  }
  .tl\:gapy-3 {
    row-gap: 2rem;
  }
  .gap-4 {
    gap: 2.5rem;
  }
  .tl\:gapx-4 {
    column-gap: 2.5rem;
  }
  .tl\:gapy-4 {
    row-gap: 2.5rem;
  }
  .gap-5 {
    gap: 3rem;
  }
  .tl\:gapx-5 {
    column-gap: 3rem;
  }
  .tl\:gapy-5 {
    row-gap: 3rem;
  }
  .gap-6 {
    gap: 4rem;
  }
  .tl\:gapx-6 {
    column-gap: 4rem;
  }
  .tl\:gapy-6 {
    row-gap: 4rem;
  }
  .gap-7 {
    gap: 5rem;
  }
  .tl\:gapx-7 {
    column-gap: 5rem;
  }
  .tl\:gapy-7 {
    row-gap: 5rem;
  }
  .gap-8 {
    gap: 6rem;
  }
  .tl\:gapx-8 {
    column-gap: 6rem;
  }
  .tl\:gapy-8 {
    row-gap: 6rem;
  }
  .gap-9 {
    gap: 7rem;
  }
  .tl\:gapx-9 {
    column-gap: 7rem;
  }
  .tl\:gapy-9 {
    row-gap: 7rem;
  }
  .gap-10 {
    gap: 8rem;
  }
  .tl\:gapx-10 {
    column-gap: 8rem;
  }
  .tl\:gapy-10 {
    row-gap: 8rem;
  }
  .gap-11 {
    gap: 9rem;
  }
  .tl\:gapx-11 {
    column-gap: 9rem;
  }
  .tl\:gapy-11 {
    row-gap: 9rem;
  }
  .gap-12 {
    gap: 10rem;
  }
  .tl\:gapx-12 {
    column-gap: 10rem;
  }
  .tl\:gapy-12 {
    row-gap: 10rem;
  }
}
@media (min-width: 1280px) {
  /* All sides */
  .d\:m-0 {
    margin: 0;
  }
  .d\:p-0 {
    padding: 0;
  }
  /* Individual directions */
  .d\:mt-0 {
    margin-top: 0;
  }
  .d\:pt-0 {
    padding-top: 0;
  }
  .d\:mr-0 {
    margin-right: 0;
  }
  .d\:pr-0 {
    padding-right: 0;
  }
  .d\:mb-0 {
    margin-bottom: 0;
  }
  .d\:pb-0 {
    padding-bottom: 0;
  }
  .d\:ml-0 {
    margin-left: 0;
  }
  .d\:pl-0 {
    padding-left: 0;
  }
  /* Axis (x, y) */
  .d\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .d\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .d\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .d\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* All sides */
  .d\:m-1 {
    margin: 1rem;
  }
  .d\:p-1 {
    padding: 1rem;
  }
  /* Individual directions */
  .d\:mt-1 {
    margin-top: 1rem;
  }
  .d\:pt-1 {
    padding-top: 1rem;
  }
  .d\:mr-1 {
    margin-right: 1rem;
  }
  .d\:pr-1 {
    padding-right: 1rem;
  }
  .d\:mb-1 {
    margin-bottom: 1rem;
  }
  .d\:pb-1 {
    padding-bottom: 1rem;
  }
  .d\:ml-1 {
    margin-left: 1rem;
  }
  .d\:pl-1 {
    padding-left: 1rem;
  }
  /* Axis (x, y) */
  .d\:mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .d\:px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .d\:my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .d\:py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /* All sides */
  .d\:m-2 {
    margin: 1.5rem;
  }
  .d\:p-2 {
    padding: 1.5rem;
  }
  /* Individual directions */
  .d\:mt-2 {
    margin-top: 1.5rem;
  }
  .d\:pt-2 {
    padding-top: 1.5rem;
  }
  .d\:mr-2 {
    margin-right: 1.5rem;
  }
  .d\:pr-2 {
    padding-right: 1.5rem;
  }
  .d\:mb-2 {
    margin-bottom: 1.5rem;
  }
  .d\:pb-2 {
    padding-bottom: 1.5rem;
  }
  .d\:ml-2 {
    margin-left: 1.5rem;
  }
  .d\:pl-2 {
    padding-left: 1.5rem;
  }
  /* Axis (x, y) */
  .d\:mx-2 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .d\:px-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .d\:my-2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .d\:py-2 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  /* All sides */
  .d\:m-3 {
    margin: 2rem;
  }
  .d\:p-3 {
    padding: 2rem;
  }
  /* Individual directions */
  .d\:mt-3 {
    margin-top: 2rem;
  }
  .d\:pt-3 {
    padding-top: 2rem;
  }
  .d\:mr-3 {
    margin-right: 2rem;
  }
  .d\:pr-3 {
    padding-right: 2rem;
  }
  .d\:mb-3 {
    margin-bottom: 2rem;
  }
  .d\:pb-3 {
    padding-bottom: 2rem;
  }
  .d\:ml-3 {
    margin-left: 2rem;
  }
  .d\:pl-3 {
    padding-left: 2rem;
  }
  /* Axis (x, y) */
  .d\:mx-3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .d\:px-3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .d\:my-3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .d\:py-3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* All sides */
  .d\:m-4 {
    margin: 2.5rem;
  }
  .d\:p-4 {
    padding: 2.5rem;
  }
  /* Individual directions */
  .d\:mt-4 {
    margin-top: 2.5rem;
  }
  .d\:pt-4 {
    padding-top: 2.5rem;
  }
  .d\:mr-4 {
    margin-right: 2.5rem;
  }
  .d\:pr-4 {
    padding-right: 2.5rem;
  }
  .d\:mb-4 {
    margin-bottom: 2.5rem;
  }
  .d\:pb-4 {
    padding-bottom: 2.5rem;
  }
  .d\:ml-4 {
    margin-left: 2.5rem;
  }
  .d\:pl-4 {
    padding-left: 2.5rem;
  }
  /* Axis (x, y) */
  .d\:mx-4 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .d\:px-4 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .d\:my-4 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .d\:py-4 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  /* All sides */
  .d\:m-5 {
    margin: 3rem;
  }
  .d\:p-5 {
    padding: 3rem;
  }
  /* Individual directions */
  .d\:mt-5 {
    margin-top: 3rem;
  }
  .d\:pt-5 {
    padding-top: 3rem;
  }
  .d\:mr-5 {
    margin-right: 3rem;
  }
  .d\:pr-5 {
    padding-right: 3rem;
  }
  .d\:mb-5 {
    margin-bottom: 3rem;
  }
  .d\:pb-5 {
    padding-bottom: 3rem;
  }
  .d\:ml-5 {
    margin-left: 3rem;
  }
  .d\:pl-5 {
    padding-left: 3rem;
  }
  /* Axis (x, y) */
  .d\:mx-5 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .d\:px-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .d\:my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .d\:py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  /* All sides */
  .d\:m-6 {
    margin: 4rem;
  }
  .d\:p-6 {
    padding: 4rem;
  }
  /* Individual directions */
  .d\:mt-6 {
    margin-top: 4rem;
  }
  .d\:pt-6 {
    padding-top: 4rem;
  }
  .d\:mr-6 {
    margin-right: 4rem;
  }
  .d\:pr-6 {
    padding-right: 4rem;
  }
  .d\:mb-6 {
    margin-bottom: 4rem;
  }
  .d\:pb-6 {
    padding-bottom: 4rem;
  }
  .d\:ml-6 {
    margin-left: 4rem;
  }
  .d\:pl-6 {
    padding-left: 4rem;
  }
  /* Axis (x, y) */
  .d\:mx-6 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .d\:px-6 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .d\:my-6 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .d\:py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* All sides */
  .d\:m-7 {
    margin: 5rem;
  }
  .d\:p-7 {
    padding: 5rem;
  }
  /* Individual directions */
  .d\:mt-7 {
    margin-top: 5rem;
  }
  .d\:pt-7 {
    padding-top: 5rem;
  }
  .d\:mr-7 {
    margin-right: 5rem;
  }
  .d\:pr-7 {
    padding-right: 5rem;
  }
  .d\:mb-7 {
    margin-bottom: 5rem;
  }
  .d\:pb-7 {
    padding-bottom: 5rem;
  }
  .d\:ml-7 {
    margin-left: 5rem;
  }
  .d\:pl-7 {
    padding-left: 5rem;
  }
  /* Axis (x, y) */
  .d\:mx-7 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .d\:px-7 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .d\:my-7 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .d\:py-7 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  /* All sides */
  .d\:m-8 {
    margin: 6rem;
  }
  .d\:p-8 {
    padding: 6rem;
  }
  /* Individual directions */
  .d\:mt-8 {
    margin-top: 6rem;
  }
  .d\:pt-8 {
    padding-top: 6rem;
  }
  .d\:mr-8 {
    margin-right: 6rem;
  }
  .d\:pr-8 {
    padding-right: 6rem;
  }
  .d\:mb-8 {
    margin-bottom: 6rem;
  }
  .d\:pb-8 {
    padding-bottom: 6rem;
  }
  .d\:ml-8 {
    margin-left: 6rem;
  }
  .d\:pl-8 {
    padding-left: 6rem;
  }
  /* Axis (x, y) */
  .d\:mx-8 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .d\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .d\:my-8 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .d\:py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  /* All sides */
  .d\:m-9 {
    margin: 7rem;
  }
  .d\:p-9 {
    padding: 7rem;
  }
  /* Individual directions */
  .d\:mt-9 {
    margin-top: 7rem;
  }
  .d\:pt-9 {
    padding-top: 7rem;
  }
  .d\:mr-9 {
    margin-right: 7rem;
  }
  .d\:pr-9 {
    padding-right: 7rem;
  }
  .d\:mb-9 {
    margin-bottom: 7rem;
  }
  .d\:pb-9 {
    padding-bottom: 7rem;
  }
  .d\:ml-9 {
    margin-left: 7rem;
  }
  .d\:pl-9 {
    padding-left: 7rem;
  }
  /* Axis (x, y) */
  .d\:mx-9 {
    margin-left: 7rem;
    margin-right: 7rem;
  }
  .d\:px-9 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .d\:my-9 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
  .d\:py-9 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  /* All sides */
  .d\:m-10 {
    margin: 8rem;
  }
  .d\:p-10 {
    padding: 8rem;
  }
  /* Individual directions */
  .d\:mt-10 {
    margin-top: 8rem;
  }
  .d\:pt-10 {
    padding-top: 8rem;
  }
  .d\:mr-10 {
    margin-right: 8rem;
  }
  .d\:pr-10 {
    padding-right: 8rem;
  }
  .d\:mb-10 {
    margin-bottom: 8rem;
  }
  .d\:pb-10 {
    padding-bottom: 8rem;
  }
  .d\:ml-10 {
    margin-left: 8rem;
  }
  .d\:pl-10 {
    padding-left: 8rem;
  }
  /* Axis (x, y) */
  .d\:mx-10 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .d\:px-10 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .d\:my-10 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .d\:py-10 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  /* All sides */
  .d\:m-11 {
    margin: 9rem;
  }
  .d\:p-11 {
    padding: 9rem;
  }
  /* Individual directions */
  .d\:mt-11 {
    margin-top: 9rem;
  }
  .d\:pt-11 {
    padding-top: 9rem;
  }
  .d\:mr-11 {
    margin-right: 9rem;
  }
  .d\:pr-11 {
    padding-right: 9rem;
  }
  .d\:mb-11 {
    margin-bottom: 9rem;
  }
  .d\:pb-11 {
    padding-bottom: 9rem;
  }
  .d\:ml-11 {
    margin-left: 9rem;
  }
  .d\:pl-11 {
    padding-left: 9rem;
  }
  /* Axis (x, y) */
  .d\:mx-11 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .d\:px-11 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .d\:my-11 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .d\:py-11 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  /* All sides */
  .d\:m-12 {
    margin: 10rem;
  }
  .d\:p-12 {
    padding: 10rem;
  }
  /* Individual directions */
  .d\:mt-12 {
    margin-top: 10rem;
  }
  .d\:pt-12 {
    padding-top: 10rem;
  }
  .d\:mr-12 {
    margin-right: 10rem;
  }
  .d\:pr-12 {
    padding-right: 10rem;
  }
  .d\:mb-12 {
    margin-bottom: 10rem;
  }
  .d\:pb-12 {
    padding-bottom: 10rem;
  }
  .d\:ml-12 {
    margin-left: 10rem;
  }
  .d\:pl-12 {
    padding-left: 10rem;
  }
  /* Axis (x, y) */
  .d\:mx-12 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .d\:px-12 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .d\:my-12 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .d\:py-12 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .gap-0 {
    gap: 0;
  }
  .d\:gapx-0 {
    column-gap: 0;
  }
  .d\:gapy-0 {
    row-gap: 0;
  }
  .gap-1 {
    gap: 1rem;
  }
  .d\:gapx-1 {
    column-gap: 1rem;
  }
  .d\:gapy-1 {
    row-gap: 1rem;
  }
  .gap-2 {
    gap: 1.5rem;
  }
  .d\:gapx-2 {
    column-gap: 1.5rem;
  }
  .d\:gapy-2 {
    row-gap: 1.5rem;
  }
  .gap-3 {
    gap: 2rem;
  }
  .d\:gapx-3 {
    column-gap: 2rem;
  }
  .d\:gapy-3 {
    row-gap: 2rem;
  }
  .gap-4 {
    gap: 2.5rem;
  }
  .d\:gapx-4 {
    column-gap: 2.5rem;
  }
  .d\:gapy-4 {
    row-gap: 2.5rem;
  }
  .gap-5 {
    gap: 3rem;
  }
  .d\:gapx-5 {
    column-gap: 3rem;
  }
  .d\:gapy-5 {
    row-gap: 3rem;
  }
  .gap-6 {
    gap: 4rem;
  }
  .d\:gapx-6 {
    column-gap: 4rem;
  }
  .d\:gapy-6 {
    row-gap: 4rem;
  }
  .gap-7 {
    gap: 5rem;
  }
  .d\:gapx-7 {
    column-gap: 5rem;
  }
  .d\:gapy-7 {
    row-gap: 5rem;
  }
  .gap-8 {
    gap: 6rem;
  }
  .d\:gapx-8 {
    column-gap: 6rem;
  }
  .d\:gapy-8 {
    row-gap: 6rem;
  }
  .gap-9 {
    gap: 7rem;
  }
  .d\:gapx-9 {
    column-gap: 7rem;
  }
  .d\:gapy-9 {
    row-gap: 7rem;
  }
  .gap-10 {
    gap: 8rem;
  }
  .d\:gapx-10 {
    column-gap: 8rem;
  }
  .d\:gapy-10 {
    row-gap: 8rem;
  }
  .gap-11 {
    gap: 9rem;
  }
  .d\:gapx-11 {
    column-gap: 9rem;
  }
  .d\:gapy-11 {
    row-gap: 9rem;
  }
  .gap-12 {
    gap: 10rem;
  }
  .d\:gapx-12 {
    column-gap: 10rem;
  }
  .d\:gapy-12 {
    row-gap: 10rem;
  }
}
/**
 * Buttons
 */
body .brxe-button {
  transform: rotateZ(-3deg);
}
body .brxe-button.bricks-background-primary {
  background: transparent url("/wp-content/uploads/2026/05/Button-BG.svg") no-repeat center;
  background-size: 100% auto;
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  color: var(--white);
}
body .brxe-button.bricks-background-primary:hover {
  background: transparent url("/wp-content/uploads/2026/05/Button-BG-Hover.svg") no-repeat center;
  background-size: 100% auto;
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
}
body #sbi_load button.sbi_load_btn {
  margin: 0;
  background: transparent url("/wp-content/uploads/2026/05/Button-BG.svg") no-repeat center !important;
  background-size: 100% auto;
  color: var(--white) !important;
  max-width: unset;
  transform: rotateZ(-3deg);
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  width: auto;
}
body #sbi_load button.sbi_load_btn:hover {
  background: transparent url("/wp-content/uploads/2026/05/Button-BG-Hover.svg") no-repeat center !important;
  background-size: 100% auto;
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  box-shadow: none !important;
}
body #sbi_load button.sbi_load_btn .sbi_btn_text {
  font-size: 16px;
  color: var(--white) !important;
  text-transform: uppercase;
}

/**
 * Forms Styling
 */
body {
  /* Signup Form */
}
body .wsf-form fieldset legend {
  color: var(--red);
}
body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper input:not([type=button]), body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper input:not([type=submit]), body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper textarea, body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper select {
  background: transparent url("/wp-content/uploads/2026/05/Line-Straight.svg") no-repeat center bottom;
  background-size: 100% auto;
  border: none;
  padding: 5px;
  border-radius: 0;
}
body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper input:not([type=button]):focus, body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper input:not([type=submit]):focus, body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper textarea:focus, body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper select:focus {
  box-shadow: none;
}
body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper input:not([type=button]):hover:enabled:not(:focus), body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper input:not([type=submit]):hover:enabled:not(:focus), body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper textarea:hover:enabled:not(:focus), body .wsf-form:not(.formal-form) .wsf-section .wsf-field-wrapper select:hover:enabled:not(:focus) {
  border: none;
  box-shadow: none;
}
body .wsf-form.formal-form .wsf-section .wsf-field-wrapper label {
  font-size: 16px;
}
body .wsf-form.formal-form .wsf-section .wsf-field-wrapper input:not([type=button]), body .wsf-form.formal-form .wsf-section .wsf-field-wrapper input:not([type=submit]), body .wsf-form.formal-form .wsf-section .wsf-field-wrapper textarea, body .wsf-form.formal-form .wsf-section .wsf-field-wrapper select {
  border: 2px solid transparent;
  border-bottom: 2px solid var(--red);
  border-radius: 0;
}
body .wsf-form.formal-form .wsf-section .wsf-field-wrapper input:not([type=button]):focus, body .wsf-form.formal-form .wsf-section .wsf-field-wrapper input:not([type=submit]):focus, body .wsf-form.formal-form .wsf-section .wsf-field-wrapper textarea:focus, body .wsf-form.formal-form .wsf-section .wsf-field-wrapper select:focus {
  box-shadow: none;
}
body .wsf-form.formal-form .wsf-section .wsf-field-wrapper input:not([type=button]):hover:enabled:not(:focus), body .wsf-form.formal-form .wsf-section .wsf-field-wrapper input:not([type=submit]):hover:enabled:not(:focus), body .wsf-form.formal-form .wsf-section .wsf-field-wrapper textarea:hover:enabled:not(:focus), body .wsf-form.formal-form .wsf-section .wsf-field-wrapper select:hover:enabled:not(:focus) {
  border: 2px solid var(--red);
  box-shadow: 0 0 2px var(--red);
}
body .wsf-form.formal-form .wsf-section .wsf-field-wrapper input[type=radio], body .wsf-form.formal-form .wsf-section .wsf-field-wrapper input[type=checkbox] {
  border: 2px solid var(--red);
}
body .wsf-form .wsf-section .wsf-field-wrapper select option:hover {
  background-color: var(--red);
  color: var(--white);
}
body .wsf-form .wsf-bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
body .wsf-form .wsf-bottom[data-type=tab_previous] {
  justify-content: flex-start;
}
body .wsf-form .wsf-bottom button.wsf-button {
  margin: 0;
  background: transparent url("/wp-content/uploads/2026/05/Button-BG.svg") no-repeat center;
  background-size: 100% auto;
  color: var(--white);
  max-width: unset;
  transform: rotateZ(-3deg);
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  width: auto;
  padding: 10px 20px;
  font-size: 16px;
  text-transform: uppercase;
}
body .wsf-form .wsf-bottom button.wsf-button:focus {
  box-shadow: none;
  background: transparent url("/wp-content/uploads/2026/05/Button-BG-Hover.svg") no-repeat center;
  background-size: 100% auto;
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
}
body .wsf-form .wsf-bottom button.wsf-button:hover:enabled:not(:focus) {
  background: transparent url("/wp-content/uploads/2026/05/Button-BG-Hover.svg") no-repeat center;
  background-size: 100% auto;
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
}
body .the-sauce-signup .wpsf-form-wrap.wpsf-template-1 {
  padding: 0;
  background: none;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .both-fields-wrap {
  gap: 20px;
  text-align: left;
  margin-bottom: 0;
  flex-direction: column;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-form-message {
  position: absolute;
  flex: 0;
  width: auto;
  bottom: -50px;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-form-message.wpsf-error {
  background: var(--red);
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-form-loader-wrapper, body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-form-loader-wraper {
  position: absolute;
  flex: 0;
  bottom: -30px;
  left: 20px;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-field-wrap {
  width: auto;
  text-align: left;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-field-wrap input[type=text], body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-field-wrap input[type=email] {
  color: var(--dark);
  background: transparent url("/wp-content/uploads/2026/05/Line-Straight.svg") no-repeat center bottom;
  background-size: 100% auto;
  border: none;
  padding: 0 0 5px 0;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-field-wrap input.wpsf-form-submit {
  margin: 0;
  background: transparent url("/wp-content/uploads/2026/05/Button-BG.svg") no-repeat center;
  background-size: 100% auto;
  color: var(--white);
  max-width: unset;
  transform: rotateZ(-3deg);
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form .wpsf-field-wrap input.wpsf-form-submit:hover {
  background: transparent url("/wp-content/uploads/2026/05/Button-BG-Hover.svg") no-repeat center;
  background-size: 100% auto;
}
body .the-sauce-signup .wpsf-form-wrap .wpsf-subscription-form > .wpsf-field-wrap {
  margin-top: 40px;
  text-align: right;
}

/**
 * Animations
 */
.anim-arrow {
  animation: arrow-bounce 1.2s steps(4) infinite;
}

@keyframes arrow-bounce {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-20px, -20px);
  }
}
root {
  --flicker-delay: 200ms;
}

/**
 * Text neon flicker
 **/
.anim-neon-flicker {
  animation: neonFlicker 1.5s infinite alternate;
}

@keyframes neonFlicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    text-shadow: -2px 0 #ff0055, 2px 0 #00ff66;
    --skewX: 0deg; /* Modifies only the skew variable */
  }
  20%, 24%, 55% {
    text-shadow: -5px 0 #00ffff, 5px 0 #ff00ff;
    --skewX: 10deg; /* Modifies only the skew variable */
  }
}
/**
 * Image neon flicker
 */
.anim-img-neon-flicker, a.anim-img-neon-flicker img {
  /* Keeps the image layout stable while the inside glitches */
  position: relative;
  overflow: hidden;
  animation: imageGlitch 1.9s steps(1) infinite alternate;
  /* Adds a harsh neon color distortion*/
}

/* Trigger the unhinged glitch animation on hover */
.image-flicker-class-link:hover img {
  animation: imageGlitch 0.3s steps(1) infinite;
  /* Adds a harsh neon color distortion*/
  filter: hue-rotate(90deg) contrast(150%) saturate(200%);
}

@keyframes imageGlitch {
  0% {
    clip-path: inset(10% 0 5% 0);
    transform: translateX(-5px) skewX(-2deg);
  }
  10% {
    clip-path: inset(0 0 0 0);
    transform: translateX(20px) scaleY(1.1);
  }
  60% {
    clip-path: inset(10% 0 10% 0);
    transform: translateX(-10px) skewX(2deg);
  }
  100% {
    clip-path: inset(0 0 0 0);
    transform: translateX(0);
  }
}
/* 1. Base State & Default Colors (Red/Green Mode) */
.unhinged-link {
  position: relative;
  transition: none !important;
  /* Define default color variables */
  --c-primary: #ff0055;
  --c-secondary: #00ff66;
  --c-alt-primary: #ff00ff; /* Used in 25% / 75% frames */
  --c-alt-secondary: #00ffff; /* Used in 25% / 75% frames */
}

/* 2. Secondary Color Mode Selection (Cyberpunk Blue/Purple) */
.unhinged-link.grey-link {
  --c-primary: #ffffff;
  --c-secondary: #aaaaff;
  --c-alt-primary: #292929; /* Swapped variant colors */
  --c-alt-secondary: #f0f0f0;
}

/* Base interactive targets */
.unhinged-link a, .sbi_load_btn {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: none !important;
}

/* Trigger states using live variables */
.unhinged-link.red-link:hover {
  color: var(--red) !important;
}

.unhinged-link:hover, .sbi_load_btn:hover {
  animation: boxGlitchShift 1.2s steps(1) infinite;
}

.unhinged-link:hover a {
  animation: textFlickerFrame 1s steps(1) infinite;
}

/* Duplicated text nodes structure */
.unhinged-link:hover a::before,
.unhinged-link:hover a::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  pointer-events: none;
}

/* Primary Channel Offset Layer */
.unhinged-link:hover a::before {
  color: var(--c-primary);
  text-shadow: -2px 0 var(--c-primary);
  transform: translate(-3px, 1px);
  z-index: -1;
}

/* Secondary Channel Offset Layer */
.unhinged-link:hover a::after {
  color: var(--c-secondary);
  text-shadow: 2px 0 var(--c-secondary);
  transform: translate(3px, -1px);
  z-index: -2;
}

/* 3. DYNAMIC KEYFRAMES USING CSS VARIABLES */
@keyframes boxGlitchShift {
  0%, 100% {
    transform: translate(0, 0) skewX(0deg);
    filter: drop-shadow(-3px -1px 0px var(--c-primary)) drop-shadow(3px 1px 0px var(--c-secondary));
  }
  25% {
    transform: translate(-2px, 3px) skewX(4deg);
    filter: drop-shadow(-5px 2px 0px var(--c-alt-secondary)) drop-shadow(4px -2px 0px var(--c-alt-primary));
  }
  50% {
    transform: translate(3px, -2px) skewX(-4deg);
    filter: drop-shadow(2px -4px 0px var(--c-primary)) drop-shadow(-3px 3px 0px var(--c-secondary));
  }
  75% {
    transform: translate(-1px, -1px) skewX(2deg);
    filter: drop-shadow(-1px 3px 0px var(--c-alt-primary)) drop-shadow(2px -1px 0px var(--c-alt-secondary));
  }
}
/* Mild structural jitter */
@keyframes textFlickerFrame {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  33% {
    opacity: 0.9;
    transform: scale(1.02);
  }
  66% {
    opacity: 0.95;
    transform: scale(0.98);
  }
}
/**
  * TV Static
 */
#tv-static {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
  pointer-events: none; /* Stops it from blocking clicks on buttons */
  opacity: 0;
  mix-blend-mode: color-dodge; /* Blends the grain into your dark background */
  animation: tvFlicker 8s steps(1) infinite;
}

@keyframes tvFlicker {
  /* Most of the time it is completely hidden */
  0%, 15%, 17%, 45%, 47%, 49%, 70%, 74%, 100% {
    opacity: 0;
  }
  /* Sudden bursts of high-intensity grain */
  16% {
    opacity: 0.15;
  }
  46% {
    opacity: 0.25;
  }
  48% {
    opacity: 0.08;
  }
  71%, 73% {
    opacity: 0.18;
  }
  72% {
    opacity: 0.3;
  } /* Heavy screen flash */
}
/**
 * Flicker on animation
 */
/* The starting hidden state */
.anim-scroll-flicker-in, #sbi_images .sbi_photo {
  opacity: 0;
}

/* The active animation class applied by JavaScript */
.anim-scroll-flicker-in.is-visible, #sbi_images .sbi_photo.is-visible {
  /* Uses dynamic variables injected by JS for ultimate randomness */
  animation: crtFlickerIn var(--flicker-duration, 0.4s) ease-out var(--flicker-delay, 0s) forwards;
}

/* Pure non-smooth step animation simulating a faulty monitor firing up */
@keyframes crtFlickerIn {
  0% {
    opacity: 0;
    transform: scaleY(0.01) scaleX(0);
    filter: brightness(3);
  }
  10% {
    opacity: 0.8;
    transform: scaleY(1) scaleX(1);
    filter: brightness(1);
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    filter: brightness(2);
  }
  30% {
    opacity: 0.2;
  }
  45% {
    opacity: 1;
    filter: brightness(1);
  }
  55% {
    opacity: 0.4;
  }
  65% {
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    transform: scaleY(1) scaleX(1);
    filter: brightness(1);
  }
}
.ghost-container {
  position: relative;
}

/* The Ghost Element */
.floating-ghost {
  display: block;
  width: 320px; /* Adjust size as needed */
  height: auto;
  /* Smooth, looping animation over 4 seconds */
  animation: subtleFloat 4s ease-in-out infinite;
  /* Improves rendering smoothness during animation */
  will-change: transform;
}

/* KEYFRAMES: Combines up/down, left/right, and slight tilt */
@keyframes subtleFloat {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    /* Drift slightly up and right, tilt right */
    transform: translate(4px, -8px) rotate(1.5deg);
  }
  50% {
    /* Drift down and slightly left, tilt left */
    transform: translate(-3px, 4px) rotate(-1deg);
  }
  75% {
    /* Drift slightly up and left, tiny tilt right */
    transform: translate(-2px, -6px) rotate(0.5deg);
  }
  100% {
    /* Seamless return to starting position */
    transform: translate(0, 0) rotate(0deg);
  }
}
/**
 * Responsive
 */
@media screen and (max-width: 991px) {
  body .header-logo-fader {
    display: none;
  }
  body.brx-header-left header#brx-header {
    width: 100%;
    bottom: unset;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
  }
  body.brx-header-left header#brx-header #brxe-bvktid {
    padding: 10px;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-end;
  }
  body.brx-header-left header#brx-header .brxe-nav-menu .bricks-mobile-menu-toggle span {
    background-color: var(--white);
  }
  body.brx-header-left header#brx-header .brxe-nav-menu .bricks-mobile-menu {
    gap: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
  }
  body.brx-header-left header#brx-header .brxe-nav-menu .bricks-mobile-menu > li {
    width: auto;
  }
  body.brx-header-left header#brx-header .brxe-nav-menu .bricks-mobile-menu > li > a {
    width: auto;
    background-color: var(--red);
    color: var(--white);
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1em;
    padding: 5px 50px 5px 10px;
  }
  body.brx-header-left header#brx-header .brxe-nav-menu .bricks-mobile-menu-wrapper:after {
    position: absolute;
    top: 30px;
    left: 20px;
    background: url("/wp-content/uploads/2026/05/Plan-B-Full-Logo.svg") no-repeat center/contain;
    aspect-ratio: 193/123;
    width: 200px;
  }
  body.brx-header-left.light .brxe-nav-menu .bricks-mobile-menu-toggle span {
    background-color: var(--dark) !important;
  }
  body.admin-bar header#brx-header {
    top: 46px;
  }
}
/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
body header .header-logo-fader {
  opacity: 0;
  visibility: hidden;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
body header .header-logo-fader.visible {
  opacity: 1;
  visibility: visible;
}
body header .bricks-nav-menu li.book.current-menu-item {
  color: var(--white);
}
body.brx-header-left #brx-footer {
  margin-left: 0;
}
body.single-post .brxe-post-content h1, body.single-post .brxe-post-content h2, body.single-post .brxe-post-content h3, body.single-post .brxe-post-content h4 {
  margin-bottom: 10px;
}
body.single-post .brxe-post-content h1:not(:first-child), body.single-post .brxe-post-content h2:not(:first-child), body.single-post .brxe-post-content h3:not(:first-child), body.single-post .brxe-post-content h4:not(:first-child) {
  margin-top: 20px;
}
body.single-post .brxe-post-content h2 {
  font-size: 34px;
}
body.single-post .brxe-post-content h3 {
  font-size: 27px;
}
body .news-item {
  overflow: hidden;
}
body .news-item .show-on-hover {
  visibility: hidden;
  opacity: 0;
}
body .news-item .news-img-wrapper {
  overflow: hidden;
}
body .news-item:hover .show-on-hover {
  visibility: visible;
  opacity: 1;
}
body .news-item:hover img {
  transform: scale(1.8) rotateZ(-40deg);
  filter: blur(4px);
}
body .news-item:hover .post-list-title {
  color: var(--white);
}
body.light .news-item:hover .post-list-title {
  color: var(--dark);
}

/*# sourceMappingURL=style.css.map */