:root {
  --space-0: 0rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
}

@media all {
  /* === Margin === */
  /* All sides */
  .m-0 { margin: var(--space-0); }
  .m-1 { margin: var(--space-1); }
  .m-2 { margin: var(--space-2); }
  .m-3 { margin: var(--space-3); }
  .m-4 { margin: var(--space-4); }
  .m-5 { margin: var(--space-5); }
  .m-6 { margin: var(--space-6); }
  .m-8 { margin: var(--space-8); }
  .m-10 { margin: var(--space-10); }
  .m-12 { margin: var(--space-12); }
  .m-16 { margin: var(--space-16); }
  .m-20 { margin: var(--space-20); }

  /* Vertical (top & bottom) */
  .my-0 { margin-top: var(--space-0); margin-bottom: var(--space-0); }
  .my-1 { margin-top: var(--space-1); margin-bottom: var(--space-1); }
  .my-2 { margin-top: var(--space-2); margin-bottom: var(--space-2); }
  .my-3 { margin-top: var(--space-3); margin-bottom: var(--space-3); }
  .my-4 { margin-top: var(--space-4); margin-bottom: var(--space-4); }
  .my-5 { margin-top: var(--space-5); margin-bottom: var(--space-5); }
  .my-6 { margin-top: var(--space-6); margin-bottom: var(--space-6); }
  .my-8 { margin-top: var(--space-8); margin-bottom: var(--space-8); }
  .my-10 { margin-top: var(--space-10); margin-bottom: var(--space-10); }
  .my-12 { margin-top: var(--space-12); margin-bottom: var(--space-12); }
  .my-16 { margin-top: var(--space-16); margin-bottom: var(--space-16); }
  .my-20 { margin-top: var(--space-20); margin-bottom: var(--space-20); }

  /* Horizontal (left & right) */
  .mx-0 { margin-left: var(--space-0); margin-right: var(--space-0); }
  .mx-1 { margin-left: var(--space-1); margin-right: var(--space-1); }
  .mx-2 { margin-left: var(--space-2); margin-right: var(--space-2); }
  .mx-3 { margin-left: var(--space-3); margin-right: var(--space-3); }
  .mx-4 { margin-left: var(--space-4); margin-right: var(--space-4); }
  .mx-5 { margin-left: var(--space-5); margin-right: var(--space-5); }
  .mx-6 { margin-left: var(--space-6); margin-right: var(--space-6); }
  .mx-8 { margin-left: var(--space-8); margin-right: var(--space-8); }
  .mx-10 { margin-left: var(--space-10); margin-right: var(--space-10); }
  .mx-12 { margin-left: var(--space-12); margin-right: var(--space-12); }
  .mx-16 { margin-left: var(--space-16); margin-right: var(--space-16); }
  .mx-20 { margin-left: var(--space-20); margin-right: var(--space-20); }

  /* Individual sides */
  .mt-0 { margin-top: var(--space-0); }
  .mt-1 { margin-top: var(--space-1); }
  .mt-2 { margin-top: var(--space-2); }
  .mt-3 { margin-top: var(--space-3); }
  .mt-4 { margin-top: var(--space-4); }
  .mt-5 { margin-top: var(--space-5); }
  .mt-6 { margin-top: var(--space-6); }
  .mt-8 { margin-top: var(--space-8); }
  .mt-10 { margin-top: var(--space-10); }
  .mt-12 { margin-top: var(--space-12); }
  .mt-16 { margin-top: var(--space-16); }
  .mt-20 { margin-top: var(--space-20); }

  .mr-0 { margin-right: var(--space-0); }
  .mr-1 { margin-right: var(--space-1); }
  .mr-2 { margin-right: var(--space-2); }
  .mr-3 { margin-right: var(--space-3); }
  .mr-4 { margin-right: var(--space-4); }
  .mr-5 { margin-right: var(--space-5); }
  .mr-6 { margin-right: var(--space-6); }
  .mr-8 { margin-right: var(--space-8); }
  .mr-10 { margin-right: var(--space-10); }
  .mr-12 { margin-right: var(--space-12); }
  .mr-16 { margin-right: var(--space-16); }
  .mr-20 { margin-right: var(--space-20); }

  .mb-0 { margin-bottom: var(--space-0); }
  .mb-1 { margin-bottom: var(--space-1); }
  .mb-2 { margin-bottom: var(--space-2); }
  .mb-3 { margin-bottom: var(--space-3); }
  .mb-4 { margin-bottom: var(--space-4); }
  .mb-5 { margin-bottom: var(--space-5); }
  .mb-6 { margin-bottom: var(--space-6); }
  .mb-8 { margin-bottom: var(--space-8); }
  .mb-10 { margin-bottom: var(--space-10); }
  .mb-12 { margin-bottom: var(--space-12); }
  .mb-16 { margin-bottom: var(--space-16); }
  .mb-20 { margin-bottom: var(--space-20); }

  .ml-0 { margin-left: var(--space-0); }
  .ml-1 { margin-left: var(--space-1); }
  .ml-2 { margin-left: var(--space-2); }
  .ml-3 { margin-left: var(--space-3); }
  .ml-4 { margin-left: var(--space-4); }
  .ml-5 { margin-left: var(--space-5); }
  .ml-6 { margin-left: var(--space-6); }
  .ml-8 { margin-left: var(--space-8); }
  .ml-10 { margin-left: var(--space-10); }
  .ml-12 { margin-left: var(--space-12); }
  .ml-16 { margin-left: var(--space-16); }
  .ml-20 { margin-left: var(--space-20); }

  /* === Padding === */
  .p-0 { padding: var(--space-0); }
  .p-1 { padding: var(--space-1); }
  .p-2 { padding: var(--space-2); }
  .p-3 { padding: var(--space-3); }
  .p-4 { padding: var(--space-4); }
  .p-5 { padding: var(--space-5); }
  .p-6 { padding: var(--space-6); }
  .p-8 { padding: var(--space-8); }
  .p-10 { padding: var(--space-10); }
  .p-12 { padding: var(--space-12); }
  .p-16 { padding: var(--space-16); }
  .p-20 { padding: var(--space-20); }

  .py-0 { padding-top: var(--space-0); padding-bottom: var(--space-0); }
  .py-1 { padding-top: var(--space-1); padding-bottom: var(--space-1); }
  .py-2 { padding-top: var(--space-2); padding-bottom: var(--space-2); }
  .py-3 { padding-top: var(--space-3); padding-bottom: var(--space-3); }
  .py-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
  .py-5 { padding-top: var(--space-5); padding-bottom: var(--space-5); }
  .py-6 { padding-top: var(--space-6); padding-bottom: var(--space-6); }
  .py-8 { padding-top: var(--space-8); padding-bottom: var(--space-8); }
  .py-10 { padding-top: var(--space-10); padding-bottom: var(--space-10); }
  .py-12 { padding-top: var(--space-12); padding-bottom: var(--space-12); }
  .py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16); }
  .py-20 { padding-top: var(--space-20); padding-bottom: var(--space-20); }

  .px-0 { padding-left: var(--space-0); padding-right: var(--space-0); }
  .px-1 { padding-left: var(--space-1); padding-right: var(--space-1); }
  .px-2 { padding-left: var(--space-2); padding-right: var(--space-2); }
  .px-3 { padding-left: var(--space-3); padding-right: var(--space-3); }
  .px-4 { padding-left: var(--space-4); padding-right: var(--space-4); }
  .px-5 { padding-left: var(--space-5); padding-right: var(--space-5); }
  .px-6 { padding-left: var(--space-6); padding-right: var(--space-6); }
  .px-8 { padding-left: var(--space-8); padding-right: var(--space-8); }
  .px-10 { padding-left: var(--space-10); padding-right: var(--space-10); }
  .px-12 { padding-left: var(--space-12); padding-right: var(--space-12); }
  .px-16 { padding-left: var(--space-16); padding-right: var(--space-16); }
  .px-20 { padding-left: var(--space-20); padding-right: var(--space-20); }

  .pt-0 { padding-top: var(--space-0); }
  .pt-1 { padding-top: var(--space-1); }
  .pt-2 { padding-top: var(--space-2); }
  .pt-3 { padding-top: var(--space-3); }
  .pt-4 { padding-top: var(--space-4); }
  .pt-5 { padding-top: var(--space-5); }
  .pt-6 { padding-top: var(--space-6); }
  .pt-8 { padding-top: var(--space-8); }
  .pt-10 { padding-top: var(--space-10); }
  .pt-12 { padding-top: var(--space-12); }
  .pt-16 { padding-top: var(--space-16); }
  .pt-20 { padding-top: var(--space-20); }

  .pr-0 { padding-right: var(--space-0); }
  .pr-1 { padding-right: var(--space-1); }
  .pr-2 { padding-right: var(--space-2); }
  .pr-3 { padding-right: var(--space-3); }
  .pr-4 { padding-right: var(--space-4); }
  .pr-5 { padding-right: var(--space-5); }
  .pr-6 { padding-right: var(--space-6); }
  .pr-8 { padding-right: var(--space-8); }
  .pr-10 { padding-right: var(--space-10); }
  .pr-12 { padding-right: var(--space-12); }
  .pr-16 { padding-right: var(--space-16); }
  .pr-20 { padding-right: var(--space-20); }

  .pb-0 { padding-bottom: var(--space-0); }
  .pb-1 { padding-bottom: var(--space-1); }
  .pb-2 { padding-bottom: var(--space-2); }
  .pb-3 { padding-bottom: var(--space-3); }
  .pb-4 { padding-bottom: var(--space-4); }
  .pb-5 { padding-bottom: var(--space-5); }
  .pb-6 { padding-bottom: var(--space-6); }
  .pb-8 { padding-bottom: var(--space-8); }
  .pb-10 { padding-bottom: var(--space-10); }
  .pb-12 { padding-bottom: var(--space-12); }
  .pb-16 { padding-bottom: var(--space-16); }
  .pb-20 { padding-bottom: var(--space-20); }

  .pl-0 { padding-left: var(--space-0); }
  .pl-1 { padding-left: var(--space-1); }
  .pl-2 { padding-left: var(--space-2); }
  .pl-3 { padding-left: var(--space-3); }
  .pl-4 { padding-left: var(--space-4); }
  .pl-5 { padding-left: var(--space-5); }
  .pl-6 { padding-left: var(--space-6); }
  .pl-8 { padding-left: var(--space-8); }
  .pl-10 { padding-left: var(--space-10); }
  .pl-12 { padding-left: var(--space-12); }
  .pl-16 { padding-left: var(--space-16); }
  .pl-20 { padding-left: var(--space-20); }
}

