/* ------------------------------------------------------------------- 
  HEIGHT 
--------------------------------------------------------------------- */


.h-0 {
    height: 0px;
}

.h-px {
    height: 1px;
}

.h-0-5 {
    height: 0.125rem; /* 2px */
}

.h-1 {
    height: 0.25rem; /* 4px */
}

.h-1-5 {
    height: 0.375rem; /* 6px */
}

.h-2 {
    height: 0.5rem; /* 8px */
}

.h-2-5 {
    height: 0.625rem; /* 10px */
}

.h-3 {
    height: 0.75rem; /* 12px */
}

.h-3-5 {
    height: 0.875rem; /* 14px */
}

.h-4 {
    height: 1rem; /* 16px */
}

.h-5 {
    height: 1.25rem; /* 20px */
}

.h-6 {
    height: 1.5rem; /* 24px */
}

.h-7 {
    height: 1.75rem; /* 28px */
}

.h-8 {
    height: 2rem; /* 32px */
}

.h-9 {
    height: 2.25rem; /* 36px */
}

.h-10 {
    height: 2.5rem; /* 40px */
}

.h-11 {
    height: 2.75rem; /* 44px */
}

.h-12 {
    height: 3rem; /* 48px */
}

.h-14 {
    height: 3.5rem; /* 56px */
}

.h-16 {
    height: 4rem; /* 64px */
}

.h-20 {
    height: 5rem; /* 80px */
}

.h-24 {
    height: 6rem; /* 96px */
}

.h-28 {
    height: 7rem; /* 112px */
}

.h-32 {
    height: 8rem; /* 128px */
}

.h-36 {
    height: 9rem; /* 144px */
}

.h-40 {
    height: 10rem; /* 160px */
}

.h-44 {
    height: 11rem; /* 176px */
}

.h-48 {
    height: 12rem; /* 192px */
}

.h-52 {
    height: 13rem; /* 208px */
}

.h-56 {
    height: 14rem; /* 224px */
}

.h-60 {
    height: 15rem; /* 240px */
}

.h-64 {
    height: 16rem; /* 256px */
}

.h-72 {
    height: 18rem; /* 288px */
}

.h-80 {
    height: 20rem; /* 320px */
}

.h-96 {
    height: 24rem; /* 384px */
}

.h-auto {
    height: auto;
}

.h-1\/2 {
    height: 50%;
}

.h-1\/3 {
    height: 33.333333%;
}

.h-2\/3 {
    height: 66.666667%;
}

.h-1\/4 {
    height: 25%;
}

.h-2\/4 {
    height: 50%;
}

.h-3\/4 {
    height: 75%;
}

.h-1\/5 {
    height: 20%;
}

.h-2\/5 {
    height: 40%;
}

.h-3\/5 {
    height: 60%;
}

.h-4\/5 {
    height: 80%;
}

.h-1\/6 {
    height: 16.666667%;
}

.h-2\/6 {
    height: 33.333333%;
}

.h-3\/6 {
    height: 50%;
}

.h-4\/6 {
    height: 66.666667%;
}

.h-5\/6 {
    height: 83.333333%;
}

.h-1\/12 {
    height: 8.333333%;
}

.h-2\/12 {
    height: 16.666667%;
}

.h-3\/12 {
    height: 25%;
}

.h-4\/12 {
    height: 33.333333%;
}

.h-5\/12 {
    height: 41.666667%;
}

.h-6\/12 {
    height: 50%;
}

.h-7\/12 {
    height: 58.333333%;
}

.h-8\/12 {
    height: 66.666667%;
}

.h-9\/12 {
    height: 75%;
}

.h-10\/12 {
    height: 83.333333%;
}

.h-11\/12 {
    height: 91.666667%;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vw;
}

.h-svw {
    height: 100svw;
}

.h-lvw {
    height: 100lvw;
}

.h-dvw {
    height: 100dvw;
}

.h-min {
    height: min-content;
}

.h-max {
    height: max-content;
}

.h-fit {
    height: fit-content;
}



/* -------------------------------------------------------------------
   RESPONSIVE HEIGHT (TAILWIND-STYLE)
--------------------------------------------------------------------- */

