/* ============================================================================
   grid.css — responsive layout engine (container / row+column / CSS grid /
   gap / alignment). GENERATED FILE — mirrors the Tailwind v4 layout layer.
   Usage reads like Tailwind: class="grid grid-cols-1 md:grid-cols-3 gap-6".
   Mobile-first: unprefixed = all widths; sm/md/lg/xl/2xl = min-width up.
   Breakpoints: sm 640 · md 768 · lg 1024 · xl 1280 · 2xl 1536 (see DESIGN.md §Grid).
   ========================================================================== */

/* --- Container helpers (.container lives in layout.css) --- */
.container-fluid { width: 100%; margin-inline: auto; padding-inline: var(--gutter); }
.container-wide  { width: 100%; max-width: var(--container-wide); margin-inline: auto; padding-inline: var(--gutter); }

/* ===================== Base (all widths) ===================== */
.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; }
.table { display: table; }
.contents { display: contents; }
.hidden { display: none; }
.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; }
.grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.grid-rows-none { grid-template-rows: none; }
.grid-flow-row { grid-auto-flow: row; }
.grid-flow-col { grid-auto-flow: column; }
.grid-flow-dense { grid-auto-flow: dense; }
.grid-flow-row-dense { grid-auto-flow: row dense; }
.grid-flow-col-dense { grid-auto-flow: column dense; }
.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; }
.col-auto { grid-column: auto; }
.col-start-1 { grid-column-start: 1; }
.col-start-2 { grid-column-start: 2; }
.col-start-3 { grid-column-start: 3; }
.col-start-4 { grid-column-start: 4; }
.col-start-5 { grid-column-start: 5; }
.col-start-6 { grid-column-start: 6; }
.col-start-7 { grid-column-start: 7; }
.col-start-8 { grid-column-start: 8; }
.col-start-9 { grid-column-start: 9; }
.col-start-10 { grid-column-start: 10; }
.col-start-11 { grid-column-start: 11; }
.col-start-12 { grid-column-start: 12; }
.col-start-13 { grid-column-start: 13; }
.col-start-auto { grid-column-start: auto; }
.col-end-1 { grid-column-end: 1; }
.col-end-2 { grid-column-end: 2; }
.col-end-3 { grid-column-end: 3; }
.col-end-4 { grid-column-end: 4; }
.col-end-5 { grid-column-end: 5; }
.col-end-6 { grid-column-end: 6; }
.col-end-7 { grid-column-end: 7; }
.col-end-8 { grid-column-end: 8; }
.col-end-9 { grid-column-end: 9; }
.col-end-10 { grid-column-end: 10; }
.col-end-11 { grid-column-end: 11; }
.col-end-12 { grid-column-end: 12; }
.col-end-13 { grid-column-end: 13; }
.col-end-auto { grid-column-end: auto; }
.row-span-1 { grid-row: span 1 / span 1; }
.row-span-2 { grid-row: span 2 / span 2; }
.row-span-3 { grid-row: span 3 / span 3; }
.row-span-4 { grid-row: span 4 / span 4; }
.row-span-5 { grid-row: span 5 / span 5; }
.row-span-6 { grid-row: span 6 / span 6; }
.row-span-full { grid-row: 1 / -1; }
.row-start-1 { grid-row-start: 1; }
.row-start-2 { grid-row-start: 2; }
.row-start-3 { grid-row-start: 3; }
.row-start-4 { grid-row-start: 4; }
.row-start-5 { grid-row-start: 5; }
.row-start-6 { grid-row-start: 6; }
.row-start-7 { grid-row-start: 7; }
.row-end-1 { grid-row-end: 1; }
.row-end-2 { grid-row-end: 2; }
.row-end-3 { grid-row-end: 3; }
.row-end-4 { grid-row-end: 4; }
.row-end-5 { grid-row-end: 5; }
.row-end-6 { grid-row-end: 6; }
.row-end-7 { grid-row-end: 7; }
.gap-0 { gap: 0; }
.gap-x-0 { column-gap: 0; }
.gap-y-0 { row-gap: 0; }
.gap-px { gap: 1px; }
.gap-x-px { column-gap: 1px; }
.gap-y-px { row-gap: 1px; }
.gap-1 { gap: var(--space-1); }
.gap-x-1 { column-gap: var(--space-1); }
.gap-y-1 { row-gap: var(--space-1); }
.gap-2 { gap: var(--space-2); }
.gap-x-2 { column-gap: var(--space-2); }
.gap-y-2 { row-gap: var(--space-2); }
.gap-3 { gap: var(--space-3); }
.gap-x-3 { column-gap: var(--space-3); }
.gap-y-3 { row-gap: var(--space-3); }
.gap-4 { gap: var(--space-4); }
.gap-x-4 { column-gap: var(--space-4); }
.gap-y-4 { row-gap: var(--space-4); }
.gap-5 { gap: var(--space-5); }
.gap-x-5 { column-gap: var(--space-5); }
.gap-y-5 { row-gap: var(--space-5); }
.gap-6 { gap: var(--space-6); }
.gap-x-6 { column-gap: var(--space-6); }
.gap-y-6 { row-gap: var(--space-6); }
.gap-8 { gap: var(--space-8); }
.gap-x-8 { column-gap: var(--space-8); }
.gap-y-8 { row-gap: var(--space-8); }
.gap-10 { gap: var(--space-10); }
.gap-x-10 { column-gap: var(--space-10); }
.gap-y-10 { row-gap: var(--space-10); }
.gap-12 { gap: var(--space-12); }
.gap-x-12 { column-gap: var(--space-12); }
.gap-y-12 { row-gap: var(--space-12); }
.gap-16 { gap: var(--space-16); }
.gap-x-16 { column-gap: var(--space-16); }
.gap-y-16 { row-gap: var(--space-16); }
.gap-20 { gap: var(--space-20); }
.gap-x-20 { column-gap: var(--space-20); }
.gap-y-20 { row-gap: var(--space-20); }
.gap-24 { gap: var(--space-24); }
.gap-x-24 { column-gap: var(--space-24); }
.gap-y-24 { row-gap: var(--space-24); }
.gap-32 { gap: var(--space-32); }
.gap-x-32 { column-gap: var(--space-32); }
.gap-y-32 { row-gap: var(--space-32); }
.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: wrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: none; }
.grow { flex-grow: 1; }
.grow-0 { flex-grow: 0; }
.shrink { flex-shrink: 1; }
.shrink-0 { flex-shrink: 0; }
.order-first { order: -9999; }
.order-last { order: 9999; }
.order-none { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.row { display: flex; flex-wrap: wrap; }
.col { flex: 1 1 0%; max-width: 100%; }
.col-fill { flex: 1 1 auto; }
.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.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; }
.justify-normal { justify-content: normal; }
.justify-items-start { justify-items: start; }
.justify-items-end { justify-items: end; }
.justify-items-center { justify-items: center; }
.justify-items-stretch { justify-items: stretch; }
.justify-self-auto { justify-self: auto; }
.justify-self-start { justify-self: start; }
.justify-self-end { justify-self: end; }
.justify-self-center { justify-self: center; }
.justify-self-stretch { justify-self: stretch; }
.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; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-center { align-content: center; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }
.content-stretch { align-content: stretch; }
.content-normal { align-content: normal; }
.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; }
.place-content-start { place-content: start; }
.place-content-end { place-content: end; }
.place-content-center { place-content: center; }
.place-content-stretch { place-content: stretch; }
.place-content-between { place-content: space-between; }
.place-content-around { place-content: space-around; }
.place-content-evenly { place-content: space-evenly; }
.place-items-start { place-items: start; }
.place-items-end { place-items: end; }
.place-items-center { place-items: center; }
.place-items-stretch { place-items: stretch; }
.place-self-auto { place-self: auto; }
.place-self-start { place-self: start; }
.place-self-end { place-self: end; }
.place-self-center { place-self: center; }
.place-self-stretch { place-self: stretch; }

