/*
  Sizing utilities extracted from utilities.css
  - Legacy `ht-*` and canonical `w-*` / `size-*` classes.
  - Keep this loaded before utilities-responsive.css.
*/

/*** SIZING ***/
/*height*/
.ht-0	{ height: 0px; }
.ht-px	{ height: 1px; }
.ht-0-5	{ height: 0.125rem; } /* 2px */
.ht-1	{ height: 0.25rem; } /* 4px */
.ht-1-5	{ height: 0.375rem; } /* 6px */
.ht-2	{ height: 0.5rem; } /* 8px */
.ht-2-5	{ height: 0.625rem; } /* 10px */
.ht-3	{ height: 0.75rem; } /* 12px */
.ht-3-5	{ height: 0.875rem; }  /* 14px */
.ht-4	{ height: 1rem; } /* 16px */
.ht-5	{ height: 1.25rem; } /* 20px */
.ht-6	{ height: 1.5rem; } /* 24px */
.ht-7	{ height: 1.75rem; } /* 28px */
.ht-9	{ height: 2.25rem; } /* 36px */
.ht-10	{ height: 2.5rem; } /* 40px */
.ht-11	{ height: 2.75rem; } /* 44px */
.ht-12	{ height: 3rem; } /* 48px */
.ht-14	{ height: 3.5rem; } /* 56px */
.ht-16	{ height: 4rem; } /* 64px */
.ht-20	{ height: 5rem; } /* 80px */
.ht-24	{ height: 6rem; } /* 96px */
.ht-28	{ height: 7rem; } /* 112px */
.ht-32	{ height: 8rem; } /* 128px */
.ht-36	{ height: 9rem; } /* 144px */
.ht-40	{ height: 10rem; } /* 160px */
.ht-44	{ height: 11rem; } /* 176px */
.ht-48	{ height: 12rem; } /* 192px */
.ht-52	{ height: 13rem; } /* 208px */
.ht-56	{ height: 14rem; } /* 224px */
.ht-60	{ height: 15rem; } /* 240px */
.ht-64	{ height: 16rem; } /* 256px */
.ht-72	{ height: 18rem; } /* 288px */
.ht-80	{ height: 20rem; } /* 320px */
.ht-96	{ height: 24rem; } /* 384px */
.ht-auto	{ height: auto; }

.ht-1_2	 { height: 50%; }
.ht-1_3	{ height: 33.333333%; }
.ht-2_3	{ height: 66.666667%;}
.ht-1_4	{ height: 25%; }
.ht-2_4	{ height: 50%; }
.ht-3_4	{ height: 75%; }
.ht-1_5	{ height: 20%; }
.ht-2_5	{ height: 40%; }
.ht-3_5	{ height: 60%; }
.ht-4_5	{ height: 80%; }
.ht-1_6	{ height: 16.666667%; }
.ht-2_6	{ height: 33.333333%; }
.ht-3_6	{ height: 50%; }
.ht-4_6	{ height: 66.666667%; }
.ht-5_6	{ height: 83.333333%; }
.ht-full	{ height: 100%; }
.ht-screen { height: 100vh; }
.ht-svh	{ height: 100svh; }
.ht-lvh	{ height: 100lvh; }
.ht-dvh	{ height: 100dvh; }
.ht-min	{ height: min-content; }
.ht-max	{ height: max-content; }
.ht-fit	{ height: fit-content; }

/*size*/
.size-0	{ width: 0px; height: 0px; }
.size-px { width: 1px; height: 1px; }