/* ✅ sm (≥576px) */
@media (min-width: 576px) {

    /* FIXED SIZES */
    .sm\:h-0 {
        height: 0;
    }

    .sm\:h-1 {
        height: 0.25rem;
    }

    .sm\:h-2 {
        height: 0.5rem;
    }

    .sm\:h-4 {
        height: 1rem;
    }

    .sm\:h-6 {
        height: 1.5rem;
    }

    .sm\:h-8 {
        height: 2rem;
    }

    .sm\:h-10 {
        height: 2.5rem;
    }

    .sm\:h-12 {
        height: 3rem;
    }

    .sm\:h-16 {
        height: 4rem;
    }

    .sm\:h-24 {
        height: 6rem;
    }

    .sm\:h-32 {
        height: 8rem;
    }

    /* FRACTIONS */
    .sm\:h-1\/2 {
        height: 50%;
    }

    .sm\:h-1\/3 {
        height: 33.333333%;
    }

    .sm\:h-2\/3 {
        height: 66.666667%;
    }

    /* FULL / AUTO */
    .sm\:h-full {
        height: 100%;
    }

    .sm\:h-auto {
        height: auto;
    }

    /* CONTENT */
    .sm\:h-fit {
        height: fit-content;
    }

    .sm\:h-max {
        height: max-content;
    }
}


/* ✅ md (≥768px) */
@media (min-width: 768px) {

    /* FIXED SIZES */
    .md\:h-0 {
        height: 0;
    }

    .md\:h-1 {
        height: 0.25rem;
    }

    .md\:h-2 {
        height: 0.5rem;
    }

    .md\:h-4 {
        height: 1rem;
    }

    .md\:h-6 {
        height: 1.5rem;
    }

    .md\:h-8 {
        height: 2rem;
    }

    .md\:h-10 {
        height: 2.5rem;
    }

    .md\:h-12 {
        height: 3rem;
    }

    .md\:h-16 {
        height: 4rem;
    }

    .md\:h-24 {
        height: 6rem;
    }

    .md\:h-32 {
        height: 8rem;
    }

    /* FRACTIONS */
    .md\:h-1\/2 {
        height: 50%;
    }

    .md\:h-1\/3 {
        height: 33.333333%;
    }

    .md\:h-2\/3 {
        height: 66.666667%;
    }

    /* FULL / AUTO */
    .md\:h-full {
        height: 100%;
    }

    .md\:h-auto {
        height: auto;
    }

    /* CONTENT */
    .md\:h-fit {
        height: fit-content;
    }

    .md\:h-max {
        height: max-content;
    }
}

/* ------------------------------------------------------------------- 
  MIN-height 
--------------------------------------------------------------------- */
.min-h-0 {
    min-height: 0px;
}

.min-h-1 {
    min-height: 0.25rem; /* 4px */
}

.min-h-2 {
    min-height: 0.5rem; /* 8px */
}

.min-h-3 {
    min-height: 0.75rem; /* 12px */
}

.min-h-4 {
    min-height: 1rem; /* 16px */
}

.min-h-5 {
    min-height: 1.25rem; /* 20px */
}

.min-h-6 {
    min-height: 1.5rem; /* 24px */
}

.min-h-7 {
    min-height: 1.75rem; /* 28px */
}

.min-h-8 {
    min-height: 2rem; /* 32px */
}

.min-h-9 {
    min-height: 2.25rem; /* 36px */
}

.min-h-10 {
    min-height: 2.5rem; /* 40px */
}

.min-h-11 {
    min-height: 2.75rem; /* 44px */
}

.min-h-12 {
    min-height: 3rem; /* 48px */
}

.min-h-14 {
    min-height: 3.5rem; /* 56px */
}

.min-h-16 {
    min-height: 4rem; /* 64px */
}

.min-h-20 {
    min-height: 5rem; /* 80px */
}

.min-h-24 {
    min-height: 6rem; /* 96px */
}

.min-h-28 {
    min-height: 7rem; /* 112px */
}

.min-h-32 {
    min-height: 8rem; /* 128px */
}

.min-h-36 {
    min-height: 9rem; /* 144px */
}

.min-h-40 {
    min-height: 10rem; /* 160px */
}

.min-h-44 {
    min-height: 11rem; /* 176px */
}

.min-h-48 {
    min-height: 12rem; /* 192px */
}

.min-h-52 {
    min-height: 13rem; /* 208px */
}

.min-h-56 {
    min-height: 14rem; /* 224px */
}

.min-h-60 {
    min-height: 15rem; /* 240px */
}

.min-h-64 {
    min-height: 16rem; /* 256px */
}

.min-h-72 {
    min-height: 18rem; /* 288px */
}

.min-h-80 {
    min-height: 20rem; /* 320px */
}

.min-h-96 {
    min-height: 24rem; /* 384px */
}

.min-h-px {
    min-height: 1px;
}