/* ===================== sm (min-width: 640px) ===================== */
@media (min-width: 640px) {
  .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\:table { display: table; }
  .sm\:contents { display: contents; }
  .sm\:hidden { display: none; }
  .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .sm\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .sm\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .sm\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .sm\:grid-cols-none { grid-template-columns: none; }
  .sm\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm\:grid-rows-none { grid-template-rows: none; }
  .sm\:grid-flow-row { grid-auto-flow: row; }
  .sm\:grid-flow-col { grid-auto-flow: column; }
  .sm\:grid-flow-dense { grid-auto-flow: dense; }
  .sm\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .sm\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .sm\:col-span-1 { grid-column: span 1 / span 1; }
  .sm\:col-span-2 { grid-column: span 2 / span 2; }
  .sm\:col-span-3 { grid-column: span 3 / span 3; }
  .sm\:col-span-4 { grid-column: span 4 / span 4; }
  .sm\:col-span-5 { grid-column: span 5 / span 5; }
  .sm\:col-span-6 { grid-column: span 6 / span 6; }
  .sm\:col-span-7 { grid-column: span 7 / span 7; }
  .sm\:col-span-8 { grid-column: span 8 / span 8; }
  .sm\:col-span-9 { grid-column: span 9 / span 9; }
  .sm\:col-span-10 { grid-column: span 10 / span 10; }
  .sm\:col-span-11 { grid-column: span 11 / span 11; }
  .sm\:col-span-12 { grid-column: span 12 / span 12; }
  .sm\:col-span-full { grid-column: 1 / -1; }
  .sm\:col-auto { grid-column: auto; }
  .sm\:col-start-1 { grid-column-start: 1; }
  .sm\:col-start-2 { grid-column-start: 2; }
  .sm\:col-start-3 { grid-column-start: 3; }
  .sm\:col-start-4 { grid-column-start: 4; }
  .sm\:col-start-5 { grid-column-start: 5; }
  .sm\:col-start-6 { grid-column-start: 6; }
  .sm\:col-start-7 { grid-column-start: 7; }
  .sm\:col-start-8 { grid-column-start: 8; }
  .sm\:col-start-9 { grid-column-start: 9; }
  .sm\:col-start-10 { grid-column-start: 10; }
  .sm\:col-start-11 { grid-column-start: 11; }
  .sm\:col-start-12 { grid-column-start: 12; }
  .sm\:col-start-13 { grid-column-start: 13; }
  .sm\:col-start-auto { grid-column-start: auto; }
  .sm\:col-end-1 { grid-column-end: 1; }
  .sm\:col-end-2 { grid-column-end: 2; }
  .sm\:col-end-3 { grid-column-end: 3; }
  .sm\:col-end-4 { grid-column-end: 4; }
  .sm\:col-end-5 { grid-column-end: 5; }
  .sm\:col-end-6 { grid-column-end: 6; }
  .sm\:col-end-7 { grid-column-end: 7; }
  .sm\:col-end-8 { grid-column-end: 8; }
  .sm\:col-end-9 { grid-column-end: 9; }
  .sm\:col-end-10 { grid-column-end: 10; }
  .sm\:col-end-11 { grid-column-end: 11; }
  .sm\:col-end-12 { grid-column-end: 12; }
  .sm\:col-end-13 { grid-column-end: 13; }
  .sm\:col-end-auto { grid-column-end: auto; }
  .sm\:row-span-1 { grid-row: span 1 / span 1; }
  .sm\:row-span-2 { grid-row: span 2 / span 2; }
  .sm\:row-span-3 { grid-row: span 3 / span 3; }
  .sm\:row-span-4 { grid-row: span 4 / span 4; }
  .sm\:row-span-5 { grid-row: span 5 / span 5; }
  .sm\:row-span-6 { grid-row: span 6 / span 6; }
  .sm\:row-span-full { grid-row: 1 / -1; }
  .sm\:row-start-1 { grid-row-start: 1; }
  .sm\:row-start-2 { grid-row-start: 2; }
  .sm\:row-start-3 { grid-row-start: 3; }
  .sm\:row-start-4 { grid-row-start: 4; }
  .sm\:row-start-5 { grid-row-start: 5; }
  .sm\:row-start-6 { grid-row-start: 6; }
  .sm\:row-start-7 { grid-row-start: 7; }
  .sm\:row-end-1 { grid-row-end: 1; }
  .sm\:row-end-2 { grid-row-end: 2; }
  .sm\:row-end-3 { grid-row-end: 3; }
  .sm\:row-end-4 { grid-row-end: 4; }
  .sm\:row-end-5 { grid-row-end: 5; }
  .sm\:row-end-6 { grid-row-end: 6; }
  .sm\:row-end-7 { grid-row-end: 7; }
  .sm\:gap-0 { gap: 0; }
  .sm\:gap-x-0 { column-gap: 0; }
  .sm\:gap-y-0 { row-gap: 0; }
  .sm\:gap-px { gap: 1px; }
  .sm\:gap-x-px { column-gap: 1px; }
  .sm\:gap-y-px { row-gap: 1px; }
  .sm\:gap-1 { gap: var(--space-1); }
  .sm\:gap-x-1 { column-gap: var(--space-1); }
  .sm\:gap-y-1 { row-gap: var(--space-1); }
  .sm\:gap-2 { gap: var(--space-2); }
  .sm\:gap-x-2 { column-gap: var(--space-2); }
  .sm\:gap-y-2 { row-gap: var(--space-2); }
  .sm\:gap-3 { gap: var(--space-3); }
  .sm\:gap-x-3 { column-gap: var(--space-3); }
  .sm\:gap-y-3 { row-gap: var(--space-3); }
  .sm\:gap-4 { gap: var(--space-4); }
  .sm\:gap-x-4 { column-gap: var(--space-4); }
  .sm\:gap-y-4 { row-gap: var(--space-4); }
  .sm\:gap-5 { gap: var(--space-5); }
  .sm\:gap-x-5 { column-gap: var(--space-5); }
  .sm\:gap-y-5 { row-gap: var(--space-5); }
  .sm\:gap-6 { gap: var(--space-6); }
  .sm\:gap-x-6 { column-gap: var(--space-6); }
  .sm\:gap-y-6 { row-gap: var(--space-6); }
  .sm\:gap-8 { gap: var(--space-8); }
  .sm\:gap-x-8 { column-gap: var(--space-8); }
  .sm\:gap-y-8 { row-gap: var(--space-8); }
  .sm\:gap-10 { gap: var(--space-10); }
  .sm\:gap-x-10 { column-gap: var(--space-10); }
  .sm\:gap-y-10 { row-gap: var(--space-10); }
  .sm\:gap-12 { gap: var(--space-12); }
  .sm\:gap-x-12 { column-gap: var(--space-12); }
  .sm\:gap-y-12 { row-gap: var(--space-12); }
  .sm\:gap-16 { gap: var(--space-16); }
  .sm\:gap-x-16 { column-gap: var(--space-16); }
  .sm\:gap-y-16 { row-gap: var(--space-16); }
  .sm\:gap-20 { gap: var(--space-20); }
  .sm\:gap-x-20 { column-gap: var(--space-20); }
  .sm\:gap-y-20 { row-gap: var(--space-20); }
  .sm\:gap-24 { gap: var(--space-24); }
  .sm\:gap-x-24 { column-gap: var(--space-24); }
  .sm\:gap-y-24 { row-gap: var(--space-24); }
  .sm\:gap-32 { gap: var(--space-32); }
  .sm\:gap-x-32 { column-gap: var(--space-32); }
  .sm\:gap-y-32 { row-gap: var(--space-32); }
  .sm\:flex-row { flex-direction: row; }
  .sm\:flex-row-reverse { flex-direction: row-reverse; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:flex-col-reverse { flex-direction: column-reverse; }
  .sm\:flex-wrap { flex-wrap: wrap; }
  .sm\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .sm\:flex-nowrap { flex-wrap: nowrap; }
  .sm\:flex-1 { flex: 1 1 0%; }
  .sm\:flex-auto { flex: 1 1 auto; }
  .sm\:flex-initial { flex: 0 1 auto; }
  .sm\:flex-none { flex: none; }
  .sm\:grow { flex-grow: 1; }
  .sm\:grow-0 { flex-grow: 0; }
  .sm\:shrink { flex-shrink: 1; }
  .sm\:shrink-0 { flex-shrink: 0; }
  .sm\:order-first { order: -9999; }
  .sm\:order-last { order: 9999; }
  .sm\:order-none { order: 0; }
  .sm\:order-1 { order: 1; }
  .sm\:order-2 { order: 2; }
  .sm\:order-3 { order: 3; }
  .sm\:order-4 { order: 4; }
  .sm\:order-5 { order: 5; }
  .sm\:order-6 { order: 6; }
  .sm\:order-7 { order: 7; }
  .sm\:order-8 { order: 8; }
  .sm\:order-9 { order: 9; }
  .sm\:order-10 { order: 10; }
  .sm\:order-11 { order: 11; }
  .sm\:order-12 { order: 12; }
  .sm\:row { display: flex; flex-wrap: wrap; }
  .sm\:col { flex: 1 1 0%; max-width: 100%; }
  .sm\:col-fill { flex: 1 1 auto; }
  .sm\:col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .sm\:col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .sm\:col-3 { flex: 0 0 25%; max-width: 25%; }
  .sm\:col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .sm\:col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .sm\:col-6 { flex: 0 0 50%; max-width: 50%; }
  .sm\:col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .sm\:col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .sm\:col-9 { flex: 0 0 75%; max-width: 75%; }
  .sm\:col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .sm\:col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .sm\:col-12 { flex: 0 0 100%; max-width: 100%; }
  .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; }
  .sm\:justify-normal { justify-content: normal; }
  .sm\:justify-items-start { justify-items: start; }
  .sm\:justify-items-end { justify-items: end; }
  .sm\:justify-items-center { justify-items: center; }
  .sm\:justify-items-stretch { justify-items: stretch; }
  .sm\:justify-self-auto { justify-self: auto; }
  .sm\:justify-self-start { justify-self: start; }
  .sm\:justify-self-end { justify-self: end; }
  .sm\:justify-self-center { justify-self: center; }
  .sm\:justify-self-stretch { justify-self: stretch; }
  .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; }
  .sm\:content-start { align-content: flex-start; }
  .sm\:content-end { align-content: flex-end; }
  .sm\:content-center { align-content: center; }
  .sm\:content-between { align-content: space-between; }
  .sm\:content-around { align-content: space-around; }
  .sm\:content-evenly { align-content: space-evenly; }
  .sm\:content-stretch { align-content: stretch; }
  .sm\:content-normal { align-content: normal; }
  .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; }
  .sm\:place-content-start { place-content: start; }
  .sm\:place-content-end { place-content: end; }
  .sm\:place-content-center { place-content: center; }
  .sm\:place-content-stretch { place-content: stretch; }
  .sm\:place-content-between { place-content: space-between; }
  .sm\:place-content-around { place-content: space-around; }
  .sm\:place-content-evenly { place-content: space-evenly; }
  .sm\:place-items-start { place-items: start; }
  .sm\:place-items-end { place-items: end; }
  .sm\:place-items-center { place-items: center; }
  .sm\:place-items-stretch { place-items: stretch; }
  .sm\:place-self-auto { place-self: auto; }
  .sm\:place-self-start { place-self: start; }
  .sm\:place-self-end { place-self: end; }
  .sm\:place-self-center { place-self: center; }
  .sm\:place-self-stretch { place-self: stretch; }
}