.ta-left {
    text-align: left;
}
.ta-right {
    text-align: right;
}
.ta-center {
    text-align: center;
}


/* Font weight utilities */
.font-thin       { font-weight: 100; }  /* Thin */
.font-extralight { font-weight: 200; }  /* Extra Light */
.font-light      { font-weight: 300; }  /* Light */
.font-normal     { font-weight: 400; }  /* Normal */
.font-medium     { font-weight: 500; }  /* Medium */
.font-semibold   { font-weight: 600; }  /* Semi Bold */
.font-bold       { font-weight: 700; }  /* Bold */
.font-extrabold  { font-weight: 800; }  /* Extra Bold */
.font-black      { font-weight: 900; }  /* Black */



/* === FLEX === */
/* === Flex Container === */
.flex              { display: flex; }
.inline-flex       { display: inline-flex; }

/* === 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; }

/* === Justify Content === */
.justify-start     { justify-content: flex-start; }
.justify-center    { justify-content: center; }
.justify-end       { justify-content: flex-end; }
.justify-between   { justify-content: space-between; }
.justify-around    { justify-content: space-around; }
.justify-evenly    { justify-content: space-evenly; }

/* === Align Items === */
.items-start       { align-items: flex-start; }
.items-center      { align-items: center; }
.items-end         { align-items: flex-end; }
.items-baseline    { align-items: baseline; }
.items-stretch     { align-items: stretch; }

/* === Align Self === */
.self-auto         { align-self: auto; }
.self-start        { align-self: flex-start; }
.self-center       { align-self: center; }
.self-end          { align-self: flex-end; }
.self-stretch      { align-self: stretch; }

/* === Align Content === */
.content-start     { align-content: flex-start; }
.content-center    { align-content: center; }
.content-end       { align-content: flex-end; }
.content-between   { align-content: space-between; }
.content-around    { align-content: space-around; }
.content-stretch   { align-content: stretch; }

/* === Flex Grow / Shrink === */
.flex-grow         { flex-grow: 1; }
.flex-grow-0       { flex-grow: 0; }

.flex-shrink       { flex-shrink: 1; }
.flex-shrink-0     { flex-shrink: 0; }

/* === Flex Basis === */
.basis-auto        { flex-basis: auto; }
.basis-1-2         { flex-basis: 50%; }
.basis-1-3         { flex-basis: 33.3333%; }
.basis-2-3         { flex-basis: 66.6666%; }
.basis-full        { flex-basis: 100%; }

/* === Gap Utilities === */
.gap-0      { gap: 0rem; }
.gap-0_5    { gap: 0.125rem; }  /* 2px */
.gap-1      { gap: 0.25rem; }   /* 4px */
.gap-1_5    { gap: 0.375rem; }  /* 6px */
.gap-2      { gap: 0.5rem; }    /* 8px */
.gap-2_5    { gap: 0.625rem; }  /* 10px */
.gap-3      { gap: 0.75rem; }   /* 12px */
.gap-4      { gap: 1rem; }      /* 16px */
.gap-5      { gap: 1.25rem; }   /* 20px */
.gap-6      { gap: 1.5rem; }    /* 24px */
.gap-8      { gap: 2rem; }      /* 32px */
.gap-10     { gap: 2.5rem; }    /* 40px */
.gap-12     { gap: 3rem; }      /* 48px */
.gap-16     { gap: 4rem; }      /* 64px */

/* === Row Gap === */
.row-gap-0     { row-gap: 0rem; }
.row-gap-1     { row-gap: 0.25rem; }
.row-gap-2     { row-gap: 0.5rem; }
.row-gap-4     { row-gap: 1rem; }
.row-gap-8     { row-gap: 2rem; }
.row-gap-16    { row-gap: 4rem; }

/* === Column Gap === */
.col-gap-0     { column-gap: 0rem; }
.col-gap-1     { column-gap: 0.25rem; }
.col-gap-2     { column-gap: 0.5rem; }
.col-gap-4     { column-gap: 1rem; }
.col-gap-8     { column-gap: 2rem; }
.col-gap-16    { column-gap: 4rem; }