.size-0-5 { width: 0.125rem; height: 0.125rem; } /* 2px */
.size-1	{ width: 0.25rem; height: 0.25rem; } /* 4px */
.size-1-5 { width: 0.375rem; height: 0.375rem; }/* 6px */
.size-2	{ width: 0.5rem; height: 0.5rem;} /* 8px */
.size-2-5 { width: 0.625rem; height: 0.625rem; } /* 10px */
.size-3	{ width: 0.75rem; height: 0.75rem; } /* 12px */
.size-3-5 { width: 0.875rem; height: 0.875rem; }/* 14px */
.size-4	{ width: 1rem; height: 1rem; } /* 16px */
.size-5	{ width: 1.25rem; height: 1.25rem; } /* 20px */
.size-6	{ width: 1.5rem; height: 1.5rem; }/* 24px */
.size-7	{ width: 1.75rem; height: 1.75rem; }/* 28px */
.size-8	{ width: 2rem; height: 2rem;} /* 32px */
.size-9	{ width: 2.25rem; height: 2.25rem;} /* 36px */
.size-10 { width: 2.5rem; height: 2.5rem; }/* 40px */
.size-11 { width: 2.75rem; height: 2.75rem; } /* 44px */
.size-12 { width: 3rem; height: 3rem; } /* 48px */
.size-14 { width: 3.5rem; height: 3.5rem; } /* 56px */
.size-16 { width: 4rem; height: 4rem; } /* 64px */
.size-20 { width: 5rem; height: 5rem; } /* 80px */
.size-24 { width: 6rem; height: 6rem; } /* 96px */
.size-28 { width: 7rem; height: 7rem; } /* 112px */
.size-32 { width: 8rem; height: 8rem; } /* 128px */
.size-36 { width: 9rem; height: 9rem; } /* 144px */
.size-40 { width: 10rem; height: 10rem; } /* 160px */
.size-44 { width: 11rem; height: 11rem; } /* 176px */
.size-48 { width: 12rem; height: 12rem; } /* 192px */
.size-52 { width: 13rem; height: 13rem; } /* 208px */
.size-56 { width: 14rem; height: 14rem; } /* 224px */
.size-60 { width: 15rem; height: 15rem; } /* 240px */
.size-64 { width: 16rem; height: 16rem; } /* 256px */
.size-72 { width: 18rem; height: 18rem; } /* 288px */
.size-80 { width: 20rem; height: 20rem; } /* 320px */
.size-96 { width: 24rem; height: 24rem; } /* 384px */

.size-auto { width: auto; height: auto; }
.size-1_2 { width: 50%; height: 50%; }
.size-1_3 { width: 33.333333%; height: 33.333333%; }
.size-2_3 { width: 66.666667%; height: 66.666667%; }
.size-1_4 { width: 25%; height: 25%; }
.size-2_4 { width: 50%; height: 50%; }
.size-3_4 { width: 75%; height: 75%; }
.size-1_5 { width: 20%; height: 20%; }
.size-2_5 { width: 40%; height: 40%; }
.size-3_5 { width: 60%; height: 60%; }
.size-4_5 { width: 80%; height: 80%; }
.size-1_6 { width: 16.666667%; height: 16.666667%; }
.size-2_6 { width: 33.333333%; height: 33.333333%; }
.size-3_6 { width: 50%; height: 50%; }
.size-4_6 { width: 66.666667%; height: 66.666667%; }
.size-5_6 { width: 83.333333%; height: 83.333333%; }
.size-1_12 { width: 8.333333%; height: 8.333333%; }
.size-2_12 { width: 16.666667%;height: 16.666667%; }
.size-3_12 { width: 25%; height: 25%; }
.size-4_12 { width: 33.333333%; height: 33.333333%; }
.size-5_12 { width: 41.666667%; height: 41.666667%; }
.size-6_12 { width: 50%; height: 50%; }
.size-7_12 { width: 58.333333%; height: 58.333333%; }
.size-8_12 { width: 66.666667%; height: 66.666667%; }
.size-9_12 { width: 75%; height: 75%; }
.size-10_12	{ width: 83.333333%; height: 83.333333%; }
.size-11_12	{ width: 91.666667%; height: 91.666667%; }
.size-full	{ width: 100%; height: 100%; }

.size-min { width: min-content; height: min-content; }
.size-max { width: max-content; height: max-content; }
.size-fit { width: fit-content; height: fit-content; }


/*width*/
.w-0	{ width: 0px; }
.w-px	{ width: 1px; }