/* ===================== md (min-width: 768px) ===================== */
@media (min-width: 768px) {
  .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\:table { display: table; }
  .md\:contents { display: contents; }
  .md\:hidden { display: none; }
  .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .md\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .md\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .md\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .md\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .md\:grid-cols-none { grid-template-columns: none; }
  .md\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md\:grid-rows-none { grid-template-rows: none; }
  .md\:grid-flow-row { grid-auto-flow: row; }
  .md\:grid-flow-col { grid-auto-flow: column; }
  .md\:grid-flow-dense { grid-auto-flow: dense; }
  .md\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .md\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .md\:col-span-1 { grid-column: span 1 / span 1; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:col-span-3 { grid-column: span 3 / span 3; }
  .md\:col-span-4 { grid-column: span 4 / span 4; }
  .md\:col-span-5 { grid-column: span 5 / span 5; }
  .md\:col-span-6 { grid-column: span 6 / span 6; }
  .md\:col-span-7 { grid-column: span 7 / span 7; }
  .md\:col-span-8 { grid-column: span 8 / span 8; }
  .md\:col-span-9 { grid-column: span 9 / span 9; }
  .md\:col-span-10 { grid-column: span 10 / span 10; }
  .md\:col-span-11 { grid-column: span 11 / span 11; }
  .md\:col-span-12 { grid-column: span 12 / span 12; }
  .md\:col-span-full { grid-column: 1 / -1; }
  .md\:col-auto { grid-column: auto; }
  .md\:col-start-1 { grid-column-start: 1; }
  .md\:col-start-2 { grid-column-start: 2; }
  .md\:col-start-3 { grid-column-start: 3; }
  .md\:col-start-4 { grid-column-start: 4; }
  .md\:col-start-5 { grid-column-start: 5; }
  .md\:col-start-6 { grid-column-start: 6; }
  .md\:col-start-7 { grid-column-start: 7; }
  .md\:col-start-8 { grid-column-start: 8; }
  .md\:col-start-9 { grid-column-start: 9; }
  .md\:col-start-10 { grid-column-start: 10; }
  .md\:col-start-11 { grid-column-start: 11; }
  .md\:col-start-12 { grid-column-start: 12; }
  .md\:col-start-13 { grid-column-start: 13; }
  .md\:col-start-auto { grid-column-start: auto; }
  .md\:col-end-1 { grid-column-end: 1; }
  .md\:col-end-2 { grid-column-end: 2; }
  .md\:col-end-3 { grid-column-end: 3; }
  .md\:col-end-4 { grid-column-end: 4; }
  .md\:col-end-5 { grid-column-end: 5; }
  .md\:col-end-6 { grid-column-end: 6; }
  .md\:col-end-7 { grid-column-end: 7; }
  .md\:col-end-8 { grid-column-end: 8; }
  .md\:col-end-9 { grid-column-end: 9; }
  .md\:col-end-10 { grid-column-end: 10; }
  .md\:col-end-11 { grid-column-end: 11; }
  .md\:col-end-12 { grid-column-end: 12; }
  .md\:col-end-13 { grid-column-end: 13; }
  .md\:col-end-auto { grid-column-end: auto; }
  .md\:row-span-1 { grid-row: span 1 / span 1; }
  .md\:row-span-2 { grid-row: span 2 / span 2; }
  .md\:row-span-3 { grid-row: span 3 / span 3; }
  .md\:row-span-4 { grid-row: span 4 / span 4; }
  .md\:row-span-5 { grid-row: span 5 / span 5; }
  .md\:row-span-6 { grid-row: span 6 / span 6; }
  .md\:row-span-full { grid-row: 1 / -1; }
  .md\:row-start-1 { grid-row-start: 1; }
  .md\:row-start-2 { grid-row-start: 2; }
  .md\:row-start-3 { grid-row-start: 3; }
  .md\:row-start-4 { grid-row-start: 4; }
  .md\:row-start-5 { grid-row-start: 5; }
  .md\:row-start-6 { grid-row-start: 6; }
  .md\:row-start-7 { grid-row-start: 7; }
  .md\:row-end-1 { grid-row-end: 1; }
  .md\:row-end-2 { grid-row-end: 2; }
  .md\:row-end-3 { grid-row-end: 3; }
  .md\:row-end-4 { grid-row-end: 4; }
  .md\:row-end-5 { grid-row-end: 5; }
  .md\:row-end-6 { grid-row-end: 6; }
  .md\:row-end-7 { grid-row-end: 7; }
  .md\:gap-0 { gap: 0; }
  .md\:gap-x-0 { column-gap: 0; }
  .md\:gap-y-0 { row-gap: 0; }
  .md\:gap-px { gap: 1px; }
  .md\:gap-x-px { column-gap: 1px; }
  .md\:gap-y-px { row-gap: 1px; }
  .md\:gap-1 { gap: var(--space-1); }
  .md\:gap-x-1 { column-gap: var(--space-1); }
  .md\:gap-y-1 { row-gap: var(--space-1); }
  .md\:gap-2 { gap: var(--space-2); }
  .md\:gap-x-2 { column-gap: var(--space-2); }
  .md\:gap-y-2 { row-gap: var(--space-2); }
  .md\:gap-3 { gap: var(--space-3); }
  .md\:gap-x-3 { column-gap: var(--space-3); }
  .md\:gap-y-3 { row-gap: var(--space-3); }
  .md\:gap-4 { gap: var(--space-4); }
  .md\:gap-x-4 { column-gap: var(--space-4); }
  .md\:gap-y-4 { row-gap: var(--space-4); }
  .md\:gap-5 { gap: var(--space-5); }
  .md\:gap-x-5 { column-gap: var(--space-5); }
  .md\:gap-y-5 { row-gap: var(--space-5); }
  .md\:gap-6 { gap: var(--space-6); }
  .md\:gap-x-6 { column-gap: var(--space-6); }
  .md\:gap-y-6 { row-gap: var(--space-6); }
  .md\:gap-8 { gap: var(--space-8); }
  .md\:gap-x-8 { column-gap: var(--space-8); }
  .md\:gap-y-8 { row-gap: var(--space-8); }
  .md\:gap-10 { gap: var(--space-10); }
  .md\:gap-x-10 { column-gap: var(--space-10); }
  .md\:gap-y-10 { row-gap: var(--space-10); }
  .md\:gap-12 { gap: var(--space-12); }
  .md\:gap-x-12 { column-gap: var(--space-12); }
  .md\:gap-y-12 { row-gap: var(--space-12); }
  .md\:gap-16 { gap: var(--space-16); }
  .md\:gap-x-16 { column-gap: var(--space-16); }
  .md\:gap-y-16 { row-gap: var(--space-16); }
  .md\:gap-20 { gap: var(--space-20); }
  .md\:gap-x-20 { column-gap: var(--space-20); }
  .md\:gap-y-20 { row-gap: var(--space-20); }
  .md\:gap-24 { gap: var(--space-24); }
  .md\:gap-x-24 { column-gap: var(--space-24); }
  .md\:gap-y-24 { row-gap: var(--space-24); }
  .md\:gap-32 { gap: var(--space-32); }
  .md\:gap-x-32 { column-gap: var(--space-32); }
  .md\:gap-y-32 { row-gap: var(--space-32); }
  .md\:flex-row { flex-direction: row; }
  .md\:flex-row-reverse { flex-direction: row-reverse; }
  .md\:flex-col { flex-direction: column; }
  .md\:flex-col-reverse { flex-direction: column-reverse; }
  .md\:flex-wrap { flex-wrap: wrap; }
  .md\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .md\:flex-nowrap { flex-wrap: nowrap; }
  .md\:flex-1 { flex: 1 1 0%; }
  .md\:flex-auto { flex: 1 1 auto; }
  .md\:flex-initial { flex: 0 1 auto; }
  .md\:flex-none { flex: none; }
  .md\:grow { flex-grow: 1; }
  .md\:grow-0 { flex-grow: 0; }
  .md\:shrink { flex-shrink: 1; }
  .md\:shrink-0 { flex-shrink: 0; }
  .md\:order-first { order: -9999; }
  .md\:order-last { order: 9999; }
  .md\:order-none { order: 0; }
  .md\:order-1 { order: 1; }
  .md\:order-2 { order: 2; }
  .md\:order-3 { order: 3; }
  .md\:order-4 { order: 4; }
  .md\:order-5 { order: 5; }
  .md\:order-6 { order: 6; }
  .md\:order-7 { order: 7; }
  .md\:order-8 { order: 8; }
  .md\:order-9 { order: 9; }
  .md\:order-10 { order: 10; }
  .md\:order-11 { order: 11; }
  .md\:order-12 { order: 12; }
  .md\:row { display: flex; flex-wrap: wrap; }
  .md\:col { flex: 1 1 0%; max-width: 100%; }
  .md\:col-fill { flex: 1 1 auto; }
  .md\:col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .md\:col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .md\:col-3 { flex: 0 0 25%; max-width: 25%; }
  .md\:col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .md\:col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .md\:col-6 { flex: 0 0 50%; max-width: 50%; }
  .md\:col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .md\:col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .md\:col-9 { flex: 0 0 75%; max-width: 75%; }
  .md\:col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .md\:col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .md\:col-12 { flex: 0 0 100%; max-width: 100%; }
  .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; }
  .md\:justify-normal { justify-content: normal; }
  .md\:justify-items-start { justify-items: start; }
  .md\:justify-items-end { justify-items: end; }
  .md\:justify-items-center { justify-items: center; }
  .md\:justify-items-stretch { justify-items: stretch; }
  .md\:justify-self-auto { justify-self: auto; }
  .md\:justify-self-start { justify-self: start; }
  .md\:justify-self-end { justify-self: end; }
  .md\:justify-self-center { justify-self: center; }
  .md\:justify-self-stretch { justify-self: stretch; }
  .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; }
  .md\:content-start { align-content: flex-start; }
  .md\:content-end { align-content: flex-end; }
  .md\:content-center { align-content: center; }
  .md\:content-between { align-content: space-between; }
  .md\:content-around { align-content: space-around; }
  .md\:content-evenly { align-content: space-evenly; }
  .md\:content-stretch { align-content: stretch; }
  .md\:content-normal { align-content: normal; }
  .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; }
  .md\:place-content-start { place-content: start; }
  .md\:place-content-end { place-content: end; }
  .md\:place-content-center { place-content: center; }
  .md\:place-content-stretch { place-content: stretch; }
  .md\:place-content-between { place-content: space-between; }
  .md\:place-content-around { place-content: space-around; }
  .md\:place-content-evenly { place-content: space-evenly; }
  .md\:place-items-start { place-items: start; }
  .md\:place-items-end { place-items: end; }
  .md\:place-items-center { place-items: center; }
  .md\:place-items-stretch { place-items: stretch; }
  .md\:place-self-auto { place-self: auto; }
  .md\:place-self-start { place-self: start; }
  .md\:place-self-end { place-self: end; }
  .md\:place-self-center { place-self: center; }
  .md\:place-self-stretch { place-self: stretch; }
}