@media (min-width: 640px) {
.sm\:m-0 {margin: var(--space-0);}
.sm\:m-1 {margin: var(--space-1);}
.sm\:m-2 {margin: var(--space-2);}
.sm\:m-3 {margin: var(--space-3);}
.sm\:m-4 {margin: var(--space-4);}
.sm\:m-5 {margin: var(--space-5);}
.sm\:m-6 {margin: var(--space-6);}
.sm\:m-8 {margin: var(--space-8);}
.sm\:m-10 {margin: var(--space-10);}
.sm\:m-12 {margin: var(--space-12);}
.sm\:m-16 {margin: var(--space-16);}
.sm\:m-20 {margin: var(--space-20);}
.sm\:my-0 {margin-top: var(--space-0); margin-bottom: var(--space-0);}
.sm\:my-1 {margin-top: var(--space-1); margin-bottom: var(--space-1);}
.sm\:my-2 {margin-top: var(--space-2); margin-bottom: var(--space-2);}
.sm\:my-3 {margin-top: var(--space-3); margin-bottom: var(--space-3);}
.sm\:my-4 {margin-top: var(--space-4); margin-bottom: var(--space-4);}
.sm\:my-5 {margin-top: var(--space-5); margin-bottom: var(--space-5);}
.sm\:my-6 {margin-top: var(--space-6); margin-bottom: var(--space-6);}
.sm\:my-8 {margin-top: var(--space-8); margin-bottom: var(--space-8);}
.sm\:my-10 {margin-top: var(--space-10); margin-bottom: var(--space-10);}
.sm\:my-12 {margin-top: var(--space-12); margin-bottom: var(--space-12);}
.sm\:my-16 {margin-top: var(--space-16); margin-bottom: var(--space-16);}
.sm\:my-20 {margin-top: var(--space-20); margin-bottom: var(--space-20);}
.sm\:mx-0 {margin-left: var(--space-0); margin-right: var(--space-0);}
.sm\:mx-1 {margin-left: var(--space-1); margin-right: var(--space-1);}
.sm\:mx-2 {margin-left: var(--space-2); margin-right: var(--space-2);}
.sm\:mx-3 {margin-left: var(--space-3); margin-right: var(--space-3);}
.sm\:mx-4 {margin-left: var(--space-4); margin-right: var(--space-4);}
.sm\:mx-5 {margin-left: var(--space-5); margin-right: var(--space-5);}
.sm\:mx-6 {margin-left: var(--space-6); margin-right: var(--space-6);}
.sm\:mx-8 {margin-left: var(--space-8); margin-right: var(--space-8);}
.sm\:mx-10 {margin-left: var(--space-10); margin-right: var(--space-10);}
.sm\:mx-12 {margin-left: var(--space-12); margin-right: var(--space-12);}
.sm\:mx-16 {margin-left: var(--space-16); margin-right: var(--space-16);}
.sm\:mx-20 {margin-left: var(--space-20); margin-right: var(--space-20);}
.sm\:mt-0 {margin-top: var(--space-0);}
.sm\:mt-1 {margin-top: var(--space-1);}
.sm\:mt-2 {margin-top: var(--space-2);}
.sm\:mt-3 {margin-top: var(--space-3);}
.sm\:mt-4 {margin-top: var(--space-4);}
.sm\:mt-5 {margin-top: var(--space-5);}
.sm\:mt-6 {margin-top: var(--space-6);}
.sm\:mt-8 {margin-top: var(--space-8);}
.sm\:mt-10 {margin-top: var(--space-10);}
.sm\:mt-12 {margin-top: var(--space-12);}
.sm\:mt-16 {margin-top: var(--space-16);}
.sm\:mt-20 {margin-top: var(--space-20);}
.sm\:mr-0 {margin-right: var(--space-0);}
.sm\:mr-1 {margin-right: var(--space-1);}
.sm\:mr-2 {margin-right: var(--space-2);}
.sm\:mr-3 {margin-right: var(--space-3);}
.sm\:mr-4 {margin-right: var(--space-4);}
.sm\:mr-5 {margin-right: var(--space-5);}
.sm\:mr-6 {margin-right: var(--space-6);}
.sm\:mr-8 {margin-right: var(--space-8);}
.sm\:mr-10 {margin-right: var(--space-10);}
.sm\:mr-12 {margin-right: var(--space-12);}
.sm\:mr-16 {margin-right: var(--space-16);}
.sm\:mr-20 {margin-right: var(--space-20);}
.sm\:mb-0 {margin-bottom: var(--space-0);}
.sm\:mb-1 {margin-bottom: var(--space-1);}
.sm\:mb-2 {margin-bottom: var(--space-2);}
.sm\:mb-3 {margin-bottom: var(--space-3);}
.sm\:mb-4 {margin-bottom: var(--space-4);}
.sm\:mb-5 {margin-bottom: var(--space-5);}
.sm\:mb-6 {margin-bottom: var(--space-6);}
.sm\:mb-8 {margin-bottom: var(--space-8);}
.sm\:mb-10 {margin-bottom: var(--space-10);}
.sm\:mb-12 {margin-bottom: var(--space-12);}
.sm\:mb-16 {margin-bottom: var(--space-16);}
.sm\:mb-20 {margin-bottom: var(--space-20);}
.sm\:ml-0 {margin-left: var(--space-0);}
.sm\:ml-1 {margin-left: var(--space-1);}
.sm\:ml-2 {margin-left: var(--space-2);}
.sm\:ml-3 {margin-left: var(--space-3);}
.sm\:ml-4 {margin-left: var(--space-4);}
.sm\:ml-5 {margin-left: var(--space-5);}
.sm\:ml-6 {margin-left: var(--space-6);}
.sm\:ml-8 {margin-left: var(--space-8);}
.sm\:ml-10 {margin-left: var(--space-10);}
.sm\:ml-12 {margin-left: var(--space-12);}
.sm\:ml-16 {margin-left: var(--space-16);}
.sm\:ml-20 {margin-left: var(--space-20);}
.sm\:p-0 {padding: var(--space-0);}
.sm\:p-1 {padding: var(--space-1);}
.sm\:p-2 {padding: var(--space-2);}
.sm\:p-3 {padding: var(--space-3);}
.sm\:p-4 {padding: var(--space-4);}
.sm\:p-5 {padding: var(--space-5);}
.sm\:p-6 {padding: var(--space-6);}
.sm\:p-8 {padding: var(--space-8);}
.sm\:p-10 {padding: var(--space-10);}
.sm\:p-12 {padding: var(--space-12);}
.sm\:p-16 {padding: var(--space-16);}
.sm\:p-20 {padding: var(--space-20);}
.sm\:py-0 {padding-top: var(--space-0); padding-bottom: var(--space-0);}
.sm\:py-1 {padding-top: var(--space-1); padding-bottom: var(--space-1);}
.sm\:py-2 {padding-top: var(--space-2); padding-bottom: var(--space-2);}
.sm\:py-3 {padding-top: var(--space-3); padding-bottom: var(--space-3);}
.sm\:py-4 {padding-top: var(--space-4); padding-bottom: var(--space-4);}
.sm\:py-5 {padding-top: var(--space-5); padding-bottom: var(--space-5);}
.sm\:py-6 {padding-top: var(--space-6); padding-bottom: var(--space-6);}
.sm\:py-8 {padding-top: var(--space-8); padding-bottom: var(--space-8);}
.sm\:py-10 {padding-top: var(--space-10); padding-bottom: var(--space-10);}
.sm\:py-12 {padding-top: var(--space-12); padding-bottom: var(--space-12);}
.sm\:py-16 {padding-top: var(--space-16); padding-bottom: var(--space-16);}
.sm\:py-20 {padding-top: var(--space-20); padding-bottom: var(--space-20);}
.sm\:px-0 {padding-left: var(--space-0); padding-right: var(--space-0);}
.sm\:px-1 {padding-left: var(--space-1); padding-right: var(--space-1);}
.sm\:px-2 {padding-left: var(--space-2); padding-right: var(--space-2);}
.sm\:px-3 {padding-left: var(--space-3); padding-right: var(--space-3);}
.sm\:px-4 {padding-left: var(--space-4); padding-right: var(--space-4);}
.sm\:px-5 {padding-left: var(--space-5); padding-right: var(--space-5);}
.sm\:px-6 {padding-left: var(--space-6); padding-right: var(--space-6);}
.sm\:px-8 {padding-left: var(--space-8); padding-right: var(--space-8);}
.sm\:px-10 {padding-left: var(--space-10); padding-right: var(--space-10);}
.sm\:px-12 {padding-left: var(--space-12); padding-right: var(--space-12);}
.sm\:px-16 {padding-left: var(--space-16); padding-right: var(--space-16);}
.sm\:px-20 {padding-left: var(--space-20); padding-right: var(--space-20);}
.sm\:pt-0 {padding-top: var(--space-0);}
.sm\:pt-1 {padding-top: var(--space-1);}
.sm\:pt-2 {padding-top: var(--space-2);}
.sm\:pt-3 {padding-top: var(--space-3);}
.sm\:pt-4 {padding-top: var(--space-4);}
.sm\:pt-5 {padding-top: var(--space-5);}
.sm\:pt-6 {padding-top: var(--space-6);}
.sm\:pt-8 {padding-top: var(--space-8);}
.sm\:pt-10 {padding-top: var(--space-10);}
.sm\:pt-12 {padding-top: var(--space-12);}
.sm\:pt-16 {padding-top: var(--space-16);}
.sm\:pt-20 {padding-top: var(--space-20);}
.sm\:pr-0 {padding-right: var(--space-0);}
.sm\:pr-1 {padding-right: var(--space-1);}
.sm\:pr-2 {padding-right: var(--space-2);}
.sm\:pr-3 {padding-right: var(--space-3);}
.sm\:pr-4 {padding-right: var(--space-4);}
.sm\:pr-5 {padding-right: var(--space-5);}
.sm\:pr-6 {padding-right: var(--space-6);}
.sm\:pr-8 {padding-right: var(--space-8);}
.sm\:pr-10 {padding-right: var(--space-10);}
.sm\:pr-12 {padding-right: var(--space-12);}
.sm\:pr-16 {padding-right: var(--space-16);}
.sm\:pr-20 {padding-right: var(--space-20);}
.sm\:pb-0 {padding-bottom: var(--space-0);}
.sm\:pb-1 {padding-bottom: var(--space-1);}
.sm\:pb-2 {padding-bottom: var(--space-2);}
.sm\:pb-3 {padding-bottom: var(--space-3);}
.sm\:pb-4 {padding-bottom: var(--space-4);}
.sm\:pb-5 {padding-bottom: var(--space-5);}
.sm\:pb-6 {padding-bottom: var(--space-6);}
.sm\:pb-8 {padding-bottom: var(--space-8);}
.sm\:pb-10 {padding-bottom: var(--space-10);}
.sm\:pb-12 {padding-bottom: var(--space-12);}
.sm\:pb-16 {padding-bottom: var(--space-16);}
.sm\:pb-20 {padding-bottom: var(--space-20);}
.sm\:pl-0 {padding-left: var(--space-0);}
.sm\:pl-1 {padding-left: var(--space-1);}
.sm\:pl-2 {padding-left: var(--space-2);}
.sm\:pl-3 {padding-left: var(--space-3);}
.sm\:pl-4 {padding-left: var(--space-4);}
.sm\:pl-5 {padding-left: var(--space-5);}
.sm\:pl-6 {padding-left: var(--space-6);}
.sm\:pl-8 {padding-left: var(--space-8);}
.sm\:pl-10 {padding-left: var(--space-10);}
.sm\:pl-12 {padding-left: var(--space-12);}
.sm\:pl-16 {padding-left: var(--space-16);}
.sm\:pl-20 {padding-left: var(--space-20);}
.sm\:ta-left {text-align: left;}
.sm\:ta-right {text-align: right;}
.sm\:ta-center {text-align: center;}
.sm\:font-thin {font-weight: 100;}
.sm\:font-extralight {font-weight: 200;}
.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;}
.sm\:font-extrabold {font-weight: 800;}
.sm\:font-black {font-weight: 900;}
.sm\:flex {display: flex;}
.sm\:inline-flex {display: inline-flex;}
.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-nowrap {flex-wrap: nowrap;}
.sm\:flex-wrap-reverse {flex-wrap: wrap-reverse;}
.sm\:justify-start {justify-content: flex-start;}
.sm\:justify-center {justify-content: center;}
.sm\:justify-end {justify-content: flex-end;}
.sm\:justify-between {justify-content: space-between;}
.sm\:justify-around {justify-content: space-around;}
.sm\:justify-evenly {justify-content: space-evenly;}
.sm\:items-start {align-items: flex-start;}
.sm\:items-center {align-items: center;}
.sm\:items-end {align-items: flex-end;}
.sm\:items-baseline {align-items: baseline;}
.sm\:items-stretch {align-items: stretch;}
.sm\:self-auto {align-self: auto;}
.sm\:self-start {align-self: flex-start;}
.sm\:self-center {align-self: center;}
.sm\:self-end {align-self: flex-end;}
.sm\:self-stretch {align-self: stretch;}
.sm\:content-start {align-content: flex-start;}
.sm\:content-center {align-content: center;}
.sm\:content-end {align-content: flex-end;}
.sm\:content-between {align-content: space-between;}
.sm\:content-around {align-content: space-around;}
.sm\:content-stretch {align-content: stretch;}
.sm\:flex-grow {flex-grow: 1;}
.sm\:flex-grow-0 {flex-grow: 0;}
.sm\:flex-shrink {flex-shrink: 1;}
.sm\:flex-shrink-0 {flex-shrink: 0;}
.sm\:basis-auto {flex-basis: auto;}
.sm\:basis-1-2 {flex-basis: 50%;}
.sm\:basis-1-3 {flex-basis: 33.3333%;}
.sm\:basis-2-3 {flex-basis: 66.6666%;}
.sm\:basis-full {flex-basis: 100%;}
.sm\:gap-0 {gap: 0rem;}
.sm\:gap-0_5 {gap: 0.125rem;}
.sm\:gap-1 {gap: 0.25rem;}
.sm\:gap-1_5 {gap: 0.375rem;}
.sm\:gap-2 {gap: 0.5rem;}
.sm\:gap-2_5 {gap: 0.625rem;}
.sm\:gap-3 {gap: 0.75rem;}
.sm\:gap-4 {gap: 1rem;}
.sm\:gap-5 {gap: 1.25rem;}
.sm\:gap-6 {gap: 1.5rem;}
.sm\:gap-8 {gap: 2rem;}
.sm\:gap-10 {gap: 2.5rem;}
.sm\:gap-12 {gap: 3rem;}
.sm\:gap-16 {gap: 4rem;}
.sm\:row-gap-0 {row-gap: 0rem;}
.sm\:row-gap-1 {row-gap: 0.25rem;}
.sm\:row-gap-2 {row-gap: 0.5rem;}
.sm\:row-gap-4 {row-gap: 1rem;}
.sm\:row-gap-8 {row-gap: 2rem;}
.sm\:row-gap-16 {row-gap: 4rem;}
.sm\:col-gap-0 {column-gap: 0rem;}
.sm\:col-gap-1 {column-gap: 0.25rem;}
.sm\:col-gap-2 {column-gap: 0.5rem;}
.sm\:col-gap-4 {column-gap: 1rem;}
.sm\:col-gap-8 {column-gap: 2rem;}
.sm\:col-gap-16 {column-gap: 4rem;}
}
@media (min-width: 768px) {
.md\:m-0 {margin: var(--space-0);}
.md\:m-1 {margin: var(--space-1);}
.md\:m-2 {margin: var(--space-2);}
.md\:m-3 {margin: var(--space-3);}
.md\:m-4 {margin: var(--space-4);}
.md\:m-5 {margin: var(--space-5);}
.md\:m-6 {margin: var(--space-6);}
.md\:m-8 {margin: var(--space-8);}
.md\:m-10 {margin: var(--space-10);}
.md\:m-12 {margin: var(--space-12);}
.md\:m-16 {margin: var(--space-16);}
.md\:m-20 {margin: var(--space-20);}
.md\:my-0 {margin-top: var(--space-0); margin-bottom: var(--space-0);}
.md\:my-1 {margin-top: var(--space-1); margin-bottom: var(--space-1);}
.md\:my-2 {margin-top: var(--space-2); margin-bottom: var(--space-2);}
.md\:my-3 {margin-top: var(--space-3); margin-bottom: var(--space-3);}
.md\:my-4 {margin-top: var(--space-4); margin-bottom: var(--space-4);}
.md\:my-5 {margin-top: var(--space-5); margin-bottom: var(--space-5);}
.md\:my-6 {margin-top: var(--space-6); margin-bottom: var(--space-6);}
.md\:my-8 {margin-top: var(--space-8); margin-bottom: var(--space-8);}
.md\:my-10 {margin-top: var(--space-10); margin-bottom: var(--space-10);}
.md\:my-12 {margin-top: var(--space-12); margin-bottom: var(--space-12);}
.md\:my-16 {margin-top: var(--space-16); margin-bottom: var(--space-16);}
.md\:my-20 {margin-top: var(--space-20); margin-bottom: var(--space-20);}
.md\:mx-0 {margin-left: var(--space-0); margin-right: var(--space-0);}
.md\:mx-1 {margin-left: var(--space-1); margin-right: var(--space-1);}
.md\:mx-2 {margin-left: var(--space-2); margin-right: var(--space-2);}
.md\:mx-3 {margin-left: var(--space-3); margin-right: var(--space-3);}
.md\:mx-4 {margin-left: var(--space-4); margin-right: var(--space-4);}
.md\:mx-5 {margin-left: var(--space-5); margin-right: var(--space-5);}
.md\:mx-6 {margin-left: var(--space-6); margin-right: var(--space-6);}
.md\:mx-8 {margin-left: var(--space-8); margin-right: var(--space-8);}
.md\:mx-10 {margin-left: var(--space-10); margin-right: var(--space-10);}
.md\:mx-12 {margin-left: var(--space-12); margin-right: var(--space-12);}
.md\:mx-16 {margin-left: var(--space-16); margin-right: var(--space-16);}
.md\:mx-20 {margin-left: var(--space-20); margin-right: var(--space-20);}
.md\:mt-0 {margin-top: var(--space-0);}
.md\:mt-1 {margin-top: var(--space-1);}
.md\:mt-2 {margin-top: var(--space-2);}
.md\:mt-3 {margin-top: var(--space-3);}
.md\:mt-4 {margin-top: var(--space-4);}
.md\:mt-5 {margin-top: var(--space-5);}
.md\:mt-6 {margin-top: var(--space-6);}
.md\:mt-8 {margin-top: var(--space-8);}
.md\:mt-10 {margin-top: var(--space-10);}
.md\:mt-12 {margin-top: var(--space-12);}
.md\:mt-16 {margin-top: var(--space-16);}
.md\:mt-20 {margin-top: var(--space-20);}
.md\:mr-0 {margin-right: var(--space-0);}
.md\:mr-1 {margin-right: var(--space-1);}
.md\:mr-2 {margin-right: var(--space-2);}
.md\:mr-3 {margin-right: var(--space-3);}
.md\:mr-4 {margin-right: var(--space-4);}
.md\:mr-5 {margin-right: var(--space-5);}
.md\:mr-6 {margin-right: var(--space-6);}
.md\:mr-8 {margin-right: var(--space-8);}
.md\:mr-10 {margin-right: var(--space-10);}
.md\:mr-12 {margin-right: var(--space-12);}
.md\:mr-16 {margin-right: var(--space-16);}
.md\:mr-20 {margin-right: var(--space-20);}
.md\:mb-0 {margin-bottom: var(--space-0);}
.md\:mb-1 {margin-bottom: var(--space-1);}
.md\:mb-2 {margin-bottom: var(--space-2);}
.md\:mb-3 {margin-bottom: var(--space-3);}
.md\:mb-4 {margin-bottom: var(--space-4);}
.md\:mb-5 {margin-bottom: var(--space-5);}
.md\:mb-6 {margin-bottom: var(--space-6);}
.md\:mb-8 {margin-bottom: var(--space-8);}
.md\:mb-10 {margin-bottom: var(--space-10);}
.md\:mb-12 {margin-bottom: var(--space-12);}
.md\:mb-16 {margin-bottom: var(--space-16);}
.md\:mb-20 {margin-bottom: var(--space-20);}
.md\:ml-0 {margin-left: var(--space-0);}
.md\:ml-1 {margin-left: var(--space-1);}
.md\:ml-2 {margin-left: var(--space-2);}
.md\:ml-3 {margin-left: var(--space-3);}
.md\:ml-4 {margin-left: var(--space-4);}
.md\:ml-5 {margin-left: var(--space-5);}
.md\:ml-6 {margin-left: var(--space-6);}
.md\:ml-8 {margin-left: var(--space-8);}
.md\:ml-10 {margin-left: var(--space-10);}
.md\:ml-12 {margin-left: var(--space-12);}
.md\:ml-16 {margin-left: var(--space-16);}
.md\:ml-20 {margin-left: var(--space-20);}
.md\:p-0 {padding: var(--space-0);}
.md\:p-1 {padding: var(--space-1);}
.md\:p-2 {padding: var(--space-2);}
.md\:p-3 {padding: var(--space-3);}
.md\:p-4 {padding: var(--space-4);}
.md\:p-5 {padding: var(--space-5);}
.md\:p-6 {padding: var(--space-6);}
.md\:p-8 {padding: var(--space-8);}
.md\:p-10 {padding: var(--space-10);}
.md\:p-12 {padding: var(--space-12);}
.md\:p-16 {padding: var(--space-16);}
.md\:p-20 {padding: var(--space-20);}
.md\:py-0 {padding-top: var(--space-0); padding-bottom: var(--space-0);}
.md\:py-1 {padding-top: var(--space-1); padding-bottom: var(--space-1);}
.md\:py-2 {padding-top: var(--space-2); padding-bottom: var(--space-2);}
.md\:py-3 {padding-top: var(--space-3); padding-bottom: var(--space-3);}
.md\:py-4 {padding-top: var(--space-4); padding-bottom: var(--space-4);}
.md\:py-5 {padding-top: var(--space-5); padding-bottom: var(--space-5);}
.md\:py-6 {padding-top: var(--space-6); padding-bottom: var(--space-6);}
.md\:py-8 {padding-top: var(--space-8); padding-bottom: var(--space-8);}
.md\:py-10 {padding-top: var(--space-10); padding-bottom: var(--space-10);}
.md\:py-12 {padding-top: var(--space-12); padding-bottom: var(--space-12);}
.md\:py-16 {padding-top: var(--space-16); padding-bottom: var(--space-16);}
.md\:py-20 {padding-top: var(--space-20); padding-bottom: var(--space-20);}
.md\:px-0 {padding-left: var(--space-0); padding-right: var(--space-0);}
.md\:px-1 {padding-left: var(--space-1); padding-right: var(--space-1);}
.md\:px-2 {padding-left: var(--space-2); padding-right: var(--space-2);}
.md\:px-3 {padding-left: var(--space-3); padding-right: var(--space-3);}
.md\:px-4 {padding-left: var(--space-4); padding-right: var(--space-4);}
.md\:px-5 {padding-left: var(--space-5); padding-right: var(--space-5);}
.md\:px-6 {padding-left: var(--space-6); padding-right: var(--space-6);}
.md\:px-8 {padding-left: var(--space-8); padding-right: var(--space-8);}
.md\:px-10 {padding-left: var(--space-10); padding-right: var(--space-10);}
.md\:px-12 {padding-left: var(--space-12); padding-right: var(--space-12);}
.md\:px-16 {padding-left: var(--space-16); padding-right: var(--space-16);}
.md\:px-20 {padding-left: var(--space-20); padding-right: var(--space-20);}
.md\:pt-0 {padding-top: var(--space-0);}
.md\:pt-1 {padding-top: var(--space-1);}
.md\:pt-2 {padding-top: var(--space-2);}
.md\:pt-3 {padding-top: var(--space-3);}
.md\:pt-4 {padding-top: var(--space-4);}
.md\:pt-5 {padding-top: var(--space-5);}
.md\:pt-6 {padding-top: var(--space-6);}
.md\:pt-8 {padding-top: var(--space-8);}
.md\:pt-10 {padding-top: var(--space-10);}
.md\:pt-12 {padding-top: var(--space-12);}
.md\:pt-16 {padding-top: var(--space-16);}
.md\:pt-20 {padding-top: var(--space-20);}
.md\:pr-0 {padding-right: var(--space-0);}
.md\:pr-1 {padding-right: var(--space-1);}
.md\:pr-2 {padding-right: var(--space-2);}
.md\:pr-3 {padding-right: var(--space-3);}
.md\:pr-4 {padding-right: var(--space-4);}
.md\:pr-5 {padding-right: var(--space-5);}
.md\:pr-6 {padding-right: var(--space-6);}
.md\:pr-8 {padding-right: var(--space-8);}
.md\:pr-10 {padding-right: var(--space-10);}
.md\:pr-12 {padding-right: var(--space-12);}
.md\:pr-16 {padding-right: var(--space-16);}
.md\:pr-20 {padding-right: var(--space-20);}
.md\:pb-0 {padding-bottom: var(--space-0);}
.md\:pb-1 {padding-bottom: var(--space-1);}
.md\:pb-2 {padding-bottom: var(--space-2);}
.md\:pb-3 {padding-bottom: var(--space-3);}
.md\:pb-4 {padding-bottom: var(--space-4);}
.md\:pb-5 {padding-bottom: var(--space-5);}
.md\:pb-6 {padding-bottom: var(--space-6);}
.md\:pb-8 {padding-bottom: var(--space-8);}
.md\:pb-10 {padding-bottom: var(--space-10);}
.md\:pb-12 {padding-bottom: var(--space-12);}
.md\:pb-16 {padding-bottom: var(--space-16);}
.md\:pb-20 {padding-bottom: var(--space-20);}
.md\:pl-0 {padding-left: var(--space-0);}
.md\:pl-1 {padding-left: var(--space-1);}
.md\:pl-2 {padding-left: var(--space-2);}
.md\:pl-3 {padding-left: var(--space-3);}
.md\:pl-4 {padding-left: var(--space-4);}
.md\:pl-5 {padding-left: var(--space-5);}
.md\:pl-6 {padding-left: var(--space-6);}
.md\:pl-8 {padding-left: var(--space-8);}
.md\:pl-10 {padding-left: var(--space-10);}
.md\:pl-12 {padding-left: var(--space-12);}
.md\:pl-16 {padding-left: var(--space-16);}
.md\:pl-20 {padding-left: var(--space-20);}
.md\:ta-left {text-align: left;}
.md\:ta-right {text-align: right;}
.md\:ta-center {text-align: center;}
.md\:font-thin {font-weight: 100;}
.md\:font-extralight {font-weight: 200;}
.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;}
.md\:font-extrabold {font-weight: 800;}
.md\:font-black {font-weight: 900;}
.md\:flex {display: flex;}
.md\:inline-flex {display: inline-flex;}
.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-nowrap {flex-wrap: nowrap;}
.md\:flex-wrap-reverse {flex-wrap: wrap-reverse;}
.md\:justify-start {justify-content: flex-start;}
.md\:justify-center {justify-content: center;}
.md\:justify-end {justify-content: flex-end;}
.md\:justify-between {justify-content: space-between;}
.md\:justify-around {justify-content: space-around;}
.md\:justify-evenly {justify-content: space-evenly;}
.md\:items-start {align-items: flex-start;}
.md\:items-center {align-items: center;}
.md\:items-end {align-items: flex-end;}
.md\:items-baseline {align-items: baseline;}
.md\:items-stretch {align-items: stretch;}
.md\:self-auto {align-self: auto;}
.md\:self-start {align-self: flex-start;}
.md\:self-center {align-self: center;}
.md\:self-end {align-self: flex-end;}
.md\:self-stretch {align-self: stretch;}
.md\:content-start {align-content: flex-start;}
.md\:content-center {align-content: center;}
.md\:content-end {align-content: flex-end;}
.md\:content-between {align-content: space-between;}
.md\:content-around {align-content: space-around;}
.md\:content-stretch {align-content: stretch;}
.md\:flex-grow {flex-grow: 1;}
.md\:flex-grow-0 {flex-grow: 0;}
.md\:flex-shrink {flex-shrink: 1;}
.md\:flex-shrink-0 {flex-shrink: 0;}
.md\:basis-auto {flex-basis: auto;}
.md\:basis-1-2 {flex-basis: 50%;}
.md\:basis-1-3 {flex-basis: 33.3333%;}
.md\:basis-2-3 {flex-basis: 66.6666%;}
.md\:basis-full {flex-basis: 100%;}
.md\:gap-0 {gap: 0rem;}
.md\:gap-0_5 {gap: 0.125rem;}
.md\:gap-1 {gap: 0.25rem;}
.md\:gap-1_5 {gap: 0.375rem;}
.md\:gap-2 {gap: 0.5rem;}
.md\:gap-2_5 {gap: 0.625rem;}
.md\:gap-3 {gap: 0.75rem;}
.md\:gap-4 {gap: 1rem;}
.md\:gap-5 {gap: 1.25rem;}
.md\:gap-6 {gap: 1.5rem;}
.md\:gap-8 {gap: 2rem;}
.md\:gap-10 {gap: 2.5rem;}
.md\:gap-12 {gap: 3rem;}
.md\:gap-16 {gap: 4rem;}
.md\:row-gap-0 {row-gap: 0rem;}
.md\:row-gap-1 {row-gap: 0.25rem;}
.md\:row-gap-2 {row-gap: 0.5rem;}
.md\:row-gap-4 {row-gap: 1rem;}
.md\:row-gap-8 {row-gap: 2rem;}
.md\:row-gap-16 {row-gap: 4rem;}
.md\:col-gap-0 {column-gap: 0rem;}
.md\:col-gap-1 {column-gap: 0.25rem;}
.md\:col-gap-2 {column-gap: 0.5rem;}
.md\:col-gap-4 {column-gap: 1rem;}
.md\:col-gap-8 {column-gap: 2rem;}
.md\:col-gap-16 {column-gap: 4rem;}
}
@media (min-width: 1024px) {
.lg\:m-0 {margin: var(--space-0);}
.lg\:m-1 {margin: var(--space-1);}
.lg\:m-2 {margin: var(--space-2);}
.lg\:m-3 {margin: var(--space-3);}
.lg\:m-4 {margin: var(--space-4);}
.lg\:m-5 {margin: var(--space-5);}
.lg\:m-6 {margin: var(--space-6);}
.lg\:m-8 {margin: var(--space-8);}
.lg\:m-10 {margin: var(--space-10);}
.lg\:m-12 {margin: var(--space-12);}
.lg\:m-16 {margin: var(--space-16);}
.lg\:m-20 {margin: var(--space-20);}
.lg\:my-0 {margin-top: var(--space-0); margin-bottom: var(--space-0);}
.lg\:my-1 {margin-top: var(--space-1); margin-bottom: var(--space-1);}
.lg\:my-2 {margin-top: var(--space-2); margin-bottom: var(--space-2);}
.lg\:my-3 {margin-top: var(--space-3); margin-bottom: var(--space-3);}
.lg\:my-4 {margin-top: var(--space-4); margin-bottom: var(--space-4);}
.lg\:my-5 {margin-top: var(--space-5); margin-bottom: var(--space-5);}
.lg\:my-6 {margin-top: var(--space-6); margin-bottom: var(--space-6);}
.lg\:my-8 {margin-top: var(--space-8); margin-bottom: var(--space-8);}
.lg\:my-10 {margin-top: var(--space-10); margin-bottom: var(--space-10);}
.lg\:my-12 {margin-top: var(--space-12); margin-bottom: var(--space-12);}
.lg\:my-16 {margin-top: var(--space-16); margin-bottom: var(--space-16);}
.lg\:my-20 {margin-top: var(--space-20); margin-bottom: var(--space-20);}
.lg\:mx-0 {margin-left: var(--space-0); margin-right: var(--space-0);}
.lg\:mx-1 {margin-left: var(--space-1); margin-right: var(--space-1);}
.lg\:mx-2 {margin-left: var(--space-2); margin-right: var(--space-2);}
.lg\:mx-3 {margin-left: var(--space-3); margin-right: var(--space-3);}
.lg\:mx-4 {margin-left: var(--space-4); margin-right: var(--space-4);}
.lg\:mx-5 {margin-left: var(--space-5); margin-right: var(--space-5);}
.lg\:mx-6 {margin-left: var(--space-6); margin-right: var(--space-6);}
.lg\:mx-8 {margin-left: var(--space-8); margin-right: var(--space-8);}
.lg\:mx-10 {margin-left: var(--space-10); margin-right: var(--space-10);}
.lg\:mx-12 {margin-left: var(--space-12); margin-right: var(--space-12);}
.lg\:mx-16 {margin-left: var(--space-16); margin-right: var(--space-16);}
.lg\:mx-20 {margin-left: var(--space-20); margin-right: var(--space-20);}
.lg\:mt-0 {margin-top: var(--space-0);}
.lg\:mt-1 {margin-top: var(--space-1);}
.lg\:mt-2 {margin-top: var(--space-2);}
.lg\:mt-3 {margin-top: var(--space-3);}
.lg\:mt-4 {margin-top: var(--space-4);}
.lg\:mt-5 {margin-top: var(--space-5);}
.lg\:mt-6 {margin-top: var(--space-6);}
.lg\:mt-8 {margin-top: var(--space-8);}
.lg\:mt-10 {margin-top: var(--space-10);}
.lg\:mt-12 {margin-top: var(--space-12);}
.lg\:mt-16 {margin-top: var(--space-16);}
.lg\:mt-20 {margin-top: var(--space-20);}
.lg\:mr-0 {margin-right: var(--space-0);}
.lg\:mr-1 {margin-right: var(--space-1);}
.lg\:mr-2 {margin-right: var(--space-2);}
.lg\:mr-3 {margin-right: var(--space-3);}
.lg\:mr-4 {margin-right: var(--space-4);}
.lg\:mr-5 {margin-right: var(--space-5);}
.lg\:mr-6 {margin-right: var(--space-6);}
.lg\:mr-8 {margin-right: var(--space-8);}
.lg\:mr-10 {margin-right: var(--space-10);}
.lg\:mr-12 {margin-right: var(--space-12);}
.lg\:mr-16 {margin-right: var(--space-16);}
.lg\:mr-20 {margin-right: var(--space-20);}
.lg\:mb-0 {margin-bottom: var(--space-0);}
.lg\:mb-1 {margin-bottom: var(--space-1);}
.lg\:mb-2 {margin-bottom: var(--space-2);}
.lg\:mb-3 {margin-bottom: var(--space-3);}
.lg\:mb-4 {margin-bottom: var(--space-4);}
.lg\:mb-5 {margin-bottom: var(--space-5);}
.lg\:mb-6 {margin-bottom: var(--space-6);}
.lg\:mb-8 {margin-bottom: var(--space-8);}
.lg\:mb-10 {margin-bottom: var(--space-10);}
.lg\:mb-12 {margin-bottom: var(--space-12);}
.lg\:mb-16 {margin-bottom: var(--space-16);}
.lg\:mb-20 {margin-bottom: var(--space-20);}
.lg\:ml-0 {margin-left: var(--space-0);}
.lg\:ml-1 {margin-left: var(--space-1);}
.lg\:ml-2 {margin-left: var(--space-2);}
.lg\:ml-3 {margin-left: var(--space-3);}
.lg\:ml-4 {margin-left: var(--space-4);}
.lg\:ml-5 {margin-left: var(--space-5);}
.lg\:ml-6 {margin-left: var(--space-6);}
.lg\:ml-8 {margin-left: var(--space-8);}
.lg\:ml-10 {margin-left: var(--space-10);}
.lg\:ml-12 {margin-left: var(--space-12);}
.lg\:ml-16 {margin-left: var(--space-16);}
.lg\:ml-20 {margin-left: var(--space-20);}
.lg\:p-0 {padding: var(--space-0);}
.lg\:p-1 {padding: var(--space-1);}
.lg\:p-2 {padding: var(--space-2);}
.lg\:p-3 {padding: var(--space-3);}
.lg\:p-4 {padding: var(--space-4);}
.lg\:p-5 {padding: var(--space-5);}
.lg\:p-6 {padding: var(--space-6);}
.lg\:p-8 {padding: var(--space-8);}
.lg\:p-10 {padding: var(--space-10);}
.lg\:p-12 {padding: var(--space-12);}
.lg\:p-16 {padding: var(--space-16);}
.lg\:p-20 {padding: var(--space-20);}
.lg\:py-0 {padding-top: var(--space-0); padding-bottom: var(--space-0);}
.lg\:py-1 {padding-top: var(--space-1); padding-bottom: var(--space-1);}
.lg\:py-2 {padding-top: var(--space-2); padding-bottom: var(--space-2);}
.lg\:py-3 {padding-top: var(--space-3); padding-bottom: var(--space-3);}
.lg\:py-4 {padding-top: var(--space-4); padding-bottom: var(--space-4);}
.lg\:py-5 {padding-top: var(--space-5); padding-bottom: var(--space-5);}
.lg\:py-6 {padding-top: var(--space-6); padding-bottom: var(--space-6);}
.lg\:py-8 {padding-top: var(--space-8); padding-bottom: var(--space-8);}
.lg\:py-10 {padding-top: var(--space-10); padding-bottom: var(--space-10);}
.lg\:py-12 {padding-top: var(--space-12); padding-bottom: var(--space-12);}
.lg\:py-16 {padding-top: var(--space-16); padding-bottom: var(--space-16);}
.lg\:py-20 {padding-top: var(--space-20); padding-bottom: var(--space-20);}
.lg\:px-0 {padding-left: var(--space-0); padding-right: var(--space-0);}
.lg\:px-1 {padding-left: var(--space-1); padding-right: var(--space-1);}
.lg\:px-2 {padding-left: var(--space-2); padding-right: var(--space-2);}
.lg\:px-3 {padding-left: var(--space-3); padding-right: var(--space-3);}
.lg\:px-4 {padding-left: var(--space-4); padding-right: var(--space-4);}
.lg\:px-5 {padding-left: var(--space-5); padding-right: var(--space-5);}
.lg\:px-6 {padding-left: var(--space-6); padding-right: var(--space-6);}
.lg\:px-8 {padding-left: var(--space-8); padding-right: var(--space-8);}
.lg\:px-10 {padding-left: var(--space-10); padding-right: var(--space-10);}
.lg\:px-12 {padding-left: var(--space-12); padding-right: var(--space-12);}
.lg\:px-16 {padding-left: var(--space-16); padding-right: var(--space-16);}
.lg\:px-20 {padding-left: var(--space-20); padding-right: var(--space-20);}
.lg\:pt-0 {padding-top: var(--space-0);}
.lg\:pt-1 {padding-top: var(--space-1);}
.lg\:pt-2 {padding-top: var(--space-2);}
.lg\:pt-3 {padding-top: var(--space-3);}
.lg\:pt-4 {padding-top: var(--space-4);}
.lg\:pt-5 {padding-top: var(--space-5);}
.lg\:pt-6 {padding-top: var(--space-6);}
.lg\:pt-8 {padding-top: var(--space-8);}
.lg\:pt-10 {padding-top: var(--space-10);}
.lg\:pt-12 {padding-top: var(--space-12);}
.lg\:pt-16 {padding-top: var(--space-16);}
.lg\:pt-20 {padding-top: var(--space-20);}
.lg\:pr-0 {padding-right: var(--space-0);}
.lg\:pr-1 {padding-right: var(--space-1);}
.lg\:pr-2 {padding-right: var(--space-2);}
.lg\:pr-3 {padding-right: var(--space-3);}
.lg\:pr-4 {padding-right: var(--space-4);}
.lg\:pr-5 {padding-right: var(--space-5);}
.lg\:pr-6 {padding-right: var(--space-6);}
.lg\:pr-8 {padding-right: var(--space-8);}
.lg\:pr-10 {padding-right: var(--space-10);}
.lg\:pr-12 {padding-right: var(--space-12);}
.lg\:pr-16 {padding-right: var(--space-16);}
.lg\:pr-20 {padding-right: var(--space-20);}
.lg\:pb-0 {padding-bottom: var(--space-0);}
.lg\:pb-1 {padding-bottom: var(--space-1);}
.lg\:pb-2 {padding-bottom: var(--space-2);}
.lg\:pb-3 {padding-bottom: var(--space-3);}
.lg\:pb-4 {padding-bottom: var(--space-4);}
.lg\:pb-5 {padding-bottom: var(--space-5);}
.lg\:pb-6 {padding-bottom: var(--space-6);}
.lg\:pb-8 {padding-bottom: var(--space-8);}
.lg\:pb-10 {padding-bottom: var(--space-10);}
.lg\:pb-12 {padding-bottom: var(--space-12);}
.lg\:pb-16 {padding-bottom: var(--space-16);}
.lg\:pb-20 {padding-bottom: var(--space-20);}
.lg\:pl-0 {padding-left: var(--space-0);}
.lg\:pl-1 {padding-left: var(--space-1);}
.lg\:pl-2 {padding-left: var(--space-2);}
.lg\:pl-3 {padding-left: var(--space-3);}
.lg\:pl-4 {padding-left: var(--space-4);}
.lg\:pl-5 {padding-left: var(--space-5);}
.lg\:pl-6 {padding-left: var(--space-6);}
.lg\:pl-8 {padding-left: var(--space-8);}
.lg\:pl-10 {padding-left: var(--space-10);}
.lg\:pl-12 {padding-left: var(--space-12);}
.lg\:pl-16 {padding-left: var(--space-16);}
.lg\:pl-20 {padding-left: var(--space-20);}
.lg\:ta-left {text-align: left;}
.lg\:ta-right {text-align: right;}
.lg\:ta-center {text-align: center;}
.lg\:font-thin {font-weight: 100;}
.lg\:font-extralight {font-weight: 200;}
.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;}
.lg\:font-extrabold {font-weight: 800;}
.lg\:font-black {font-weight: 900;}
.lg\:flex {display: flex;}
.lg\:inline-flex {display: inline-flex;}
.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-nowrap {flex-wrap: nowrap;}
.lg\:flex-wrap-reverse {flex-wrap: wrap-reverse;}
.lg\:justify-start {justify-content: flex-start;}
.lg\:justify-center {justify-content: center;}
.lg\:justify-end {justify-content: flex-end;}
.lg\:justify-between {justify-content: space-between;}
.lg\:justify-around {justify-content: space-around;}
.lg\:justify-evenly {justify-content: space-evenly;}
.lg\:items-start {align-items: flex-start;}
.lg\:items-center {align-items: center;}
.lg\:items-end {align-items: flex-end;}
.lg\:items-baseline {align-items: baseline;}
.lg\:items-stretch {align-items: stretch;}
.lg\:self-auto {align-self: auto;}
.lg\:self-start {align-self: flex-start;}
.lg\:self-center {align-self: center;}
.lg\:self-end {align-self: flex-end;}
.lg\:self-stretch {align-self: stretch;}
.lg\:content-start {align-content: flex-start;}
.lg\:content-center {align-content: center;}
.lg\:content-end {align-content: flex-end;}
.lg\:content-between {align-content: space-between;}
.lg\:content-around {align-content: space-around;}
.lg\:content-stretch {align-content: stretch;}
.lg\:flex-grow {flex-grow: 1;}
.lg\:flex-grow-0 {flex-grow: 0;}
.lg\:flex-shrink {flex-shrink: 1;}
.lg\:flex-shrink-0 {flex-shrink: 0;}
.lg\:basis-auto {flex-basis: auto;}
.lg\:basis-1-2 {flex-basis: 50%;}
.lg\:basis-1-3 {flex-basis: 33.3333%;}
.lg\:basis-2-3 {flex-basis: 66.6666%;}
.lg\:basis-full {flex-basis: 100%;}
.lg\:gap-0 {gap: 0rem;}
.lg\:gap-0_5 {gap: 0.125rem;}
.lg\:gap-1 {gap: 0.25rem;}
.lg\:gap-1_5 {gap: 0.375rem;}
.lg\:gap-2 {gap: 0.5rem;}
.lg\:gap-2_5 {gap: 0.625rem;}
.lg\:gap-3 {gap: 0.75rem;}
.lg\:gap-4 {gap: 1rem;}
.lg\:gap-5 {gap: 1.25rem;}
.lg\:gap-6 {gap: 1.5rem;}
.lg\:gap-8 {gap: 2rem;}
.lg\:gap-10 {gap: 2.5rem;}
.lg\:gap-12 {gap: 3rem;}
.lg\:gap-16 {gap: 4rem;}
.lg\:row-gap-0 {row-gap: 0rem;}
.lg\:row-gap-1 {row-gap: 0.25rem;}
.lg\:row-gap-2 {row-gap: 0.5rem;}
.lg\:row-gap-4 {row-gap: 1rem;}
.lg\:row-gap-8 {row-gap: 2rem;}
.lg\:row-gap-16 {row-gap: 4rem;}
.lg\:col-gap-0 {column-gap: 0rem;}
.lg\:col-gap-1 {column-gap: 0.25rem;}
.lg\:col-gap-2 {column-gap: 0.5rem;}
.lg\:col-gap-4 {column-gap: 1rem;}
.lg\:col-gap-8 {column-gap: 2rem;}
.lg\:col-gap-16 {column-gap: 4rem;}
}
@media (min-width: 1280px) {
.xl\:m-0 {margin: var(--space-0);}
.xl\:m-1 {margin: var(--space-1);}
.xl\:m-2 {margin: var(--space-2);}
.xl\:m-3 {margin: var(--space-3);}
.xl\:m-4 {margin: var(--space-4);}
.xl\:m-5 {margin: var(--space-5);}
.xl\:m-6 {margin: var(--space-6);}
.xl\:m-8 {margin: var(--space-8);}
.xl\:m-10 {margin: var(--space-10);}
.xl\:m-12 {margin: var(--space-12);}
.xl\:m-16 {margin: var(--space-16);}
.xl\:m-20 {margin: var(--space-20);}
.xl\:my-0 {margin-top: var(--space-0); margin-bottom: var(--space-0);}
.xl\:my-1 {margin-top: var(--space-1); margin-bottom: var(--space-1);}
.xl\:my-2 {margin-top: var(--space-2); margin-bottom: var(--space-2);}
.xl\:my-3 {margin-top: var(--space-3); margin-bottom: var(--space-3);}
.xl\:my-4 {margin-top: var(--space-4); margin-bottom: var(--space-4);}
.xl\:my-5 {margin-top: var(--space-5); margin-bottom: var(--space-5);}
.xl\:my-6 {margin-top: var(--space-6); margin-bottom: var(--space-6);}
.xl\:my-8 {margin-top: var(--space-8); margin-bottom: var(--space-8);}
.xl\:my-10 {margin-top: var(--space-10); margin-bottom: var(--space-10);}
.xl\:my-12 {margin-top: var(--space-12); margin-bottom: var(--space-12);}
.xl\:my-16 {margin-top: var(--space-16); margin-bottom: var(--space-16);}
.xl\:my-20 {margin-top: var(--space-20); margin-bottom: var(--space-20);}
.xl\:mx-0 {margin-left: var(--space-0); margin-right: var(--space-0);}
.xl\:mx-1 {margin-left: var(--space-1); margin-right: var(--space-1);}
.xl\:mx-2 {margin-left: var(--space-2); margin-right: var(--space-2);}
.xl\:mx-3 {margin-left: var(--space-3); margin-right: var(--space-3);}
.xl\:mx-4 {margin-left: var(--space-4); margin-right: var(--space-4);}
.xl\:mx-5 {margin-left: var(--space-5); margin-right: var(--space-5);}
.xl\:mx-6 {margin-left: var(--space-6); margin-right: var(--space-6);}
.xl\:mx-8 {margin-left: var(--space-8); margin-right: var(--space-8);}
.xl\:mx-10 {margin-left: var(--space-10); margin-right: var(--space-10);}
.xl\:mx-12 {margin-left: var(--space-12); margin-right: var(--space-12);}
.xl\:mx-16 {margin-left: var(--space-16); margin-right: var(--space-16);}
.xl\:mx-20 {margin-left: var(--space-20); margin-right: var(--space-20);}
.xl\:mt-0 {margin-top: var(--space-0);}
.xl\:mt-1 {margin-top: var(--space-1);}
.xl\:mt-2 {margin-top: var(--space-2);}
.xl\:mt-3 {margin-top: var(--space-3);}
.xl\:mt-4 {margin-top: var(--space-4);}
.xl\:mt-5 {margin-top: var(--space-5);}
.xl\:mt-6 {margin-top: var(--space-6);}
.xl\:mt-8 {margin-top: var(--space-8);}
.xl\:mt-10 {margin-top: var(--space-10);}
.xl\:mt-12 {margin-top: var(--space-12);}
.xl\:mt-16 {margin-top: var(--space-16);}
.xl\:mt-20 {margin-top: var(--space-20);}
.xl\:mr-0 {margin-right: var(--space-0);}
.xl\:mr-1 {margin-right: var(--space-1);}
.xl\:mr-2 {margin-right: var(--space-2);}
.xl\:mr-3 {margin-right: var(--space-3);}
.xl\:mr-4 {margin-right: var(--space-4);}
.xl\:mr-5 {margin-right: var(--space-5);}
.xl\:mr-6 {margin-right: var(--space-6);}
.xl\:mr-8 {margin-right: var(--space-8);}
.xl\:mr-10 {margin-right: var(--space-10);}
.xl\:mr-12 {margin-right: var(--space-12);}
.xl\:mr-16 {margin-right: var(--space-16);}
.xl\:mr-20 {margin-right: var(--space-20);}
.xl\:mb-0 {margin-bottom: var(--space-0);}
.xl\:mb-1 {margin-bottom: var(--space-1);}
.xl\:mb-2 {margin-bottom: var(--space-2);}
.xl\:mb-3 {margin-bottom: var(--space-3);}
.xl\:mb-4 {margin-bottom: var(--space-4);}
.xl\:mb-5 {margin-bottom: var(--space-5);}
.xl\:mb-6 {margin-bottom: var(--space-6);}
.xl\:mb-8 {margin-bottom: var(--space-8);}
.xl\:mb-10 {margin-bottom: var(--space-10);}
.xl\:mb-12 {margin-bottom: var(--space-12);}
.xl\:mb-16 {margin-bottom: var(--space-16);}
.xl\:mb-20 {margin-bottom: var(--space-20);}
.xl\:ml-0 {margin-left: var(--space-0);}
.xl\:ml-1 {margin-left: var(--space-1);}
.xl\:ml-2 {margin-left: var(--space-2);}
.xl\:ml-3 {margin-left: var(--space-3);}
.xl\:ml-4 {margin-left: var(--space-4);}
.xl\:ml-5 {margin-left: var(--space-5);}
.xl\:ml-6 {margin-left: var(--space-6);}
.xl\:ml-8 {margin-left: var(--space-8);}
.xl\:ml-10 {margin-left: var(--space-10);}
.xl\:ml-12 {margin-left: var(--space-12);}
.xl\:ml-16 {margin-left: var(--space-16);}
.xl\:ml-20 {margin-left: var(--space-20);}
.xl\:p-0 {padding: var(--space-0);}
.xl\:p-1 {padding: var(--space-1);}
.xl\:p-2 {padding: var(--space-2);}
.xl\:p-3 {padding: var(--space-3);}
.xl\:p-4 {padding: var(--space-4);}
.xl\:p-5 {padding: var(--space-5);}
.xl\:p-6 {padding: var(--space-6);}
.xl\:p-8 {padding: var(--space-8);}
.xl\:p-10 {padding: var(--space-10);}
.xl\:p-12 {padding: var(--space-12);}
.xl\:p-16 {padding: var(--space-16);}
.xl\:p-20 {padding: var(--space-20);}
.xl\:py-0 {padding-top: var(--space-0); padding-bottom: var(--space-0);}
.xl\:py-1 {padding-top: var(--space-1); padding-bottom: var(--space-1);}
.xl\:py-2 {padding-top: var(--space-2); padding-bottom: var(--space-2);}
.xl\:py-3 {padding-top: var(--space-3); padding-bottom: var(--space-3);}
.xl\:py-4 {padding-top: var(--space-4); padding-bottom: var(--space-4);}
.xl\:py-5 {padding-top: var(--space-5); padding-bottom: var(--space-5);}
.xl\:py-6 {padding-top: var(--space-6); padding-bottom: var(--space-6);}
.xl\:py-8 {padding-top: var(--space-8); padding-bottom: var(--space-8);}
.xl\:py-10 {padding-top: var(--space-10); padding-bottom: var(--space-10);}
.xl\:py-12 {padding-top: var(--space-12); padding-bottom: var(--space-12);}
.xl\:py-16 {padding-top: var(--space-16); padding-bottom: var(--space-16);}
.xl\:py-20 {padding-top: var(--space-20); padding-bottom: var(--space-20);}
.xl\:px-0 {padding-left: var(--space-0); padding-right: var(--space-0);}
.xl\:px-1 {padding-left: var(--space-1); padding-right: var(--space-1);}
.xl\:px-2 {padding-left: var(--space-2); padding-right: var(--space-2);}
.xl\:px-3 {padding-left: var(--space-3); padding-right: var(--space-3);}
.xl\:px-4 {padding-left: var(--space-4); padding-right: var(--space-4);}
.xl\:px-5 {padding-left: var(--space-5); padding-right: var(--space-5);}
.xl\:px-6 {padding-left: var(--space-6); padding-right: var(--space-6);}
.xl\:px-8 {padding-left: var(--space-8); padding-right: var(--space-8);}
.xl\:px-10 {padding-left: var(--space-10); padding-right: var(--space-10);}
.xl\:px-12 {padding-left: var(--space-12); padding-right: var(--space-12);}
.xl\:px-16 {padding-left: var(--space-16); padding-right: var(--space-16);}
.xl\:px-20 {padding-left: var(--space-20); padding-right: var(--space-20);}
.xl\:pt-0 {padding-top: var(--space-0);}
.xl\:pt-1 {padding-top: var(--space-1);}
.xl\:pt-2 {padding-top: var(--space-2);}
.xl\:pt-3 {padding-top: var(--space-3);}
.xl\:pt-4 {padding-top: var(--space-4);}
.xl\:pt-5 {padding-top: var(--space-5);}
.xl\:pt-6 {padding-top: var(--space-6);}
.xl\:pt-8 {padding-top: var(--space-8);}
.xl\:pt-10 {padding-top: var(--space-10);}
.xl\:pt-12 {padding-top: var(--space-12);}
.xl\:pt-16 {padding-top: var(--space-16);}
.xl\:pt-20 {padding-top: var(--space-20);}
.xl\:pr-0 {padding-right: var(--space-0);}
.xl\:pr-1 {padding-right: var(--space-1);}
.xl\:pr-2 {padding-right: var(--space-2);}
.xl\:pr-3 {padding-right: var(--space-3);}
.xl\:pr-4 {padding-right: var(--space-4);}
.xl\:pr-5 {padding-right: var(--space-5);}
.xl\:pr-6 {padding-right: var(--space-6);}
.xl\:pr-8 {padding-right: var(--space-8);}
.xl\:pr-10 {padding-right: var(--space-10);}
.xl\:pr-12 {padding-right: var(--space-12);}
.xl\:pr-16 {padding-right: var(--space-16);}
.xl\:pr-20 {padding-right: var(--space-20);}
.xl\:pb-0 {padding-bottom: var(--space-0);}
.xl\:pb-1 {padding-bottom: var(--space-1);}
.xl\:pb-2 {padding-bottom: var(--space-2);}
.xl\:pb-3 {padding-bottom: var(--space-3);}
.xl\:pb-4 {padding-bottom: var(--space-4);}
.xl\:pb-5 {padding-bottom: var(--space-5);}
.xl\:pb-6 {padding-bottom: var(--space-6);}
.xl\:pb-8 {padding-bottom: var(--space-8);}
.xl\:pb-10 {padding-bottom: var(--space-10);}
.xl\:pb-12 {padding-bottom: var(--space-12);}
.xl\:pb-16 {padding-bottom: var(--space-16);}
.xl\:pb-20 {padding-bottom: var(--space-20);}
.xl\:pl-0 {padding-left: var(--space-0);}
.xl\:pl-1 {padding-left: var(--space-1);}
.xl\:pl-2 {padding-left: var(--space-2);}
.xl\:pl-3 {padding-left: var(--space-3);}
.xl\:pl-4 {padding-left: var(--space-4);}
.xl\:pl-5 {padding-left: var(--space-5);}
.xl\:pl-6 {padding-left: var(--space-6);}
.xl\:pl-8 {padding-left: var(--space-8);}
.xl\:pl-10 {padding-left: var(--space-10);}
.xl\:pl-12 {padding-left: var(--space-12);}
.xl\:pl-16 {padding-left: var(--space-16);}
.xl\:pl-20 {padding-left: var(--space-20);}
.xl\:ta-left {text-align: left;}
.xl\:ta-right {text-align: right;}
.xl\:ta-center {text-align: center;}
.xl\:font-thin {font-weight: 100;}
.xl\:font-extralight {font-weight: 200;}
.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;}
.xl\:font-extrabold {font-weight: 800;}
.xl\:font-black {font-weight: 900;}
.xl\:flex {display: flex;}
.xl\:inline-flex {display: inline-flex;}
.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-nowrap {flex-wrap: nowrap;}
.xl\:flex-wrap-reverse {flex-wrap: wrap-reverse;}
.xl\:justify-start {justify-content: flex-start;}
.xl\:justify-center {justify-content: center;}
.xl\:justify-end {justify-content: flex-end;}
.xl\:justify-between {justify-content: space-between;}
.xl\:justify-around {justify-content: space-around;}
.xl\:justify-evenly {justify-content: space-evenly;}
.xl\:items-start {align-items: flex-start;}
.xl\:items-center {align-items: center;}
.xl\:items-end {align-items: flex-end;}
.xl\:items-baseline {align-items: baseline;}
.xl\:items-stretch {align-items: stretch;}
.xl\:self-auto {align-self: auto;}
.xl\:self-start {align-self: flex-start;}
.xl\:self-center {align-self: center;}
.xl\:self-end {align-self: flex-end;}
.xl\:self-stretch {align-self: stretch;}
.xl\:content-start {align-content: flex-start;}
.xl\:content-center {align-content: center;}
.xl\:content-end {align-content: flex-end;}
.xl\:content-between {align-content: space-between;}
.xl\:content-around {align-content: space-around;}
.xl\:content-stretch {align-content: stretch;}
.xl\:flex-grow {flex-grow: 1;}
.xl\:flex-grow-0 {flex-grow: 0;}
.xl\:flex-shrink {flex-shrink: 1;}
.xl\:flex-shrink-0 {flex-shrink: 0;}
.xl\:basis-auto {flex-basis: auto;}
.xl\:basis-1-2 {flex-basis: 50%;}
.xl\:basis-1-3 {flex-basis: 33.3333%;}
.xl\:basis-2-3 {flex-basis: 66.6666%;}
.xl\:basis-full {flex-basis: 100%;}
.xl\:gap-0 {gap: 0rem;}
.xl\:gap-0_5 {gap: 0.125rem;}
.xl\:gap-1 {gap: 0.25rem;}
.xl\:gap-1_5 {gap: 0.375rem;}
.xl\:gap-2 {gap: 0.5rem;}
.xl\:gap-2_5 {gap: 0.625rem;}
.xl\:gap-3 {gap: 0.75rem;}
.xl\:gap-4 {gap: 1rem;}
.xl\:gap-5 {gap: 1.25rem;}
.xl\:gap-6 {gap: 1.5rem;}
.xl\:gap-8 {gap: 2rem;}
.xl\:gap-10 {gap: 2.5rem;}
.xl\:gap-12 {gap: 3rem;}
.xl\:gap-16 {gap: 4rem;}
.xl\:row-gap-0 {row-gap: 0rem;}
.xl\:row-gap-1 {row-gap: 0.25rem;}
.xl\:row-gap-2 {row-gap: 0.5rem;}
.xl\:row-gap-4 {row-gap: 1rem;}
.xl\:row-gap-8 {row-gap: 2rem;}
.xl\:row-gap-16 {row-gap: 4rem;}
.xl\:col-gap-0 {column-gap: 0rem;}
.xl\:col-gap-1 {column-gap: 0.25rem;}
.xl\:col-gap-2 {column-gap: 0.5rem;}
.xl\:col-gap-4 {column-gap: 1rem;}
.xl\:col-gap-8 {column-gap: 2rem;}
.xl\:col-gap-16 {column-gap: 4rem;}
}




