/*
  Tailwind-like utility classes for TYPO3 templates.
  Includes spacing (margin/padding/gap), width utilities, and responsive prefixes.
*/
/* ─── Display utilities ─────────────────────────────────────────────────── */
/* ─── Position utilities ────────────────────────────────────────────────── */
/* ─── Float utilities ───────────────────────────────────────────────────── */
/* ─── Transform utilities ───────────────────────────────────────────────── */
/* Static transform helpers */
/* ─── Typography utilities ──────────────────────────────────────────────── */
/* ─── Color utilities ───────────────────────────────────────────────────── */
/* Tailwind-inspired palette. Add/adjust keys & values together. */
/* Legacy aliases kept for existing markup */
.text-gray-dark {
  color: #374151;
}
.bg-gray {
  background-color: #f3f4f6;
}
/* ─── Border / Radius utilities ─────────────────────────────────────────── */
/* ─── Max-width utilities ───────────────────────────────────────────────── */
/* ─── Arbitrary px utilities (Tailwind-style bracket notation) ──────────── */
/* Generates classes like .max-w-[200px], .w-[120px], .h-[60px] for a fixed
   set of pixel values. Add more values below as needed. */
/* ─────────────────────────────────────────────────────────────────────────── */
/* Auto margins */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
/* Base utilities */
/* Margin */
.m-0 {
  margin: 0;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.mt-0 {
  margin-top: 0;
}
.mr-0 {
  margin-right: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.ml-0 {
  margin-left: 0;
}
/* Padding */
.p-0 {
  padding: 0;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.pt-0 {
  padding-top: 0;
}
.pr-0 {
  padding-right: 0;
}
.pb-0 {
  padding-bottom: 0;
}
.pl-0 {
  padding-left: 0;
}
/* Gap */
.gap-0 {
  gap: 0;
}
.gap-x-0 {
  column-gap: 0;
}
.gap-y-0 {
  row-gap: 0;
}
/* Margin */
.m-1 {
  margin: 0.25em;
}
.mx-1 {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.my-1 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.mt-1 {
  margin-top: 0.25em;
}
.mr-1 {
  margin-right: 0.25em;
}
.mb-1 {
  margin-bottom: 0.25em;
}
.ml-1 {
  margin-left: 0.25em;
}
/* Padding */
.p-1 {
  padding: 0.25em;
}
.px-1 {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.py-1 {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.pt-1 {
  padding-top: 0.25em;
}
.pr-1 {
  padding-right: 0.25em;
}
.pb-1 {
  padding-bottom: 0.25em;
}
.pl-1 {
  padding-left: 0.25em;
}
/* Gap */
.gap-1 {
  gap: 0.25em;
}
.gap-x-1 {
  column-gap: 0.25em;
}
.gap-y-1 {
  row-gap: 0.25em;
}
/* Margin */
.m-2 {
  margin: 0.5em;
}
.mx-2 {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.mt-2 {
  margin-top: 0.5em;
}
.mr-2 {
  margin-right: 0.5em;
}
.mb-2 {
  margin-bottom: 0.5em;
}
.ml-2 {
  margin-left: 0.5em;
}
/* Padding */
.p-2 {
  padding: 0.5em;
}
.px-2 {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.py-2 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.pt-2 {
  padding-top: 0.5em;
}
.pr-2 {
  padding-right: 0.5em;
}
.pb-2 {
  padding-bottom: 0.5em;
}
.pl-2 {
  padding-left: 0.5em;
}
/* Gap */
.gap-2 {
  gap: 0.5em;
}
.gap-x-2 {
  column-gap: 0.5em;
}
.gap-y-2 {
  row-gap: 0.5em;
}
/* Margin */
.m-3 {
  margin: 0.75em;
}
.mx-3 {
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.my-3 {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.mt-3 {
  margin-top: 0.75em;
}
.mr-3 {
  margin-right: 0.75em;
}
.mb-3 {
  margin-bottom: 0.75em;
}
.ml-3 {
  margin-left: 0.75em;
}
/* Padding */
.p-3 {
  padding: 0.75em;
}
.px-3 {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.py-3 {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.pt-3 {
  padding-top: 0.75em;
}
.pr-3 {
  padding-right: 0.75em;
}
.pb-3 {
  padding-bottom: 0.75em;
}
.pl-3 {
  padding-left: 0.75em;
}
/* Gap */
.gap-3 {
  gap: 0.75em;
}
.gap-x-3 {
  column-gap: 0.75em;
}
.gap-y-3 {
  row-gap: 0.75em;
}
/* Margin */
.m-4 {
  margin: 1em;
}
.mx-4 {
  margin-left: 1em;
  margin-right: 1em;
}
.my-4 {
  margin-top: 1em;
  margin-bottom: 1em;
}
.mt-4 {
  margin-top: 1em;
}
.mr-4 {
  margin-right: 1em;
}
.mb-4 {
  margin-bottom: 1em;
}
.ml-4 {
  margin-left: 1em;
}
/* Padding */
.p-4 {
  padding: 1em;
}
.px-4 {
  padding-left: 1em;
  padding-right: 1em;
}
.py-4 {
  padding-top: 1em;
  padding-bottom: 1em;
}
.pt-4 {
  padding-top: 1em;
}
.pr-4 {
  padding-right: 1em;
}
.pb-4 {
  padding-bottom: 1em;
}
.pl-4 {
  padding-left: 1em;
}
/* Gap */
.gap-4 {
  gap: 1em;
}
.gap-x-4 {
  column-gap: 1em;
}
.gap-y-4 {
  row-gap: 1em;
}
/* Margin */
.m-5 {
  margin: 1.25em;
}
.mx-5 {
  margin-left: 1.25em;
  margin-right: 1.25em;
}
.my-5 {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.mt-5 {
  margin-top: 1.25em;
}
.mr-5 {
  margin-right: 1.25em;
}
.mb-5 {
  margin-bottom: 1.25em;
}
.ml-5 {
  margin-left: 1.25em;
}
/* Padding */
.p-5 {
  padding: 1.25em;
}
.px-5 {
  padding-left: 1.25em;
  padding-right: 1.25em;
}
.py-5 {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
.pt-5 {
  padding-top: 1.25em;
}
.pr-5 {
  padding-right: 1.25em;
}
.pb-5 {
  padding-bottom: 1.25em;
}
.pl-5 {
  padding-left: 1.25em;
}
/* Gap */
.gap-5 {
  gap: 1.25em;
}
.gap-x-5 {
  column-gap: 1.25em;
}
.gap-y-5 {
  row-gap: 1.25em;
}
/* Margin */
.m-6 {
  margin: 1.5em;
}
.mx-6 {
  margin-left: 1.5em;
  margin-right: 1.5em;
}
.my-6 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.mt-6 {
  margin-top: 1.5em;
}
.mr-6 {
  margin-right: 1.5em;
}
.mb-6 {
  margin-bottom: 1.5em;
}
.ml-6 {
  margin-left: 1.5em;
}
/* Padding */
.p-6 {
  padding: 1.5em;
}
.px-6 {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.py-6 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.pt-6 {
  padding-top: 1.5em;
}
.pr-6 {
  padding-right: 1.5em;
}
.pb-6 {
  padding-bottom: 1.5em;
}
.pl-6 {
  padding-left: 1.5em;
}
/* Gap */
.gap-6 {
  gap: 1.5em;
}
.gap-x-6 {
  column-gap: 1.5em;
}
.gap-y-6 {
  row-gap: 1.5em;
}
/* Margin */
.m-8 {
  margin: 2em;
}
.mx-8 {
  margin-left: 2em;
  margin-right: 2em;
}
.my-8 {
  margin-top: 2em;
  margin-bottom: 2em;
}
.mt-8 {
  margin-top: 2em;
}
.mr-8 {
  margin-right: 2em;
}
.mb-8 {
  margin-bottom: 2em;
}
.ml-8 {
  margin-left: 2em;
}
/* Padding */
.p-8 {
  padding: 2em;
}
.px-8 {
  padding-left: 2em;
  padding-right: 2em;
}
.py-8 {
  padding-top: 2em;
  padding-bottom: 2em;
}
.pt-8 {
  padding-top: 2em;
}
.pr-8 {
  padding-right: 2em;
}
.pb-8 {
  padding-bottom: 2em;
}
.pl-8 {
  padding-left: 2em;
}
/* Gap */
.gap-8 {
  gap: 2em;
}
.gap-x-8 {
  column-gap: 2em;
}
.gap-y-8 {
  row-gap: 2em;
}
/* Margin */
.m-10 {
  margin: 2.5em;
}
.mx-10 {
  margin-left: 2.5em;
  margin-right: 2.5em;
}
.my-10 {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.mt-10 {
  margin-top: 2.5em;
}
.mr-10 {
  margin-right: 2.5em;
}
.mb-10 {
  margin-bottom: 2.5em;
}
.ml-10 {
  margin-left: 2.5em;
}
/* Padding */
.p-10 {
  padding: 2.5em;
}
.px-10 {
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.py-10 {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
.pt-10 {
  padding-top: 2.5em;
}
.pr-10 {
  padding-right: 2.5em;
}
.pb-10 {
  padding-bottom: 2.5em;
}
.pl-10 {
  padding-left: 2.5em;
}
/* Gap */
.gap-10 {
  gap: 2.5em;
}
.gap-x-10 {
  column-gap: 2.5em;
}
.gap-y-10 {
  row-gap: 2.5em;
}
/* Margin */
.m-12 {
  margin: 3em;
}
.mx-12 {
  margin-left: 3em;
  margin-right: 3em;
}
.my-12 {
  margin-top: 3em;
  margin-bottom: 3em;
}
.mt-12 {
  margin-top: 3em;
}
.mr-12 {
  margin-right: 3em;
}
.mb-12 {
  margin-bottom: 3em;
}
.ml-12 {
  margin-left: 3em;
}
/* Padding */
.p-12 {
  padding: 3em;
}
.px-12 {
  padding-left: 3em;
  padding-right: 3em;
}
.py-12 {
  padding-top: 3em;
  padding-bottom: 3em;
}
.pt-12 {
  padding-top: 3em;
}
.pr-12 {
  padding-right: 3em;
}
.pb-12 {
  padding-bottom: 3em;
}
.pl-12 {
  padding-left: 3em;
}
/* Gap */
.gap-12 {
  gap: 3em;
}
.gap-x-12 {
  column-gap: 3em;
}
.gap-y-12 {
  row-gap: 3em;
}
/* Margin */
.m-16 {
  margin: 4em;
}
.mx-16 {
  margin-left: 4em;
  margin-right: 4em;
}
.my-16 {
  margin-top: 4em;
  margin-bottom: 4em;
}
.mt-16 {
  margin-top: 4em;
}
.mr-16 {
  margin-right: 4em;
}
.mb-16 {
  margin-bottom: 4em;
}
.ml-16 {
  margin-left: 4em;
}
/* Padding */
.p-16 {
  padding: 4em;
}
.px-16 {
  padding-left: 4em;
  padding-right: 4em;
}
.py-16 {
  padding-top: 4em;
  padding-bottom: 4em;
}
.pt-16 {
  padding-top: 4em;
}
.pr-16 {
  padding-right: 4em;
}
.pb-16 {
  padding-bottom: 4em;
}
.pl-16 {
  padding-left: 4em;
}
/* Gap */
.gap-16 {
  gap: 4em;
}
.gap-x-16 {
  column-gap: 4em;
}
.gap-y-16 {
  row-gap: 4em;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-75 {
  width: 75%;
}
.w-66 {
  width: 66.6667%;
}
.w-50 {
  width: 50%;
}
.w-33 {
  width: 33.3333%;
}
.w-25 {
  width: 25%;
}
.w-screen {
  width: 100vw;
}
.w-fit {
  width: fit-content;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.3333%;
}
.w-2\/3 {
  width: 66.6667%;
}
.w-1\/4 {
  width: 25%;
}
.w-2\/4 {
  width: 50%;
}
.w-3\/4 {
  width: 75%;
}
.w-1\/5 {
  width: 20%;
}
.w-2\/5 {
  width: 40%;
}
.w-3\/5 {
  width: 60%;
}
.w-4\/5 {
  width: 80%;
}
.w-16 {
  width: 4em;
}
.w-20 {
  width: 5em;
}
.w-24 {
  width: 6em;
}
.w-32 {
  width: 8em;
}
.w-40 {
  width: 10em;
}
.w-48 {
  width: 12em;
}
.w-56 {
  width: 14em;
}
.w-64 {
  width: 16em;
}
.w-80 {
  width: 20em;
}
.w-96 {
  width: 24em;
}
/* Height */
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.h-fit {
  height: fit-content;
}
/* Object fit */
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-fill {
  object-fit: fill;
}
.object-none {
  object-fit: none;
}
.object-scale-down {
  object-fit: scale-down;
}
/* Display */
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.flow-root {
  display: flow-root;
}
.contents {
  display: contents;
}
.table {
  display: table;
}
.hidden {
  display: none;
}
/* Flex direction */
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
/* Flex wrap */
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
/* Flex shortcuts */
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
/* Grow / Shrink */
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
/* Justify content */
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-stretch {
  justify-content: stretch;
}
/* Align items */
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
/* Align self */
.self-auto {
  align-self: auto;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.self-baseline {
  align-self: baseline;
}
/* Grid columns (1–12) */
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
  grid-template-columns: none;
}
/* Column span (1–12 + full) */
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-full {
  grid-column: 1 / -1;
}
/* Position */
.static {
  position: static;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
/* Inset (top / right / bottom / left) */
.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.inset-x-0 {
  left: 0;
  right: 0;
}
.inset-x-auto {
  left: auto;
  right: auto;
}
.inset-y-0 {
  top: 0;
  bottom: 0;
}
.inset-y-auto {
  top: auto;
  bottom: auto;
}
.top-0 {
  top: 0;
}
.top-auto {
  top: auto;
}
.top-full {
  top: 100%;
}
.top-1\/2 {
  top: 50%;
}
.right-0 {
  right: 0;
}
.right-auto {
  right: auto;
}
.right-full {
  right: 100%;
}
.right-1\/2 {
  right: 50%;
}
.bottom-0 {
  bottom: 0;
}
.bottom-auto {
  bottom: auto;
}
.bottom-full {
  bottom: 100%;
}
.bottom-1\/2 {
  bottom: 50%;
}
.left-0 {
  left: 0;
}
.left-auto {
  left: auto;
}
.left-full {
  left: 100%;
}
.left-1\/2 {
  left: 50%;
}
/* Z-index */
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-auto {
  z-index: auto;
}
/* Overflow */
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.float-start {
  float: inline-start;
}
.float-end {
  float: inline-end;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.float-none {
  float: none;
}
.translate-x-0 {
  transform: translateX(0);
}
.translate-y-0 {
  transform: translateY(0);
}
.-translate-x-0 {
  transform: translateX(0);
}
.-translate-y-0 {
  transform: translateY(0);
}
.translate-x-1 {
  transform: translateX(0.25em);
}
.translate-y-1 {
  transform: translateY(0.25em);
}
.-translate-x-1 {
  transform: translateX(-0.25em);
}
.-translate-y-1 {
  transform: translateY(-0.25em);
}
.translate-x-2 {
  transform: translateX(0.5em);
}
.translate-y-2 {
  transform: translateY(0.5em);
}
.-translate-x-2 {
  transform: translateX(-0.5em);
}
.-translate-y-2 {
  transform: translateY(-0.5em);
}
.translate-x-3 {
  transform: translateX(0.75em);
}
.translate-y-3 {
  transform: translateY(0.75em);
}
.-translate-x-3 {
  transform: translateX(-0.75em);
}
.-translate-y-3 {
  transform: translateY(-0.75em);
}
.translate-x-4 {
  transform: translateX(1em);
}
.translate-y-4 {
  transform: translateY(1em);
}
.-translate-x-4 {
  transform: translateX(-1em);
}
.-translate-y-4 {
  transform: translateY(-1em);
}
.translate-x-5 {
  transform: translateX(1.25em);
}
.translate-y-5 {
  transform: translateY(1.25em);
}
.-translate-x-5 {
  transform: translateX(-1.25em);
}
.-translate-y-5 {
  transform: translateY(-1.25em);
}
.translate-x-6 {
  transform: translateX(1.5em);
}
.translate-y-6 {
  transform: translateY(1.5em);
}
.-translate-x-6 {
  transform: translateX(-1.5em);
}
.-translate-y-6 {
  transform: translateY(-1.5em);
}
.translate-x-8 {
  transform: translateX(2em);
}
.translate-y-8 {
  transform: translateY(2em);
}
.-translate-x-8 {
  transform: translateX(-2em);
}
.-translate-y-8 {
  transform: translateY(-2em);
}
.translate-x-10 {
  transform: translateX(2.5em);
}
.translate-y-10 {
  transform: translateY(2.5em);
}
.-translate-x-10 {
  transform: translateX(-2.5em);
}
.-translate-y-10 {
  transform: translateY(-2.5em);
}
.translate-x-12 {
  transform: translateX(3em);
}
.translate-y-12 {
  transform: translateY(3em);
}
.-translate-x-12 {
  transform: translateX(-3em);
}
.-translate-y-12 {
  transform: translateY(-3em);
}
.translate-x-16 {
  transform: translateX(4em);
}
.translate-y-16 {
  transform: translateY(4em);
}
.-translate-x-16 {
  transform: translateX(-4em);
}
.-translate-y-16 {
  transform: translateY(-4em);
}
.translate-x-1\/2 {
  transform: translateX(50%);
}
.translate-y-1\/2 {
  transform: translateY(50%);
}
.-translate-x-1\/2 {
  transform: translateX(-50%);
}
.-translate-y-1\/2 {
  transform: translateY(-50%);
}
.translate-x-full {
  transform: translateX(100%);
}
.translate-y-full {
  transform: translateY(100%);
}
.-translate-x-full {
  transform: translateX(-100%);
}
.-translate-y-full {
  transform: translateY(-100%);
}
.rotate-0 {
  transform: rotate(0deg);
}
.rotate-45 {
  transform: rotate(45deg);
}
.rotate-90 {
  transform: rotate(90deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.-rotate-45 {
  transform: rotate(-45deg);
}
.-rotate-90 {
  transform: rotate(-90deg);
}
.-rotate-180 {
  transform: rotate(-180deg);
}
.scale-50 {
  transform: scale(0.5);
}
.scale-75 {
  transform: scale(0.75);
}
.scale-90 {
  transform: scale(0.9);
}
.scale-100 {
  transform: scale(1);
}
.scale-110 {
  transform: scale(1.1);
}
.scale-125 {
  transform: scale(1.25);
}
.scale-150 {
  transform: scale(1.5);
}
/* Text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
/* Font size */
.text-xs {
  font-size: 0.75em;
  line-height: 1.4;
}
.text-sm {
  font-size: 0.875em;
  line-height: 1.5;
}
.text-base {
  font-size: 1em;
  line-height: 1.6;
}
.text-lg {
  font-size: 1.125em;
  line-height: 1.6;
}
.text-xl {
  font-size: 1.25em;
  line-height: 1.5;
}
.text-2xl {
  font-size: 1.5em;
  line-height: 1.4;
}
.text-3xl {
  font-size: 1.875em;
  line-height: 1.3;
}
.text-4xl {
  font-size: 2.25em;
  line-height: 1.2;
}
.text-5xl {
  font-size: 3em;
  line-height: 1.1;
}
.text-6xl {
  font-size: 3.75em;
  line-height: 1;
}
/* Font weight */
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
/* Leading */
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.2;
}
.leading-snug {
  line-height: 1.375;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-loose {
  line-height: 2;
}
.text-white {
  color: #ffffff;
}
.bg-white {
  background-color: #ffffff;
}
.border-white {
  border-color: #ffffff;
}
.text-black {
  color: #000000;
}
.bg-black {
  background-color: #000000;
}
.border-black {
  border-color: #000000;
}
.text-transparent {
  color: transparent;
}
.bg-transparent {
  background-color: transparent;
}
.border-transparent {
  border-color: transparent;
}
.text-gray-50 {
  color: #f9fafb;
}
.bg-gray-50 {
  background-color: #f9fafb;
}
.border-gray-50 {
  border-color: #f9fafb;
}
.text-gray-100 {
  color: #f3f4f6;
}
.bg-gray-100 {
  background-color: #f3f4f6;
}
.border-gray-100 {
  border-color: #f3f4f6;
}
.text-gray-200 {
  color: #e5e7eb;
}
.bg-gray-200 {
  background-color: #e5e7eb;
}
.border-gray-200 {
  border-color: #e5e7eb;
}
.text-gray-300 {
  color: #d1d5db;
}
.bg-gray-300 {
  background-color: #d1d5db;
}
.border-gray-300 {
  border-color: #d1d5db;
}
.text-gray-400 {
  color: #9ca3af;
}
.bg-gray-400 {
  background-color: #9ca3af;
}
.border-gray-400 {
  border-color: #9ca3af;
}
.text-gray-500 {
  color: #6b7280;
}
.bg-gray-500 {
  background-color: #6b7280;
}
.border-gray-500 {
  border-color: #6b7280;
}
.text-gray-600 {
  color: #4b5563;
}
.bg-gray-600 {
  background-color: #4b5563;
}
.border-gray-600 {
  border-color: #4b5563;
}
.text-gray-700 {
  color: #374151;
}
.bg-gray-700 {
  background-color: #374151;
}
.border-gray-700 {
  border-color: #374151;
}
.text-gray-800 {
  color: #1f2937;
}
.bg-gray-800 {
  background-color: #1f2937;
}
.border-gray-800 {
  border-color: #1f2937;
}
.text-gray-900 {
  color: #111827;
}
.bg-gray-900 {
  background-color: #111827;
}
.border-gray-900 {
  border-color: #111827;
}
.text-red-50 {
  color: #fef2f2;
}
.bg-red-50 {
  background-color: #fef2f2;
}
.border-red-50 {
  border-color: #fef2f2;
}
.text-red-100 {
  color: #fee2e2;
}
.bg-red-100 {
  background-color: #fee2e2;
}
.border-red-100 {
  border-color: #fee2e2;
}
.text-red-500 {
  color: #ef4444;
}
.bg-red-500 {
  background-color: #ef4444;
}
.border-red-500 {
  border-color: #ef4444;
}
.text-red-600 {
  color: #dc2626;
}
.bg-red-600 {
  background-color: #dc2626;
}
.border-red-600 {
  border-color: #dc2626;
}
.text-red-700 {
  color: #b91c1c;
}
.bg-red-700 {
  background-color: #b91c1c;
}
.border-red-700 {
  border-color: #b91c1c;
}
.text-green-50 {
  color: #f0fdf4;
}
.bg-green-50 {
  background-color: #f0fdf4;
}
.border-green-50 {
  border-color: #f0fdf4;
}
.text-green-100 {
  color: #dcfce7;
}
.bg-green-100 {
  background-color: #dcfce7;
}
.border-green-100 {
  border-color: #dcfce7;
}
.text-green-500 {
  color: #22c55e;
}
.bg-green-500 {
  background-color: #22c55e;
}
.border-green-500 {
  border-color: #22c55e;
}
.text-green-600 {
  color: #16a34a;
}
.bg-green-600 {
  background-color: #16a34a;
}
.border-green-600 {
  border-color: #16a34a;
}
.text-green-700 {
  color: #15803d;
}
.bg-green-700 {
  background-color: #15803d;
}
.border-green-700 {
  border-color: #15803d;
}
.text-blue-50 {
  color: #eff6ff;
}
.bg-blue-50 {
  background-color: #eff6ff;
}
.border-blue-50 {
  border-color: #eff6ff;
}
.text-blue-100 {
  color: #dbeafe;
}
.bg-blue-100 {
  background-color: #dbeafe;
}
.border-blue-100 {
  border-color: #dbeafe;
}
.text-blue-500 {
  color: #3b82f6;
}
.bg-blue-500 {
  background-color: #3b82f6;
}
.border-blue-500 {
  border-color: #3b82f6;
}
.text-blue-600 {
  color: #2563eb;
}
.bg-blue-600 {
  background-color: #2563eb;
}
.border-blue-600 {
  border-color: #2563eb;
}
.text-blue-700 {
  color: #1d4ed8;
}
.bg-blue-700 {
  background-color: #1d4ed8;
}
.border-blue-700 {
  border-color: #1d4ed8;
}
.text-yellow-50 {
  color: #fefce8;
}
.bg-yellow-50 {
  background-color: #fefce8;
}
.border-yellow-50 {
  border-color: #fefce8;
}
.text-yellow-100 {
  color: #fef9c3;
}
.bg-yellow-100 {
  background-color: #fef9c3;
}
.border-yellow-100 {
  border-color: #fef9c3;
}
.text-yellow-500 {
  color: #eab308;
}
.bg-yellow-500 {
  background-color: #eab308;
}
.border-yellow-500 {
  border-color: #eab308;
}
.text-yellow-600 {
  color: #ca8a04;
}
.bg-yellow-600 {
  background-color: #ca8a04;
}
.border-yellow-600 {
  border-color: #ca8a04;
}
.text-yellow-700 {
  color: #a16207;
}
.bg-yellow-700 {
  background-color: #a16207;
}
.border-yellow-700 {
  border-color: #a16207;
}
.text-brand {
  color: #5C7A1F;
}
.bg-brand {
  background-color: #5C7A1F;
}
.border-brand {
  border-color: #5C7A1F;
}
.text-brand-dark {
  color: #4A6318;
}
.bg-brand-dark {
  background-color: #4A6318;
}
.border-brand-dark {
  border-color: #4A6318;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 0.125em;
}
.rounded {
  border-radius: 0.25em;
}
.rounded-md {
  border-radius: 0.375em;
}
.rounded-lg {
  border-radius: 0.5em;
}
.rounded-xl {
  border-radius: 0.75em;
}
.rounded-2xl {
  border-radius: 1em;
}
.rounded-3xl {
  border-radius: 1.5em;
}
.rounded-full {
  border-radius: 9999px;
}
/* Side-specific */
.rounded-t-lg {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.rounded-t-xl {
  border-top-left-radius: 0.75em;
  border-top-right-radius: 0.75em;
}
.rounded-t-2xl {
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}
.rounded-b-lg {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.rounded-b-xl {
  border-bottom-left-radius: 0.75em;
  border-bottom-right-radius: 0.75em;
}
.rounded-b-2xl {
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}
.rounded-l-lg {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.rounded-l-xl {
  border-top-left-radius: 0.75em;
  border-bottom-left-radius: 0.75em;
}
.rounded-l-2xl {
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
}
.rounded-l-3xl {
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
}
.rounded-r-lg {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.rounded-r-xl {
  border-top-right-radius: 0.75em;
  border-bottom-right-radius: 0.75em;
}
.rounded-r-2xl {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}
.rounded-r-3xl {
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
}
.max-w-2xs {
  max-width: 16em;
}
.max-w-xs {
  max-width: 20em;
}
.max-w-sm {
  max-width: 24em;
}
.max-w-md {
  max-width: 28em;
}
.max-w-lg {
  max-width: 32em;
}
.max-w-xl {
  max-width: 36em;
}
.max-w-2xl {
  max-width: 42em;
}
.max-w-3xl {
  max-width: 48em;
}
.max-w-4xl {
  max-width: 56em;
}
.max-w-5xl {
  max-width: 64em;
}
.max-w-6xl {
  max-width: 72em;
}
.max-w-7xl {
  max-width: 80em;
}
.max-w-full {
  max-width: 100%;
}
.max-w-none {
  max-width: none;
}
.max-w-\[40px\] {
  max-width: 40px;
}
.w-\[40px\] {
  width: 40px;
}
.h-\[40px\] {
  height: 40px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.max-h-\[40px\] {
  max-height: 40px;
}
.max-w-\[60px\] {
  max-width: 60px;
}
.w-\[60px\] {
  width: 60px;
}
.h-\[60px\] {
  height: 60px;
}
.min-w-\[60px\] {
  min-width: 60px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.max-h-\[60px\] {
  max-height: 60px;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.w-\[80px\] {
  width: 80px;
}
.h-\[80px\] {
  height: 80px;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.max-h-\[80px\] {
  max-height: 80px;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.w-\[100px\] {
  width: 100px;
}
.h-\[100px\] {
  height: 100px;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.w-\[120px\] {
  width: 120px;
}
.h-\[120px\] {
  height: 120px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.max-h-\[120px\] {
  max-height: 120px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.w-\[140px\] {
  width: 140px;
}
.h-\[140px\] {
  height: 140px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.max-h-\[140px\] {
  max-height: 140px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.w-\[150px\] {
  width: 150px;
}
.h-\[150px\] {
  height: 150px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.max-h-\[150px\] {
  max-height: 150px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.w-\[160px\] {
  width: 160px;
}
.h-\[160px\] {
  height: 160px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.max-h-\[160px\] {
  max-height: 160px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.w-\[180px\] {
  width: 180px;
}
.h-\[180px\] {
  height: 180px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.max-h-\[180px\] {
  max-height: 180px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.w-\[200px\] {
  width: 200px;
}
.h-\[200px\] {
  height: 200px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.w-\[240px\] {
  width: 240px;
}
.h-\[240px\] {
  height: 240px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.w-\[280px\] {
  width: 280px;
}
.h-\[280px\] {
  height: 280px;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.w-\[320px\] {
  width: 320px;
}
.h-\[320px\] {
  height: 320px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-h-\[320px\] {
  min-height: 320px;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.w-\[360px\] {
  width: 360px;
}
.h-\[360px\] {
  height: 360px;
}
.min-w-\[360px\] {
  min-width: 360px;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.max-h-\[360px\] {
  max-height: 360px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.w-\[400px\] {
  width: 400px;
}
.h-\[400px\] {
  height: 400px;
}
.min-w-\[400px\] {
  min-width: 400px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.w-\[480px\] {
  width: 480px;
}
.h-\[480px\] {
  height: 480px;
}
.min-w-\[480px\] {
  min-width: 480px;
}
.min-h-\[480px\] {
  min-height: 480px;
}
.max-h-\[480px\] {
  max-height: 480px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.w-\[520px\] {
  width: 520px;
}
.h-\[520px\] {
  height: 520px;
}
.min-w-\[520px\] {
  min-width: 520px;
}
.min-h-\[520px\] {
  min-height: 520px;
}
.max-h-\[520px\] {
  max-height: 520px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.w-\[600px\] {
  width: 600px;
}
.h-\[600px\] {
  height: 600px;
}
.min-w-\[600px\] {
  min-width: 600px;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.w-\[720px\] {
  width: 720px;
}
.h-\[720px\] {
  height: 720px;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-h-\[720px\] {
  min-height: 720px;
}
.max-h-\[720px\] {
  max-height: 720px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.w-\[800px\] {
  width: 800px;
}
.h-\[800px\] {
  height: 800px;
}
.min-w-\[800px\] {
  min-width: 800px;
}
.min-h-\[800px\] {
  min-height: 800px;
}
.max-h-\[800px\] {
  max-height: 800px;
}
/* Responsive variants */
@media (min-width: 40em) {
  /* Margin */
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mr-0 {
    margin-right: 0;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:ml-0 {
    margin-left: 0;
  }
  /* Padding */
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:pr-0 {
    padding-right: 0;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:pl-0 {
    padding-left: 0;
  }
  /* Gap */
  .sm\:gap-0 {
    gap: 0;
  }
  .sm\:gap-x-0 {
    column-gap: 0;
  }
  .sm\:gap-y-0 {
    row-gap: 0;
  }
  /* Margin */
  .sm\:m-1 {
    margin: 0.25em;
  }
  .sm\:mx-1 {
    margin-left: 0.25em;
    margin-right: 0.25em;
  }
  .sm\:my-1 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .sm\:mt-1 {
    margin-top: 0.25em;
  }
  .sm\:mr-1 {
    margin-right: 0.25em;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25em;
  }
  .sm\:ml-1 {
    margin-left: 0.25em;
  }
  /* Padding */
  .sm\:p-1 {
    padding: 0.25em;
  }
  .sm\:px-1 {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .sm\:py-1 {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .sm\:pt-1 {
    padding-top: 0.25em;
  }
  .sm\:pr-1 {
    padding-right: 0.25em;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25em;
  }
  .sm\:pl-1 {
    padding-left: 0.25em;
  }
  /* Gap */
  .sm\:gap-1 {
    gap: 0.25em;
  }
  .sm\:gap-x-1 {
    column-gap: 0.25em;
  }
  .sm\:gap-y-1 {
    row-gap: 0.25em;
  }
  /* Margin */
  .sm\:m-2 {
    margin: 0.5em;
  }
  .sm\:mx-2 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .sm\:my-2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .sm\:mt-2 {
    margin-top: 0.5em;
  }
  .sm\:mr-2 {
    margin-right: 0.5em;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5em;
  }
  .sm\:ml-2 {
    margin-left: 0.5em;
  }
  /* Padding */
  .sm\:p-2 {
    padding: 0.5em;
  }
  .sm\:px-2 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .sm\:py-2 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .sm\:pt-2 {
    padding-top: 0.5em;
  }
  .sm\:pr-2 {
    padding-right: 0.5em;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5em;
  }
  .sm\:pl-2 {
    padding-left: 0.5em;
  }
  /* Gap */
  .sm\:gap-2 {
    gap: 0.5em;
  }
  .sm\:gap-x-2 {
    column-gap: 0.5em;
  }
  .sm\:gap-y-2 {
    row-gap: 0.5em;
  }
  /* Margin */
  .sm\:m-3 {
    margin: 0.75em;
  }
  .sm\:mx-3 {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .sm\:my-3 {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .sm\:mt-3 {
    margin-top: 0.75em;
  }
  .sm\:mr-3 {
    margin-right: 0.75em;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75em;
  }
  .sm\:ml-3 {
    margin-left: 0.75em;
  }
  /* Padding */
  .sm\:p-3 {
    padding: 0.75em;
  }
  .sm\:px-3 {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .sm\:py-3 {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .sm\:pt-3 {
    padding-top: 0.75em;
  }
  .sm\:pr-3 {
    padding-right: 0.75em;
  }
  .sm\:pb-3 {
    padding-bottom: 0.75em;
  }
  .sm\:pl-3 {
    padding-left: 0.75em;
  }
  /* Gap */
  .sm\:gap-3 {
    gap: 0.75em;
  }
  .sm\:gap-x-3 {
    column-gap: 0.75em;
  }
  .sm\:gap-y-3 {
    row-gap: 0.75em;
  }
  /* Margin */
  .sm\:m-4 {
    margin: 1em;
  }
  .sm\:mx-4 {
    margin-left: 1em;
    margin-right: 1em;
  }
  .sm\:my-4 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .sm\:mt-4 {
    margin-top: 1em;
  }
  .sm\:mr-4 {
    margin-right: 1em;
  }
  .sm\:mb-4 {
    margin-bottom: 1em;
  }
  .sm\:ml-4 {
    margin-left: 1em;
  }
  /* Padding */
  .sm\:p-4 {
    padding: 1em;
  }
  .sm\:px-4 {
    padding-left: 1em;
    padding-right: 1em;
  }
  .sm\:py-4 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .sm\:pt-4 {
    padding-top: 1em;
  }
  .sm\:pr-4 {
    padding-right: 1em;
  }
  .sm\:pb-4 {
    padding-bottom: 1em;
  }
  .sm\:pl-4 {
    padding-left: 1em;
  }
  /* Gap */
  .sm\:gap-4 {
    gap: 1em;
  }
  .sm\:gap-x-4 {
    column-gap: 1em;
  }
  .sm\:gap-y-4 {
    row-gap: 1em;
  }
  /* Margin */
  .sm\:m-5 {
    margin: 1.25em;
  }
  .sm\:mx-5 {
    margin-left: 1.25em;
    margin-right: 1.25em;
  }
  .sm\:my-5 {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .sm\:mt-5 {
    margin-top: 1.25em;
  }
  .sm\:mr-5 {
    margin-right: 1.25em;
  }
  .sm\:mb-5 {
    margin-bottom: 1.25em;
  }
  .sm\:ml-5 {
    margin-left: 1.25em;
  }
  /* Padding */
  .sm\:p-5 {
    padding: 1.25em;
  }
  .sm\:px-5 {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .sm\:py-5 {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .sm\:pt-5 {
    padding-top: 1.25em;
  }
  .sm\:pr-5 {
    padding-right: 1.25em;
  }
  .sm\:pb-5 {
    padding-bottom: 1.25em;
  }
  .sm\:pl-5 {
    padding-left: 1.25em;
  }
  /* Gap */
  .sm\:gap-5 {
    gap: 1.25em;
  }
  .sm\:gap-x-5 {
    column-gap: 1.25em;
  }
  .sm\:gap-y-5 {
    row-gap: 1.25em;
  }
  /* Margin */
  .sm\:m-6 {
    margin: 1.5em;
  }
  .sm\:mx-6 {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }
  .sm\:my-6 {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  .sm\:mt-6 {
    margin-top: 1.5em;
  }
  .sm\:mr-6 {
    margin-right: 1.5em;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5em;
  }
  .sm\:ml-6 {
    margin-left: 1.5em;
  }
  /* Padding */
  .sm\:p-6 {
    padding: 1.5em;
  }
  .sm\:px-6 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .sm\:py-6 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .sm\:pt-6 {
    padding-top: 1.5em;
  }
  .sm\:pr-6 {
    padding-right: 1.5em;
  }
  .sm\:pb-6 {
    padding-bottom: 1.5em;
  }
  .sm\:pl-6 {
    padding-left: 1.5em;
  }
  /* Gap */
  .sm\:gap-6 {
    gap: 1.5em;
  }
  .sm\:gap-x-6 {
    column-gap: 1.5em;
  }
  .sm\:gap-y-6 {
    row-gap: 1.5em;
  }
  /* Margin */
  .sm\:m-8 {
    margin: 2em;
  }
  .sm\:mx-8 {
    margin-left: 2em;
    margin-right: 2em;
  }
  .sm\:my-8 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .sm\:mt-8 {
    margin-top: 2em;
  }
  .sm\:mr-8 {
    margin-right: 2em;
  }
  .sm\:mb-8 {
    margin-bottom: 2em;
  }
  .sm\:ml-8 {
    margin-left: 2em;
  }
  /* Padding */
  .sm\:p-8 {
    padding: 2em;
  }
  .sm\:px-8 {
    padding-left: 2em;
    padding-right: 2em;
  }
  .sm\:py-8 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .sm\:pt-8 {
    padding-top: 2em;
  }
  .sm\:pr-8 {
    padding-right: 2em;
  }
  .sm\:pb-8 {
    padding-bottom: 2em;
  }
  .sm\:pl-8 {
    padding-left: 2em;
  }
  /* Gap */
  .sm\:gap-8 {
    gap: 2em;
  }
  .sm\:gap-x-8 {
    column-gap: 2em;
  }
  .sm\:gap-y-8 {
    row-gap: 2em;
  }
  /* Margin */
  .sm\:m-10 {
    margin: 2.5em;
  }
  .sm\:mx-10 {
    margin-left: 2.5em;
    margin-right: 2.5em;
  }
  .sm\:my-10 {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
  }
  .sm\:mt-10 {
    margin-top: 2.5em;
  }
  .sm\:mr-10 {
    margin-right: 2.5em;
  }
  .sm\:mb-10 {
    margin-bottom: 2.5em;
  }
  .sm\:ml-10 {
    margin-left: 2.5em;
  }
  /* Padding */
  .sm\:p-10 {
    padding: 2.5em;
  }
  .sm\:px-10 {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
  .sm\:py-10 {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  .sm\:pt-10 {
    padding-top: 2.5em;
  }
  .sm\:pr-10 {
    padding-right: 2.5em;
  }
  .sm\:pb-10 {
    padding-bottom: 2.5em;
  }
  .sm\:pl-10 {
    padding-left: 2.5em;
  }
  /* Gap */
  .sm\:gap-10 {
    gap: 2.5em;
  }
  .sm\:gap-x-10 {
    column-gap: 2.5em;
  }
  .sm\:gap-y-10 {
    row-gap: 2.5em;
  }
  /* Margin */
  .sm\:m-12 {
    margin: 3em;
  }
  .sm\:mx-12 {
    margin-left: 3em;
    margin-right: 3em;
  }
  .sm\:my-12 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .sm\:mt-12 {
    margin-top: 3em;
  }
  .sm\:mr-12 {
    margin-right: 3em;
  }
  .sm\:mb-12 {
    margin-bottom: 3em;
  }
  .sm\:ml-12 {
    margin-left: 3em;
  }
  /* Padding */
  .sm\:p-12 {
    padding: 3em;
  }
  .sm\:px-12 {
    padding-left: 3em;
    padding-right: 3em;
  }
  .sm\:py-12 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .sm\:pt-12 {
    padding-top: 3em;
  }
  .sm\:pr-12 {
    padding-right: 3em;
  }
  .sm\:pb-12 {
    padding-bottom: 3em;
  }
  .sm\:pl-12 {
    padding-left: 3em;
  }
  /* Gap */
  .sm\:gap-12 {
    gap: 3em;
  }
  .sm\:gap-x-12 {
    column-gap: 3em;
  }
  .sm\:gap-y-12 {
    row-gap: 3em;
  }
  /* Margin */
  .sm\:m-16 {
    margin: 4em;
  }
  .sm\:mx-16 {
    margin-left: 4em;
    margin-right: 4em;
  }
  .sm\:my-16 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .sm\:mt-16 {
    margin-top: 4em;
  }
  .sm\:mr-16 {
    margin-right: 4em;
  }
  .sm\:mb-16 {
    margin-bottom: 4em;
  }
  .sm\:ml-16 {
    margin-left: 4em;
  }
  /* Padding */
  .sm\:p-16 {
    padding: 4em;
  }
  .sm\:px-16 {
    padding-left: 4em;
    padding-right: 4em;
  }
  .sm\:py-16 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .sm\:pt-16 {
    padding-top: 4em;
  }
  .sm\:pr-16 {
    padding-right: 4em;
  }
  .sm\:pb-16 {
    padding-bottom: 4em;
  }
  .sm\:pl-16 {
    padding-left: 4em;
  }
  /* Gap */
  .sm\:gap-16 {
    gap: 4em;
  }
  .sm\:gap-x-16 {
    column-gap: 4em;
  }
  .sm\:gap-y-16 {
    row-gap: 4em;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:w-75 {
    width: 75%;
  }
  .sm\:w-66 {
    width: 66.6667%;
  }
  .sm\:w-50 {
    width: 50%;
  }
  .sm\:w-33 {
    width: 33.3333%;
  }
  .sm\:w-25 {
    width: 25%;
  }
  .sm\:w-screen {
    width: 100vw;
  }
  .sm\:w-fit {
    width: fit-content;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-1\/3 {
    width: 33.3333%;
  }
  .sm\:w-2\/3 {
    width: 66.6667%;
  }
  .sm\:w-1\/4 {
    width: 25%;
  }
  .sm\:w-2\/4 {
    width: 50%;
  }
  .sm\:w-3\/4 {
    width: 75%;
  }
  .sm\:w-1\/5 {
    width: 20%;
  }
  .sm\:w-2\/5 {
    width: 40%;
  }
  .sm\:w-3\/5 {
    width: 60%;
  }
  .sm\:w-4\/5 {
    width: 80%;
  }
  .sm\:w-16 {
    width: 4em;
  }
  .sm\:w-20 {
    width: 5em;
  }
  .sm\:w-24 {
    width: 6em;
  }
  .sm\:w-32 {
    width: 8em;
  }
  .sm\:w-40 {
    width: 10em;
  }
  .sm\:w-48 {
    width: 12em;
  }
  .sm\:w-56 {
    width: 14em;
  }
  .sm\:w-64 {
    width: 16em;
  }
  .sm\:w-80 {
    width: 20em;
  }
  .sm\:w-96 {
    width: 24em;
  }
  /* Height */
  .sm\:h-auto {
    height: auto;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:h-screen {
    height: 100vh;
  }
  .sm\:h-fit {
    height: fit-content;
  }
  /* Object fit */
  .sm\:object-contain {
    object-fit: contain;
  }
  .sm\:object-cover {
    object-fit: cover;
  }
  .sm\:object-fill {
    object-fit: fill;
  }
  .sm\:object-none {
    object-fit: none;
  }
  .sm\:object-scale-down {
    object-fit: scale-down;
  }
  /* Display */
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:inline-flex {
    display: inline-flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:inline-grid {
    display: inline-grid;
  }
  .sm\:flow-root {
    display: flow-root;
  }
  .sm\:contents {
    display: contents;
  }
  .sm\:table {
    display: table;
  }
  .sm\:hidden {
    display: none;
  }
  /* Flex direction */
  .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;
  }
  /* Flex wrap */
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  /* Flex shortcuts */
  .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;
  }
  /* Grow / Shrink */
  .sm\:grow {
    flex-grow: 1;
  }
  .sm\:grow-0 {
    flex-grow: 0;
  }
  .sm\:shrink {
    flex-shrink: 1;
  }
  .sm\:shrink-0 {
    flex-shrink: 0;
  }
  /* Justify content */
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:justify-around {
    justify-content: space-around;
  }
  .sm\:justify-evenly {
    justify-content: space-evenly;
  }
  .sm\:justify-stretch {
    justify-content: stretch;
  }
  /* Align items */
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-end {
    align-items: flex-end;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:items-baseline {
    align-items: baseline;
  }
  .sm\:items-stretch {
    align-items: stretch;
  }
  /* Align self */
  .sm\:self-auto {
    align-self: auto;
  }
  .sm\:self-start {
    align-self: flex-start;
  }
  .sm\:self-end {
    align-self: flex-end;
  }
  .sm\:self-center {
    align-self: center;
  }
  .sm\:self-stretch {
    align-self: stretch;
  }
  .sm\:self-baseline {
    align-self: baseline;
  }
  /* Grid columns (1–12) */
  .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;
  }
  /* Column span (1–12 + full) */
  .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;
  }
  /* Position */
  .sm\:static {
    position: static;
  }
  .sm\:relative {
    position: relative;
  }
  .sm\:absolute {
    position: absolute;
  }
  .sm\:fixed {
    position: fixed;
  }
  .sm\:sticky {
    position: sticky;
  }
  /* Inset (top / right / bottom / left) */
  .sm\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .sm\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .sm\:inset-x-0 {
    left: 0;
    right: 0;
  }
  .sm\:inset-x-auto {
    left: auto;
    right: auto;
  }
  .sm\:inset-y-0 {
    top: 0;
    bottom: 0;
  }
  .sm\:inset-y-auto {
    top: auto;
    bottom: auto;
  }
  .sm\:top-0 {
    top: 0;
  }
  .sm\:top-auto {
    top: auto;
  }
  .sm\:top-full {
    top: 100%;
  }
  .sm\:top-1\/2 {
    top: 50%;
  }
  .sm\:right-0 {
    right: 0;
  }
  .sm\:right-auto {
    right: auto;
  }
  .sm\:right-full {
    right: 100%;
  }
  .sm\:right-1\/2 {
    right: 50%;
  }
  .sm\:bottom-0 {
    bottom: 0;
  }
  .sm\:bottom-auto {
    bottom: auto;
  }
  .sm\:bottom-full {
    bottom: 100%;
  }
  .sm\:bottom-1\/2 {
    bottom: 50%;
  }
  .sm\:left-0 {
    left: 0;
  }
  .sm\:left-auto {
    left: auto;
  }
  .sm\:left-full {
    left: 100%;
  }
  .sm\:left-1\/2 {
    left: 50%;
  }
  /* Z-index */
  .sm\:z-0 {
    z-index: 0;
  }
  .sm\:z-10 {
    z-index: 10;
  }
  .sm\:z-20 {
    z-index: 20;
  }
  .sm\:z-30 {
    z-index: 30;
  }
  .sm\:z-40 {
    z-index: 40;
  }
  .sm\:z-50 {
    z-index: 50;
  }
  .sm\:z-auto {
    z-index: auto;
  }
  /* Overflow */
  .sm\:overflow-auto {
    overflow: auto;
  }
  .sm\:overflow-hidden {
    overflow: hidden;
  }
  .sm\:overflow-visible {
    overflow: visible;
  }
  .sm\:overflow-scroll {
    overflow: scroll;
  }
  .sm\:overflow-x-auto {
    overflow-x: auto;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .sm\:overflow-y-auto {
    overflow-y: auto;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .sm\:float-start {
    float: inline-start;
  }
  .sm\:float-end {
    float: inline-end;
  }
  .sm\:float-right {
    float: right;
  }
  .sm\:float-left {
    float: left;
  }
  .sm\:float-none {
    float: none;
  }
  .sm\:translate-x-0 {
    transform: translateX(0);
  }
  .sm\:translate-y-0 {
    transform: translateY(0);
  }
  .sm\:-translate-x-0 {
    transform: translateX(0);
  }
  .sm\:-translate-y-0 {
    transform: translateY(0);
  }
  .sm\:translate-x-1 {
    transform: translateX(0.25em);
  }
  .sm\:translate-y-1 {
    transform: translateY(0.25em);
  }
  .sm\:-translate-x-1 {
    transform: translateX(-0.25em);
  }
  .sm\:-translate-y-1 {
    transform: translateY(-0.25em);
  }
  .sm\:translate-x-2 {
    transform: translateX(0.5em);
  }
  .sm\:translate-y-2 {
    transform: translateY(0.5em);
  }
  .sm\:-translate-x-2 {
    transform: translateX(-0.5em);
  }
  .sm\:-translate-y-2 {
    transform: translateY(-0.5em);
  }
  .sm\:translate-x-3 {
    transform: translateX(0.75em);
  }
  .sm\:translate-y-3 {
    transform: translateY(0.75em);
  }
  .sm\:-translate-x-3 {
    transform: translateX(-0.75em);
  }
  .sm\:-translate-y-3 {
    transform: translateY(-0.75em);
  }
  .sm\:translate-x-4 {
    transform: translateX(1em);
  }
  .sm\:translate-y-4 {
    transform: translateY(1em);
  }
  .sm\:-translate-x-4 {
    transform: translateX(-1em);
  }
  .sm\:-translate-y-4 {
    transform: translateY(-1em);
  }
  .sm\:translate-x-5 {
    transform: translateX(1.25em);
  }
  .sm\:translate-y-5 {
    transform: translateY(1.25em);
  }
  .sm\:-translate-x-5 {
    transform: translateX(-1.25em);
  }
  .sm\:-translate-y-5 {
    transform: translateY(-1.25em);
  }
  .sm\:translate-x-6 {
    transform: translateX(1.5em);
  }
  .sm\:translate-y-6 {
    transform: translateY(1.5em);
  }
  .sm\:-translate-x-6 {
    transform: translateX(-1.5em);
  }
  .sm\:-translate-y-6 {
    transform: translateY(-1.5em);
  }
  .sm\:translate-x-8 {
    transform: translateX(2em);
  }
  .sm\:translate-y-8 {
    transform: translateY(2em);
  }
  .sm\:-translate-x-8 {
    transform: translateX(-2em);
  }
  .sm\:-translate-y-8 {
    transform: translateY(-2em);
  }
  .sm\:translate-x-10 {
    transform: translateX(2.5em);
  }
  .sm\:translate-y-10 {
    transform: translateY(2.5em);
  }
  .sm\:-translate-x-10 {
    transform: translateX(-2.5em);
  }
  .sm\:-translate-y-10 {
    transform: translateY(-2.5em);
  }
  .sm\:translate-x-12 {
    transform: translateX(3em);
  }
  .sm\:translate-y-12 {
    transform: translateY(3em);
  }
  .sm\:-translate-x-12 {
    transform: translateX(-3em);
  }
  .sm\:-translate-y-12 {
    transform: translateY(-3em);
  }
  .sm\:translate-x-16 {
    transform: translateX(4em);
  }
  .sm\:translate-y-16 {
    transform: translateY(4em);
  }
  .sm\:-translate-x-16 {
    transform: translateX(-4em);
  }
  .sm\:-translate-y-16 {
    transform: translateY(-4em);
  }
  .sm\:translate-x-1\/2 {
    transform: translateX(50%);
  }
  .sm\:translate-y-1\/2 {
    transform: translateY(50%);
  }
  .sm\:-translate-x-1\/2 {
    transform: translateX(-50%);
  }
  .sm\:-translate-y-1\/2 {
    transform: translateY(-50%);
  }
  .sm\:translate-x-full {
    transform: translateX(100%);
  }
  .sm\:translate-y-full {
    transform: translateY(100%);
  }
  .sm\:-translate-x-full {
    transform: translateX(-100%);
  }
  .sm\:-translate-y-full {
    transform: translateY(-100%);
  }
  .sm\:rotate-0 {
    transform: rotate(0deg);
  }
  .sm\:rotate-45 {
    transform: rotate(45deg);
  }
  .sm\:rotate-90 {
    transform: rotate(90deg);
  }
  .sm\:rotate-180 {
    transform: rotate(180deg);
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg);
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg);
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg);
  }
  .sm\:scale-50 {
    transform: scale(0.5);
  }
  .sm\:scale-75 {
    transform: scale(0.75);
  }
  .sm\:scale-90 {
    transform: scale(0.9);
  }
  .sm\:scale-100 {
    transform: scale(1);
  }
  .sm\:scale-110 {
    transform: scale(1.1);
  }
  .sm\:scale-125 {
    transform: scale(1.25);
  }
  .sm\:scale-150 {
    transform: scale(1.5);
  }
  /* Text alignment */
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-center {
    text-align: center;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:text-justify {
    text-align: justify;
  }
  /* Font size */
  .sm\:text-xs {
    font-size: 0.75em;
    line-height: 1.4;
  }
  .sm\:text-sm {
    font-size: 0.875em;
    line-height: 1.5;
  }
  .sm\:text-base {
    font-size: 1em;
    line-height: 1.6;
  }
  .sm\:text-lg {
    font-size: 1.125em;
    line-height: 1.6;
  }
  .sm\:text-xl {
    font-size: 1.25em;
    line-height: 1.5;
  }
  .sm\:text-2xl {
    font-size: 1.5em;
    line-height: 1.4;
  }
  .sm\:text-3xl {
    font-size: 1.875em;
    line-height: 1.3;
  }
  .sm\:text-4xl {
    font-size: 2.25em;
    line-height: 1.2;
  }
  .sm\:text-5xl {
    font-size: 3em;
    line-height: 1.1;
  }
  .sm\:text-6xl {
    font-size: 3.75em;
    line-height: 1;
  }
  /* Font weight */
  .sm\:font-light {
    font-weight: 300;
  }
  .sm\:font-normal {
    font-weight: 400;
  }
  .sm\:font-medium {
    font-weight: 500;
  }
  .sm\:font-semibold {
    font-weight: 600;
  }
  .sm\:font-bold {
    font-weight: 700;
  }
  /* Leading */
  .sm\:leading-none {
    line-height: 1;
  }
  .sm\:leading-tight {
    line-height: 1.2;
  }
  .sm\:leading-snug {
    line-height: 1.375;
  }
  .sm\:leading-normal {
    line-height: 1.5;
  }
  .sm\:leading-relaxed {
    line-height: 1.625;
  }
  .sm\:leading-loose {
    line-height: 2;
  }
  .sm\:text-white {
    color: #ffffff;
  }
  .sm\:bg-white {
    background-color: #ffffff;
  }
  .sm\:border-white {
    border-color: #ffffff;
  }
  .sm\:text-black {
    color: #000000;
  }
  .sm\:bg-black {
    background-color: #000000;
  }
  .sm\:border-black {
    border-color: #000000;
  }
  .sm\:text-transparent {
    color: transparent;
  }
  .sm\:bg-transparent {
    background-color: transparent;
  }
  .sm\:border-transparent {
    border-color: transparent;
  }
  .sm\:text-gray-50 {
    color: #f9fafb;
  }
  .sm\:bg-gray-50 {
    background-color: #f9fafb;
  }
  .sm\:border-gray-50 {
    border-color: #f9fafb;
  }
  .sm\:text-gray-100 {
    color: #f3f4f6;
  }
  .sm\:bg-gray-100 {
    background-color: #f3f4f6;
  }
  .sm\:border-gray-100 {
    border-color: #f3f4f6;
  }
  .sm\:text-gray-200 {
    color: #e5e7eb;
  }
  .sm\:bg-gray-200 {
    background-color: #e5e7eb;
  }
  .sm\:border-gray-200 {
    border-color: #e5e7eb;
  }
  .sm\:text-gray-300 {
    color: #d1d5db;
  }
  .sm\:bg-gray-300 {
    background-color: #d1d5db;
  }
  .sm\:border-gray-300 {
    border-color: #d1d5db;
  }
  .sm\:text-gray-400 {
    color: #9ca3af;
  }
  .sm\:bg-gray-400 {
    background-color: #9ca3af;
  }
  .sm\:border-gray-400 {
    border-color: #9ca3af;
  }
  .sm\:text-gray-500 {
    color: #6b7280;
  }
  .sm\:bg-gray-500 {
    background-color: #6b7280;
  }
  .sm\:border-gray-500 {
    border-color: #6b7280;
  }
  .sm\:text-gray-600 {
    color: #4b5563;
  }
  .sm\:bg-gray-600 {
    background-color: #4b5563;
  }
  .sm\:border-gray-600 {
    border-color: #4b5563;
  }
  .sm\:text-gray-700 {
    color: #374151;
  }
  .sm\:bg-gray-700 {
    background-color: #374151;
  }
  .sm\:border-gray-700 {
    border-color: #374151;
  }
  .sm\:text-gray-800 {
    color: #1f2937;
  }
  .sm\:bg-gray-800 {
    background-color: #1f2937;
  }
  .sm\:border-gray-800 {
    border-color: #1f2937;
  }
  .sm\:text-gray-900 {
    color: #111827;
  }
  .sm\:bg-gray-900 {
    background-color: #111827;
  }
  .sm\:border-gray-900 {
    border-color: #111827;
  }
  .sm\:text-red-50 {
    color: #fef2f2;
  }
  .sm\:bg-red-50 {
    background-color: #fef2f2;
  }
  .sm\:border-red-50 {
    border-color: #fef2f2;
  }
  .sm\:text-red-100 {
    color: #fee2e2;
  }
  .sm\:bg-red-100 {
    background-color: #fee2e2;
  }
  .sm\:border-red-100 {
    border-color: #fee2e2;
  }
  .sm\:text-red-500 {
    color: #ef4444;
  }
  .sm\:bg-red-500 {
    background-color: #ef4444;
  }
  .sm\:border-red-500 {
    border-color: #ef4444;
  }
  .sm\:text-red-600 {
    color: #dc2626;
  }
  .sm\:bg-red-600 {
    background-color: #dc2626;
  }
  .sm\:border-red-600 {
    border-color: #dc2626;
  }
  .sm\:text-red-700 {
    color: #b91c1c;
  }
  .sm\:bg-red-700 {
    background-color: #b91c1c;
  }
  .sm\:border-red-700 {
    border-color: #b91c1c;
  }
  .sm\:text-green-50 {
    color: #f0fdf4;
  }
  .sm\:bg-green-50 {
    background-color: #f0fdf4;
  }
  .sm\:border-green-50 {
    border-color: #f0fdf4;
  }
  .sm\:text-green-100 {
    color: #dcfce7;
  }
  .sm\:bg-green-100 {
    background-color: #dcfce7;
  }
  .sm\:border-green-100 {
    border-color: #dcfce7;
  }
  .sm\:text-green-500 {
    color: #22c55e;
  }
  .sm\:bg-green-500 {
    background-color: #22c55e;
  }
  .sm\:border-green-500 {
    border-color: #22c55e;
  }
  .sm\:text-green-600 {
    color: #16a34a;
  }
  .sm\:bg-green-600 {
    background-color: #16a34a;
  }
  .sm\:border-green-600 {
    border-color: #16a34a;
  }
  .sm\:text-green-700 {
    color: #15803d;
  }
  .sm\:bg-green-700 {
    background-color: #15803d;
  }
  .sm\:border-green-700 {
    border-color: #15803d;
  }
  .sm\:text-blue-50 {
    color: #eff6ff;
  }
  .sm\:bg-blue-50 {
    background-color: #eff6ff;
  }
  .sm\:border-blue-50 {
    border-color: #eff6ff;
  }
  .sm\:text-blue-100 {
    color: #dbeafe;
  }
  .sm\:bg-blue-100 {
    background-color: #dbeafe;
  }
  .sm\:border-blue-100 {
    border-color: #dbeafe;
  }
  .sm\:text-blue-500 {
    color: #3b82f6;
  }
  .sm\:bg-blue-500 {
    background-color: #3b82f6;
  }
  .sm\:border-blue-500 {
    border-color: #3b82f6;
  }
  .sm\:text-blue-600 {
    color: #2563eb;
  }
  .sm\:bg-blue-600 {
    background-color: #2563eb;
  }
  .sm\:border-blue-600 {
    border-color: #2563eb;
  }
  .sm\:text-blue-700 {
    color: #1d4ed8;
  }
  .sm\:bg-blue-700 {
    background-color: #1d4ed8;
  }
  .sm\:border-blue-700 {
    border-color: #1d4ed8;
  }
  .sm\:text-yellow-50 {
    color: #fefce8;
  }
  .sm\:bg-yellow-50 {
    background-color: #fefce8;
  }
  .sm\:border-yellow-50 {
    border-color: #fefce8;
  }
  .sm\:text-yellow-100 {
    color: #fef9c3;
  }
  .sm\:bg-yellow-100 {
    background-color: #fef9c3;
  }
  .sm\:border-yellow-100 {
    border-color: #fef9c3;
  }
  .sm\:text-yellow-500 {
    color: #eab308;
  }
  .sm\:bg-yellow-500 {
    background-color: #eab308;
  }
  .sm\:border-yellow-500 {
    border-color: #eab308;
  }
  .sm\:text-yellow-600 {
    color: #ca8a04;
  }
  .sm\:bg-yellow-600 {
    background-color: #ca8a04;
  }
  .sm\:border-yellow-600 {
    border-color: #ca8a04;
  }
  .sm\:text-yellow-700 {
    color: #a16207;
  }
  .sm\:bg-yellow-700 {
    background-color: #a16207;
  }
  .sm\:border-yellow-700 {
    border-color: #a16207;
  }
  .sm\:text-brand {
    color: #5C7A1F;
  }
  .sm\:bg-brand {
    background-color: #5C7A1F;
  }
  .sm\:border-brand {
    border-color: #5C7A1F;
  }
  .sm\:text-brand-dark {
    color: #4A6318;
  }
  .sm\:bg-brand-dark {
    background-color: #4A6318;
  }
  .sm\:border-brand-dark {
    border-color: #4A6318;
  }
  .sm\:rounded-none {
    border-radius: 0;
  }
  .sm\:rounded-sm {
    border-radius: 0.125em;
  }
  .sm\:rounded {
    border-radius: 0.25em;
  }
  .sm\:rounded-md {
    border-radius: 0.375em;
  }
  .sm\:rounded-lg {
    border-radius: 0.5em;
  }
  .sm\:rounded-xl {
    border-radius: 0.75em;
  }
  .sm\:rounded-2xl {
    border-radius: 1em;
  }
  .sm\:rounded-3xl {
    border-radius: 1.5em;
  }
  .sm\:rounded-full {
    border-radius: 9999px;
  }
  /* Side-specific */
  .sm\:rounded-t-lg {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
  .sm\:rounded-t-xl {
    border-top-left-radius: 0.75em;
    border-top-right-radius: 0.75em;
  }
  .sm\:rounded-t-2xl {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
  }
  .sm\:rounded-b-lg {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  .sm\:rounded-b-xl {
    border-bottom-left-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
  }
  .sm\:rounded-b-2xl {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
  }
  .sm\:rounded-l-lg {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
  }
  .sm\:rounded-l-xl {
    border-top-left-radius: 0.75em;
    border-bottom-left-radius: 0.75em;
  }
  .sm\:rounded-l-2xl {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
  }
  .sm\:rounded-l-3xl {
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
  }
  .sm\:rounded-r-lg {
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  .sm\:rounded-r-xl {
    border-top-right-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
  }
  .sm\:rounded-r-2xl {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
  }
  .sm\:rounded-r-3xl {
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
  }
  .sm\:max-w-2xs {
    max-width: 16em;
  }
  .sm\:max-w-xs {
    max-width: 20em;
  }
  .sm\:max-w-sm {
    max-width: 24em;
  }
  .sm\:max-w-md {
    max-width: 28em;
  }
  .sm\:max-w-lg {
    max-width: 32em;
  }
  .sm\:max-w-xl {
    max-width: 36em;
  }
  .sm\:max-w-2xl {
    max-width: 42em;
  }
  .sm\:max-w-3xl {
    max-width: 48em;
  }
  .sm\:max-w-4xl {
    max-width: 56em;
  }
  .sm\:max-w-5xl {
    max-width: 64em;
  }
  .sm\:max-w-6xl {
    max-width: 72em;
  }
  .sm\:max-w-7xl {
    max-width: 80em;
  }
  .sm\:max-w-full {
    max-width: 100%;
  }
  .sm\:max-w-none {
    max-width: none;
  }
  .sm\:max-w-\[40px\] {
    max-width: 40px;
  }
  .sm\:w-\[40px\] {
    width: 40px;
  }
  .sm\:h-\[40px\] {
    height: 40px;
  }
  .sm\:min-w-\[40px\] {
    min-width: 40px;
  }
  .sm\:min-h-\[40px\] {
    min-height: 40px;
  }
  .sm\:max-h-\[40px\] {
    max-height: 40px;
  }
  .sm\:max-w-\[60px\] {
    max-width: 60px;
  }
  .sm\:w-\[60px\] {
    width: 60px;
  }
  .sm\:h-\[60px\] {
    height: 60px;
  }
  .sm\:min-w-\[60px\] {
    min-width: 60px;
  }
  .sm\:min-h-\[60px\] {
    min-height: 60px;
  }
  .sm\:max-h-\[60px\] {
    max-height: 60px;
  }
  .sm\:max-w-\[80px\] {
    max-width: 80px;
  }
  .sm\:w-\[80px\] {
    width: 80px;
  }
  .sm\:h-\[80px\] {
    height: 80px;
  }
  .sm\:min-w-\[80px\] {
    min-width: 80px;
  }
  .sm\:min-h-\[80px\] {
    min-height: 80px;
  }
  .sm\:max-h-\[80px\] {
    max-height: 80px;
  }
  .sm\:max-w-\[100px\] {
    max-width: 100px;
  }
  .sm\:w-\[100px\] {
    width: 100px;
  }
  .sm\:h-\[100px\] {
    height: 100px;
  }
  .sm\:min-w-\[100px\] {
    min-width: 100px;
  }
  .sm\:min-h-\[100px\] {
    min-height: 100px;
  }
  .sm\:max-h-\[100px\] {
    max-height: 100px;
  }
  .sm\:max-w-\[120px\] {
    max-width: 120px;
  }
  .sm\:w-\[120px\] {
    width: 120px;
  }
  .sm\:h-\[120px\] {
    height: 120px;
  }
  .sm\:min-w-\[120px\] {
    min-width: 120px;
  }
  .sm\:min-h-\[120px\] {
    min-height: 120px;
  }
  .sm\:max-h-\[120px\] {
    max-height: 120px;
  }
  .sm\:max-w-\[140px\] {
    max-width: 140px;
  }
  .sm\:w-\[140px\] {
    width: 140px;
  }
  .sm\:h-\[140px\] {
    height: 140px;
  }
  .sm\:min-w-\[140px\] {
    min-width: 140px;
  }
  .sm\:min-h-\[140px\] {
    min-height: 140px;
  }
  .sm\:max-h-\[140px\] {
    max-height: 140px;
  }
  .sm\:max-w-\[150px\] {
    max-width: 150px;
  }
  .sm\:w-\[150px\] {
    width: 150px;
  }
  .sm\:h-\[150px\] {
    height: 150px;
  }
  .sm\:min-w-\[150px\] {
    min-width: 150px;
  }
  .sm\:min-h-\[150px\] {
    min-height: 150px;
  }
  .sm\:max-h-\[150px\] {
    max-height: 150px;
  }
  .sm\:max-w-\[160px\] {
    max-width: 160px;
  }
  .sm\:w-\[160px\] {
    width: 160px;
  }
  .sm\:h-\[160px\] {
    height: 160px;
  }
  .sm\:min-w-\[160px\] {
    min-width: 160px;
  }
  .sm\:min-h-\[160px\] {
    min-height: 160px;
  }
  .sm\:max-h-\[160px\] {
    max-height: 160px;
  }
  .sm\:max-w-\[180px\] {
    max-width: 180px;
  }
  .sm\:w-\[180px\] {
    width: 180px;
  }
  .sm\:h-\[180px\] {
    height: 180px;
  }
  .sm\:min-w-\[180px\] {
    min-width: 180px;
  }
  .sm\:min-h-\[180px\] {
    min-height: 180px;
  }
  .sm\:max-h-\[180px\] {
    max-height: 180px;
  }
  .sm\:max-w-\[200px\] {
    max-width: 200px;
  }
  .sm\:w-\[200px\] {
    width: 200px;
  }
  .sm\:h-\[200px\] {
    height: 200px;
  }
  .sm\:min-w-\[200px\] {
    min-width: 200px;
  }
  .sm\:min-h-\[200px\] {
    min-height: 200px;
  }
  .sm\:max-h-\[200px\] {
    max-height: 200px;
  }
  .sm\:max-w-\[240px\] {
    max-width: 240px;
  }
  .sm\:w-\[240px\] {
    width: 240px;
  }
  .sm\:h-\[240px\] {
    height: 240px;
  }
  .sm\:min-w-\[240px\] {
    min-width: 240px;
  }
  .sm\:min-h-\[240px\] {
    min-height: 240px;
  }
  .sm\:max-h-\[240px\] {
    max-height: 240px;
  }
  .sm\:max-w-\[280px\] {
    max-width: 280px;
  }
  .sm\:w-\[280px\] {
    width: 280px;
  }
  .sm\:h-\[280px\] {
    height: 280px;
  }
  .sm\:min-w-\[280px\] {
    min-width: 280px;
  }
  .sm\:min-h-\[280px\] {
    min-height: 280px;
  }
  .sm\:max-h-\[280px\] {
    max-height: 280px;
  }
  .sm\:max-w-\[320px\] {
    max-width: 320px;
  }
  .sm\:w-\[320px\] {
    width: 320px;
  }
  .sm\:h-\[320px\] {
    height: 320px;
  }
  .sm\:min-w-\[320px\] {
    min-width: 320px;
  }
  .sm\:min-h-\[320px\] {
    min-height: 320px;
  }
  .sm\:max-h-\[320px\] {
    max-height: 320px;
  }
  .sm\:max-w-\[360px\] {
    max-width: 360px;
  }
  .sm\:w-\[360px\] {
    width: 360px;
  }
  .sm\:h-\[360px\] {
    height: 360px;
  }
  .sm\:min-w-\[360px\] {
    min-width: 360px;
  }
  .sm\:min-h-\[360px\] {
    min-height: 360px;
  }
  .sm\:max-h-\[360px\] {
    max-height: 360px;
  }
  .sm\:max-w-\[400px\] {
    max-width: 400px;
  }
  .sm\:w-\[400px\] {
    width: 400px;
  }
  .sm\:h-\[400px\] {
    height: 400px;
  }
  .sm\:min-w-\[400px\] {
    min-width: 400px;
  }
  .sm\:min-h-\[400px\] {
    min-height: 400px;
  }
  .sm\:max-h-\[400px\] {
    max-height: 400px;
  }
  .sm\:max-w-\[480px\] {
    max-width: 480px;
  }
  .sm\:w-\[480px\] {
    width: 480px;
  }
  .sm\:h-\[480px\] {
    height: 480px;
  }
  .sm\:min-w-\[480px\] {
    min-width: 480px;
  }
  .sm\:min-h-\[480px\] {
    min-height: 480px;
  }
  .sm\:max-h-\[480px\] {
    max-height: 480px;
  }
  .sm\:max-w-\[520px\] {
    max-width: 520px;
  }
  .sm\:w-\[520px\] {
    width: 520px;
  }
  .sm\:h-\[520px\] {
    height: 520px;
  }
  .sm\:min-w-\[520px\] {
    min-width: 520px;
  }
  .sm\:min-h-\[520px\] {
    min-height: 520px;
  }
  .sm\:max-h-\[520px\] {
    max-height: 520px;
  }
  .sm\:max-w-\[600px\] {
    max-width: 600px;
  }
  .sm\:w-\[600px\] {
    width: 600px;
  }
  .sm\:h-\[600px\] {
    height: 600px;
  }
  .sm\:min-w-\[600px\] {
    min-width: 600px;
  }
  .sm\:min-h-\[600px\] {
    min-height: 600px;
  }
  .sm\:max-h-\[600px\] {
    max-height: 600px;
  }
  .sm\:max-w-\[720px\] {
    max-width: 720px;
  }
  .sm\:w-\[720px\] {
    width: 720px;
  }
  .sm\:h-\[720px\] {
    height: 720px;
  }
  .sm\:min-w-\[720px\] {
    min-width: 720px;
  }
  .sm\:min-h-\[720px\] {
    min-height: 720px;
  }
  .sm\:max-h-\[720px\] {
    max-height: 720px;
  }
  .sm\:max-w-\[800px\] {
    max-width: 800px;
  }
  .sm\:w-\[800px\] {
    width: 800px;
  }
  .sm\:h-\[800px\] {
    height: 800px;
  }
  .sm\:min-w-\[800px\] {
    min-width: 800px;
  }
  .sm\:min-h-\[800px\] {
    min-height: 800px;
  }
  .sm\:max-h-\[800px\] {
    max-height: 800px;
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:ml-auto {
    margin-left: auto;
  }
  .sm\:mr-auto {
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  /* Margin */
  .md\:m-0 {
    margin: 0;
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:ml-0 {
    margin-left: 0;
  }
  /* Padding */
  .md\:p-0 {
    padding: 0;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  /* Gap */
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-x-0 {
    column-gap: 0;
  }
  .md\:gap-y-0 {
    row-gap: 0;
  }
  /* Margin */
  .md\:m-1 {
    margin: 0.25em;
  }
  .md\:mx-1 {
    margin-left: 0.25em;
    margin-right: 0.25em;
  }
  .md\:my-1 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .md\:mt-1 {
    margin-top: 0.25em;
  }
  .md\:mr-1 {
    margin-right: 0.25em;
  }
  .md\:mb-1 {
    margin-bottom: 0.25em;
  }
  .md\:ml-1 {
    margin-left: 0.25em;
  }
  /* Padding */
  .md\:p-1 {
    padding: 0.25em;
  }
  .md\:px-1 {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .md\:py-1 {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .md\:pt-1 {
    padding-top: 0.25em;
  }
  .md\:pr-1 {
    padding-right: 0.25em;
  }
  .md\:pb-1 {
    padding-bottom: 0.25em;
  }
  .md\:pl-1 {
    padding-left: 0.25em;
  }
  /* Gap */
  .md\:gap-1 {
    gap: 0.25em;
  }
  .md\:gap-x-1 {
    column-gap: 0.25em;
  }
  .md\:gap-y-1 {
    row-gap: 0.25em;
  }
  /* Margin */
  .md\:m-2 {
    margin: 0.5em;
  }
  .md\:mx-2 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .md\:my-2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .md\:mt-2 {
    margin-top: 0.5em;
  }
  .md\:mr-2 {
    margin-right: 0.5em;
  }
  .md\:mb-2 {
    margin-bottom: 0.5em;
  }
  .md\:ml-2 {
    margin-left: 0.5em;
  }
  /* Padding */
  .md\:p-2 {
    padding: 0.5em;
  }
  .md\:px-2 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .md\:py-2 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .md\:pt-2 {
    padding-top: 0.5em;
  }
  .md\:pr-2 {
    padding-right: 0.5em;
  }
  .md\:pb-2 {
    padding-bottom: 0.5em;
  }
  .md\:pl-2 {
    padding-left: 0.5em;
  }
  /* Gap */
  .md\:gap-2 {
    gap: 0.5em;
  }
  .md\:gap-x-2 {
    column-gap: 0.5em;
  }
  .md\:gap-y-2 {
    row-gap: 0.5em;
  }
  /* Margin */
  .md\:m-3 {
    margin: 0.75em;
  }
  .md\:mx-3 {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .md\:my-3 {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .md\:mt-3 {
    margin-top: 0.75em;
  }
  .md\:mr-3 {
    margin-right: 0.75em;
  }
  .md\:mb-3 {
    margin-bottom: 0.75em;
  }
  .md\:ml-3 {
    margin-left: 0.75em;
  }
  /* Padding */
  .md\:p-3 {
    padding: 0.75em;
  }
  .md\:px-3 {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .md\:py-3 {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .md\:pt-3 {
    padding-top: 0.75em;
  }
  .md\:pr-3 {
    padding-right: 0.75em;
  }
  .md\:pb-3 {
    padding-bottom: 0.75em;
  }
  .md\:pl-3 {
    padding-left: 0.75em;
  }
  /* Gap */
  .md\:gap-3 {
    gap: 0.75em;
  }
  .md\:gap-x-3 {
    column-gap: 0.75em;
  }
  .md\:gap-y-3 {
    row-gap: 0.75em;
  }
  /* Margin */
  .md\:m-4 {
    margin: 1em;
  }
  .md\:mx-4 {
    margin-left: 1em;
    margin-right: 1em;
  }
  .md\:my-4 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .md\:mt-4 {
    margin-top: 1em;
  }
  .md\:mr-4 {
    margin-right: 1em;
  }
  .md\:mb-4 {
    margin-bottom: 1em;
  }
  .md\:ml-4 {
    margin-left: 1em;
  }
  /* Padding */
  .md\:p-4 {
    padding: 1em;
  }
  .md\:px-4 {
    padding-left: 1em;
    padding-right: 1em;
  }
  .md\:py-4 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .md\:pt-4 {
    padding-top: 1em;
  }
  .md\:pr-4 {
    padding-right: 1em;
  }
  .md\:pb-4 {
    padding-bottom: 1em;
  }
  .md\:pl-4 {
    padding-left: 1em;
  }
  /* Gap */
  .md\:gap-4 {
    gap: 1em;
  }
  .md\:gap-x-4 {
    column-gap: 1em;
  }
  .md\:gap-y-4 {
    row-gap: 1em;
  }
  /* Margin */
  .md\:m-5 {
    margin: 1.25em;
  }
  .md\:mx-5 {
    margin-left: 1.25em;
    margin-right: 1.25em;
  }
  .md\:my-5 {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .md\:mt-5 {
    margin-top: 1.25em;
  }
  .md\:mr-5 {
    margin-right: 1.25em;
  }
  .md\:mb-5 {
    margin-bottom: 1.25em;
  }
  .md\:ml-5 {
    margin-left: 1.25em;
  }
  /* Padding */
  .md\:p-5 {
    padding: 1.25em;
  }
  .md\:px-5 {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .md\:py-5 {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .md\:pt-5 {
    padding-top: 1.25em;
  }
  .md\:pr-5 {
    padding-right: 1.25em;
  }
  .md\:pb-5 {
    padding-bottom: 1.25em;
  }
  .md\:pl-5 {
    padding-left: 1.25em;
  }
  /* Gap */
  .md\:gap-5 {
    gap: 1.25em;
  }
  .md\:gap-x-5 {
    column-gap: 1.25em;
  }
  .md\:gap-y-5 {
    row-gap: 1.25em;
  }
  /* Margin */
  .md\:m-6 {
    margin: 1.5em;
  }
  .md\:mx-6 {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }
  .md\:my-6 {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  .md\:mt-6 {
    margin-top: 1.5em;
  }
  .md\:mr-6 {
    margin-right: 1.5em;
  }
  .md\:mb-6 {
    margin-bottom: 1.5em;
  }
  .md\:ml-6 {
    margin-left: 1.5em;
  }
  /* Padding */
  .md\:p-6 {
    padding: 1.5em;
  }
  .md\:px-6 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .md\:py-6 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .md\:pt-6 {
    padding-top: 1.5em;
  }
  .md\:pr-6 {
    padding-right: 1.5em;
  }
  .md\:pb-6 {
    padding-bottom: 1.5em;
  }
  .md\:pl-6 {
    padding-left: 1.5em;
  }
  /* Gap */
  .md\:gap-6 {
    gap: 1.5em;
  }
  .md\:gap-x-6 {
    column-gap: 1.5em;
  }
  .md\:gap-y-6 {
    row-gap: 1.5em;
  }
  /* Margin */
  .md\:m-8 {
    margin: 2em;
  }
  .md\:mx-8 {
    margin-left: 2em;
    margin-right: 2em;
  }
  .md\:my-8 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .md\:mt-8 {
    margin-top: 2em;
  }
  .md\:mr-8 {
    margin-right: 2em;
  }
  .md\:mb-8 {
    margin-bottom: 2em;
  }
  .md\:ml-8 {
    margin-left: 2em;
  }
  /* Padding */
  .md\:p-8 {
    padding: 2em;
  }
  .md\:px-8 {
    padding-left: 2em;
    padding-right: 2em;
  }
  .md\:py-8 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .md\:pt-8 {
    padding-top: 2em;
  }
  .md\:pr-8 {
    padding-right: 2em;
  }
  .md\:pb-8 {
    padding-bottom: 2em;
  }
  .md\:pl-8 {
    padding-left: 2em;
  }
  /* Gap */
  .md\:gap-8 {
    gap: 2em;
  }
  .md\:gap-x-8 {
    column-gap: 2em;
  }
  .md\:gap-y-8 {
    row-gap: 2em;
  }
  /* Margin */
  .md\:m-10 {
    margin: 2.5em;
  }
  .md\:mx-10 {
    margin-left: 2.5em;
    margin-right: 2.5em;
  }
  .md\:my-10 {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
  }
  .md\:mt-10 {
    margin-top: 2.5em;
  }
  .md\:mr-10 {
    margin-right: 2.5em;
  }
  .md\:mb-10 {
    margin-bottom: 2.5em;
  }
  .md\:ml-10 {
    margin-left: 2.5em;
  }
  /* Padding */
  .md\:p-10 {
    padding: 2.5em;
  }
  .md\:px-10 {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
  .md\:py-10 {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  .md\:pt-10 {
    padding-top: 2.5em;
  }
  .md\:pr-10 {
    padding-right: 2.5em;
  }
  .md\:pb-10 {
    padding-bottom: 2.5em;
  }
  .md\:pl-10 {
    padding-left: 2.5em;
  }
  /* Gap */
  .md\:gap-10 {
    gap: 2.5em;
  }
  .md\:gap-x-10 {
    column-gap: 2.5em;
  }
  .md\:gap-y-10 {
    row-gap: 2.5em;
  }
  /* Margin */
  .md\:m-12 {
    margin: 3em;
  }
  .md\:mx-12 {
    margin-left: 3em;
    margin-right: 3em;
  }
  .md\:my-12 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .md\:mt-12 {
    margin-top: 3em;
  }
  .md\:mr-12 {
    margin-right: 3em;
  }
  .md\:mb-12 {
    margin-bottom: 3em;
  }
  .md\:ml-12 {
    margin-left: 3em;
  }
  /* Padding */
  .md\:p-12 {
    padding: 3em;
  }
  .md\:px-12 {
    padding-left: 3em;
    padding-right: 3em;
  }
  .md\:py-12 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .md\:pt-12 {
    padding-top: 3em;
  }
  .md\:pr-12 {
    padding-right: 3em;
  }
  .md\:pb-12 {
    padding-bottom: 3em;
  }
  .md\:pl-12 {
    padding-left: 3em;
  }
  /* Gap */
  .md\:gap-12 {
    gap: 3em;
  }
  .md\:gap-x-12 {
    column-gap: 3em;
  }
  .md\:gap-y-12 {
    row-gap: 3em;
  }
  /* Margin */
  .md\:m-16 {
    margin: 4em;
  }
  .md\:mx-16 {
    margin-left: 4em;
    margin-right: 4em;
  }
  .md\:my-16 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .md\:mt-16 {
    margin-top: 4em;
  }
  .md\:mr-16 {
    margin-right: 4em;
  }
  .md\:mb-16 {
    margin-bottom: 4em;
  }
  .md\:ml-16 {
    margin-left: 4em;
  }
  /* Padding */
  .md\:p-16 {
    padding: 4em;
  }
  .md\:px-16 {
    padding-left: 4em;
    padding-right: 4em;
  }
  .md\:py-16 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .md\:pt-16 {
    padding-top: 4em;
  }
  .md\:pr-16 {
    padding-right: 4em;
  }
  .md\:pb-16 {
    padding-bottom: 4em;
  }
  .md\:pl-16 {
    padding-left: 4em;
  }
  /* Gap */
  .md\:gap-16 {
    gap: 4em;
  }
  .md\:gap-x-16 {
    column-gap: 4em;
  }
  .md\:gap-y-16 {
    row-gap: 4em;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:w-75 {
    width: 75%;
  }
  .md\:w-66 {
    width: 66.6667%;
  }
  .md\:w-50 {
    width: 50%;
  }
  .md\:w-33 {
    width: 33.3333%;
  }
  .md\:w-25 {
    width: 25%;
  }
  .md\:w-screen {
    width: 100vw;
  }
  .md\:w-fit {
    width: fit-content;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.3333%;
  }
  .md\:w-2\/3 {
    width: 66.6667%;
  }
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:w-2\/4 {
    width: 50%;
  }
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:w-1\/5 {
    width: 20%;
  }
  .md\:w-2\/5 {
    width: 40%;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-4\/5 {
    width: 80%;
  }
  .md\:w-16 {
    width: 4em;
  }
  .md\:w-20 {
    width: 5em;
  }
  .md\:w-24 {
    width: 6em;
  }
  .md\:w-32 {
    width: 8em;
  }
  .md\:w-40 {
    width: 10em;
  }
  .md\:w-48 {
    width: 12em;
  }
  .md\:w-56 {
    width: 14em;
  }
  .md\:w-64 {
    width: 16em;
  }
  .md\:w-80 {
    width: 20em;
  }
  .md\:w-96 {
    width: 24em;
  }
  /* Height */
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:h-screen {
    height: 100vh;
  }
  .md\:h-fit {
    height: fit-content;
  }
  /* Object fit */
  .md\:object-contain {
    object-fit: contain;
  }
  .md\:object-cover {
    object-fit: cover;
  }
  .md\:object-fill {
    object-fit: fill;
  }
  .md\:object-none {
    object-fit: none;
  }
  .md\:object-scale-down {
    object-fit: scale-down;
  }
  /* Display */
  .md\:block {
    display: block;
  }
  .md\:inline-block {
    display: inline-block;
  }
  .md\:inline {
    display: inline;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:inline-grid {
    display: inline-grid;
  }
  .md\:flow-root {
    display: flow-root;
  }
  .md\:contents {
    display: contents;
  }
  .md\:table {
    display: table;
  }
  .md\:hidden {
    display: none;
  }
  /* Flex direction */
  .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;
  }
  /* Flex wrap */
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  /* Flex shortcuts */
  .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;
  }
  /* Grow / Shrink */
  .md\:grow {
    flex-grow: 1;
  }
  .md\:grow-0 {
    flex-grow: 0;
  }
  .md\:shrink {
    flex-shrink: 1;
  }
  .md\:shrink-0 {
    flex-shrink: 0;
  }
  /* Justify content */
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-around {
    justify-content: space-around;
  }
  .md\:justify-evenly {
    justify-content: space-evenly;
  }
  .md\:justify-stretch {
    justify-content: stretch;
  }
  /* Align items */
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-baseline {
    align-items: baseline;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  /* Align self */
  .md\:self-auto {
    align-self: auto;
  }
  .md\:self-start {
    align-self: flex-start;
  }
  .md\:self-end {
    align-self: flex-end;
  }
  .md\:self-center {
    align-self: center;
  }
  .md\:self-stretch {
    align-self: stretch;
  }
  .md\:self-baseline {
    align-self: baseline;
  }
  /* Grid columns (1–12) */
  .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;
  }
  /* Column span (1–12 + full) */
  .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;
  }
  /* Position */
  .md\:static {
    position: static;
  }
  .md\:relative {
    position: relative;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:fixed {
    position: fixed;
  }
  .md\:sticky {
    position: sticky;
  }
  /* Inset (top / right / bottom / left) */
  .md\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .md\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .md\:inset-x-0 {
    left: 0;
    right: 0;
  }
  .md\:inset-x-auto {
    left: auto;
    right: auto;
  }
  .md\:inset-y-0 {
    top: 0;
    bottom: 0;
  }
  .md\:inset-y-auto {
    top: auto;
    bottom: auto;
  }
  .md\:top-0 {
    top: 0;
  }
  .md\:top-auto {
    top: auto;
  }
  .md\:top-full {
    top: 100%;
  }
  .md\:top-1\/2 {
    top: 50%;
  }
  .md\:right-0 {
    right: 0;
  }
  .md\:right-auto {
    right: auto;
  }
  .md\:right-full {
    right: 100%;
  }
  .md\:right-1\/2 {
    right: 50%;
  }
  .md\:bottom-0 {
    bottom: 0;
  }
  .md\:bottom-auto {
    bottom: auto;
  }
  .md\:bottom-full {
    bottom: 100%;
  }
  .md\:bottom-1\/2 {
    bottom: 50%;
  }
  .md\:left-0 {
    left: 0;
  }
  .md\:left-auto {
    left: auto;
  }
  .md\:left-full {
    left: 100%;
  }
  .md\:left-1\/2 {
    left: 50%;
  }
  /* Z-index */
  .md\:z-0 {
    z-index: 0;
  }
  .md\:z-10 {
    z-index: 10;
  }
  .md\:z-20 {
    z-index: 20;
  }
  .md\:z-30 {
    z-index: 30;
  }
  .md\:z-40 {
    z-index: 40;
  }
  .md\:z-50 {
    z-index: 50;
  }
  .md\:z-auto {
    z-index: auto;
  }
  /* Overflow */
  .md\:overflow-auto {
    overflow: auto;
  }
  .md\:overflow-hidden {
    overflow: hidden;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:overflow-scroll {
    overflow: scroll;
  }
  .md\:overflow-x-auto {
    overflow-x: auto;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .md\:overflow-x-visible {
    overflow-x: visible;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .md\:overflow-y-visible {
    overflow-y: visible;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .md\:float-start {
    float: inline-start;
  }
  .md\:float-end {
    float: inline-end;
  }
  .md\:float-right {
    float: right;
  }
  .md\:float-left {
    float: left;
  }
  .md\:float-none {
    float: none;
  }
  .md\:translate-x-0 {
    transform: translateX(0);
  }
  .md\:translate-y-0 {
    transform: translateY(0);
  }
  .md\:-translate-x-0 {
    transform: translateX(0);
  }
  .md\:-translate-y-0 {
    transform: translateY(0);
  }
  .md\:translate-x-1 {
    transform: translateX(0.25em);
  }
  .md\:translate-y-1 {
    transform: translateY(0.25em);
  }
  .md\:-translate-x-1 {
    transform: translateX(-0.25em);
  }
  .md\:-translate-y-1 {
    transform: translateY(-0.25em);
  }
  .md\:translate-x-2 {
    transform: translateX(0.5em);
  }
  .md\:translate-y-2 {
    transform: translateY(0.5em);
  }
  .md\:-translate-x-2 {
    transform: translateX(-0.5em);
  }
  .md\:-translate-y-2 {
    transform: translateY(-0.5em);
  }
  .md\:translate-x-3 {
    transform: translateX(0.75em);
  }
  .md\:translate-y-3 {
    transform: translateY(0.75em);
  }
  .md\:-translate-x-3 {
    transform: translateX(-0.75em);
  }
  .md\:-translate-y-3 {
    transform: translateY(-0.75em);
  }
  .md\:translate-x-4 {
    transform: translateX(1em);
  }
  .md\:translate-y-4 {
    transform: translateY(1em);
  }
  .md\:-translate-x-4 {
    transform: translateX(-1em);
  }
  .md\:-translate-y-4 {
    transform: translateY(-1em);
  }
  .md\:translate-x-5 {
    transform: translateX(1.25em);
  }
  .md\:translate-y-5 {
    transform: translateY(1.25em);
  }
  .md\:-translate-x-5 {
    transform: translateX(-1.25em);
  }
  .md\:-translate-y-5 {
    transform: translateY(-1.25em);
  }
  .md\:translate-x-6 {
    transform: translateX(1.5em);
  }
  .md\:translate-y-6 {
    transform: translateY(1.5em);
  }
  .md\:-translate-x-6 {
    transform: translateX(-1.5em);
  }
  .md\:-translate-y-6 {
    transform: translateY(-1.5em);
  }
  .md\:translate-x-8 {
    transform: translateX(2em);
  }
  .md\:translate-y-8 {
    transform: translateY(2em);
  }
  .md\:-translate-x-8 {
    transform: translateX(-2em);
  }
  .md\:-translate-y-8 {
    transform: translateY(-2em);
  }
  .md\:translate-x-10 {
    transform: translateX(2.5em);
  }
  .md\:translate-y-10 {
    transform: translateY(2.5em);
  }
  .md\:-translate-x-10 {
    transform: translateX(-2.5em);
  }
  .md\:-translate-y-10 {
    transform: translateY(-2.5em);
  }
  .md\:translate-x-12 {
    transform: translateX(3em);
  }
  .md\:translate-y-12 {
    transform: translateY(3em);
  }
  .md\:-translate-x-12 {
    transform: translateX(-3em);
  }
  .md\:-translate-y-12 {
    transform: translateY(-3em);
  }
  .md\:translate-x-16 {
    transform: translateX(4em);
  }
  .md\:translate-y-16 {
    transform: translateY(4em);
  }
  .md\:-translate-x-16 {
    transform: translateX(-4em);
  }
  .md\:-translate-y-16 {
    transform: translateY(-4em);
  }
  .md\:translate-x-1\/2 {
    transform: translateX(50%);
  }
  .md\:translate-y-1\/2 {
    transform: translateY(50%);
  }
  .md\:-translate-x-1\/2 {
    transform: translateX(-50%);
  }
  .md\:-translate-y-1\/2 {
    transform: translateY(-50%);
  }
  .md\:translate-x-full {
    transform: translateX(100%);
  }
  .md\:translate-y-full {
    transform: translateY(100%);
  }
  .md\:-translate-x-full {
    transform: translateX(-100%);
  }
  .md\:-translate-y-full {
    transform: translateY(-100%);
  }
  .md\:rotate-0 {
    transform: rotate(0deg);
  }
  .md\:rotate-45 {
    transform: rotate(45deg);
  }
  .md\:rotate-90 {
    transform: rotate(90deg);
  }
  .md\:rotate-180 {
    transform: rotate(180deg);
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg);
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg);
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg);
  }
  .md\:scale-50 {
    transform: scale(0.5);
  }
  .md\:scale-75 {
    transform: scale(0.75);
  }
  .md\:scale-90 {
    transform: scale(0.9);
  }
  .md\:scale-100 {
    transform: scale(1);
  }
  .md\:scale-110 {
    transform: scale(1.1);
  }
  .md\:scale-125 {
    transform: scale(1.25);
  }
  .md\:scale-150 {
    transform: scale(1.5);
  }
  /* Text alignment */
  .md\:text-left {
    text-align: left;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-justify {
    text-align: justify;
  }
  /* Font size */
  .md\:text-xs {
    font-size: 0.75em;
    line-height: 1.4;
  }
  .md\:text-sm {
    font-size: 0.875em;
    line-height: 1.5;
  }
  .md\:text-base {
    font-size: 1em;
    line-height: 1.6;
  }
  .md\:text-lg {
    font-size: 1.125em;
    line-height: 1.6;
  }
  .md\:text-xl {
    font-size: 1.25em;
    line-height: 1.5;
  }
  .md\:text-2xl {
    font-size: 1.5em;
    line-height: 1.4;
  }
  .md\:text-3xl {
    font-size: 1.875em;
    line-height: 1.3;
  }
  .md\:text-4xl {
    font-size: 2.25em;
    line-height: 1.2;
  }
  .md\:text-5xl {
    font-size: 3em;
    line-height: 1.1;
  }
  .md\:text-6xl {
    font-size: 3.75em;
    line-height: 1;
  }
  /* Font weight */
  .md\:font-light {
    font-weight: 300;
  }
  .md\:font-normal {
    font-weight: 400;
  }
  .md\:font-medium {
    font-weight: 500;
  }
  .md\:font-semibold {
    font-weight: 600;
  }
  .md\:font-bold {
    font-weight: 700;
  }
  /* Leading */
  .md\:leading-none {
    line-height: 1;
  }
  .md\:leading-tight {
    line-height: 1.2;
  }
  .md\:leading-snug {
    line-height: 1.375;
  }
  .md\:leading-normal {
    line-height: 1.5;
  }
  .md\:leading-relaxed {
    line-height: 1.625;
  }
  .md\:leading-loose {
    line-height: 2;
  }
  .md\:text-white {
    color: #ffffff;
  }
  .md\:bg-white {
    background-color: #ffffff;
  }
  .md\:border-white {
    border-color: #ffffff;
  }
  .md\:text-black {
    color: #000000;
  }
  .md\:bg-black {
    background-color: #000000;
  }
  .md\:border-black {
    border-color: #000000;
  }
  .md\:text-transparent {
    color: transparent;
  }
  .md\:bg-transparent {
    background-color: transparent;
  }
  .md\:border-transparent {
    border-color: transparent;
  }
  .md\:text-gray-50 {
    color: #f9fafb;
  }
  .md\:bg-gray-50 {
    background-color: #f9fafb;
  }
  .md\:border-gray-50 {
    border-color: #f9fafb;
  }
  .md\:text-gray-100 {
    color: #f3f4f6;
  }
  .md\:bg-gray-100 {
    background-color: #f3f4f6;
  }
  .md\:border-gray-100 {
    border-color: #f3f4f6;
  }
  .md\:text-gray-200 {
    color: #e5e7eb;
  }
  .md\:bg-gray-200 {
    background-color: #e5e7eb;
  }
  .md\:border-gray-200 {
    border-color: #e5e7eb;
  }
  .md\:text-gray-300 {
    color: #d1d5db;
  }
  .md\:bg-gray-300 {
    background-color: #d1d5db;
  }
  .md\:border-gray-300 {
    border-color: #d1d5db;
  }
  .md\:text-gray-400 {
    color: #9ca3af;
  }
  .md\:bg-gray-400 {
    background-color: #9ca3af;
  }
  .md\:border-gray-400 {
    border-color: #9ca3af;
  }
  .md\:text-gray-500 {
    color: #6b7280;
  }
  .md\:bg-gray-500 {
    background-color: #6b7280;
  }
  .md\:border-gray-500 {
    border-color: #6b7280;
  }
  .md\:text-gray-600 {
    color: #4b5563;
  }
  .md\:bg-gray-600 {
    background-color: #4b5563;
  }
  .md\:border-gray-600 {
    border-color: #4b5563;
  }
  .md\:text-gray-700 {
    color: #374151;
  }
  .md\:bg-gray-700 {
    background-color: #374151;
  }
  .md\:border-gray-700 {
    border-color: #374151;
  }
  .md\:text-gray-800 {
    color: #1f2937;
  }
  .md\:bg-gray-800 {
    background-color: #1f2937;
  }
  .md\:border-gray-800 {
    border-color: #1f2937;
  }
  .md\:text-gray-900 {
    color: #111827;
  }
  .md\:bg-gray-900 {
    background-color: #111827;
  }
  .md\:border-gray-900 {
    border-color: #111827;
  }
  .md\:text-red-50 {
    color: #fef2f2;
  }
  .md\:bg-red-50 {
    background-color: #fef2f2;
  }
  .md\:border-red-50 {
    border-color: #fef2f2;
  }
  .md\:text-red-100 {
    color: #fee2e2;
  }
  .md\:bg-red-100 {
    background-color: #fee2e2;
  }
  .md\:border-red-100 {
    border-color: #fee2e2;
  }
  .md\:text-red-500 {
    color: #ef4444;
  }
  .md\:bg-red-500 {
    background-color: #ef4444;
  }
  .md\:border-red-500 {
    border-color: #ef4444;
  }
  .md\:text-red-600 {
    color: #dc2626;
  }
  .md\:bg-red-600 {
    background-color: #dc2626;
  }
  .md\:border-red-600 {
    border-color: #dc2626;
  }
  .md\:text-red-700 {
    color: #b91c1c;
  }
  .md\:bg-red-700 {
    background-color: #b91c1c;
  }
  .md\:border-red-700 {
    border-color: #b91c1c;
  }
  .md\:text-green-50 {
    color: #f0fdf4;
  }
  .md\:bg-green-50 {
    background-color: #f0fdf4;
  }
  .md\:border-green-50 {
    border-color: #f0fdf4;
  }
  .md\:text-green-100 {
    color: #dcfce7;
  }
  .md\:bg-green-100 {
    background-color: #dcfce7;
  }
  .md\:border-green-100 {
    border-color: #dcfce7;
  }
  .md\:text-green-500 {
    color: #22c55e;
  }
  .md\:bg-green-500 {
    background-color: #22c55e;
  }
  .md\:border-green-500 {
    border-color: #22c55e;
  }
  .md\:text-green-600 {
    color: #16a34a;
  }
  .md\:bg-green-600 {
    background-color: #16a34a;
  }
  .md\:border-green-600 {
    border-color: #16a34a;
  }
  .md\:text-green-700 {
    color: #15803d;
  }
  .md\:bg-green-700 {
    background-color: #15803d;
  }
  .md\:border-green-700 {
    border-color: #15803d;
  }
  .md\:text-blue-50 {
    color: #eff6ff;
  }
  .md\:bg-blue-50 {
    background-color: #eff6ff;
  }
  .md\:border-blue-50 {
    border-color: #eff6ff;
  }
  .md\:text-blue-100 {
    color: #dbeafe;
  }
  .md\:bg-blue-100 {
    background-color: #dbeafe;
  }
  .md\:border-blue-100 {
    border-color: #dbeafe;
  }
  .md\:text-blue-500 {
    color: #3b82f6;
  }
  .md\:bg-blue-500 {
    background-color: #3b82f6;
  }
  .md\:border-blue-500 {
    border-color: #3b82f6;
  }
  .md\:text-blue-600 {
    color: #2563eb;
  }
  .md\:bg-blue-600 {
    background-color: #2563eb;
  }
  .md\:border-blue-600 {
    border-color: #2563eb;
  }
  .md\:text-blue-700 {
    color: #1d4ed8;
  }
  .md\:bg-blue-700 {
    background-color: #1d4ed8;
  }
  .md\:border-blue-700 {
    border-color: #1d4ed8;
  }
  .md\:text-yellow-50 {
    color: #fefce8;
  }
  .md\:bg-yellow-50 {
    background-color: #fefce8;
  }
  .md\:border-yellow-50 {
    border-color: #fefce8;
  }
  .md\:text-yellow-100 {
    color: #fef9c3;
  }
  .md\:bg-yellow-100 {
    background-color: #fef9c3;
  }
  .md\:border-yellow-100 {
    border-color: #fef9c3;
  }
  .md\:text-yellow-500 {
    color: #eab308;
  }
  .md\:bg-yellow-500 {
    background-color: #eab308;
  }
  .md\:border-yellow-500 {
    border-color: #eab308;
  }
  .md\:text-yellow-600 {
    color: #ca8a04;
  }
  .md\:bg-yellow-600 {
    background-color: #ca8a04;
  }
  .md\:border-yellow-600 {
    border-color: #ca8a04;
  }
  .md\:text-yellow-700 {
    color: #a16207;
  }
  .md\:bg-yellow-700 {
    background-color: #a16207;
  }
  .md\:border-yellow-700 {
    border-color: #a16207;
  }
  .md\:text-brand {
    color: #5C7A1F;
  }
  .md\:bg-brand {
    background-color: #5C7A1F;
  }
  .md\:border-brand {
    border-color: #5C7A1F;
  }
  .md\:text-brand-dark {
    color: #4A6318;
  }
  .md\:bg-brand-dark {
    background-color: #4A6318;
  }
  .md\:border-brand-dark {
    border-color: #4A6318;
  }
  .md\:rounded-none {
    border-radius: 0;
  }
  .md\:rounded-sm {
    border-radius: 0.125em;
  }
  .md\:rounded {
    border-radius: 0.25em;
  }
  .md\:rounded-md {
    border-radius: 0.375em;
  }
  .md\:rounded-lg {
    border-radius: 0.5em;
  }
  .md\:rounded-xl {
    border-radius: 0.75em;
  }
  .md\:rounded-2xl {
    border-radius: 1em;
  }
  .md\:rounded-3xl {
    border-radius: 1.5em;
  }
  .md\:rounded-full {
    border-radius: 9999px;
  }
  /* Side-specific */
  .md\:rounded-t-lg {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
  .md\:rounded-t-xl {
    border-top-left-radius: 0.75em;
    border-top-right-radius: 0.75em;
  }
  .md\:rounded-t-2xl {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
  }
  .md\:rounded-b-lg {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  .md\:rounded-b-xl {
    border-bottom-left-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
  }
  .md\:rounded-b-2xl {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
  }
  .md\:rounded-l-lg {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
  }
  .md\:rounded-l-xl {
    border-top-left-radius: 0.75em;
    border-bottom-left-radius: 0.75em;
  }
  .md\:rounded-l-2xl {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
  }
  .md\:rounded-l-3xl {
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
  }
  .md\:rounded-r-lg {
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  .md\:rounded-r-xl {
    border-top-right-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
  }
  .md\:rounded-r-2xl {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
  }
  .md\:rounded-r-3xl {
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
  }
  .md\:max-w-2xs {
    max-width: 16em;
  }
  .md\:max-w-xs {
    max-width: 20em;
  }
  .md\:max-w-sm {
    max-width: 24em;
  }
  .md\:max-w-md {
    max-width: 28em;
  }
  .md\:max-w-lg {
    max-width: 32em;
  }
  .md\:max-w-xl {
    max-width: 36em;
  }
  .md\:max-w-2xl {
    max-width: 42em;
  }
  .md\:max-w-3xl {
    max-width: 48em;
  }
  .md\:max-w-4xl {
    max-width: 56em;
  }
  .md\:max-w-5xl {
    max-width: 64em;
  }
  .md\:max-w-6xl {
    max-width: 72em;
  }
  .md\:max-w-7xl {
    max-width: 80em;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:max-w-\[40px\] {
    max-width: 40px;
  }
  .md\:w-\[40px\] {
    width: 40px;
  }
  .md\:h-\[40px\] {
    height: 40px;
  }
  .md\:min-w-\[40px\] {
    min-width: 40px;
  }
  .md\:min-h-\[40px\] {
    min-height: 40px;
  }
  .md\:max-h-\[40px\] {
    max-height: 40px;
  }
  .md\:max-w-\[60px\] {
    max-width: 60px;
  }
  .md\:w-\[60px\] {
    width: 60px;
  }
  .md\:h-\[60px\] {
    height: 60px;
  }
  .md\:min-w-\[60px\] {
    min-width: 60px;
  }
  .md\:min-h-\[60px\] {
    min-height: 60px;
  }
  .md\:max-h-\[60px\] {
    max-height: 60px;
  }
  .md\:max-w-\[80px\] {
    max-width: 80px;
  }
  .md\:w-\[80px\] {
    width: 80px;
  }
  .md\:h-\[80px\] {
    height: 80px;
  }
  .md\:min-w-\[80px\] {
    min-width: 80px;
  }
  .md\:min-h-\[80px\] {
    min-height: 80px;
  }
  .md\:max-h-\[80px\] {
    max-height: 80px;
  }
  .md\:max-w-\[100px\] {
    max-width: 100px;
  }
  .md\:w-\[100px\] {
    width: 100px;
  }
  .md\:h-\[100px\] {
    height: 100px;
  }
  .md\:min-w-\[100px\] {
    min-width: 100px;
  }
  .md\:min-h-\[100px\] {
    min-height: 100px;
  }
  .md\:max-h-\[100px\] {
    max-height: 100px;
  }
  .md\:max-w-\[120px\] {
    max-width: 120px;
  }
  .md\:w-\[120px\] {
    width: 120px;
  }
  .md\:h-\[120px\] {
    height: 120px;
  }
  .md\:min-w-\[120px\] {
    min-width: 120px;
  }
  .md\:min-h-\[120px\] {
    min-height: 120px;
  }
  .md\:max-h-\[120px\] {
    max-height: 120px;
  }
  .md\:max-w-\[140px\] {
    max-width: 140px;
  }
  .md\:w-\[140px\] {
    width: 140px;
  }
  .md\:h-\[140px\] {
    height: 140px;
  }
  .md\:min-w-\[140px\] {
    min-width: 140px;
  }
  .md\:min-h-\[140px\] {
    min-height: 140px;
  }
  .md\:max-h-\[140px\] {
    max-height: 140px;
  }
  .md\:max-w-\[150px\] {
    max-width: 150px;
  }
  .md\:w-\[150px\] {
    width: 150px;
  }
  .md\:h-\[150px\] {
    height: 150px;
  }
  .md\:min-w-\[150px\] {
    min-width: 150px;
  }
  .md\:min-h-\[150px\] {
    min-height: 150px;
  }
  .md\:max-h-\[150px\] {
    max-height: 150px;
  }
  .md\:max-w-\[160px\] {
    max-width: 160px;
  }
  .md\:w-\[160px\] {
    width: 160px;
  }
  .md\:h-\[160px\] {
    height: 160px;
  }
  .md\:min-w-\[160px\] {
    min-width: 160px;
  }
  .md\:min-h-\[160px\] {
    min-height: 160px;
  }
  .md\:max-h-\[160px\] {
    max-height: 160px;
  }
  .md\:max-w-\[180px\] {
    max-width: 180px;
  }
  .md\:w-\[180px\] {
    width: 180px;
  }
  .md\:h-\[180px\] {
    height: 180px;
  }
  .md\:min-w-\[180px\] {
    min-width: 180px;
  }
  .md\:min-h-\[180px\] {
    min-height: 180px;
  }
  .md\:max-h-\[180px\] {
    max-height: 180px;
  }
  .md\:max-w-\[200px\] {
    max-width: 200px;
  }
  .md\:w-\[200px\] {
    width: 200px;
  }
  .md\:h-\[200px\] {
    height: 200px;
  }
  .md\:min-w-\[200px\] {
    min-width: 200px;
  }
  .md\:min-h-\[200px\] {
    min-height: 200px;
  }
  .md\:max-h-\[200px\] {
    max-height: 200px;
  }
  .md\:max-w-\[240px\] {
    max-width: 240px;
  }
  .md\:w-\[240px\] {
    width: 240px;
  }
  .md\:h-\[240px\] {
    height: 240px;
  }
  .md\:min-w-\[240px\] {
    min-width: 240px;
  }
  .md\:min-h-\[240px\] {
    min-height: 240px;
  }
  .md\:max-h-\[240px\] {
    max-height: 240px;
  }
  .md\:max-w-\[280px\] {
    max-width: 280px;
  }
  .md\:w-\[280px\] {
    width: 280px;
  }
  .md\:h-\[280px\] {
    height: 280px;
  }
  .md\:min-w-\[280px\] {
    min-width: 280px;
  }
  .md\:min-h-\[280px\] {
    min-height: 280px;
  }
  .md\:max-h-\[280px\] {
    max-height: 280px;
  }
  .md\:max-w-\[320px\] {
    max-width: 320px;
  }
  .md\:w-\[320px\] {
    width: 320px;
  }
  .md\:h-\[320px\] {
    height: 320px;
  }
  .md\:min-w-\[320px\] {
    min-width: 320px;
  }
  .md\:min-h-\[320px\] {
    min-height: 320px;
  }
  .md\:max-h-\[320px\] {
    max-height: 320px;
  }
  .md\:max-w-\[360px\] {
    max-width: 360px;
  }
  .md\:w-\[360px\] {
    width: 360px;
  }
  .md\:h-\[360px\] {
    height: 360px;
  }
  .md\:min-w-\[360px\] {
    min-width: 360px;
  }
  .md\:min-h-\[360px\] {
    min-height: 360px;
  }
  .md\:max-h-\[360px\] {
    max-height: 360px;
  }
  .md\:max-w-\[400px\] {
    max-width: 400px;
  }
  .md\:w-\[400px\] {
    width: 400px;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:min-w-\[400px\] {
    min-width: 400px;
  }
  .md\:min-h-\[400px\] {
    min-height: 400px;
  }
  .md\:max-h-\[400px\] {
    max-height: 400px;
  }
  .md\:max-w-\[480px\] {
    max-width: 480px;
  }
  .md\:w-\[480px\] {
    width: 480px;
  }
  .md\:h-\[480px\] {
    height: 480px;
  }
  .md\:min-w-\[480px\] {
    min-width: 480px;
  }
  .md\:min-h-\[480px\] {
    min-height: 480px;
  }
  .md\:max-h-\[480px\] {
    max-height: 480px;
  }
  .md\:max-w-\[520px\] {
    max-width: 520px;
  }
  .md\:w-\[520px\] {
    width: 520px;
  }
  .md\:h-\[520px\] {
    height: 520px;
  }
  .md\:min-w-\[520px\] {
    min-width: 520px;
  }
  .md\:min-h-\[520px\] {
    min-height: 520px;
  }
  .md\:max-h-\[520px\] {
    max-height: 520px;
  }
  .md\:max-w-\[600px\] {
    max-width: 600px;
  }
  .md\:w-\[600px\] {
    width: 600px;
  }
  .md\:h-\[600px\] {
    height: 600px;
  }
  .md\:min-w-\[600px\] {
    min-width: 600px;
  }
  .md\:min-h-\[600px\] {
    min-height: 600px;
  }
  .md\:max-h-\[600px\] {
    max-height: 600px;
  }
  .md\:max-w-\[720px\] {
    max-width: 720px;
  }
  .md\:w-\[720px\] {
    width: 720px;
  }
  .md\:h-\[720px\] {
    height: 720px;
  }
  .md\:min-w-\[720px\] {
    min-width: 720px;
  }
  .md\:min-h-\[720px\] {
    min-height: 720px;
  }
  .md\:max-h-\[720px\] {
    max-height: 720px;
  }
  .md\:max-w-\[800px\] {
    max-width: 800px;
  }
  .md\:w-\[800px\] {
    width: 800px;
  }
  .md\:h-\[800px\] {
    height: 800px;
  }
  .md\:min-w-\[800px\] {
    min-width: 800px;
  }
  .md\:min-h-\[800px\] {
    min-height: 800px;
  }
  .md\:max-h-\[800px\] {
    max-height: 800px;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:mr-auto {
    margin-right: auto;
  }
}
@media (min-width: 64em) {
  /* Margin */
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mr-0 {
    margin-right: 0;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:ml-0 {
    margin-left: 0;
  }
  /* Padding */
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pr-0 {
    padding-right: 0;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pl-0 {
    padding-left: 0;
  }
  /* Gap */
  .lg\:gap-0 {
    gap: 0;
  }
  .lg\:gap-x-0 {
    column-gap: 0;
  }
  .lg\:gap-y-0 {
    row-gap: 0;
  }
  /* Margin */
  .lg\:m-1 {
    margin: 0.25em;
  }
  .lg\:mx-1 {
    margin-left: 0.25em;
    margin-right: 0.25em;
  }
  .lg\:my-1 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .lg\:mt-1 {
    margin-top: 0.25em;
  }
  .lg\:mr-1 {
    margin-right: 0.25em;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25em;
  }
  .lg\:ml-1 {
    margin-left: 0.25em;
  }
  /* Padding */
  .lg\:p-1 {
    padding: 0.25em;
  }
  .lg\:px-1 {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .lg\:py-1 {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .lg\:pt-1 {
    padding-top: 0.25em;
  }
  .lg\:pr-1 {
    padding-right: 0.25em;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25em;
  }
  .lg\:pl-1 {
    padding-left: 0.25em;
  }
  /* Gap */
  .lg\:gap-1 {
    gap: 0.25em;
  }
  .lg\:gap-x-1 {
    column-gap: 0.25em;
  }
  .lg\:gap-y-1 {
    row-gap: 0.25em;
  }
  /* Margin */
  .lg\:m-2 {
    margin: 0.5em;
  }
  .lg\:mx-2 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .lg\:my-2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .lg\:mt-2 {
    margin-top: 0.5em;
  }
  .lg\:mr-2 {
    margin-right: 0.5em;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5em;
  }
  .lg\:ml-2 {
    margin-left: 0.5em;
  }
  /* Padding */
  .lg\:p-2 {
    padding: 0.5em;
  }
  .lg\:px-2 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .lg\:py-2 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .lg\:pt-2 {
    padding-top: 0.5em;
  }
  .lg\:pr-2 {
    padding-right: 0.5em;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5em;
  }
  .lg\:pl-2 {
    padding-left: 0.5em;
  }
  /* Gap */
  .lg\:gap-2 {
    gap: 0.5em;
  }
  .lg\:gap-x-2 {
    column-gap: 0.5em;
  }
  .lg\:gap-y-2 {
    row-gap: 0.5em;
  }
  /* Margin */
  .lg\:m-3 {
    margin: 0.75em;
  }
  .lg\:mx-3 {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .lg\:my-3 {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .lg\:mt-3 {
    margin-top: 0.75em;
  }
  .lg\:mr-3 {
    margin-right: 0.75em;
  }
  .lg\:mb-3 {
    margin-bottom: 0.75em;
  }
  .lg\:ml-3 {
    margin-left: 0.75em;
  }
  /* Padding */
  .lg\:p-3 {
    padding: 0.75em;
  }
  .lg\:px-3 {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .lg\:py-3 {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .lg\:pt-3 {
    padding-top: 0.75em;
  }
  .lg\:pr-3 {
    padding-right: 0.75em;
  }
  .lg\:pb-3 {
    padding-bottom: 0.75em;
  }
  .lg\:pl-3 {
    padding-left: 0.75em;
  }
  /* Gap */
  .lg\:gap-3 {
    gap: 0.75em;
  }
  .lg\:gap-x-3 {
    column-gap: 0.75em;
  }
  .lg\:gap-y-3 {
    row-gap: 0.75em;
  }
  /* Margin */
  .lg\:m-4 {
    margin: 1em;
  }
  .lg\:mx-4 {
    margin-left: 1em;
    margin-right: 1em;
  }
  .lg\:my-4 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .lg\:mt-4 {
    margin-top: 1em;
  }
  .lg\:mr-4 {
    margin-right: 1em;
  }
  .lg\:mb-4 {
    margin-bottom: 1em;
  }
  .lg\:ml-4 {
    margin-left: 1em;
  }
  /* Padding */
  .lg\:p-4 {
    padding: 1em;
  }
  .lg\:px-4 {
    padding-left: 1em;
    padding-right: 1em;
  }
  .lg\:py-4 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .lg\:pt-4 {
    padding-top: 1em;
  }
  .lg\:pr-4 {
    padding-right: 1em;
  }
  .lg\:pb-4 {
    padding-bottom: 1em;
  }
  .lg\:pl-4 {
    padding-left: 1em;
  }
  /* Gap */
  .lg\:gap-4 {
    gap: 1em;
  }
  .lg\:gap-x-4 {
    column-gap: 1em;
  }
  .lg\:gap-y-4 {
    row-gap: 1em;
  }
  /* Margin */
  .lg\:m-5 {
    margin: 1.25em;
  }
  .lg\:mx-5 {
    margin-left: 1.25em;
    margin-right: 1.25em;
  }
  .lg\:my-5 {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .lg\:mt-5 {
    margin-top: 1.25em;
  }
  .lg\:mr-5 {
    margin-right: 1.25em;
  }
  .lg\:mb-5 {
    margin-bottom: 1.25em;
  }
  .lg\:ml-5 {
    margin-left: 1.25em;
  }
  /* Padding */
  .lg\:p-5 {
    padding: 1.25em;
  }
  .lg\:px-5 {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .lg\:py-5 {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .lg\:pt-5 {
    padding-top: 1.25em;
  }
  .lg\:pr-5 {
    padding-right: 1.25em;
  }
  .lg\:pb-5 {
    padding-bottom: 1.25em;
  }
  .lg\:pl-5 {
    padding-left: 1.25em;
  }
  /* Gap */
  .lg\:gap-5 {
    gap: 1.25em;
  }
  .lg\:gap-x-5 {
    column-gap: 1.25em;
  }
  .lg\:gap-y-5 {
    row-gap: 1.25em;
  }
  /* Margin */
  .lg\:m-6 {
    margin: 1.5em;
  }
  .lg\:mx-6 {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }
  .lg\:my-6 {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  .lg\:mt-6 {
    margin-top: 1.5em;
  }
  .lg\:mr-6 {
    margin-right: 1.5em;
  }
  .lg\:mb-6 {
    margin-bottom: 1.5em;
  }
  .lg\:ml-6 {
    margin-left: 1.5em;
  }
  /* Padding */
  .lg\:p-6 {
    padding: 1.5em;
  }
  .lg\:px-6 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .lg\:py-6 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .lg\:pt-6 {
    padding-top: 1.5em;
  }
  .lg\:pr-6 {
    padding-right: 1.5em;
  }
  .lg\:pb-6 {
    padding-bottom: 1.5em;
  }
  .lg\:pl-6 {
    padding-left: 1.5em;
  }
  /* Gap */
  .lg\:gap-6 {
    gap: 1.5em;
  }
  .lg\:gap-x-6 {
    column-gap: 1.5em;
  }
  .lg\:gap-y-6 {
    row-gap: 1.5em;
  }
  /* Margin */
  .lg\:m-8 {
    margin: 2em;
  }
  .lg\:mx-8 {
    margin-left: 2em;
    margin-right: 2em;
  }
  .lg\:my-8 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .lg\:mt-8 {
    margin-top: 2em;
  }
  .lg\:mr-8 {
    margin-right: 2em;
  }
  .lg\:mb-8 {
    margin-bottom: 2em;
  }
  .lg\:ml-8 {
    margin-left: 2em;
  }
  /* Padding */
  .lg\:p-8 {
    padding: 2em;
  }
  .lg\:px-8 {
    padding-left: 2em;
    padding-right: 2em;
  }
  .lg\:py-8 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .lg\:pt-8 {
    padding-top: 2em;
  }
  .lg\:pr-8 {
    padding-right: 2em;
  }
  .lg\:pb-8 {
    padding-bottom: 2em;
  }
  .lg\:pl-8 {
    padding-left: 2em;
  }
  /* Gap */
  .lg\:gap-8 {
    gap: 2em;
  }
  .lg\:gap-x-8 {
    column-gap: 2em;
  }
  .lg\:gap-y-8 {
    row-gap: 2em;
  }
  /* Margin */
  .lg\:m-10 {
    margin: 2.5em;
  }
  .lg\:mx-10 {
    margin-left: 2.5em;
    margin-right: 2.5em;
  }
  .lg\:my-10 {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
  }
  .lg\:mt-10 {
    margin-top: 2.5em;
  }
  .lg\:mr-10 {
    margin-right: 2.5em;
  }
  .lg\:mb-10 {
    margin-bottom: 2.5em;
  }
  .lg\:ml-10 {
    margin-left: 2.5em;
  }
  /* Padding */
  .lg\:p-10 {
    padding: 2.5em;
  }
  .lg\:px-10 {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
  .lg\:py-10 {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  .lg\:pt-10 {
    padding-top: 2.5em;
  }
  .lg\:pr-10 {
    padding-right: 2.5em;
  }
  .lg\:pb-10 {
    padding-bottom: 2.5em;
  }
  .lg\:pl-10 {
    padding-left: 2.5em;
  }
  /* Gap */
  .lg\:gap-10 {
    gap: 2.5em;
  }
  .lg\:gap-x-10 {
    column-gap: 2.5em;
  }
  .lg\:gap-y-10 {
    row-gap: 2.5em;
  }
  /* Margin */
  .lg\:m-12 {
    margin: 3em;
  }
  .lg\:mx-12 {
    margin-left: 3em;
    margin-right: 3em;
  }
  .lg\:my-12 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .lg\:mt-12 {
    margin-top: 3em;
  }
  .lg\:mr-12 {
    margin-right: 3em;
  }
  .lg\:mb-12 {
    margin-bottom: 3em;
  }
  .lg\:ml-12 {
    margin-left: 3em;
  }
  /* Padding */
  .lg\:p-12 {
    padding: 3em;
  }
  .lg\:px-12 {
    padding-left: 3em;
    padding-right: 3em;
  }
  .lg\:py-12 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .lg\:pt-12 {
    padding-top: 3em;
  }
  .lg\:pr-12 {
    padding-right: 3em;
  }
  .lg\:pb-12 {
    padding-bottom: 3em;
  }
  .lg\:pl-12 {
    padding-left: 3em;
  }
  /* Gap */
  .lg\:gap-12 {
    gap: 3em;
  }
  .lg\:gap-x-12 {
    column-gap: 3em;
  }
  .lg\:gap-y-12 {
    row-gap: 3em;
  }
  /* Margin */
  .lg\:m-16 {
    margin: 4em;
  }
  .lg\:mx-16 {
    margin-left: 4em;
    margin-right: 4em;
  }
  .lg\:my-16 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .lg\:mt-16 {
    margin-top: 4em;
  }
  .lg\:mr-16 {
    margin-right: 4em;
  }
  .lg\:mb-16 {
    margin-bottom: 4em;
  }
  .lg\:ml-16 {
    margin-left: 4em;
  }
  /* Padding */
  .lg\:p-16 {
    padding: 4em;
  }
  .lg\:px-16 {
    padding-left: 4em;
    padding-right: 4em;
  }
  .lg\:py-16 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .lg\:pt-16 {
    padding-top: 4em;
  }
  .lg\:pr-16 {
    padding-right: 4em;
  }
  .lg\:pb-16 {
    padding-bottom: 4em;
  }
  .lg\:pl-16 {
    padding-left: 4em;
  }
  /* Gap */
  .lg\:gap-16 {
    gap: 4em;
  }
  .lg\:gap-x-16 {
    column-gap: 4em;
  }
  .lg\:gap-y-16 {
    row-gap: 4em;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:w-75 {
    width: 75%;
  }
  .lg\:w-66 {
    width: 66.6667%;
  }
  .lg\:w-50 {
    width: 50%;
  }
  .lg\:w-33 {
    width: 33.3333%;
  }
  .lg\:w-25 {
    width: 25%;
  }
  .lg\:w-screen {
    width: 100vw;
  }
  .lg\:w-fit {
    width: fit-content;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/3 {
    width: 33.3333%;
  }
  .lg\:w-2\/3 {
    width: 66.6667%;
  }
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:w-2\/4 {
    width: 50%;
  }
  .lg\:w-3\/4 {
    width: 75%;
  }
  .lg\:w-1\/5 {
    width: 20%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-3\/5 {
    width: 60%;
  }
  .lg\:w-4\/5 {
    width: 80%;
  }
  .lg\:w-16 {
    width: 4em;
  }
  .lg\:w-20 {
    width: 5em;
  }
  .lg\:w-24 {
    width: 6em;
  }
  .lg\:w-32 {
    width: 8em;
  }
  .lg\:w-40 {
    width: 10em;
  }
  .lg\:w-48 {
    width: 12em;
  }
  .lg\:w-56 {
    width: 14em;
  }
  .lg\:w-64 {
    width: 16em;
  }
  .lg\:w-80 {
    width: 20em;
  }
  .lg\:w-96 {
    width: 24em;
  }
  /* Height */
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:h-screen {
    height: 100vh;
  }
  .lg\:h-fit {
    height: fit-content;
  }
  /* Object fit */
  .lg\:object-contain {
    object-fit: contain;
  }
  .lg\:object-cover {
    object-fit: cover;
  }
  .lg\:object-fill {
    object-fit: fill;
  }
  .lg\:object-none {
    object-fit: none;
  }
  .lg\:object-scale-down {
    object-fit: scale-down;
  }
  /* Display */
  .lg\:block {
    display: block;
  }
  .lg\:inline-block {
    display: inline-block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:inline-flex {
    display: inline-flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:inline-grid {
    display: inline-grid;
  }
  .lg\:flow-root {
    display: flow-root;
  }
  .lg\:contents {
    display: contents;
  }
  .lg\:table {
    display: table;
  }
  .lg\:hidden {
    display: none;
  }
  /* Flex direction */
  .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;
  }
  /* Flex wrap */
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  /* Flex shortcuts */
  .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;
  }
  /* Grow / Shrink */
  .lg\:grow {
    flex-grow: 1;
  }
  .lg\:grow-0 {
    flex-grow: 0;
  }
  .lg\:shrink {
    flex-shrink: 1;
  }
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
  /* Justify content */
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:justify-around {
    justify-content: space-around;
  }
  .lg\:justify-evenly {
    justify-content: space-evenly;
  }
  .lg\:justify-stretch {
    justify-content: stretch;
  }
  /* Align items */
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-baseline {
    align-items: baseline;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
  /* Align self */
  .lg\:self-auto {
    align-self: auto;
  }
  .lg\:self-start {
    align-self: flex-start;
  }
  .lg\:self-end {
    align-self: flex-end;
  }
  .lg\:self-center {
    align-self: center;
  }
  .lg\:self-stretch {
    align-self: stretch;
  }
  .lg\:self-baseline {
    align-self: baseline;
  }
  /* Grid columns (1–12) */
  .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;
  }
  /* Column span (1–12 + full) */
  .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;
  }
  /* Position */
  .lg\:static {
    position: static;
  }
  .lg\:relative {
    position: relative;
  }
  .lg\:absolute {
    position: absolute;
  }
  .lg\:fixed {
    position: fixed;
  }
  .lg\:sticky {
    position: sticky;
  }
  /* Inset (top / right / bottom / left) */
  .lg\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .lg\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .lg\:inset-x-0 {
    left: 0;
    right: 0;
  }
  .lg\:inset-x-auto {
    left: auto;
    right: auto;
  }
  .lg\:inset-y-0 {
    top: 0;
    bottom: 0;
  }
  .lg\:inset-y-auto {
    top: auto;
    bottom: auto;
  }
  .lg\:top-0 {
    top: 0;
  }
  .lg\:top-auto {
    top: auto;
  }
  .lg\:top-full {
    top: 100%;
  }
  .lg\:top-1\/2 {
    top: 50%;
  }
  .lg\:right-0 {
    right: 0;
  }
  .lg\:right-auto {
    right: auto;
  }
  .lg\:right-full {
    right: 100%;
  }
  .lg\:right-1\/2 {
    right: 50%;
  }
  .lg\:bottom-0 {
    bottom: 0;
  }
  .lg\:bottom-auto {
    bottom: auto;
  }
  .lg\:bottom-full {
    bottom: 100%;
  }
  .lg\:bottom-1\/2 {
    bottom: 50%;
  }
  .lg\:left-0 {
    left: 0;
  }
  .lg\:left-auto {
    left: auto;
  }
  .lg\:left-full {
    left: 100%;
  }
  .lg\:left-1\/2 {
    left: 50%;
  }
  /* Z-index */
  .lg\:z-0 {
    z-index: 0;
  }
  .lg\:z-10 {
    z-index: 10;
  }
  .lg\:z-20 {
    z-index: 20;
  }
  .lg\:z-30 {
    z-index: 30;
  }
  .lg\:z-40 {
    z-index: 40;
  }
  .lg\:z-50 {
    z-index: 50;
  }
  .lg\:z-auto {
    z-index: auto;
  }
  /* Overflow */
  .lg\:overflow-auto {
    overflow: auto;
  }
  .lg\:overflow-hidden {
    overflow: hidden;
  }
  .lg\:overflow-visible {
    overflow: visible;
  }
  .lg\:overflow-scroll {
    overflow: scroll;
  }
  .lg\:overflow-x-auto {
    overflow-x: auto;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .lg\:float-start {
    float: inline-start;
  }
  .lg\:float-end {
    float: inline-end;
  }
  .lg\:float-right {
    float: right;
  }
  .lg\:float-left {
    float: left;
  }
  .lg\:float-none {
    float: none;
  }
  .lg\:translate-x-0 {
    transform: translateX(0);
  }
  .lg\:translate-y-0 {
    transform: translateY(0);
  }
  .lg\:-translate-x-0 {
    transform: translateX(0);
  }
  .lg\:-translate-y-0 {
    transform: translateY(0);
  }
  .lg\:translate-x-1 {
    transform: translateX(0.25em);
  }
  .lg\:translate-y-1 {
    transform: translateY(0.25em);
  }
  .lg\:-translate-x-1 {
    transform: translateX(-0.25em);
  }
  .lg\:-translate-y-1 {
    transform: translateY(-0.25em);
  }
  .lg\:translate-x-2 {
    transform: translateX(0.5em);
  }
  .lg\:translate-y-2 {
    transform: translateY(0.5em);
  }
  .lg\:-translate-x-2 {
    transform: translateX(-0.5em);
  }
  .lg\:-translate-y-2 {
    transform: translateY(-0.5em);
  }
  .lg\:translate-x-3 {
    transform: translateX(0.75em);
  }
  .lg\:translate-y-3 {
    transform: translateY(0.75em);
  }
  .lg\:-translate-x-3 {
    transform: translateX(-0.75em);
  }
  .lg\:-translate-y-3 {
    transform: translateY(-0.75em);
  }
  .lg\:translate-x-4 {
    transform: translateX(1em);
  }
  .lg\:translate-y-4 {
    transform: translateY(1em);
  }
  .lg\:-translate-x-4 {
    transform: translateX(-1em);
  }
  .lg\:-translate-y-4 {
    transform: translateY(-1em);
  }
  .lg\:translate-x-5 {
    transform: translateX(1.25em);
  }
  .lg\:translate-y-5 {
    transform: translateY(1.25em);
  }
  .lg\:-translate-x-5 {
    transform: translateX(-1.25em);
  }
  .lg\:-translate-y-5 {
    transform: translateY(-1.25em);
  }
  .lg\:translate-x-6 {
    transform: translateX(1.5em);
  }
  .lg\:translate-y-6 {
    transform: translateY(1.5em);
  }
  .lg\:-translate-x-6 {
    transform: translateX(-1.5em);
  }
  .lg\:-translate-y-6 {
    transform: translateY(-1.5em);
  }
  .lg\:translate-x-8 {
    transform: translateX(2em);
  }
  .lg\:translate-y-8 {
    transform: translateY(2em);
  }
  .lg\:-translate-x-8 {
    transform: translateX(-2em);
  }
  .lg\:-translate-y-8 {
    transform: translateY(-2em);
  }
  .lg\:translate-x-10 {
    transform: translateX(2.5em);
  }
  .lg\:translate-y-10 {
    transform: translateY(2.5em);
  }
  .lg\:-translate-x-10 {
    transform: translateX(-2.5em);
  }
  .lg\:-translate-y-10 {
    transform: translateY(-2.5em);
  }
  .lg\:translate-x-12 {
    transform: translateX(3em);
  }
  .lg\:translate-y-12 {
    transform: translateY(3em);
  }
  .lg\:-translate-x-12 {
    transform: translateX(-3em);
  }
  .lg\:-translate-y-12 {
    transform: translateY(-3em);
  }
  .lg\:translate-x-16 {
    transform: translateX(4em);
  }
  .lg\:translate-y-16 {
    transform: translateY(4em);
  }
  .lg\:-translate-x-16 {
    transform: translateX(-4em);
  }
  .lg\:-translate-y-16 {
    transform: translateY(-4em);
  }
  .lg\:translate-x-1\/2 {
    transform: translateX(50%);
  }
  .lg\:translate-y-1\/2 {
    transform: translateY(50%);
  }
  .lg\:-translate-x-1\/2 {
    transform: translateX(-50%);
  }
  .lg\:-translate-y-1\/2 {
    transform: translateY(-50%);
  }
  .lg\:translate-x-full {
    transform: translateX(100%);
  }
  .lg\:translate-y-full {
    transform: translateY(100%);
  }
  .lg\:-translate-x-full {
    transform: translateX(-100%);
  }
  .lg\:-translate-y-full {
    transform: translateY(-100%);
  }
  .lg\:rotate-0 {
    transform: rotate(0deg);
  }
  .lg\:rotate-45 {
    transform: rotate(45deg);
  }
  .lg\:rotate-90 {
    transform: rotate(90deg);
  }
  .lg\:rotate-180 {
    transform: rotate(180deg);
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg);
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg);
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg);
  }
  .lg\:scale-50 {
    transform: scale(0.5);
  }
  .lg\:scale-75 {
    transform: scale(0.75);
  }
  .lg\:scale-90 {
    transform: scale(0.9);
  }
  .lg\:scale-100 {
    transform: scale(1);
  }
  .lg\:scale-110 {
    transform: scale(1.1);
  }
  .lg\:scale-125 {
    transform: scale(1.25);
  }
  .lg\:scale-150 {
    transform: scale(1.5);
  }
  /* Text alignment */
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-right {
    text-align: right;
  }
  .lg\:text-justify {
    text-align: justify;
  }
  /* Font size */
  .lg\:text-xs {
    font-size: 0.75em;
    line-height: 1.4;
  }
  .lg\:text-sm {
    font-size: 0.875em;
    line-height: 1.5;
  }
  .lg\:text-base {
    font-size: 1em;
    line-height: 1.6;
  }
  .lg\:text-lg {
    font-size: 1.125em;
    line-height: 1.6;
  }
  .lg\:text-xl {
    font-size: 1.25em;
    line-height: 1.5;
  }
  .lg\:text-2xl {
    font-size: 1.5em;
    line-height: 1.4;
  }
  .lg\:text-3xl {
    font-size: 1.875em;
    line-height: 1.3;
  }
  .lg\:text-4xl {
    font-size: 2.25em;
    line-height: 1.2;
  }
  .lg\:text-5xl {
    font-size: 3em;
    line-height: 1.1;
  }
  .lg\:text-6xl {
    font-size: 3.75em;
    line-height: 1;
  }
  /* Font weight */
  .lg\:font-light {
    font-weight: 300;
  }
  .lg\:font-normal {
    font-weight: 400;
  }
  .lg\:font-medium {
    font-weight: 500;
  }
  .lg\:font-semibold {
    font-weight: 600;
  }
  .lg\:font-bold {
    font-weight: 700;
  }
  /* Leading */
  .lg\:leading-none {
    line-height: 1;
  }
  .lg\:leading-tight {
    line-height: 1.2;
  }
  .lg\:leading-snug {
    line-height: 1.375;
  }
  .lg\:leading-normal {
    line-height: 1.5;
  }
  .lg\:leading-relaxed {
    line-height: 1.625;
  }
  .lg\:leading-loose {
    line-height: 2;
  }
  .lg\:text-white {
    color: #ffffff;
  }
  .lg\:bg-white {
    background-color: #ffffff;
  }
  .lg\:border-white {
    border-color: #ffffff;
  }
  .lg\:text-black {
    color: #000000;
  }
  .lg\:bg-black {
    background-color: #000000;
  }
  .lg\:border-black {
    border-color: #000000;
  }
  .lg\:text-transparent {
    color: transparent;
  }
  .lg\:bg-transparent {
    background-color: transparent;
  }
  .lg\:border-transparent {
    border-color: transparent;
  }
  .lg\:text-gray-50 {
    color: #f9fafb;
  }
  .lg\:bg-gray-50 {
    background-color: #f9fafb;
  }
  .lg\:border-gray-50 {
    border-color: #f9fafb;
  }
  .lg\:text-gray-100 {
    color: #f3f4f6;
  }
  .lg\:bg-gray-100 {
    background-color: #f3f4f6;
  }
  .lg\:border-gray-100 {
    border-color: #f3f4f6;
  }
  .lg\:text-gray-200 {
    color: #e5e7eb;
  }
  .lg\:bg-gray-200 {
    background-color: #e5e7eb;
  }
  .lg\:border-gray-200 {
    border-color: #e5e7eb;
  }
  .lg\:text-gray-300 {
    color: #d1d5db;
  }
  .lg\:bg-gray-300 {
    background-color: #d1d5db;
  }
  .lg\:border-gray-300 {
    border-color: #d1d5db;
  }
  .lg\:text-gray-400 {
    color: #9ca3af;
  }
  .lg\:bg-gray-400 {
    background-color: #9ca3af;
  }
  .lg\:border-gray-400 {
    border-color: #9ca3af;
  }
  .lg\:text-gray-500 {
    color: #6b7280;
  }
  .lg\:bg-gray-500 {
    background-color: #6b7280;
  }
  .lg\:border-gray-500 {
    border-color: #6b7280;
  }
  .lg\:text-gray-600 {
    color: #4b5563;
  }
  .lg\:bg-gray-600 {
    background-color: #4b5563;
  }
  .lg\:border-gray-600 {
    border-color: #4b5563;
  }
  .lg\:text-gray-700 {
    color: #374151;
  }
  .lg\:bg-gray-700 {
    background-color: #374151;
  }
  .lg\:border-gray-700 {
    border-color: #374151;
  }
  .lg\:text-gray-800 {
    color: #1f2937;
  }
  .lg\:bg-gray-800 {
    background-color: #1f2937;
  }
  .lg\:border-gray-800 {
    border-color: #1f2937;
  }
  .lg\:text-gray-900 {
    color: #111827;
  }
  .lg\:bg-gray-900 {
    background-color: #111827;
  }
  .lg\:border-gray-900 {
    border-color: #111827;
  }
  .lg\:text-red-50 {
    color: #fef2f2;
  }
  .lg\:bg-red-50 {
    background-color: #fef2f2;
  }
  .lg\:border-red-50 {
    border-color: #fef2f2;
  }
  .lg\:text-red-100 {
    color: #fee2e2;
  }
  .lg\:bg-red-100 {
    background-color: #fee2e2;
  }
  .lg\:border-red-100 {
    border-color: #fee2e2;
  }
  .lg\:text-red-500 {
    color: #ef4444;
  }
  .lg\:bg-red-500 {
    background-color: #ef4444;
  }
  .lg\:border-red-500 {
    border-color: #ef4444;
  }
  .lg\:text-red-600 {
    color: #dc2626;
  }
  .lg\:bg-red-600 {
    background-color: #dc2626;
  }
  .lg\:border-red-600 {
    border-color: #dc2626;
  }
  .lg\:text-red-700 {
    color: #b91c1c;
  }
  .lg\:bg-red-700 {
    background-color: #b91c1c;
  }
  .lg\:border-red-700 {
    border-color: #b91c1c;
  }
  .lg\:text-green-50 {
    color: #f0fdf4;
  }
  .lg\:bg-green-50 {
    background-color: #f0fdf4;
  }
  .lg\:border-green-50 {
    border-color: #f0fdf4;
  }
  .lg\:text-green-100 {
    color: #dcfce7;
  }
  .lg\:bg-green-100 {
    background-color: #dcfce7;
  }
  .lg\:border-green-100 {
    border-color: #dcfce7;
  }
  .lg\:text-green-500 {
    color: #22c55e;
  }
  .lg\:bg-green-500 {
    background-color: #22c55e;
  }
  .lg\:border-green-500 {
    border-color: #22c55e;
  }
  .lg\:text-green-600 {
    color: #16a34a;
  }
  .lg\:bg-green-600 {
    background-color: #16a34a;
  }
  .lg\:border-green-600 {
    border-color: #16a34a;
  }
  .lg\:text-green-700 {
    color: #15803d;
  }
  .lg\:bg-green-700 {
    background-color: #15803d;
  }
  .lg\:border-green-700 {
    border-color: #15803d;
  }
  .lg\:text-blue-50 {
    color: #eff6ff;
  }
  .lg\:bg-blue-50 {
    background-color: #eff6ff;
  }
  .lg\:border-blue-50 {
    border-color: #eff6ff;
  }
  .lg\:text-blue-100 {
    color: #dbeafe;
  }
  .lg\:bg-blue-100 {
    background-color: #dbeafe;
  }
  .lg\:border-blue-100 {
    border-color: #dbeafe;
  }
  .lg\:text-blue-500 {
    color: #3b82f6;
  }
  .lg\:bg-blue-500 {
    background-color: #3b82f6;
  }
  .lg\:border-blue-500 {
    border-color: #3b82f6;
  }
  .lg\:text-blue-600 {
    color: #2563eb;
  }
  .lg\:bg-blue-600 {
    background-color: #2563eb;
  }
  .lg\:border-blue-600 {
    border-color: #2563eb;
  }
  .lg\:text-blue-700 {
    color: #1d4ed8;
  }
  .lg\:bg-blue-700 {
    background-color: #1d4ed8;
  }
  .lg\:border-blue-700 {
    border-color: #1d4ed8;
  }
  .lg\:text-yellow-50 {
    color: #fefce8;
  }
  .lg\:bg-yellow-50 {
    background-color: #fefce8;
  }
  .lg\:border-yellow-50 {
    border-color: #fefce8;
  }
  .lg\:text-yellow-100 {
    color: #fef9c3;
  }
  .lg\:bg-yellow-100 {
    background-color: #fef9c3;
  }
  .lg\:border-yellow-100 {
    border-color: #fef9c3;
  }
  .lg\:text-yellow-500 {
    color: #eab308;
  }
  .lg\:bg-yellow-500 {
    background-color: #eab308;
  }
  .lg\:border-yellow-500 {
    border-color: #eab308;
  }
  .lg\:text-yellow-600 {
    color: #ca8a04;
  }
  .lg\:bg-yellow-600 {
    background-color: #ca8a04;
  }
  .lg\:border-yellow-600 {
    border-color: #ca8a04;
  }
  .lg\:text-yellow-700 {
    color: #a16207;
  }
  .lg\:bg-yellow-700 {
    background-color: #a16207;
  }
  .lg\:border-yellow-700 {
    border-color: #a16207;
  }
  .lg\:text-brand {
    color: #5C7A1F;
  }
  .lg\:bg-brand {
    background-color: #5C7A1F;
  }
  .lg\:border-brand {
    border-color: #5C7A1F;
  }
  .lg\:text-brand-dark {
    color: #4A6318;
  }
  .lg\:bg-brand-dark {
    background-color: #4A6318;
  }
  .lg\:border-brand-dark {
    border-color: #4A6318;
  }
  .lg\:rounded-none {
    border-radius: 0;
  }
  .lg\:rounded-sm {
    border-radius: 0.125em;
  }
  .lg\:rounded {
    border-radius: 0.25em;
  }
  .lg\:rounded-md {
    border-radius: 0.375em;
  }
  .lg\:rounded-lg {
    border-radius: 0.5em;
  }
  .lg\:rounded-xl {
    border-radius: 0.75em;
  }
  .lg\:rounded-2xl {
    border-radius: 1em;
  }
  .lg\:rounded-3xl {
    border-radius: 1.5em;
  }
  .lg\:rounded-full {
    border-radius: 9999px;
  }
  /* Side-specific */
  .lg\:rounded-t-lg {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
  .lg\:rounded-t-xl {
    border-top-left-radius: 0.75em;
    border-top-right-radius: 0.75em;
  }
  .lg\:rounded-t-2xl {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
  }
  .lg\:rounded-b-lg {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  .lg\:rounded-b-xl {
    border-bottom-left-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
  }
  .lg\:rounded-b-2xl {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
  }
  .lg\:rounded-l-lg {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
  }
  .lg\:rounded-l-xl {
    border-top-left-radius: 0.75em;
    border-bottom-left-radius: 0.75em;
  }
  .lg\:rounded-l-2xl {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
  }
  .lg\:rounded-l-3xl {
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
  }
  .lg\:rounded-r-lg {
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  .lg\:rounded-r-xl {
    border-top-right-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
  }
  .lg\:rounded-r-2xl {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
  }
  .lg\:rounded-r-3xl {
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
  }
  .lg\:max-w-2xs {
    max-width: 16em;
  }
  .lg\:max-w-xs {
    max-width: 20em;
  }
  .lg\:max-w-sm {
    max-width: 24em;
  }
  .lg\:max-w-md {
    max-width: 28em;
  }
  .lg\:max-w-lg {
    max-width: 32em;
  }
  .lg\:max-w-xl {
    max-width: 36em;
  }
  .lg\:max-w-2xl {
    max-width: 42em;
  }
  .lg\:max-w-3xl {
    max-width: 48em;
  }
  .lg\:max-w-4xl {
    max-width: 56em;
  }
  .lg\:max-w-5xl {
    max-width: 64em;
  }
  .lg\:max-w-6xl {
    max-width: 72em;
  }
  .lg\:max-w-7xl {
    max-width: 80em;
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
  .lg\:max-w-none {
    max-width: none;
  }
  .lg\:max-w-\[40px\] {
    max-width: 40px;
  }
  .lg\:w-\[40px\] {
    width: 40px;
  }
  .lg\:h-\[40px\] {
    height: 40px;
  }
  .lg\:min-w-\[40px\] {
    min-width: 40px;
  }
  .lg\:min-h-\[40px\] {
    min-height: 40px;
  }
  .lg\:max-h-\[40px\] {
    max-height: 40px;
  }
  .lg\:max-w-\[60px\] {
    max-width: 60px;
  }
  .lg\:w-\[60px\] {
    width: 60px;
  }
  .lg\:h-\[60px\] {
    height: 60px;
  }
  .lg\:min-w-\[60px\] {
    min-width: 60px;
  }
  .lg\:min-h-\[60px\] {
    min-height: 60px;
  }
  .lg\:max-h-\[60px\] {
    max-height: 60px;
  }
  .lg\:max-w-\[80px\] {
    max-width: 80px;
  }
  .lg\:w-\[80px\] {
    width: 80px;
  }
  .lg\:h-\[80px\] {
    height: 80px;
  }
  .lg\:min-w-\[80px\] {
    min-width: 80px;
  }
  .lg\:min-h-\[80px\] {
    min-height: 80px;
  }
  .lg\:max-h-\[80px\] {
    max-height: 80px;
  }
  .lg\:max-w-\[100px\] {
    max-width: 100px;
  }
  .lg\:w-\[100px\] {
    width: 100px;
  }
  .lg\:h-\[100px\] {
    height: 100px;
  }
  .lg\:min-w-\[100px\] {
    min-width: 100px;
  }
  .lg\:min-h-\[100px\] {
    min-height: 100px;
  }
  .lg\:max-h-\[100px\] {
    max-height: 100px;
  }
  .lg\:max-w-\[120px\] {
    max-width: 120px;
  }
  .lg\:w-\[120px\] {
    width: 120px;
  }
  .lg\:h-\[120px\] {
    height: 120px;
  }
  .lg\:min-w-\[120px\] {
    min-width: 120px;
  }
  .lg\:min-h-\[120px\] {
    min-height: 120px;
  }
  .lg\:max-h-\[120px\] {
    max-height: 120px;
  }
  .lg\:max-w-\[140px\] {
    max-width: 140px;
  }
  .lg\:w-\[140px\] {
    width: 140px;
  }
  .lg\:h-\[140px\] {
    height: 140px;
  }
  .lg\:min-w-\[140px\] {
    min-width: 140px;
  }
  .lg\:min-h-\[140px\] {
    min-height: 140px;
  }
  .lg\:max-h-\[140px\] {
    max-height: 140px;
  }
  .lg\:max-w-\[150px\] {
    max-width: 150px;
  }
  .lg\:w-\[150px\] {
    width: 150px;
  }
  .lg\:h-\[150px\] {
    height: 150px;
  }
  .lg\:min-w-\[150px\] {
    min-width: 150px;
  }
  .lg\:min-h-\[150px\] {
    min-height: 150px;
  }
  .lg\:max-h-\[150px\] {
    max-height: 150px;
  }
  .lg\:max-w-\[160px\] {
    max-width: 160px;
  }
  .lg\:w-\[160px\] {
    width: 160px;
  }
  .lg\:h-\[160px\] {
    height: 160px;
  }
  .lg\:min-w-\[160px\] {
    min-width: 160px;
  }
  .lg\:min-h-\[160px\] {
    min-height: 160px;
  }
  .lg\:max-h-\[160px\] {
    max-height: 160px;
  }
  .lg\:max-w-\[180px\] {
    max-width: 180px;
  }
  .lg\:w-\[180px\] {
    width: 180px;
  }
  .lg\:h-\[180px\] {
    height: 180px;
  }
  .lg\:min-w-\[180px\] {
    min-width: 180px;
  }
  .lg\:min-h-\[180px\] {
    min-height: 180px;
  }
  .lg\:max-h-\[180px\] {
    max-height: 180px;
  }
  .lg\:max-w-\[200px\] {
    max-width: 200px;
  }
  .lg\:w-\[200px\] {
    width: 200px;
  }
  .lg\:h-\[200px\] {
    height: 200px;
  }
  .lg\:min-w-\[200px\] {
    min-width: 200px;
  }
  .lg\:min-h-\[200px\] {
    min-height: 200px;
  }
  .lg\:max-h-\[200px\] {
    max-height: 200px;
  }
  .lg\:max-w-\[240px\] {
    max-width: 240px;
  }
  .lg\:w-\[240px\] {
    width: 240px;
  }
  .lg\:h-\[240px\] {
    height: 240px;
  }
  .lg\:min-w-\[240px\] {
    min-width: 240px;
  }
  .lg\:min-h-\[240px\] {
    min-height: 240px;
  }
  .lg\:max-h-\[240px\] {
    max-height: 240px;
  }
  .lg\:max-w-\[280px\] {
    max-width: 280px;
  }
  .lg\:w-\[280px\] {
    width: 280px;
  }
  .lg\:h-\[280px\] {
    height: 280px;
  }
  .lg\:min-w-\[280px\] {
    min-width: 280px;
  }
  .lg\:min-h-\[280px\] {
    min-height: 280px;
  }
  .lg\:max-h-\[280px\] {
    max-height: 280px;
  }
  .lg\:max-w-\[320px\] {
    max-width: 320px;
  }
  .lg\:w-\[320px\] {
    width: 320px;
  }
  .lg\:h-\[320px\] {
    height: 320px;
  }
  .lg\:min-w-\[320px\] {
    min-width: 320px;
  }
  .lg\:min-h-\[320px\] {
    min-height: 320px;
  }
  .lg\:max-h-\[320px\] {
    max-height: 320px;
  }
  .lg\:max-w-\[360px\] {
    max-width: 360px;
  }
  .lg\:w-\[360px\] {
    width: 360px;
  }
  .lg\:h-\[360px\] {
    height: 360px;
  }
  .lg\:min-w-\[360px\] {
    min-width: 360px;
  }
  .lg\:min-h-\[360px\] {
    min-height: 360px;
  }
  .lg\:max-h-\[360px\] {
    max-height: 360px;
  }
  .lg\:max-w-\[400px\] {
    max-width: 400px;
  }
  .lg\:w-\[400px\] {
    width: 400px;
  }
  .lg\:h-\[400px\] {
    height: 400px;
  }
  .lg\:min-w-\[400px\] {
    min-width: 400px;
  }
  .lg\:min-h-\[400px\] {
    min-height: 400px;
  }
  .lg\:max-h-\[400px\] {
    max-height: 400px;
  }
  .lg\:max-w-\[480px\] {
    max-width: 480px;
  }
  .lg\:w-\[480px\] {
    width: 480px;
  }
  .lg\:h-\[480px\] {
    height: 480px;
  }
  .lg\:min-w-\[480px\] {
    min-width: 480px;
  }
  .lg\:min-h-\[480px\] {
    min-height: 480px;
  }
  .lg\:max-h-\[480px\] {
    max-height: 480px;
  }
  .lg\:max-w-\[520px\] {
    max-width: 520px;
  }
  .lg\:w-\[520px\] {
    width: 520px;
  }
  .lg\:h-\[520px\] {
    height: 520px;
  }
  .lg\:min-w-\[520px\] {
    min-width: 520px;
  }
  .lg\:min-h-\[520px\] {
    min-height: 520px;
  }
  .lg\:max-h-\[520px\] {
    max-height: 520px;
  }
  .lg\:max-w-\[600px\] {
    max-width: 600px;
  }
  .lg\:w-\[600px\] {
    width: 600px;
  }
  .lg\:h-\[600px\] {
    height: 600px;
  }
  .lg\:min-w-\[600px\] {
    min-width: 600px;
  }
  .lg\:min-h-\[600px\] {
    min-height: 600px;
  }
  .lg\:max-h-\[600px\] {
    max-height: 600px;
  }
  .lg\:max-w-\[720px\] {
    max-width: 720px;
  }
  .lg\:w-\[720px\] {
    width: 720px;
  }
  .lg\:h-\[720px\] {
    height: 720px;
  }
  .lg\:min-w-\[720px\] {
    min-width: 720px;
  }
  .lg\:min-h-\[720px\] {
    min-height: 720px;
  }
  .lg\:max-h-\[720px\] {
    max-height: 720px;
  }
  .lg\:max-w-\[800px\] {
    max-width: 800px;
  }
  .lg\:w-\[800px\] {
    width: 800px;
  }
  .lg\:h-\[800px\] {
    height: 800px;
  }
  .lg\:min-w-\[800px\] {
    min-width: 800px;
  }
  .lg\:min-h-\[800px\] {
    min-height: 800px;
  }
  .lg\:max-h-\[800px\] {
    max-height: 800px;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:mr-auto {
    margin-right: auto;
  }
}
@media (min-width: 80em) {
  /* Margin */
  .xl\:m-0 {
    margin: 0;
  }
  .xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .xl\:mt-0 {
    margin-top: 0;
  }
  .xl\:mr-0 {
    margin-right: 0;
  }
  .xl\:mb-0 {
    margin-bottom: 0;
  }
  .xl\:ml-0 {
    margin-left: 0;
  }
  /* Padding */
  .xl\:p-0 {
    padding: 0;
  }
  .xl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xl\:pt-0 {
    padding-top: 0;
  }
  .xl\:pr-0 {
    padding-right: 0;
  }
  .xl\:pb-0 {
    padding-bottom: 0;
  }
  .xl\:pl-0 {
    padding-left: 0;
  }
  /* Gap */
  .xl\:gap-0 {
    gap: 0;
  }
  .xl\:gap-x-0 {
    column-gap: 0;
  }
  .xl\:gap-y-0 {
    row-gap: 0;
  }
  /* Margin */
  .xl\:m-1 {
    margin: 0.25em;
  }
  .xl\:mx-1 {
    margin-left: 0.25em;
    margin-right: 0.25em;
  }
  .xl\:my-1 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .xl\:mt-1 {
    margin-top: 0.25em;
  }
  .xl\:mr-1 {
    margin-right: 0.25em;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25em;
  }
  .xl\:ml-1 {
    margin-left: 0.25em;
  }
  /* Padding */
  .xl\:p-1 {
    padding: 0.25em;
  }
  .xl\:px-1 {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .xl\:py-1 {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .xl\:pt-1 {
    padding-top: 0.25em;
  }
  .xl\:pr-1 {
    padding-right: 0.25em;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25em;
  }
  .xl\:pl-1 {
    padding-left: 0.25em;
  }
  /* Gap */
  .xl\:gap-1 {
    gap: 0.25em;
  }
  .xl\:gap-x-1 {
    column-gap: 0.25em;
  }
  .xl\:gap-y-1 {
    row-gap: 0.25em;
  }
  /* Margin */
  .xl\:m-2 {
    margin: 0.5em;
  }
  .xl\:mx-2 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .xl\:my-2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .xl\:mt-2 {
    margin-top: 0.5em;
  }
  .xl\:mr-2 {
    margin-right: 0.5em;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5em;
  }
  .xl\:ml-2 {
    margin-left: 0.5em;
  }
  /* Padding */
  .xl\:p-2 {
    padding: 0.5em;
  }
  .xl\:px-2 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .xl\:py-2 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .xl\:pt-2 {
    padding-top: 0.5em;
  }
  .xl\:pr-2 {
    padding-right: 0.5em;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5em;
  }
  .xl\:pl-2 {
    padding-left: 0.5em;
  }
  /* Gap */
  .xl\:gap-2 {
    gap: 0.5em;
  }
  .xl\:gap-x-2 {
    column-gap: 0.5em;
  }
  .xl\:gap-y-2 {
    row-gap: 0.5em;
  }
  /* Margin */
  .xl\:m-3 {
    margin: 0.75em;
  }
  .xl\:mx-3 {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .xl\:my-3 {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .xl\:mt-3 {
    margin-top: 0.75em;
  }
  .xl\:mr-3 {
    margin-right: 0.75em;
  }
  .xl\:mb-3 {
    margin-bottom: 0.75em;
  }
  .xl\:ml-3 {
    margin-left: 0.75em;
  }
  /* Padding */
  .xl\:p-3 {
    padding: 0.75em;
  }
  .xl\:px-3 {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .xl\:py-3 {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .xl\:pt-3 {
    padding-top: 0.75em;
  }
  .xl\:pr-3 {
    padding-right: 0.75em;
  }
  .xl\:pb-3 {
    padding-bottom: 0.75em;
  }
  .xl\:pl-3 {
    padding-left: 0.75em;
  }
  /* Gap */
  .xl\:gap-3 {
    gap: 0.75em;
  }
  .xl\:gap-x-3 {
    column-gap: 0.75em;
  }
  .xl\:gap-y-3 {
    row-gap: 0.75em;
  }
  /* Margin */
  .xl\:m-4 {
    margin: 1em;
  }
  .xl\:mx-4 {
    margin-left: 1em;
    margin-right: 1em;
  }
  .xl\:my-4 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .xl\:mt-4 {
    margin-top: 1em;
  }
  .xl\:mr-4 {
    margin-right: 1em;
  }
  .xl\:mb-4 {
    margin-bottom: 1em;
  }
  .xl\:ml-4 {
    margin-left: 1em;
  }
  /* Padding */
  .xl\:p-4 {
    padding: 1em;
  }
  .xl\:px-4 {
    padding-left: 1em;
    padding-right: 1em;
  }
  .xl\:py-4 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .xl\:pt-4 {
    padding-top: 1em;
  }
  .xl\:pr-4 {
    padding-right: 1em;
  }
  .xl\:pb-4 {
    padding-bottom: 1em;
  }
  .xl\:pl-4 {
    padding-left: 1em;
  }
  /* Gap */
  .xl\:gap-4 {
    gap: 1em;
  }
  .xl\:gap-x-4 {
    column-gap: 1em;
  }
  .xl\:gap-y-4 {
    row-gap: 1em;
  }
  /* Margin */
  .xl\:m-5 {
    margin: 1.25em;
  }
  .xl\:mx-5 {
    margin-left: 1.25em;
    margin-right: 1.25em;
  }
  .xl\:my-5 {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .xl\:mt-5 {
    margin-top: 1.25em;
  }
  .xl\:mr-5 {
    margin-right: 1.25em;
  }
  .xl\:mb-5 {
    margin-bottom: 1.25em;
  }
  .xl\:ml-5 {
    margin-left: 1.25em;
  }
  /* Padding */
  .xl\:p-5 {
    padding: 1.25em;
  }
  .xl\:px-5 {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .xl\:py-5 {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .xl\:pt-5 {
    padding-top: 1.25em;
  }
  .xl\:pr-5 {
    padding-right: 1.25em;
  }
  .xl\:pb-5 {
    padding-bottom: 1.25em;
  }
  .xl\:pl-5 {
    padding-left: 1.25em;
  }
  /* Gap */
  .xl\:gap-5 {
    gap: 1.25em;
  }
  .xl\:gap-x-5 {
    column-gap: 1.25em;
  }
  .xl\:gap-y-5 {
    row-gap: 1.25em;
  }
  /* Margin */
  .xl\:m-6 {
    margin: 1.5em;
  }
  .xl\:mx-6 {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }
  .xl\:my-6 {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  .xl\:mt-6 {
    margin-top: 1.5em;
  }
  .xl\:mr-6 {
    margin-right: 1.5em;
  }
  .xl\:mb-6 {
    margin-bottom: 1.5em;
  }
  .xl\:ml-6 {
    margin-left: 1.5em;
  }
  /* Padding */
  .xl\:p-6 {
    padding: 1.5em;
  }
  .xl\:px-6 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .xl\:py-6 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .xl\:pt-6 {
    padding-top: 1.5em;
  }
  .xl\:pr-6 {
    padding-right: 1.5em;
  }
  .xl\:pb-6 {
    padding-bottom: 1.5em;
  }
  .xl\:pl-6 {
    padding-left: 1.5em;
  }
  /* Gap */
  .xl\:gap-6 {
    gap: 1.5em;
  }
  .xl\:gap-x-6 {
    column-gap: 1.5em;
  }
  .xl\:gap-y-6 {
    row-gap: 1.5em;
  }
  /* Margin */
  .xl\:m-8 {
    margin: 2em;
  }
  .xl\:mx-8 {
    margin-left: 2em;
    margin-right: 2em;
  }
  .xl\:my-8 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .xl\:mt-8 {
    margin-top: 2em;
  }
  .xl\:mr-8 {
    margin-right: 2em;
  }
  .xl\:mb-8 {
    margin-bottom: 2em;
  }
  .xl\:ml-8 {
    margin-left: 2em;
  }
  /* Padding */
  .xl\:p-8 {
    padding: 2em;
  }
  .xl\:px-8 {
    padding-left: 2em;
    padding-right: 2em;
  }
  .xl\:py-8 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .xl\:pt-8 {
    padding-top: 2em;
  }
  .xl\:pr-8 {
    padding-right: 2em;
  }
  .xl\:pb-8 {
    padding-bottom: 2em;
  }
  .xl\:pl-8 {
    padding-left: 2em;
  }
  /* Gap */
  .xl\:gap-8 {
    gap: 2em;
  }
  .xl\:gap-x-8 {
    column-gap: 2em;
  }
  .xl\:gap-y-8 {
    row-gap: 2em;
  }
  /* Margin */
  .xl\:m-10 {
    margin: 2.5em;
  }
  .xl\:mx-10 {
    margin-left: 2.5em;
    margin-right: 2.5em;
  }
  .xl\:my-10 {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
  }
  .xl\:mt-10 {
    margin-top: 2.5em;
  }
  .xl\:mr-10 {
    margin-right: 2.5em;
  }
  .xl\:mb-10 {
    margin-bottom: 2.5em;
  }
  .xl\:ml-10 {
    margin-left: 2.5em;
  }
  /* Padding */
  .xl\:p-10 {
    padding: 2.5em;
  }
  .xl\:px-10 {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
  .xl\:py-10 {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  .xl\:pt-10 {
    padding-top: 2.5em;
  }
  .xl\:pr-10 {
    padding-right: 2.5em;
  }
  .xl\:pb-10 {
    padding-bottom: 2.5em;
  }
  .xl\:pl-10 {
    padding-left: 2.5em;
  }
  /* Gap */
  .xl\:gap-10 {
    gap: 2.5em;
  }
  .xl\:gap-x-10 {
    column-gap: 2.5em;
  }
  .xl\:gap-y-10 {
    row-gap: 2.5em;
  }
  /* Margin */
  .xl\:m-12 {
    margin: 3em;
  }
  .xl\:mx-12 {
    margin-left: 3em;
    margin-right: 3em;
  }
  .xl\:my-12 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .xl\:mt-12 {
    margin-top: 3em;
  }
  .xl\:mr-12 {
    margin-right: 3em;
  }
  .xl\:mb-12 {
    margin-bottom: 3em;
  }
  .xl\:ml-12 {
    margin-left: 3em;
  }
  /* Padding */
  .xl\:p-12 {
    padding: 3em;
  }
  .xl\:px-12 {
    padding-left: 3em;
    padding-right: 3em;
  }
  .xl\:py-12 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .xl\:pt-12 {
    padding-top: 3em;
  }
  .xl\:pr-12 {
    padding-right: 3em;
  }
  .xl\:pb-12 {
    padding-bottom: 3em;
  }
  .xl\:pl-12 {
    padding-left: 3em;
  }
  /* Gap */
  .xl\:gap-12 {
    gap: 3em;
  }
  .xl\:gap-x-12 {
    column-gap: 3em;
  }
  .xl\:gap-y-12 {
    row-gap: 3em;
  }
  /* Margin */
  .xl\:m-16 {
    margin: 4em;
  }
  .xl\:mx-16 {
    margin-left: 4em;
    margin-right: 4em;
  }
  .xl\:my-16 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .xl\:mt-16 {
    margin-top: 4em;
  }
  .xl\:mr-16 {
    margin-right: 4em;
  }
  .xl\:mb-16 {
    margin-bottom: 4em;
  }
  .xl\:ml-16 {
    margin-left: 4em;
  }
  /* Padding */
  .xl\:p-16 {
    padding: 4em;
  }
  .xl\:px-16 {
    padding-left: 4em;
    padding-right: 4em;
  }
  .xl\:py-16 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .xl\:pt-16 {
    padding-top: 4em;
  }
  .xl\:pr-16 {
    padding-right: 4em;
  }
  .xl\:pb-16 {
    padding-bottom: 4em;
  }
  .xl\:pl-16 {
    padding-left: 4em;
  }
  /* Gap */
  .xl\:gap-16 {
    gap: 4em;
  }
  .xl\:gap-x-16 {
    column-gap: 4em;
  }
  .xl\:gap-y-16 {
    row-gap: 4em;
  }
  .xl\:w-auto {
    width: auto;
  }
  .xl\:w-full {
    width: 100%;
  }
  .xl\:w-75 {
    width: 75%;
  }
  .xl\:w-66 {
    width: 66.6667%;
  }
  .xl\:w-50 {
    width: 50%;
  }
  .xl\:w-33 {
    width: 33.3333%;
  }
  .xl\:w-25 {
    width: 25%;
  }
  .xl\:w-screen {
    width: 100vw;
  }
  .xl\:w-fit {
    width: fit-content;
  }
  .xl\:w-1\/2 {
    width: 50%;
  }
  .xl\:w-1\/3 {
    width: 33.3333%;
  }
  .xl\:w-2\/3 {
    width: 66.6667%;
  }
  .xl\:w-1\/4 {
    width: 25%;
  }
  .xl\:w-2\/4 {
    width: 50%;
  }
  .xl\:w-3\/4 {
    width: 75%;
  }
  .xl\:w-1\/5 {
    width: 20%;
  }
  .xl\:w-2\/5 {
    width: 40%;
  }
  .xl\:w-3\/5 {
    width: 60%;
  }
  .xl\:w-4\/5 {
    width: 80%;
  }
  .xl\:w-16 {
    width: 4em;
  }
  .xl\:w-20 {
    width: 5em;
  }
  .xl\:w-24 {
    width: 6em;
  }
  .xl\:w-32 {
    width: 8em;
  }
  .xl\:w-40 {
    width: 10em;
  }
  .xl\:w-48 {
    width: 12em;
  }
  .xl\:w-56 {
    width: 14em;
  }
  .xl\:w-64 {
    width: 16em;
  }
  .xl\:w-80 {
    width: 20em;
  }
  .xl\:w-96 {
    width: 24em;
  }
  /* Height */
  .xl\:h-auto {
    height: auto;
  }
  .xl\:h-full {
    height: 100%;
  }
  .xl\:h-screen {
    height: 100vh;
  }
  .xl\:h-fit {
    height: fit-content;
  }
  /* Object fit */
  .xl\:object-contain {
    object-fit: contain;
  }
  .xl\:object-cover {
    object-fit: cover;
  }
  .xl\:object-fill {
    object-fit: fill;
  }
  .xl\:object-none {
    object-fit: none;
  }
  .xl\:object-scale-down {
    object-fit: scale-down;
  }
  /* Display */
  .xl\:block {
    display: block;
  }
  .xl\:inline-block {
    display: inline-block;
  }
  .xl\:inline {
    display: inline;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:inline-flex {
    display: inline-flex;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:inline-grid {
    display: inline-grid;
  }
  .xl\:flow-root {
    display: flow-root;
  }
  .xl\:contents {
    display: contents;
  }
  .xl\:table {
    display: table;
  }
  .xl\:hidden {
    display: none;
  }
  /* Flex direction */
  .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;
  }
  /* Flex wrap */
  .xl\:flex-wrap {
    flex-wrap: wrap;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  /* Flex shortcuts */
  .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;
  }
  /* Grow / Shrink */
  .xl\:grow {
    flex-grow: 1;
  }
  .xl\:grow-0 {
    flex-grow: 0;
  }
  .xl\:shrink {
    flex-shrink: 1;
  }
  .xl\:shrink-0 {
    flex-shrink: 0;
  }
  /* Justify content */
  .xl\:justify-start {
    justify-content: flex-start;
  }
  .xl\:justify-end {
    justify-content: flex-end;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:justify-around {
    justify-content: space-around;
  }
  .xl\:justify-evenly {
    justify-content: space-evenly;
  }
  .xl\:justify-stretch {
    justify-content: stretch;
  }
  /* Align items */
  .xl\:items-start {
    align-items: flex-start;
  }
  .xl\:items-end {
    align-items: flex-end;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:items-baseline {
    align-items: baseline;
  }
  .xl\:items-stretch {
    align-items: stretch;
  }
  /* Align self */
  .xl\:self-auto {
    align-self: auto;
  }
  .xl\:self-start {
    align-self: flex-start;
  }
  .xl\:self-end {
    align-self: flex-end;
  }
  .xl\:self-center {
    align-self: center;
  }
  .xl\:self-stretch {
    align-self: stretch;
  }
  .xl\:self-baseline {
    align-self: baseline;
  }
  /* Grid columns (1–12) */
  .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;
  }
  /* Column span (1–12 + full) */
  .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;
  }
  /* Position */
  .xl\:static {
    position: static;
  }
  .xl\:relative {
    position: relative;
  }
  .xl\:absolute {
    position: absolute;
  }
  .xl\:fixed {
    position: fixed;
  }
  .xl\:sticky {
    position: sticky;
  }
  /* Inset (top / right / bottom / left) */
  .xl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .xl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .xl\:inset-x-0 {
    left: 0;
    right: 0;
  }
  .xl\:inset-x-auto {
    left: auto;
    right: auto;
  }
  .xl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }
  .xl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }
  .xl\:top-0 {
    top: 0;
  }
  .xl\:top-auto {
    top: auto;
  }
  .xl\:top-full {
    top: 100%;
  }
  .xl\:top-1\/2 {
    top: 50%;
  }
  .xl\:right-0 {
    right: 0;
  }
  .xl\:right-auto {
    right: auto;
  }
  .xl\:right-full {
    right: 100%;
  }
  .xl\:right-1\/2 {
    right: 50%;
  }
  .xl\:bottom-0 {
    bottom: 0;
  }
  .xl\:bottom-auto {
    bottom: auto;
  }
  .xl\:bottom-full {
    bottom: 100%;
  }
  .xl\:bottom-1\/2 {
    bottom: 50%;
  }
  .xl\:left-0 {
    left: 0;
  }
  .xl\:left-auto {
    left: auto;
  }
  .xl\:left-full {
    left: 100%;
  }
  .xl\:left-1\/2 {
    left: 50%;
  }
  /* Z-index */
  .xl\:z-0 {
    z-index: 0;
  }
  .xl\:z-10 {
    z-index: 10;
  }
  .xl\:z-20 {
    z-index: 20;
  }
  .xl\:z-30 {
    z-index: 30;
  }
  .xl\:z-40 {
    z-index: 40;
  }
  .xl\:z-50 {
    z-index: 50;
  }
  .xl\:z-auto {
    z-index: auto;
  }
  /* Overflow */
  .xl\:overflow-auto {
    overflow: auto;
  }
  .xl\:overflow-hidden {
    overflow: hidden;
  }
  .xl\:overflow-visible {
    overflow: visible;
  }
  .xl\:overflow-scroll {
    overflow: scroll;
  }
  .xl\:overflow-x-auto {
    overflow-x: auto;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible;
  }
  .xl\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .xl\:overflow-y-auto {
    overflow-y: auto;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .xl\:float-start {
    float: inline-start;
  }
  .xl\:float-end {
    float: inline-end;
  }
  .xl\:float-right {
    float: right;
  }
  .xl\:float-left {
    float: left;
  }
  .xl\:float-none {
    float: none;
  }
  .xl\:translate-x-0 {
    transform: translateX(0);
  }
  .xl\:translate-y-0 {
    transform: translateY(0);
  }
  .xl\:-translate-x-0 {
    transform: translateX(0);
  }
  .xl\:-translate-y-0 {
    transform: translateY(0);
  }
  .xl\:translate-x-1 {
    transform: translateX(0.25em);
  }
  .xl\:translate-y-1 {
    transform: translateY(0.25em);
  }
  .xl\:-translate-x-1 {
    transform: translateX(-0.25em);
  }
  .xl\:-translate-y-1 {
    transform: translateY(-0.25em);
  }
  .xl\:translate-x-2 {
    transform: translateX(0.5em);
  }
  .xl\:translate-y-2 {
    transform: translateY(0.5em);
  }
  .xl\:-translate-x-2 {
    transform: translateX(-0.5em);
  }
  .xl\:-translate-y-2 {
    transform: translateY(-0.5em);
  }
  .xl\:translate-x-3 {
    transform: translateX(0.75em);
  }
  .xl\:translate-y-3 {
    transform: translateY(0.75em);
  }
  .xl\:-translate-x-3 {
    transform: translateX(-0.75em);
  }
  .xl\:-translate-y-3 {
    transform: translateY(-0.75em);
  }
  .xl\:translate-x-4 {
    transform: translateX(1em);
  }
  .xl\:translate-y-4 {
    transform: translateY(1em);
  }
  .xl\:-translate-x-4 {
    transform: translateX(-1em);
  }
  .xl\:-translate-y-4 {
    transform: translateY(-1em);
  }
  .xl\:translate-x-5 {
    transform: translateX(1.25em);
  }
  .xl\:translate-y-5 {
    transform: translateY(1.25em);
  }
  .xl\:-translate-x-5 {
    transform: translateX(-1.25em);
  }
  .xl\:-translate-y-5 {
    transform: translateY(-1.25em);
  }
  .xl\:translate-x-6 {
    transform: translateX(1.5em);
  }
  .xl\:translate-y-6 {
    transform: translateY(1.5em);
  }
  .xl\:-translate-x-6 {
    transform: translateX(-1.5em);
  }
  .xl\:-translate-y-6 {
    transform: translateY(-1.5em);
  }
  .xl\:translate-x-8 {
    transform: translateX(2em);
  }
  .xl\:translate-y-8 {
    transform: translateY(2em);
  }
  .xl\:-translate-x-8 {
    transform: translateX(-2em);
  }
  .xl\:-translate-y-8 {
    transform: translateY(-2em);
  }
  .xl\:translate-x-10 {
    transform: translateX(2.5em);
  }
  .xl\:translate-y-10 {
    transform: translateY(2.5em);
  }
  .xl\:-translate-x-10 {
    transform: translateX(-2.5em);
  }
  .xl\:-translate-y-10 {
    transform: translateY(-2.5em);
  }
  .xl\:translate-x-12 {
    transform: translateX(3em);
  }
  .xl\:translate-y-12 {
    transform: translateY(3em);
  }
  .xl\:-translate-x-12 {
    transform: translateX(-3em);
  }
  .xl\:-translate-y-12 {
    transform: translateY(-3em);
  }
  .xl\:translate-x-16 {
    transform: translateX(4em);
  }
  .xl\:translate-y-16 {
    transform: translateY(4em);
  }
  .xl\:-translate-x-16 {
    transform: translateX(-4em);
  }
  .xl\:-translate-y-16 {
    transform: translateY(-4em);
  }
  .xl\:translate-x-1\/2 {
    transform: translateX(50%);
  }
  .xl\:translate-y-1\/2 {
    transform: translateY(50%);
  }
  .xl\:-translate-x-1\/2 {
    transform: translateX(-50%);
  }
  .xl\:-translate-y-1\/2 {
    transform: translateY(-50%);
  }
  .xl\:translate-x-full {
    transform: translateX(100%);
  }
  .xl\:translate-y-full {
    transform: translateY(100%);
  }
  .xl\:-translate-x-full {
    transform: translateX(-100%);
  }
  .xl\:-translate-y-full {
    transform: translateY(-100%);
  }
  .xl\:rotate-0 {
    transform: rotate(0deg);
  }
  .xl\:rotate-45 {
    transform: rotate(45deg);
  }
  .xl\:rotate-90 {
    transform: rotate(90deg);
  }
  .xl\:rotate-180 {
    transform: rotate(180deg);
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg);
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg);
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg);
  }
  .xl\:scale-50 {
    transform: scale(0.5);
  }
  .xl\:scale-75 {
    transform: scale(0.75);
  }
  .xl\:scale-90 {
    transform: scale(0.9);
  }
  .xl\:scale-100 {
    transform: scale(1);
  }
  .xl\:scale-110 {
    transform: scale(1.1);
  }
  .xl\:scale-125 {
    transform: scale(1.25);
  }
  .xl\:scale-150 {
    transform: scale(1.5);
  }
  /* Text alignment */
  .xl\:text-left {
    text-align: left;
  }
  .xl\:text-center {
    text-align: center;
  }
  .xl\:text-right {
    text-align: right;
  }
  .xl\:text-justify {
    text-align: justify;
  }
  /* Font size */
  .xl\:text-xs {
    font-size: 0.75em;
    line-height: 1.4;
  }
  .xl\:text-sm {
    font-size: 0.875em;
    line-height: 1.5;
  }
  .xl\:text-base {
    font-size: 1em;
    line-height: 1.6;
  }
  .xl\:text-lg {
    font-size: 1.125em;
    line-height: 1.6;
  }
  .xl\:text-xl {
    font-size: 1.25em;
    line-height: 1.5;
  }
  .xl\:text-2xl {
    font-size: 1.5em;
    line-height: 1.4;
  }
  .xl\:text-3xl {
    font-size: 1.875em;
    line-height: 1.3;
  }
  .xl\:text-4xl {
    font-size: 2.25em;
    line-height: 1.2;
  }
  .xl\:text-5xl {
    font-size: 3em;
    line-height: 1.1;
  }
  .xl\:text-6xl {
    font-size: 3.75em;
    line-height: 1;
  }
  /* Font weight */
  .xl\:font-light {
    font-weight: 300;
  }
  .xl\:font-normal {
    font-weight: 400;
  }
  .xl\:font-medium {
    font-weight: 500;
  }
  .xl\:font-semibold {
    font-weight: 600;
  }
  .xl\:font-bold {
    font-weight: 700;
  }
  /* Leading */
  .xl\:leading-none {
    line-height: 1;
  }
  .xl\:leading-tight {
    line-height: 1.2;
  }
  .xl\:leading-snug {
    line-height: 1.375;
  }
  .xl\:leading-normal {
    line-height: 1.5;
  }
  .xl\:leading-relaxed {
    line-height: 1.625;
  }
  .xl\:leading-loose {
    line-height: 2;
  }
  .xl\:text-white {
    color: #ffffff;
  }
  .xl\:bg-white {
    background-color: #ffffff;
  }
  .xl\:border-white {
    border-color: #ffffff;
  }
  .xl\:text-black {
    color: #000000;
  }
  .xl\:bg-black {
    background-color: #000000;
  }
  .xl\:border-black {
    border-color: #000000;
  }
  .xl\:text-transparent {
    color: transparent;
  }
  .xl\:bg-transparent {
    background-color: transparent;
  }
  .xl\:border-transparent {
    border-color: transparent;
  }
  .xl\:text-gray-50 {
    color: #f9fafb;
  }
  .xl\:bg-gray-50 {
    background-color: #f9fafb;
  }
  .xl\:border-gray-50 {
    border-color: #f9fafb;
  }
  .xl\:text-gray-100 {
    color: #f3f4f6;
  }
  .xl\:bg-gray-100 {
    background-color: #f3f4f6;
  }
  .xl\:border-gray-100 {
    border-color: #f3f4f6;
  }
  .xl\:text-gray-200 {
    color: #e5e7eb;
  }
  .xl\:bg-gray-200 {
    background-color: #e5e7eb;
  }
  .xl\:border-gray-200 {
    border-color: #e5e7eb;
  }
  .xl\:text-gray-300 {
    color: #d1d5db;
  }
  .xl\:bg-gray-300 {
    background-color: #d1d5db;
  }
  .xl\:border-gray-300 {
    border-color: #d1d5db;
  }
  .xl\:text-gray-400 {
    color: #9ca3af;
  }
  .xl\:bg-gray-400 {
    background-color: #9ca3af;
  }
  .xl\:border-gray-400 {
    border-color: #9ca3af;
  }
  .xl\:text-gray-500 {
    color: #6b7280;
  }
  .xl\:bg-gray-500 {
    background-color: #6b7280;
  }
  .xl\:border-gray-500 {
    border-color: #6b7280;
  }
  .xl\:text-gray-600 {
    color: #4b5563;
  }
  .xl\:bg-gray-600 {
    background-color: #4b5563;
  }
  .xl\:border-gray-600 {
    border-color: #4b5563;
  }
  .xl\:text-gray-700 {
    color: #374151;
  }
  .xl\:bg-gray-700 {
    background-color: #374151;
  }
  .xl\:border-gray-700 {
    border-color: #374151;
  }
  .xl\:text-gray-800 {
    color: #1f2937;
  }
  .xl\:bg-gray-800 {
    background-color: #1f2937;
  }
  .xl\:border-gray-800 {
    border-color: #1f2937;
  }
  .xl\:text-gray-900 {
    color: #111827;
  }
  .xl\:bg-gray-900 {
    background-color: #111827;
  }
  .xl\:border-gray-900 {
    border-color: #111827;
  }
  .xl\:text-red-50 {
    color: #fef2f2;
  }
  .xl\:bg-red-50 {
    background-color: #fef2f2;
  }
  .xl\:border-red-50 {
    border-color: #fef2f2;
  }
  .xl\:text-red-100 {
    color: #fee2e2;
  }
  .xl\:bg-red-100 {
    background-color: #fee2e2;
  }
  .xl\:border-red-100 {
    border-color: #fee2e2;
  }
  .xl\:text-red-500 {
    color: #ef4444;
  }
  .xl\:bg-red-500 {
    background-color: #ef4444;
  }
  .xl\:border-red-500 {
    border-color: #ef4444;
  }
  .xl\:text-red-600 {
    color: #dc2626;
  }
  .xl\:bg-red-600 {
    background-color: #dc2626;
  }
  .xl\:border-red-600 {
    border-color: #dc2626;
  }
  .xl\:text-red-700 {
    color: #b91c1c;
  }
  .xl\:bg-red-700 {
    background-color: #b91c1c;
  }
  .xl\:border-red-700 {
    border-color: #b91c1c;
  }
  .xl\:text-green-50 {
    color: #f0fdf4;
  }
  .xl\:bg-green-50 {
    background-color: #f0fdf4;
  }
  .xl\:border-green-50 {
    border-color: #f0fdf4;
  }
  .xl\:text-green-100 {
    color: #dcfce7;
  }
  .xl\:bg-green-100 {
    background-color: #dcfce7;
  }
  .xl\:border-green-100 {
    border-color: #dcfce7;
  }
  .xl\:text-green-500 {
    color: #22c55e;
  }
  .xl\:bg-green-500 {
    background-color: #22c55e;
  }
  .xl\:border-green-500 {
    border-color: #22c55e;
  }
  .xl\:text-green-600 {
    color: #16a34a;
  }
  .xl\:bg-green-600 {
    background-color: #16a34a;
  }
  .xl\:border-green-600 {
    border-color: #16a34a;
  }
  .xl\:text-green-700 {
    color: #15803d;
  }
  .xl\:bg-green-700 {
    background-color: #15803d;
  }
  .xl\:border-green-700 {
    border-color: #15803d;
  }
  .xl\:text-blue-50 {
    color: #eff6ff;
  }
  .xl\:bg-blue-50 {
    background-color: #eff6ff;
  }
  .xl\:border-blue-50 {
    border-color: #eff6ff;
  }
  .xl\:text-blue-100 {
    color: #dbeafe;
  }
  .xl\:bg-blue-100 {
    background-color: #dbeafe;
  }
  .xl\:border-blue-100 {
    border-color: #dbeafe;
  }
  .xl\:text-blue-500 {
    color: #3b82f6;
  }
  .xl\:bg-blue-500 {
    background-color: #3b82f6;
  }
  .xl\:border-blue-500 {
    border-color: #3b82f6;
  }
  .xl\:text-blue-600 {
    color: #2563eb;
  }
  .xl\:bg-blue-600 {
    background-color: #2563eb;
  }
  .xl\:border-blue-600 {
    border-color: #2563eb;
  }
  .xl\:text-blue-700 {
    color: #1d4ed8;
  }
  .xl\:bg-blue-700 {
    background-color: #1d4ed8;
  }
  .xl\:border-blue-700 {
    border-color: #1d4ed8;
  }
  .xl\:text-yellow-50 {
    color: #fefce8;
  }
  .xl\:bg-yellow-50 {
    background-color: #fefce8;
  }
  .xl\:border-yellow-50 {
    border-color: #fefce8;
  }
  .xl\:text-yellow-100 {
    color: #fef9c3;
  }
  .xl\:bg-yellow-100 {
    background-color: #fef9c3;
  }
  .xl\:border-yellow-100 {
    border-color: #fef9c3;
  }
  .xl\:text-yellow-500 {
    color: #eab308;
  }
  .xl\:bg-yellow-500 {
    background-color: #eab308;
  }
  .xl\:border-yellow-500 {
    border-color: #eab308;
  }
  .xl\:text-yellow-600 {
    color: #ca8a04;
  }
  .xl\:bg-yellow-600 {
    background-color: #ca8a04;
  }
  .xl\:border-yellow-600 {
    border-color: #ca8a04;
  }
  .xl\:text-yellow-700 {
    color: #a16207;
  }
  .xl\:bg-yellow-700 {
    background-color: #a16207;
  }
  .xl\:border-yellow-700 {
    border-color: #a16207;
  }
  .xl\:text-brand {
    color: #5C7A1F;
  }
  .xl\:bg-brand {
    background-color: #5C7A1F;
  }
  .xl\:border-brand {
    border-color: #5C7A1F;
  }
  .xl\:text-brand-dark {
    color: #4A6318;
  }
  .xl\:bg-brand-dark {
    background-color: #4A6318;
  }
  .xl\:border-brand-dark {
    border-color: #4A6318;
  }
  .xl\:rounded-none {
    border-radius: 0;
  }
  .xl\:rounded-sm {
    border-radius: 0.125em;
  }
  .xl\:rounded {
    border-radius: 0.25em;
  }
  .xl\:rounded-md {
    border-radius: 0.375em;
  }
  .xl\:rounded-lg {
    border-radius: 0.5em;
  }
  .xl\:rounded-xl {
    border-radius: 0.75em;
  }
  .xl\:rounded-2xl {
    border-radius: 1em;
  }
  .xl\:rounded-3xl {
    border-radius: 1.5em;
  }
  .xl\:rounded-full {
    border-radius: 9999px;
  }
  /* Side-specific */
  .xl\:rounded-t-lg {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
  .xl\:rounded-t-xl {
    border-top-left-radius: 0.75em;
    border-top-right-radius: 0.75em;
  }
  .xl\:rounded-t-2xl {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
  }
  .xl\:rounded-b-lg {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  .xl\:rounded-b-xl {
    border-bottom-left-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
  }
  .xl\:rounded-b-2xl {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
  }
  .xl\:rounded-l-lg {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
  }
  .xl\:rounded-l-xl {
    border-top-left-radius: 0.75em;
    border-bottom-left-radius: 0.75em;
  }
  .xl\:rounded-l-2xl {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
  }
  .xl\:rounded-l-3xl {
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
  }
  .xl\:rounded-r-lg {
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  .xl\:rounded-r-xl {
    border-top-right-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
  }
  .xl\:rounded-r-2xl {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
  }
  .xl\:rounded-r-3xl {
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
  }
  .xl\:max-w-2xs {
    max-width: 16em;
  }
  .xl\:max-w-xs {
    max-width: 20em;
  }
  .xl\:max-w-sm {
    max-width: 24em;
  }
  .xl\:max-w-md {
    max-width: 28em;
  }
  .xl\:max-w-lg {
    max-width: 32em;
  }
  .xl\:max-w-xl {
    max-width: 36em;
  }
  .xl\:max-w-2xl {
    max-width: 42em;
  }
  .xl\:max-w-3xl {
    max-width: 48em;
  }
  .xl\:max-w-4xl {
    max-width: 56em;
  }
  .xl\:max-w-5xl {
    max-width: 64em;
  }
  .xl\:max-w-6xl {
    max-width: 72em;
  }
  .xl\:max-w-7xl {
    max-width: 80em;
  }
  .xl\:max-w-full {
    max-width: 100%;
  }
  .xl\:max-w-none {
    max-width: none;
  }
  .xl\:max-w-\[40px\] {
    max-width: 40px;
  }
  .xl\:w-\[40px\] {
    width: 40px;
  }
  .xl\:h-\[40px\] {
    height: 40px;
  }
  .xl\:min-w-\[40px\] {
    min-width: 40px;
  }
  .xl\:min-h-\[40px\] {
    min-height: 40px;
  }
  .xl\:max-h-\[40px\] {
    max-height: 40px;
  }
  .xl\:max-w-\[60px\] {
    max-width: 60px;
  }
  .xl\:w-\[60px\] {
    width: 60px;
  }
  .xl\:h-\[60px\] {
    height: 60px;
  }
  .xl\:min-w-\[60px\] {
    min-width: 60px;
  }
  .xl\:min-h-\[60px\] {
    min-height: 60px;
  }
  .xl\:max-h-\[60px\] {
    max-height: 60px;
  }
  .xl\:max-w-\[80px\] {
    max-width: 80px;
  }
  .xl\:w-\[80px\] {
    width: 80px;
  }
  .xl\:h-\[80px\] {
    height: 80px;
  }
  .xl\:min-w-\[80px\] {
    min-width: 80px;
  }
  .xl\:min-h-\[80px\] {
    min-height: 80px;
  }
  .xl\:max-h-\[80px\] {
    max-height: 80px;
  }
  .xl\:max-w-\[100px\] {
    max-width: 100px;
  }
  .xl\:w-\[100px\] {
    width: 100px;
  }
  .xl\:h-\[100px\] {
    height: 100px;
  }
  .xl\:min-w-\[100px\] {
    min-width: 100px;
  }
  .xl\:min-h-\[100px\] {
    min-height: 100px;
  }
  .xl\:max-h-\[100px\] {
    max-height: 100px;
  }
  .xl\:max-w-\[120px\] {
    max-width: 120px;
  }
  .xl\:w-\[120px\] {
    width: 120px;
  }
  .xl\:h-\[120px\] {
    height: 120px;
  }
  .xl\:min-w-\[120px\] {
    min-width: 120px;
  }
  .xl\:min-h-\[120px\] {
    min-height: 120px;
  }
  .xl\:max-h-\[120px\] {
    max-height: 120px;
  }
  .xl\:max-w-\[140px\] {
    max-width: 140px;
  }
  .xl\:w-\[140px\] {
    width: 140px;
  }
  .xl\:h-\[140px\] {
    height: 140px;
  }
  .xl\:min-w-\[140px\] {
    min-width: 140px;
  }
  .xl\:min-h-\[140px\] {
    min-height: 140px;
  }
  .xl\:max-h-\[140px\] {
    max-height: 140px;
  }
  .xl\:max-w-\[150px\] {
    max-width: 150px;
  }
  .xl\:w-\[150px\] {
    width: 150px;
  }
  .xl\:h-\[150px\] {
    height: 150px;
  }
  .xl\:min-w-\[150px\] {
    min-width: 150px;
  }
  .xl\:min-h-\[150px\] {
    min-height: 150px;
  }
  .xl\:max-h-\[150px\] {
    max-height: 150px;
  }
  .xl\:max-w-\[160px\] {
    max-width: 160px;
  }
  .xl\:w-\[160px\] {
    width: 160px;
  }
  .xl\:h-\[160px\] {
    height: 160px;
  }
  .xl\:min-w-\[160px\] {
    min-width: 160px;
  }
  .xl\:min-h-\[160px\] {
    min-height: 160px;
  }
  .xl\:max-h-\[160px\] {
    max-height: 160px;
  }
  .xl\:max-w-\[180px\] {
    max-width: 180px;
  }
  .xl\:w-\[180px\] {
    width: 180px;
  }
  .xl\:h-\[180px\] {
    height: 180px;
  }
  .xl\:min-w-\[180px\] {
    min-width: 180px;
  }
  .xl\:min-h-\[180px\] {
    min-height: 180px;
  }
  .xl\:max-h-\[180px\] {
    max-height: 180px;
  }
  .xl\:max-w-\[200px\] {
    max-width: 200px;
  }
  .xl\:w-\[200px\] {
    width: 200px;
  }
  .xl\:h-\[200px\] {
    height: 200px;
  }
  .xl\:min-w-\[200px\] {
    min-width: 200px;
  }
  .xl\:min-h-\[200px\] {
    min-height: 200px;
  }
  .xl\:max-h-\[200px\] {
    max-height: 200px;
  }
  .xl\:max-w-\[240px\] {
    max-width: 240px;
  }
  .xl\:w-\[240px\] {
    width: 240px;
  }
  .xl\:h-\[240px\] {
    height: 240px;
  }
  .xl\:min-w-\[240px\] {
    min-width: 240px;
  }
  .xl\:min-h-\[240px\] {
    min-height: 240px;
  }
  .xl\:max-h-\[240px\] {
    max-height: 240px;
  }
  .xl\:max-w-\[280px\] {
    max-width: 280px;
  }
  .xl\:w-\[280px\] {
    width: 280px;
  }
  .xl\:h-\[280px\] {
    height: 280px;
  }
  .xl\:min-w-\[280px\] {
    min-width: 280px;
  }
  .xl\:min-h-\[280px\] {
    min-height: 280px;
  }
  .xl\:max-h-\[280px\] {
    max-height: 280px;
  }
  .xl\:max-w-\[320px\] {
    max-width: 320px;
  }
  .xl\:w-\[320px\] {
    width: 320px;
  }
  .xl\:h-\[320px\] {
    height: 320px;
  }
  .xl\:min-w-\[320px\] {
    min-width: 320px;
  }
  .xl\:min-h-\[320px\] {
    min-height: 320px;
  }
  .xl\:max-h-\[320px\] {
    max-height: 320px;
  }
  .xl\:max-w-\[360px\] {
    max-width: 360px;
  }
  .xl\:w-\[360px\] {
    width: 360px;
  }
  .xl\:h-\[360px\] {
    height: 360px;
  }
  .xl\:min-w-\[360px\] {
    min-width: 360px;
  }
  .xl\:min-h-\[360px\] {
    min-height: 360px;
  }
  .xl\:max-h-\[360px\] {
    max-height: 360px;
  }
  .xl\:max-w-\[400px\] {
    max-width: 400px;
  }
  .xl\:w-\[400px\] {
    width: 400px;
  }
  .xl\:h-\[400px\] {
    height: 400px;
  }
  .xl\:min-w-\[400px\] {
    min-width: 400px;
  }
  .xl\:min-h-\[400px\] {
    min-height: 400px;
  }
  .xl\:max-h-\[400px\] {
    max-height: 400px;
  }
  .xl\:max-w-\[480px\] {
    max-width: 480px;
  }
  .xl\:w-\[480px\] {
    width: 480px;
  }
  .xl\:h-\[480px\] {
    height: 480px;
  }
  .xl\:min-w-\[480px\] {
    min-width: 480px;
  }
  .xl\:min-h-\[480px\] {
    min-height: 480px;
  }
  .xl\:max-h-\[480px\] {
    max-height: 480px;
  }
  .xl\:max-w-\[520px\] {
    max-width: 520px;
  }
  .xl\:w-\[520px\] {
    width: 520px;
  }
  .xl\:h-\[520px\] {
    height: 520px;
  }
  .xl\:min-w-\[520px\] {
    min-width: 520px;
  }
  .xl\:min-h-\[520px\] {
    min-height: 520px;
  }
  .xl\:max-h-\[520px\] {
    max-height: 520px;
  }
  .xl\:max-w-\[600px\] {
    max-width: 600px;
  }
  .xl\:w-\[600px\] {
    width: 600px;
  }
  .xl\:h-\[600px\] {
    height: 600px;
  }
  .xl\:min-w-\[600px\] {
    min-width: 600px;
  }
  .xl\:min-h-\[600px\] {
    min-height: 600px;
  }
  .xl\:max-h-\[600px\] {
    max-height: 600px;
  }
  .xl\:max-w-\[720px\] {
    max-width: 720px;
  }
  .xl\:w-\[720px\] {
    width: 720px;
  }
  .xl\:h-\[720px\] {
    height: 720px;
  }
  .xl\:min-w-\[720px\] {
    min-width: 720px;
  }
  .xl\:min-h-\[720px\] {
    min-height: 720px;
  }
  .xl\:max-h-\[720px\] {
    max-height: 720px;
  }
  .xl\:max-w-\[800px\] {
    max-width: 800px;
  }
  .xl\:w-\[800px\] {
    width: 800px;
  }
  .xl\:h-\[800px\] {
    height: 800px;
  }
  .xl\:min-w-\[800px\] {
    min-width: 800px;
  }
  .xl\:min-h-\[800px\] {
    min-height: 800px;
  }
  .xl\:max-h-\[800px\] {
    max-height: 800px;
  }
  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:ml-auto {
    margin-left: auto;
  }
  .xl\:mr-auto {
    margin-right: auto;
  }
}