/* ===================== lg (min-width: 1024px) ===================== */
@media (min-width: 1024px) {
  .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\:table { display: table; }
  .lg\:contents { display: contents; }
  .lg\:hidden { display: none; }
  .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .lg\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .lg\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .lg\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .lg\:grid-cols-none { grid-template-columns: none; }
  .lg\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg\:grid-rows-none { grid-template-rows: none; }
  .lg\:grid-flow-row { grid-auto-flow: row; }
  .lg\:grid-flow-col { grid-auto-flow: column; }
  .lg\:grid-flow-dense { grid-auto-flow: dense; }
  .lg\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .lg\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:col-span-5 { grid-column: span 5 / span 5; }
  .lg\:col-span-6 { grid-column: span 6 / span 6; }
  .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\:col-span-8 { grid-column: span 8 / span 8; }
  .lg\:col-span-9 { grid-column: span 9 / span 9; }
  .lg\:col-span-10 { grid-column: span 10 / span 10; }
  .lg\:col-span-11 { grid-column: span 11 / span 11; }
  .lg\:col-span-12 { grid-column: span 12 / span 12; }
  .lg\:col-span-full { grid-column: 1 / -1; }
  .lg\:col-auto { grid-column: auto; }
  .lg\:col-start-1 { grid-column-start: 1; }
  .lg\:col-start-2 { grid-column-start: 2; }
  .lg\:col-start-3 { grid-column-start: 3; }
  .lg\:col-start-4 { grid-column-start: 4; }
  .lg\:col-start-5 { grid-column-start: 5; }
  .lg\:col-start-6 { grid-column-start: 6; }
  .lg\:col-start-7 { grid-column-start: 7; }
  .lg\:col-start-8 { grid-column-start: 8; }
  .lg\:col-start-9 { grid-column-start: 9; }
  .lg\:col-start-10 { grid-column-start: 10; }
  .lg\:col-start-11 { grid-column-start: 11; }
  .lg\:col-start-12 { grid-column-start: 12; }
  .lg\:col-start-13 { grid-column-start: 13; }
  .lg\:col-start-auto { grid-column-start: auto; }
  .lg\:col-end-1 { grid-column-end: 1; }
  .lg\:col-end-2 { grid-column-end: 2; }
  .lg\:col-end-3 { grid-column-end: 3; }
  .lg\:col-end-4 { grid-column-end: 4; }
  .lg\:col-end-5 { grid-column-end: 5; }
  .lg\:col-end-6 { grid-column-end: 6; }
  .lg\:col-end-7 { grid-column-end: 7; }
  .lg\:col-end-8 { grid-column-end: 8; }
  .lg\:col-end-9 { grid-column-end: 9; }
  .lg\:col-end-10 { grid-column-end: 10; }
  .lg\:col-end-11 { grid-column-end: 11; }
  .lg\:col-end-12 { grid-column-end: 12; }
  .lg\:col-end-13 { grid-column-end: 13; }
  .lg\:col-end-auto { grid-column-end: auto; }
  .lg\:row-span-1 { grid-row: span 1 / span 1; }
  .lg\:row-span-2 { grid-row: span 2 / span 2; }
  .lg\:row-span-3 { grid-row: span 3 / span 3; }
  .lg\:row-span-4 { grid-row: span 4 / span 4; }
  .lg\:row-span-5 { grid-row: span 5 / span 5; }
  .lg\:row-span-6 { grid-row: span 6 / span 6; }
  .lg\:row-span-full { grid-row: 1 / -1; }
  .lg\:row-start-1 { grid-row-start: 1; }
  .lg\:row-start-2 { grid-row-start: 2; }
  .lg\:row-start-3 { grid-row-start: 3; }
  .lg\:row-start-4 { grid-row-start: 4; }
  .lg\:row-start-5 { grid-row-start: 5; }
  .lg\:row-start-6 { grid-row-start: 6; }
  .lg\:row-start-7 { grid-row-start: 7; }
  .lg\:row-end-1 { grid-row-end: 1; }
  .lg\:row-end-2 { grid-row-end: 2; }
  .lg\:row-end-3 { grid-row-end: 3; }
  .lg\:row-end-4 { grid-row-end: 4; }
  .lg\:row-end-5 { grid-row-end: 5; }
  .lg\:row-end-6 { grid-row-end: 6; }
  .lg\:row-end-7 { grid-row-end: 7; }
  .lg\:gap-0 { gap: 0; }
  .lg\:gap-x-0 { column-gap: 0; }
  .lg\:gap-y-0 { row-gap: 0; }
  .lg\:gap-px { gap: 1px; }
  .lg\:gap-x-px { column-gap: 1px; }
  .lg\:gap-y-px { row-gap: 1px; }
  .lg\:gap-1 { gap: var(--space-1); }
  .lg\:gap-x-1 { column-gap: var(--space-1); }
  .lg\:gap-y-1 { row-gap: var(--space-1); }
  .lg\:gap-2 { gap: var(--space-2); }
  .lg\:gap-x-2 { column-gap: var(--space-2); }
  .lg\:gap-y-2 { row-gap: var(--space-2); }
  .lg\:gap-3 { gap: var(--space-3); }
  .lg\:gap-x-3 { column-gap: var(--space-3); }
  .lg\:gap-y-3 { row-gap: var(--space-3); }
  .lg\:gap-4 { gap: var(--space-4); }
  .lg\:gap-x-4 { column-gap: var(--space-4); }
  .lg\:gap-y-4 { row-gap: var(--space-4); }
  .lg\:gap-5 { gap: var(--space-5); }
  .lg\:gap-x-5 { column-gap: var(--space-5); }
  .lg\:gap-y-5 { row-gap: var(--space-5); }
  .lg\:gap-6 { gap: var(--space-6); }
  .lg\:gap-x-6 { column-gap: var(--space-6); }
  .lg\:gap-y-6 { row-gap: var(--space-6); }
  .lg\:gap-8 { gap: var(--space-8); }
  .lg\:gap-x-8 { column-gap: var(--space-8); }
  .lg\:gap-y-8 { row-gap: var(--space-8); }
  .lg\:gap-10 { gap: var(--space-10); }
  .lg\:gap-x-10 { column-gap: var(--space-10); }
  .lg\:gap-y-10 { row-gap: var(--space-10); }
  .lg\:gap-12 { gap: var(--space-12); }
  .lg\:gap-x-12 { column-gap: var(--space-12); }
  .lg\:gap-y-12 { row-gap: var(--space-12); }
  .lg\:gap-16 { gap: var(--space-16); }
  .lg\:gap-x-16 { column-gap: var(--space-16); }
  .lg\:gap-y-16 { row-gap: var(--space-16); }
  .lg\:gap-20 { gap: var(--space-20); }
  .lg\:gap-x-20 { column-gap: var(--space-20); }
  .lg\:gap-y-20 { row-gap: var(--space-20); }
  .lg\:gap-24 { gap: var(--space-24); }
  .lg\:gap-x-24 { column-gap: var(--space-24); }
  .lg\:gap-y-24 { row-gap: var(--space-24); }
  .lg\:gap-32 { gap: var(--space-32); }
  .lg\:gap-x-32 { column-gap: var(--space-32); }
  .lg\:gap-y-32 { row-gap: var(--space-32); }
  .lg\:flex-row { flex-direction: row; }
  .lg\:flex-row-reverse { flex-direction: row-reverse; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:flex-col-reverse { flex-direction: column-reverse; }
  .lg\:flex-wrap { flex-wrap: wrap; }
  .lg\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .lg\:flex-nowrap { flex-wrap: nowrap; }
  .lg\:flex-1 { flex: 1 1 0%; }
  .lg\:flex-auto { flex: 1 1 auto; }
  .lg\:flex-initial { flex: 0 1 auto; }
  .lg\:flex-none { flex: none; }
  .lg\:grow { flex-grow: 1; }
  .lg\:grow-0 { flex-grow: 0; }
  .lg\:shrink { flex-shrink: 1; }
  .lg\:shrink-0 { flex-shrink: 0; }
  .lg\:order-first { order: -9999; }
  .lg\:order-last { order: 9999; }
  .lg\:order-none { order: 0; }
  .lg\:order-1 { order: 1; }
  .lg\:order-2 { order: 2; }
  .lg\:order-3 { order: 3; }
  .lg\:order-4 { order: 4; }
  .lg\:order-5 { order: 5; }
  .lg\:order-6 { order: 6; }
  .lg\:order-7 { order: 7; }
  .lg\:order-8 { order: 8; }
  .lg\:order-9 { order: 9; }
  .lg\:order-10 { order: 10; }
  .lg\:order-11 { order: 11; }
  .lg\:order-12 { order: 12; }
  .lg\:row { display: flex; flex-wrap: wrap; }
  .lg\:col { flex: 1 1 0%; max-width: 100%; }
  .lg\:col-fill { flex: 1 1 auto; }
  .lg\:col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .lg\:col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .lg\:col-3 { flex: 0 0 25%; max-width: 25%; }
  .lg\:col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .lg\:col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .lg\:col-6 { flex: 0 0 50%; max-width: 50%; }
  .lg\:col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .lg\:col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .lg\:col-9 { flex: 0 0 75%; max-width: 75%; }
  .lg\:col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .lg\:col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .lg\:col-12 { flex: 0 0 100%; max-width: 100%; }
  .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; }
  .lg\:justify-normal { justify-content: normal; }
  .lg\:justify-items-start { justify-items: start; }
  .lg\:justify-items-end { justify-items: end; }
  .lg\:justify-items-center { justify-items: center; }
  .lg\:justify-items-stretch { justify-items: stretch; }
  .lg\:justify-self-auto { justify-self: auto; }
  .lg\:justify-self-start { justify-self: start; }
  .lg\:justify-self-end { justify-self: end; }
  .lg\:justify-self-center { justify-self: center; }
  .lg\:justify-self-stretch { justify-self: stretch; }
  .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; }
  .lg\:content-start { align-content: flex-start; }
  .lg\:content-end { align-content: flex-end; }
  .lg\:content-center { align-content: center; }
  .lg\:content-between { align-content: space-between; }
  .lg\:content-around { align-content: space-around; }
  .lg\:content-evenly { align-content: space-evenly; }
  .lg\:content-stretch { align-content: stretch; }
  .lg\:content-normal { align-content: normal; }
  .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; }
  .lg\:place-content-start { place-content: start; }
  .lg\:place-content-end { place-content: end; }
  .lg\:place-content-center { place-content: center; }
  .lg\:place-content-stretch { place-content: stretch; }
  .lg\:place-content-between { place-content: space-between; }
  .lg\:place-content-around { place-content: space-around; }
  .lg\:place-content-evenly { place-content: space-evenly; }
  .lg\:place-items-start { place-items: start; }
  .lg\:place-items-end { place-items: end; }
  .lg\:place-items-center { place-items: center; }
  .lg\:place-items-stretch { place-items: stretch; }
  .lg\:place-self-auto { place-self: auto; }
  .lg\:place-self-start { place-self: start; }
  .lg\:place-self-end { place-self: end; }
  .lg\:place-self-center { place-self: center; }
  .lg\:place-self-stretch { place-self: stretch; }
}