.w-0-5	{ width: 0.125rem; } /* 2px */
.w-1	{ width: 0.25rem; } /* 4px */
.w-1-5	{ width: 0.375rem; } /* 6px */
.w-2	{ width: 0.5rem; } /* 8px */
.w-2-5	{ width: 0.625rem; } /* 10px */
.w-3	{ width: 0.75rem; } /* 12px */
.w-3-5	{ width: 0.875rem; } /* 14px */
.w-4	{ width: 1rem; } /* 16px */
.w-5	{ width: 1.25rem; } /* 20px */
.w-6	{ width: 1.5rem; } /* 24px */
.w-7	{ width: 1.75rem; } /* 28px */
.w-8	{ width: 2rem; } /* 32px */
.w-9	{ width: 2.25rem; } /* 36px */
.w-10	{ width: 2.5rem; } /* 40px */
.w-11	{ width: 2.75rem; } /* 44px */
.w-12	{ width: 3rem; } /* 48px */
.w-14	{ width: 3.5rem; } /* 56px */
.w-16	{ width: 4rem; } /* 64px */
.w-20	{ width: 5rem; } /* 80px */
.w-24	{ width: 6rem; } /* 96px */
.w-28	{ width: 7rem; } /* 112px */
.w-32	{ width: 8rem; } /* 128px */
.w-36	{ width: 9rem; } /* 144px */
.w-40	{ width: 10rem; } /* 160px */
.w-44	{ width: 11rem; } /* 176px */
.w-48	{ width: 12rem; } /* 192px */
.w-52	{ width: 13rem; } /* 208px */
.w-56	{ width: 14rem; } /* 224px */
.w-60	{ width: 15rem; } /* 240px */
.w-64	{ width: 16rem; } /* 256px */
.w-72	{ width: 18rem; } /* 288px */
.w-80	{ width: 20rem; } /* 320px */
.w-96	{ width: 24rem; } /* 384px */

.w-auto	{ width: auto; }
.w-1\/2, .w-1_2	{ width: 50%; }
.w-1\/3, .w-1_3	{ width: 33.333333%; }
.w-2\/3, .w-2_3	{ width: 66.666667%; }
.w-1\/4, .w-1_4	{ width: 25%; }
.w-2\/4, .w-2_4	{ width: 50%; }
.w-3\/4, .w-3_4	{ width: 75%; }
.w-1\/5, .w-1_5	{ width: 20%; }
.w-2\/5, .w-2_5	{ width: 40%; }
.w-3\/5, .w-3_5	{ width: 60%; }
.w-4\/5, .w-4_5	{ width: 80%; }
.w-1\/6, .w-1_6	{ width: 16.666667%; }
.w-2\/6, .w-2_6	{ width: 33.333333%; }
.w-3\/6, .w-3_6	{ width: 50%; }
.w-4\/6, .w-4_6	{ width: 66.666667%; }
.w-5\/6, .w-5_6	{ width: 83.333333%; }
.w-1\/12, .w-1_12	{ width: 8.333333%; }
.w-2\/12, .w-2_12	{ width: 16.666667%; }
.w-3\/12, .w-3_12	{ width: 25%; }
.w-4\/12, .w-4_12	{ width: 33.333333%; }
.w-5\/12, .w-5_12	{ width: 41.666667%; }
.w-6\/12, .w-6_12	{ width: 50%; }
.w-7\/12, .w-7_12	{ width: 58.333333%; }
.w-8\/12, .w-8_12	{ width: 66.666667%; }
.w-9\/12, .w-9_12	{ width: 75%; }
.w-10\/12, .w-10_12 { width: 83.333333%; }
.w-11\/12, .w-11_12 { width: 91.666667%; }
.w-full	{width: 100%;}

.w-screen {width: 100vw;}
.w-svw	{width: 100svw;}
.w-lvw	{width: 100lvw;}
.w-dvw	{width: 100dvw;}

.w-min	{width: min-content;}
.w-max	{width: max-content;}
.w-fit	{width: fit-content;}