.visible { visibility: visible; }
.invisible { visibility: hidden; }
.opacity-0 { opacity: 0; }
.opacity-25 { opacity: 0.25; }
.opacity-50 { opacity: 0.5; }
.opacity-75 { opacity: 0.75; }
.opacity-100 { opacity: 1; }

@media (min-width: 640px) {
  .sm\:visible { visibility: visible; }
}
@media (min-width: 768px) {
  .md\:visible { visibility: visible; }
}
@media (min-width: 1024px) {
  .lg\:visible { visibility: visible; }
}
@media (min-width: 1280px) {
  .xl\:visible { visibility: visible; }
}
@media (min-width: 640px) {
  .sm\:invisible { visibility: hidden; }
}
@media (min-width: 768px) {
  .md\:invisible { visibility: hidden; }
}
@media (min-width: 1024px) {
  .lg\:invisible { visibility: hidden; }
}
@media (min-width: 1280px) {
  .xl\:invisible { visibility: hidden; }
}


.block { display: block; }
.none { display: none; }

@media (min-width: 640px) {
  .sm\:block { display: block; }
  .sm\:none { display: none; }
}
@media (min-width: 768px) {
  .md\:block { display: block; }
  .md\:none { display: none; }
}
@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:none { display: none; }
}
@media (min-width: 1280px) {
  .xl\:block { display: block; }
  .xl\:none { display: none; }
}