/* ===================== xl (min-width: 1280px) ===================== */
@media (min-width: 1280px) {
  .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\:table { display: table; }
  .xl\:contents { display: contents; }
  .xl\:hidden { display: none; }
  .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .xl\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .xl\:grid-cols-none { grid-template-columns: none; }
  .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl\:grid-rows-none { grid-template-rows: none; }
  .xl\:grid-flow-row { grid-auto-flow: row; }
  .xl\:grid-flow-col { grid-auto-flow: column; }
  .xl\:grid-flow-dense { grid-auto-flow: dense; }
  .xl\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .xl\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .xl\:col-span-1 { grid-column: span 1 / span 1; }
  .xl\:col-span-2 { grid-column: span 2 / span 2; }
  .xl\:col-span-3 { grid-column: span 3 / span 3; }
  .xl\:col-span-4 { grid-column: span 4 / span 4; }
  .xl\:col-span-5 { grid-column: span 5 / span 5; }
  .xl\:col-span-6 { grid-column: span 6 / span 6; }
  .xl\:col-span-7 { grid-column: span 7 / span 7; }
  .xl\:col-span-8 { grid-column: span 8 / span 8; }
  .xl\:col-span-9 { grid-column: span 9 / span 9; }
  .xl\:col-span-10 { grid-column: span 10 / span 10; }
  .xl\:col-span-11 { grid-column: span 11 / span 11; }
  .xl\:col-span-12 { grid-column: span 12 / span 12; }
  .xl\:col-span-full { grid-column: 1 / -1; }
  .xl\:col-auto { grid-column: auto; }
  .xl\:col-start-1 { grid-column-start: 1; }
  .xl\:col-start-2 { grid-column-start: 2; }
  .xl\:col-start-3 { grid-column-start: 3; }
  .xl\:col-start-4 { grid-column-start: 4; }
  .xl\:col-start-5 { grid-column-start: 5; }
  .xl\:col-start-6 { grid-column-start: 6; }
  .xl\:col-start-7 { grid-column-start: 7; }
  .xl\:col-start-8 { grid-column-start: 8; }
  .xl\:col-start-9 { grid-column-start: 9; }
  .xl\:col-start-10 { grid-column-start: 10; }
  .xl\:col-start-11 { grid-column-start: 11; }
  .xl\:col-start-12 { grid-column-start: 12; }
  .xl\:col-start-13 { grid-column-start: 13; }
  .xl\:col-start-auto { grid-column-start: auto; }
  .xl\:col-end-1 { grid-column-end: 1; }
  .xl\:col-end-2 { grid-column-end: 2; }
  .xl\:col-end-3 { grid-column-end: 3; }
  .xl\:col-end-4 { grid-column-end: 4; }
  .xl\:col-end-5 { grid-column-end: 5; }
  .xl\:col-end-6 { grid-column-end: 6; }
  .xl\:col-end-7 { grid-column-end: 7; }
  .xl\:col-end-8 { grid-column-end: 8; }
  .xl\:col-end-9 { grid-column-end: 9; }
  .xl\:col-end-10 { grid-column-end: 10; }
  .xl\:col-end-11 { grid-column-end: 11; }
  .xl\:col-end-12 { grid-column-end: 12; }
  .xl\:col-end-13 { grid-column-end: 13; }
  .xl\:col-end-auto { grid-column-end: auto; }
  .xl\:row-span-1 { grid-row: span 1 / span 1; }
  .xl\:row-span-2 { grid-row: span 2 / span 2; }
  .xl\:row-span-3 { grid-row: span 3 / span 3; }
  .xl\:row-span-4 { grid-row: span 4 / span 4; }
  .xl\:row-span-5 { grid-row: span 5 / span 5; }
  .xl\:row-span-6 { grid-row: span 6 / span 6; }
  .xl\:row-span-full { grid-row: 1 / -1; }
  .xl\:row-start-1 { grid-row-start: 1; }
  .xl\:row-start-2 { grid-row-start: 2; }
  .xl\:row-start-3 { grid-row-start: 3; }
  .xl\:row-start-4 { grid-row-start: 4; }
  .xl\:row-start-5 { grid-row-start: 5; }
  .xl\:row-start-6 { grid-row-start: 6; }
  .xl\:row-start-7 { grid-row-start: 7; }
  .xl\:row-end-1 { grid-row-end: 1; }
  .xl\:row-end-2 { grid-row-end: 2; }
  .xl\:row-end-3 { grid-row-end: 3; }
  .xl\:row-end-4 { grid-row-end: 4; }
  .xl\:row-end-5 { grid-row-end: 5; }
  .xl\:row-end-6 { grid-row-end: 6; }
  .xl\:row-end-7 { grid-row-end: 7; }
  .xl\:gap-0 { gap: 0; }
  .xl\:gap-x-0 { column-gap: 0; }
  .xl\:gap-y-0 { row-gap: 0; }
  .xl\:gap-px { gap: 1px; }
  .xl\:gap-x-px { column-gap: 1px; }
  .xl\:gap-y-px { row-gap: 1px; }
  .xl\:gap-1 { gap: var(--space-1); }
  .xl\:gap-x-1 { column-gap: var(--space-1); }
  .xl\:gap-y-1 { row-gap: var(--space-1); }
  .xl\:gap-2 { gap: var(--space-2); }
  .xl\:gap-x-2 { column-gap: var(--space-2); }
  .xl\:gap-y-2 { row-gap: var(--space-2); }
  .xl\:gap-3 { gap: var(--space-3); }
  .xl\:gap-x-3 { column-gap: var(--space-3); }
  .xl\:gap-y-3 { row-gap: var(--space-3); }
  .xl\:gap-4 { gap: var(--space-4); }
  .xl\:gap-x-4 { column-gap: var(--space-4); }
  .xl\:gap-y-4 { row-gap: var(--space-4); }
  .xl\:gap-5 { gap: var(--space-5); }
  .xl\:gap-x-5 { column-gap: var(--space-5); }
  .xl\:gap-y-5 { row-gap: var(--space-5); }
  .xl\:gap-6 { gap: var(--space-6); }
  .xl\:gap-x-6 { column-gap: var(--space-6); }
  .xl\:gap-y-6 { row-gap: var(--space-6); }
  .xl\:gap-8 { gap: var(--space-8); }
  .xl\:gap-x-8 { column-gap: var(--space-8); }
  .xl\:gap-y-8 { row-gap: var(--space-8); }
  .xl\:gap-10 { gap: var(--space-10); }
  .xl\:gap-x-10 { column-gap: var(--space-10); }
  .xl\:gap-y-10 { row-gap: var(--space-10); }
  .xl\:gap-12 { gap: var(--space-12); }
  .xl\:gap-x-12 { column-gap: var(--space-12); }
  .xl\:gap-y-12 { row-gap: var(--space-12); }
  .xl\:gap-16 { gap: var(--space-16); }
  .xl\:gap-x-16 { column-gap: var(--space-16); }
  .xl\:gap-y-16 { row-gap: var(--space-16); }
  .xl\:gap-20 { gap: var(--space-20); }
  .xl\:gap-x-20 { column-gap: var(--space-20); }
  .xl\:gap-y-20 { row-gap: var(--space-20); }
  .xl\:gap-24 { gap: var(--space-24); }
  .xl\:gap-x-24 { column-gap: var(--space-24); }
  .xl\:gap-y-24 { row-gap: var(--space-24); }
  .xl\:gap-32 { gap: var(--space-32); }
  .xl\:gap-x-32 { column-gap: var(--space-32); }
  .xl\:gap-y-32 { row-gap: var(--space-32); }
  .xl\:flex-row { flex-direction: row; }
  .xl\:flex-row-reverse { flex-direction: row-reverse; }
  .xl\:flex-col { flex-direction: column; }
  .xl\:flex-col-reverse { flex-direction: column-reverse; }
  .xl\:flex-wrap { flex-wrap: wrap; }
  .xl\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .xl\:flex-nowrap { flex-wrap: nowrap; }
  .xl\:flex-1 { flex: 1 1 0%; }
  .xl\:flex-auto { flex: 1 1 auto; }
  .xl\:flex-initial { flex: 0 1 auto; }
  .xl\:flex-none { flex: none; }
  .xl\:grow { flex-grow: 1; }
  .xl\:grow-0 { flex-grow: 0; }
  .xl\:shrink { flex-shrink: 1; }
  .xl\:shrink-0 { flex-shrink: 0; }
  .xl\:order-first { order: -9999; }
  .xl\:order-last { order: 9999; }
  .xl\:order-none { order: 0; }
  .xl\:order-1 { order: 1; }
  .xl\:order-2 { order: 2; }
  .xl\:order-3 { order: 3; }
  .xl\:order-4 { order: 4; }
  .xl\:order-5 { order: 5; }
  .xl\:order-6 { order: 6; }
  .xl\:order-7 { order: 7; }
  .xl\:order-8 { order: 8; }
  .xl\:order-9 { order: 9; }
  .xl\:order-10 { order: 10; }
  .xl\:order-11 { order: 11; }
  .xl\:order-12 { order: 12; }
  .xl\:row { display: flex; flex-wrap: wrap; }
  .xl\:col { flex: 1 1 0%; max-width: 100%; }
  .xl\:col-fill { flex: 1 1 auto; }
  .xl\:col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .xl\:col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .xl\:col-3 { flex: 0 0 25%; max-width: 25%; }
  .xl\:col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .xl\:col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .xl\:col-6 { flex: 0 0 50%; max-width: 50%; }
  .xl\:col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .xl\:col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .xl\:col-9 { flex: 0 0 75%; max-width: 75%; }
  .xl\:col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .xl\:col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .xl\:col-12 { flex: 0 0 100%; max-width: 100%; }
  .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; }
  .xl\:justify-normal { justify-content: normal; }
  .xl\:justify-items-start { justify-items: start; }
  .xl\:justify-items-end { justify-items: end; }
  .xl\:justify-items-center { justify-items: center; }
  .xl\:justify-items-stretch { justify-items: stretch; }
  .xl\:justify-self-auto { justify-self: auto; }
  .xl\:justify-self-start { justify-self: start; }
  .xl\:justify-self-end { justify-self: end; }
  .xl\:justify-self-center { justify-self: center; }
  .xl\:justify-self-stretch { justify-self: stretch; }
  .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; }
  .xl\:content-start { align-content: flex-start; }
  .xl\:content-end { align-content: flex-end; }
  .xl\:content-center { align-content: center; }
  .xl\:content-between { align-content: space-between; }
  .xl\:content-around { align-content: space-around; }
  .xl\:content-evenly { align-content: space-evenly; }
  .xl\:content-stretch { align-content: stretch; }
  .xl\:content-normal { align-content: normal; }
  .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; }
  .xl\:place-content-start { place-content: start; }
  .xl\:place-content-end { place-content: end; }
  .xl\:place-content-center { place-content: center; }
  .xl\:place-content-stretch { place-content: stretch; }
  .xl\:place-content-between { place-content: space-between; }
  .xl\:place-content-around { place-content: space-around; }
  .xl\:place-content-evenly { place-content: space-evenly; }
  .xl\:place-items-start { place-items: start; }
  .xl\:place-items-end { place-items: end; }
  .xl\:place-items-center { place-items: center; }
  .xl\:place-items-stretch { place-items: stretch; }
  .xl\:place-self-auto { place-self: auto; }
  .xl\:place-self-start { place-self: start; }
  .xl\:place-self-end { place-self: end; }
  .xl\:place-self-center { place-self: center; }
  .xl\:place-self-stretch { place-self: stretch; }
}