.min-h-0\.5 {
    min-height: 0.125rem; /* 2px */
}

.min-h-1\.5 {
    min-height: 0.375rem; /* 6px */
}

.min-h-2\.5 {
    min-height: 0.625rem; /* 10px */
}

.min-h-3\.5 {
    min-height: 0.875rem; /* 14px */
}

.min-h-full {
    min-height: 100%;
}

.min-h-min {
    min-height: min-content;
}

.min-h-max {
    min-height: max-content;
}

.min-h-fit {
    min-height: fit-content;
}
/* ------------------------------------------------------------------- 
  MAX-height 
--------------------------------------------------------------------- */
.max-h-0 {
    max-height: 0px;
}

.max-h-px {
    max-height: 1px;
}

.max-h-0\.5 {
    max-height: 0.125rem; /* 2px */
}

.max-h-1 {
    max-height: 0.25rem; /* 4px */
}

.max-h-1-5 {
    max-height: 0.375rem; /* 6px */
}

.max-h-2 {
    max-height: 0.5rem; /* 8px */
}

.max-h-2-5 {
    max-height: 0.625rem; /* 10px */
}

.max-h-3 {
    max-height: 0.75rem; /* 12px */
}

.max-h-3-5 {
    max-height: 0.875rem; /* 14px */
}

.max-h-4 {
    max-height: 1rem; /* 16px */
}

.max-h-5 {
    max-height: 1.25rem; /* 20px */
}

.max-h-6 {
    max-height: 1.5rem; /* 24px */
}

.max-h-7 {
    max-height: 1.75rem; /* 28px */
}

.max-h-8 {
    max-height: 2rem; /* 32px */
}

.max-h-9 {
    max-height: 2.25rem; /* 36px */
}

.max-h-10 {
    max-height: 2.5rem; /* 40px */
}

.max-h-11 {
    max-height: 2.75rem; /* 44px */
}

.max-h-12 {
    max-height: 3rem; /* 48px */
}

.max-h-14 {
    max-height: 3.5rem; /* 56px */
}

.max-h-16 {
    max-height: 4rem; /* 64px */
}

.max-h-20 {
    max-height: 5rem; /* 80px */
}

.max-h-24 {
    max-height: 6rem; /* 96px */
}

.max-h-28 {
    max-height: 7rem; /* 112px */
}

.max-h-32 {
    max-height: 8rem; /* 128px */
}

.max-h-36 {
    max-height: 9rem; /* 144px */
}

.max-h-40 {
    max-height: 10rem; /* 160px */
}

.max-h-44 {
    max-height: 11rem; /* 176px */
}

.max-h-48 {
    max-height: 12rem; /* 192px */
}

.max-h-52 {
    max-height: 13rem; /* 208px */
}

.max-h-56 {
    max-height: 14rem; /* 224px */
}

.max-h-60 {
    max-height: 15rem; /* 240px */
}

.max-h-64 {
    max-height: 16rem; /* 256px */
}

.max-h-72 {
    max-height: 18rem; /* 288px */
}

.max-h-80 {
    max-height: 20rem; /* 320px */
}

.max-h-96 {
    max-height: 24rem; /* 384px */
}

.max-h-none {
    max-height: none;
}

.max-h-xs {
    max-height: 20rem; /* 320px */
}

.max-h-sm {
    max-height: 24rem; /* 384px */
}

.max-h-md {
    max-height: 28rem; /* 448px */
}

.max-h-lg {
    max-height: 32rem; /* 512px */
}

.max-h-xl {
    max-height: 36rem; /* 576px */
}

.max-h-2xl {
    max-height: 42rem; /* 672px */
}

.max-h-3xl {
    max-height: 48rem; /* 768px */
}

.max-h-4xl {
    max-height: 56rem; /* 896px */
}

.max-h-5xl {
    max-height: 64rem; /* 1024px */
}

.max-h-6xl {
    max-height: 72rem; /* 1152px */
}

.max-h-7xl {
    max-height: 80rem; /* 1280px */
}

.max-h-full {
    max-height: 100%;
}

.max-h-min {
    max-height: min-content;
}

.max-h-max {
    max-height: max-content;
}

.max-h-fit {
    max-height: fit-content;
}

.max-h-prose {
    max-height: 65ch;
}

.max-h-screen-sm {
    max-height: 640px;
}

.max-h-screen-md {
    max-height: 768px;
}

.max-h-screen-lg {
    max-height: 1024px;
}

.max-h-screen-xl {
    max-height: 1280px;
}

.max-h-screen-2xl {
    max-height: 1536px;
}