.inline { display: inline; }
.inline-block { display: inline-block; }
.flex { display: flex; }

@media (min-width: 640px) {
  .sm\:inline { display: inline; }
  .sm\:inline-block { display: inline-block; }
  .sm\:flex { display: flex; }
}
@media (min-width: 768px) {
  .md\:inline { display: inline; }
  .md\:inline-block { display: inline-block; }
  .md\:flex { display: flex; }
}
@media (min-width: 1024px) {
  .lg\:inline { display: inline; }
  .lg\:inline-block { display: inline-block; }
  .lg\:flex { display: flex; }
}
@media (min-width: 1280px) {
  .xl\:inline { display: inline; }
  .xl\:inline-block { display: inline-block; }
  .xl\:flex { display: flex; }
}



/* === WIDTH === */
.w-auto     { width: auto; }
.w-full     { width: 100%; }
.w-screen   { width: 100vw; }
.w-1-2      { width: 50%; }
.w-1-3      { width: 33.3333%; }
.w-2-3      { width: 66.6666%; }
.w-1-4      { width: 25%; }
.w-3-4      { width: 75%; }
.w-1-5      { width: 20%; }
.w-4-5      { width: 80%; }
.w-min      { width: min-content; }
.w-max      { width: max-content; }

/* === HEIGHT === */
.h-auto     { height: auto; }
.h-full     { height: 100%; }
.h-screen   { height: 100vh; }
.h-min      { height: min-content; }
.h-max      { height: max-content; }