/* ===================== 2xl (min-width: 1536px) ===================== */
@media (min-width: 1536px) {
  .\32 xl\:block { display: block; }
  .\32 xl\:inline-block { display: inline-block; }
  .\32 xl\:inline { display: inline; }
  .\32 xl\:flex { display: flex; }
  .\32 xl\:inline-flex { display: inline-flex; }
  .\32 xl\:grid { display: grid; }
  .\32 xl\:inline-grid { display: inline-grid; }
  .\32 xl\:table { display: table; }
  .\32 xl\:contents { display: contents; }
  .\32 xl\:hidden { display: none; }
  .\32 xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .\32 xl\:grid-cols-none { grid-template-columns: none; }
  .\32 xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .\32 xl\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .\32 xl\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .\32 xl\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .\32 xl\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .\32 xl\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .\32 xl\:grid-rows-none { grid-template-rows: none; }
  .\32 xl\:grid-flow-row { grid-auto-flow: row; }
  .\32 xl\:grid-flow-col { grid-auto-flow: column; }
  .\32 xl\:grid-flow-dense { grid-auto-flow: dense; }
  .\32 xl\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .\32 xl\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .\32 xl\:col-span-1 { grid-column: span 1 / span 1; }
  .\32 xl\:col-span-2 { grid-column: span 2 / span 2; }
  .\32 xl\:col-span-3 { grid-column: span 3 / span 3; }
  .\32 xl\:col-span-4 { grid-column: span 4 / span 4; }
  .\32 xl\:col-span-5 { grid-column: span 5 / span 5; }
  .\32 xl\:col-span-6 { grid-column: span 6 / span 6; }
  .\32 xl\:col-span-7 { grid-column: span 7 / span 7; }
  .\32 xl\:col-span-8 { grid-column: span 8 / span 8; }
  .\32 xl\:col-span-9 { grid-column: span 9 / span 9; }
  .\32 xl\:col-span-10 { grid-column: span 10 / span 10; }
  .\32 xl\:col-span-11 { grid-column: span 11 / span 11; }
  .\32 xl\:col-span-12 { grid-column: span 12 / span 12; }
  .\32 xl\:col-span-full { grid-column: 1 / -1; }
  .\32 xl\:col-auto { grid-column: auto; }
  .\32 xl\:col-start-1 { grid-column-start: 1; }
  .\32 xl\:col-start-2 { grid-column-start: 2; }
  .\32 xl\:col-start-3 { grid-column-start: 3; }
  .\32 xl\:col-start-4 { grid-column-start: 4; }
  .\32 xl\:col-start-5 { grid-column-start: 5; }
  .\32 xl\:col-start-6 { grid-column-start: 6; }
  .\32 xl\:col-start-7 { grid-column-start: 7; }
  .\32 xl\:col-start-8 { grid-column-start: 8; }
  .\32 xl\:col-start-9 { grid-column-start: 9; }
  .\32 xl\:col-start-10 { grid-column-start: 10; }
  .\32 xl\:col-start-11 { grid-column-start: 11; }
  .\32 xl\:col-start-12 { grid-column-start: 12; }
  .\32 xl\:col-start-13 { grid-column-start: 13; }
  .\32 xl\:col-start-auto { grid-column-start: auto; }
  .\32 xl\:col-end-1 { grid-column-end: 1; }
  .\32 xl\:col-end-2 { grid-column-end: 2; }
  .\32 xl\:col-end-3 { grid-column-end: 3; }
  .\32 xl\:col-end-4 { grid-column-end: 4; }
  .\32 xl\:col-end-5 { grid-column-end: 5; }
  .\32 xl\:col-end-6 { grid-column-end: 6; }
  .\32 xl\:col-end-7 { grid-column-end: 7; }
  .\32 xl\:col-end-8 { grid-column-end: 8; }
  .\32 xl\:col-end-9 { grid-column-end: 9; }
  .\32 xl\:col-end-10 { grid-column-end: 10; }
  .\32 xl\:col-end-11 { grid-column-end: 11; }
  .\32 xl\:col-end-12 { grid-column-end: 12; }
  .\32 xl\:col-end-13 { grid-column-end: 13; }
  .\32 xl\:col-end-auto { grid-column-end: auto; }
  .\32 xl\:row-span-1 { grid-row: span 1 / span 1; }
  .\32 xl\:row-span-2 { grid-row: span 2 / span 2; }
  .\32 xl\:row-span-3 { grid-row: span 3 / span 3; }
  .\32 xl\:row-span-4 { grid-row: span 4 / span 4; }
  .\32 xl\:row-span-5 { grid-row: span 5 / span 5; }
  .\32 xl\:row-span-6 { grid-row: span 6 / span 6; }
  .\32 xl\:row-span-full { grid-row: 1 / -1; }
  .\32 xl\:row-start-1 { grid-row-start: 1; }
  .\32 xl\:row-start-2 { grid-row-start: 2; }
  .\32 xl\:row-start-3 { grid-row-start: 3; }
  .\32 xl\:row-start-4 { grid-row-start: 4; }
  .\32 xl\:row-start-5 { grid-row-start: 5; }
  .\32 xl\:row-start-6 { grid-row-start: 6; }
  .\32 xl\:row-start-7 { grid-row-start: 7; }
  .\32 xl\:row-end-1 { grid-row-end: 1; }
  .\32 xl\:row-end-2 { grid-row-end: 2; }
  .\32 xl\:row-end-3 { grid-row-end: 3; }
  .\32 xl\:row-end-4 { grid-row-end: 4; }
  .\32 xl\:row-end-5 { grid-row-end: 5; }
  .\32 xl\:row-end-6 { grid-row-end: 6; }
  .\32 xl\:row-end-7 { grid-row-end: 7; }
  .\32 xl\:gap-0 { gap: 0; }
  .\32 xl\:gap-x-0 { column-gap: 0; }
  .\32 xl\:gap-y-0 { row-gap: 0; }
  .\32 xl\:gap-px { gap: 1px; }
  .\32 xl\:gap-x-px { column-gap: 1px; }
  .\32 xl\:gap-y-px { row-gap: 1px; }
  .\32 xl\:gap-1 { gap: var(--space-1); }
  .\32 xl\:gap-x-1 { column-gap: var(--space-1); }
  .\32 xl\:gap-y-1 { row-gap: var(--space-1); }
  .\32 xl\:gap-2 { gap: var(--space-2); }
  .\32 xl\:gap-x-2 { column-gap: var(--space-2); }
  .\32 xl\:gap-y-2 { row-gap: var(--space-2); }
  .\32 xl\:gap-3 { gap: var(--space-3); }
  .\32 xl\:gap-x-3 { column-gap: var(--space-3); }
  .\32 xl\:gap-y-3 { row-gap: var(--space-3); }
  .\32 xl\:gap-4 { gap: var(--space-4); }
  .\32 xl\:gap-x-4 { column-gap: var(--space-4); }
  .\32 xl\:gap-y-4 { row-gap: var(--space-4); }
  .\32 xl\:gap-5 { gap: var(--space-5); }
  .\32 xl\:gap-x-5 { column-gap: var(--space-5); }
  .\32 xl\:gap-y-5 { row-gap: var(--space-5); }
  .\32 xl\:gap-6 { gap: var(--space-6); }
  .\32 xl\:gap-x-6 { column-gap: var(--space-6); }
  .\32 xl\:gap-y-6 { row-gap: var(--space-6); }
  .\32 xl\:gap-8 { gap: var(--space-8); }
  .\32 xl\:gap-x-8 { column-gap: var(--space-8); }
  .\32 xl\:gap-y-8 { row-gap: var(--space-8); }
  .\32 xl\:gap-10 { gap: var(--space-10); }
  .\32 xl\:gap-x-10 { column-gap: var(--space-10); }
  .\32 xl\:gap-y-10 { row-gap: var(--space-10); }
  .\32 xl\:gap-12 { gap: var(--space-12); }
  .\32 xl\:gap-x-12 { column-gap: var(--space-12); }
  .\32 xl\:gap-y-12 { row-gap: var(--space-12); }
  .\32 xl\:gap-16 { gap: var(--space-16); }
  .\32 xl\:gap-x-16 { column-gap: var(--space-16); }
  .\32 xl\:gap-y-16 { row-gap: var(--space-16); }
  .\32 xl\:gap-20 { gap: var(--space-20); }
  .\32 xl\:gap-x-20 { column-gap: var(--space-20); }
  .\32 xl\:gap-y-20 { row-gap: var(--space-20); }
  .\32 xl\:gap-24 { gap: var(--space-24); }
  .\32 xl\:gap-x-24 { column-gap: var(--space-24); }
  .\32 xl\:gap-y-24 { row-gap: var(--space-24); }
  .\32 xl\:gap-32 { gap: var(--space-32); }
  .\32 xl\:gap-x-32 { column-gap: var(--space-32); }
  .\32 xl\:gap-y-32 { row-gap: var(--space-32); }
  .\32 xl\:flex-row { flex-direction: row; }
  .\32 xl\:flex-row-reverse { flex-direction: row-reverse; }
  .\32 xl\:flex-col { flex-direction: column; }
  .\32 xl\:flex-col-reverse { flex-direction: column-reverse; }
  .\32 xl\:flex-wrap { flex-wrap: wrap; }
  .\32 xl\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .\32 xl\:flex-nowrap { flex-wrap: nowrap; }
  .\32 xl\:flex-1 { flex: 1 1 0%; }
  .\32 xl\:flex-auto { flex: 1 1 auto; }
  .\32 xl\:flex-initial { flex: 0 1 auto; }
  .\32 xl\:flex-none { flex: none; }
  .\32 xl\:grow { flex-grow: 1; }
  .\32 xl\:grow-0 { flex-grow: 0; }
  .\32 xl\:shrink { flex-shrink: 1; }
  .\32 xl\:shrink-0 { flex-shrink: 0; }
  .\32 xl\:order-first { order: -9999; }
  .\32 xl\:order-last { order: 9999; }
  .\32 xl\:order-none { order: 0; }
  .\32 xl\:order-1 { order: 1; }
  .\32 xl\:order-2 { order: 2; }
  .\32 xl\:order-3 { order: 3; }
  .\32 xl\:order-4 { order: 4; }
  .\32 xl\:order-5 { order: 5; }
  .\32 xl\:order-6 { order: 6; }
  .\32 xl\:order-7 { order: 7; }
  .\32 xl\:order-8 { order: 8; }
  .\32 xl\:order-9 { order: 9; }
  .\32 xl\:order-10 { order: 10; }
  .\32 xl\:order-11 { order: 11; }
  .\32 xl\:order-12 { order: 12; }
  .\32 xl\:row { display: flex; flex-wrap: wrap; }
  .\32 xl\:col { flex: 1 1 0%; max-width: 100%; }
  .\32 xl\:col-fill { flex: 1 1 auto; }
  .\32 xl\:col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .\32 xl\:col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .\32 xl\:col-3 { flex: 0 0 25%; max-width: 25%; }
  .\32 xl\:col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .\32 xl\:col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .\32 xl\:col-6 { flex: 0 0 50%; max-width: 50%; }
  .\32 xl\:col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .\32 xl\:col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .\32 xl\:col-9 { flex: 0 0 75%; max-width: 75%; }
  .\32 xl\:col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .\32 xl\:col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .\32 xl\:col-12 { flex: 0 0 100%; max-width: 100%; }
  .\32 xl\:justify-start { justify-content: flex-start; }
  .\32 xl\:justify-end { justify-content: flex-end; }
  .\32 xl\:justify-center { justify-content: center; }
  .\32 xl\:justify-between { justify-content: space-between; }
  .\32 xl\:justify-around { justify-content: space-around; }
  .\32 xl\:justify-evenly { justify-content: space-evenly; }
  .\32 xl\:justify-stretch { justify-content: stretch; }
  .\32 xl\:justify-normal { justify-content: normal; }
  .\32 xl\:justify-items-start { justify-items: start; }
  .\32 xl\:justify-items-end { justify-items: end; }
  .\32 xl\:justify-items-center { justify-items: center; }
  .\32 xl\:justify-items-stretch { justify-items: stretch; }
  .\32 xl\:justify-self-auto { justify-self: auto; }
  .\32 xl\:justify-self-start { justify-self: start; }
  .\32 xl\:justify-self-end { justify-self: end; }
  .\32 xl\:justify-self-center { justify-self: center; }
  .\32 xl\:justify-self-stretch { justify-self: stretch; }
  .\32 xl\:items-start { align-items: flex-start; }
  .\32 xl\:items-end { align-items: flex-end; }
  .\32 xl\:items-center { align-items: center; }
  .\32 xl\:items-baseline { align-items: baseline; }
  .\32 xl\:items-stretch { align-items: stretch; }
  .\32 xl\:content-start { align-content: flex-start; }
  .\32 xl\:content-end { align-content: flex-end; }
  .\32 xl\:content-center { align-content: center; }
  .\32 xl\:content-between { align-content: space-between; }
  .\32 xl\:content-around { align-content: space-around; }
  .\32 xl\:content-evenly { align-content: space-evenly; }
  .\32 xl\:content-stretch { align-content: stretch; }
  .\32 xl\:content-normal { align-content: normal; }
  .\32 xl\:self-auto { align-self: auto; }
  .\32 xl\:self-start { align-self: flex-start; }
  .\32 xl\:self-end { align-self: flex-end; }
  .\32 xl\:self-center { align-self: center; }
  .\32 xl\:self-stretch { align-self: stretch; }
  .\32 xl\:self-baseline { align-self: baseline; }
  .\32 xl\:place-content-start { place-content: start; }
  .\32 xl\:place-content-end { place-content: end; }
  .\32 xl\:place-content-center { place-content: center; }
  .\32 xl\:place-content-stretch { place-content: stretch; }
  .\32 xl\:place-content-between { place-content: space-between; }
  .\32 xl\:place-content-around { place-content: space-around; }
  .\32 xl\:place-content-evenly { place-content: space-evenly; }
  .\32 xl\:place-items-start { place-items: start; }
  .\32 xl\:place-items-end { place-items: end; }
  .\32 xl\:place-items-center { place-items: center; }
  .\32 xl\:place-items-stretch { place-items: stretch; }
  .\32 xl\:place-self-auto { place-self: auto; }
  .\32 xl\:place-self-start { place-self: start; }
  .\32 xl\:place-self-end { place-self: end; }
  .\32 xl\:place-self-center { place-self: center; }
  .\32 xl\:place-self-stretch { place-self: stretch; }
}