/* === Responsive Width (ejemplo sm:) === */
@media (min-width: 640px) {
  .sm\:w-full   { width: 100%; }
  .sm\:w-1-2    { width: 50%; }
  .sm\:w-1-3    { width: 33.3333%; }
  .sm\:w-2-3    { width: 66.6666%; }
  .sm\:w-1-4    { width: 25%; }
  .sm\:w-3-4    { width: 75%; }
  .sm\:w-screen { width: 100vw; }
  .sm\:h-full   { height: 100%; }
  .sm\:h-screen { height: 100vh; }
}

/* === Responsive Width: md === */
@media (min-width: 768px) {
  .md\:w-full   { width: 100%; }
  .md\:w-1-2    { width: 50%; }
  .md\:w-1-3    { width: 33.3333%; }
  .md\:w-2-3    { width: 66.6666%; }
  .md\:w-1-4    { width: 25%; }
  .md\:w-3-4    { width: 75%; }
  .md\:w-screen { width: 100vw; }
  .md\:h-full   { height: 100%; }
  .md\:h-screen { height: 100vh; }
}

/* === Responsive Width: lg === */
@media (min-width: 1024px) {
  .lg\:w-full   { width: 100%; }
  .lg\:w-1-2    { width: 50%; }
  .lg\:w-1-3    { width: 33.3333%; }
  .lg\:w-2-3    { width: 66.6666%; }
  .lg\:w-1-4    { width: 25%; }
  .lg\:w-3-4    { width: 75%; }
  .lg\:w-screen { width: 100vw; }
  .lg\:h-full   { height: 100%; }
  .lg\:h-screen { height: 100vh; }
}