.w-25   {   width: 2.5rem;  }
.w-50   {   width: 5rem;    }
.w-75   {   width: 7.5rem;  }
.w-100  {   width: 10rem;   }
.w-150  {   width: 15rem;   }
.w-200  {   width: 20rem;   }
.w-250  {   width: 25rem;   }
.w-300  {   width: 30rem;   }

.w-1\/4 {   width: 25%;     }
.w-1\/3 {   width: 33.33%;  }
.w-1\/2 {   width: 50%;     }
.w-2\/3 {   width: 66.67%;  }
.w-3\/4 {   width: 75%;     }
.w-full {   width: 100%;    }
.w-auto {   width: auto;    }

.h-1\/4-width {   height: 25vw;    }
.h-1\/3-width {   height: 33.33vw; }
.h-1\/2-width {   height: 50vw;    }
.h-2\/3-width {   height: 66.67vw; }
.h-3\/4-width {   height: 75vw;    }
.h-full-width     {   height: 100vw;   }
.h-1\/4       {   height: 25%;     }
.h-1\/3       {   height: 33.33%;  }
.h-1\/2       {   height: 50%;     }
.h-2\/3       {   height: 66.67%;  }
.h-3\/4       {   height: 75%;     }
.h-full       {   height: 100%;    }
.h-screen     {   height: 100vh;   }

.max-25   {   max-width: 2.5rem;  }
.max-50   {   max-width: 5rem;    }
.max-75   {   max-width: 7.5rem;  }
.max-100  {   max-width: 10rem;   }
.max-150  {   max-width: 15rem;   }
.max-200  {   max-width: 20rem;   }
.max-250  {   max-width: 25rem;   }
.max-300  {   max-width: 30rem;   }
.max-none  {   max-width: none;   }
.max-full  {   max-width: 100%;   }

.aspect-ratio-16-9 {    aspect-ratio: 16 / 9;  }
.aspect-ratio-4-3 {     aspect-ratio: 4 / 3;   } 
.aspect-ratio-3-4 {     aspect-ratio: 3 / 4;   }
.aspect-ratio-2-3 {     aspect-ratio: 2 / 3;   }
.aspect-ratio-3-2 {     aspect-ratio: 3 / 2;   }
.aspect-ratio-2-1 {     aspect-ratio: 2 / 1;   }
.aspect-ratio-1-2 {     aspect-ratio: 1 / 2;   }
.aspect-ratio-square {  aspect-ratio: 1 / 1;   }
.aspect-ratio-default { aspect-ratio: inherit; }

@media (min-width: 576px) { 
    .sm\:w-25   {   width: 2.5rem;  }
    .sm\:w-50   {   width: 5rem;    }
    .sm\:w-75   {   width: 7.5rem;  }
    .sm\:w-100  {   width: 10rem;   }
    .sm\:w-150  {   width: 15rem;   }
    .sm\:w-200  {   width: 20rem;   }
    .sm\:w-250  {   width: 25rem;   }
    .sm\:w-300  {   width: 30rem;   }

    .sm\:w-1\/4 {   width: 25%;     }
    .sm\:w-1\/3 {   width: 33.33%;  }
    .sm\:w-1\/2 {   width: 50%;     }
    .sm\:w-2\/3 {   width: 66.67%;  }
    .sm\:w-3\/4 {   width: 75%;     }
    .sm\:w-full {   width: 100%;    }
    .sm\:w-auto {   width: auto;    }

    .sm\:h-1\/4-width {   height: 25vw;    }
    .sm\:h-1\/3-width {   height: 33.33vw; }
    .sm\:h-1\/2-width {   height: 50vw;    }
    .sm\:h-2\/3-width {   height: 66.67vw; }
    .sm\:h-3\/4-width {   height: 75vw;    }
    .sm\:h-full-width     {   height: 100vw;   }
    .sm\:h-1\/4       {   height: 25%;     }
    .sm\:h-1\/3       {   height: 33.33%;  }
    .sm\:h-1\/2       {   height: 50%;     }
    .sm\:h-2\/3       {   height: 66.67%;  }
    .sm\:h-3\/4       {   height: 75%;     }
    .sm\:h-full       {   height: 100%;    }
    .sm\:h-screen     {   height: 100vh;   }

    .sm\:max-25   {   max-width: 2.5rem;  }
    .sm\:max-50   {   max-width: 5rem;    }
    .sm\:max-75   {   max-width: 7.5rem;  }
    .sm\:max-100  {   max-width: 10rem;   }
    .sm\:max-150  {   max-width: 15rem;   }
    .sm\:max-200  {   max-width: 20rem;   }
    .sm\:max-250  {   max-width: 25rem;   }
    .sm\:max-300  {   max-width: 30rem;   }
    .sm\:max-none  {   max-width: none;   }
    .sm\:max-full  {   max-width: 100%;   }

    .sm\:aspect-ratio-16-9 {    aspect-ratio: 16 / 9;  }
    .sm\:aspect-ratio-4-3 {     aspect-ratio: 4 / 3;   }
    .sm\:aspect-ratio-3-4 {     aspect-ratio: 3 / 4;   }
    .sm\:aspect-ratio-2-3 {     aspect-ratio: 2 / 3;   }
    .sm\:aspect-ratio-3-2 {     aspect-ratio: 3 / 2;   }
    .sm\:aspect-ratio-2-1 {     aspect-ratio: 2 / 1;   }
    .sm\:aspect-ratio-1-2 {     aspect-ratio: 1 / 2;   }
    .sm\:aspect-ratio-square {  aspect-ratio: 1 / 1;   }
    .sm\:aspect-ratio-default { aspect-ratio: inherit; }
}

@media (min-width: 768px) { 
    .md\:w-25   {   width: 2.5rem;  }
    .md\:w-50   {   width: 5rem;    }
    .md\:w-75   {   width: 7.5rem;  }
    .md\:w-100  {   width: 10rem;   }
    .md\:w-150  {   width: 15rem;   }
    .md\:w-200  {   width: 20rem;   }
    .md\:w-250  {   width: 25rem;   }
    .md\:w-300  {   width: 30rem;   }

    .md\:w-1\/4 {   width: 25%;     }
    .md\:w-1\/3 {   width: 33.33%;  }
    .md\:w-1\/2 {   width: 50%;     }
    .md\:w-2\/3 {   width: 66.67%;  }
    .md\:w-3\/4 {   width: 75%;     }
    .md\:w-full {   width: 100%;    }
    .md\:w-auto {   width: auto;    }

    .md\:h-1\/4-width {   height: 25vw;    }
    .md\:h-1\/3-width {   height: 33.33vw; }
    .md\:h-1\/2-width {   height: 50vw;    }
    .md\:h-2\/3-width {   height: 66.67vw; }
    .md\:h-3\/4-width {   height: 75vw;    }
    .md\:h-full-width     {   height: 100vw;   }
    .md\:h-1\/4       {   height: 25%;     }
    .md\:h-1\/3       {   height: 33.33%;  }
    .md\:h-1\/2       {   height: 50%;     }
    .md\:h-2\/3       {   height: 66.67%;  }
    .md\:h-3\/4       {   height: 75%;     }
    .md\:h-full       {   height: 100%;    }
    .md\:h-screen     {   height: 100vh;   }

    .md\:max-25   {   max-width: 2.5rem;  }
    .md\:max-50   {   max-width: 5rem;    }
    .md\:max-75   {   max-width: 7.5rem;  }
    .md\:max-100  {   max-width: 10rem;   }
    .md\:max-150  {   max-width: 15rem;   }
    .md\:max-200  {   max-width: 20rem;   }
    .md\:max-250  {   max-width: 25rem;   }
    .md\:max-300  {   max-width: 30rem;   }
    .md\:max-none  {   max-width: none;   }
    .md\:max-full  {   max-width: 100%;   }

    .md\:aspect-ratio-16-9 {    aspect-ratio: 16 / 9;  }
    .md\:aspect-ratio-4-3 {     aspect-ratio: 4 / 3;   }
    .md\:aspect-ratio-3-4 {     aspect-ratio: 3 / 4;   }
    .md\:aspect-ratio-2-3 {     aspect-ratio: 2 / 3;   }
    .md\:aspect-ratio-3-2 {     aspect-ratio: 3 / 2;   }
    .md\:aspect-ratio-2-1 {     aspect-ratio: 2 / 1;   }
    .md\:aspect-ratio-1-2 {     aspect-ratio: 1 / 2;   }
    .md\:aspect-ratio-square {  aspect-ratio: 1 / 1;   }
    .md\:aspect-ratio-default { aspect-ratio: inherit; }
}

@media (min-width: 1024px) { 
    .lg\:w-25   {   width: 2.5rem;  }
    .lg\:w-50   {   width: 5rem;    }
    .lg\:w-75   {   width: 7.5rem;  }
    .lg\:w-100  {   width: 10rem;   }
    .lg\:w-150  {   width: 15rem;   }
    .lg\:w-200  {   width: 20rem;   }
    .lg\:w-250  {   width: 25rem;   }
    .lg\:w-300  {   width: 30rem;   }

    .lg\:w-1\/4 {   width: 25%;     }
    .lg\:w-1\/3 {   width: 33.33%;  }
    .lg\:w-1\/2 {   width: 50%;     }
    .lg\:w-2\/3 {   width: 66.67%;  }
    .lg\:w-3\/4 {   width: 75%;     }
    .lg\:w-full {   width: 100%;    }
    .lg\:w-auto {   width: auto;    }

    .lg\:h-1\/4-width {   height: 25vw;    }
    .lg\:h-1\/3-width {   height: 33.33vw; }
    .lg\:h-1\/2-width {   height: 50vw;    }
    .lg\:h-2\/3-width {   height: 66.67vw; }
    .lg\:h-3\/4-width {   height: 75vw;    }
    .lg\:h-full-width     {   height: 100vw;   }
    .lg\:h-1\/4       {   height: 25%;     }
    .lg\:h-1\/3       {   height: 33.33%;  }
    .lg\:h-1\/2       {   height: 50%;     }
    .lg\:h-2\/3       {   height: 66.67%;  }
    .lg\:h-3\/4       {   height: 75%;     }
    .lg\:h-full       {   height: 100%;    }
    .lg\:h-screen     {   height: 100vh;   }

    .lg\:max-25   {   max-width: 2.5rem;  }
    .lg\:max-50   {   max-width: 5rem;    }
    .lg\:max-75   {   max-width: 7.5rem;  }
    .lg\:max-100  {   max-width: 10rem;   }
    .lg\:max-150  {   max-width: 15rem;   }
    .lg\:max-200  {   max-width: 20rem;   }
    .lg\:max-250  {   max-width: 25rem;   }
    .lg\:max-300  {   max-width: 30rem;   }
    .lg\:max-none  {   max-width: none;   }
    .lg\:max-full  {   max-width: 100%;   }

    .lg\:aspect-ratio-16-9 {    aspect-ratio: 16 / 9;  }
    .lg\:aspect-ratio-4-3 {     aspect-ratio: 4 / 3;   }
    .lg\:aspect-ratio-3-4 {     aspect-ratio: 3 / 4;   }
    .lg\:aspect-ratio-2-3 {     aspect-ratio: 2 / 3;   }
    .lg\:aspect-ratio-3-2 {     aspect-ratio: 3 / 2;   }
    .lg\:aspect-ratio-2-1 {     aspect-ratio: 2 / 1;   }
    .lg\:aspect-ratio-1-2 {     aspect-ratio: 1 / 2;   }
    .lg\:aspect-ratio-square {  aspect-ratio: 1 / 1;   }
    .lg\:aspect-ratio-default { aspect-ratio: inherit; }
}

@media (min-width: 1280px) { 
    .xl\:w-25   {   width: 2.5rem;  }
    .xl\:w-50   {   width: 5rem;    }
    .xl\:w-75   {   width: 7.5rem;  }
    .xl\:w-100  {   width: 10rem;   }
    .xl\:w-150  {   width: 15rem;   }
    .xl\:w-200  {   width: 20rem;   }
    .xl\:w-250  {   width: 25rem;   }
    .xl\:w-300  {   width: 30rem;   }

    .xl\:w-1\/4 {   width: 25%;     }
    .xl\:w-1\/3 {   width: 33.33%;  }
    .xl\:w-1\/2 {   width: 50%;     }
    .xl\:w-2\/3 {   width: 66.67%;  }
    .xl\:w-3\/4 {   width: 75%;     }
    .xl\:w-full {   width: 100%;    }
    .xl\:w-auto {   width: auto;    }

    .xl\:h-1\/4-width {   height: 25vw;    }
    .xl\:h-1\/3-width {   height: 33.33vw; }
    .xl\:h-1\/2-width {   height: 50vw;    }
    .xl\:h-2\/3-width {   height: 66.67vw; }
    .xl\:h-3\/4-width {   height: 75vw;    }
    .xl\:h-full-width     {   height: 100vw;   }
    .xl\:h-1\/4       {   height: 25%;     }
    .xl\:h-1\/3       {   height: 33.33%;  }
    .xl\:h-1\/2       {   height: 50%;     }
    .xl\:h-2\/3       {   height: 66.67%;  }
    .xl\:h-3\/4       {   height: 75%;     }
    .xl\:h-full       {   height: 100%;    }
    .xl\:h-screen     {   height: 100vh;   }

    .xl\:max-25   {   max-width: 2.5rem;  }
    .xl\:max-50   {   max-width: 5rem;    }
    .xl\:max-75   {   max-width: 7.5rem;  }
    .xl\:max-100  {   max-width: 10rem;   }
    .xl\:max-150  {   max-width: 15rem;   }
    .xl\:max-200  {   max-width: 20rem;   }
    .xl\:max-250  {   max-width: 25rem;   }
    .xl\:max-300  {   max-width: 30rem;   }
    .xl\:max-none  {   max-width: none;   }
    .xl\:max-full  {   max-width: 100%;   }

    .xl\:aspect-ratio-16-9 {    aspect-ratio: 16 / 9;  }
    .xl\:aspect-ratio-4-3 {     aspect-ratio: 4 / 3;   }
    .xl\:aspect-ratio-3-4 {     aspect-ratio: 3 / 4;   }
    .xl\:aspect-ratio-2-3 {     aspect-ratio: 2 / 3;   }
    .xl\:aspect-ratio-3-2 {     aspect-ratio: 3 / 2;   }
    .xl\:aspect-ratio-2-1 {     aspect-ratio: 2 / 1;   }
    .xl\:aspect-ratio-1-2 {     aspect-ratio: 1 / 2;   }
    .xl\:aspect-ratio-square {  aspect-ratio: 1 / 1;   }
    .xl\:aspect-ratio-default { aspect-ratio: inherit; }
}

@media (min-width: 1540px) { 
    .xxl\:w-25   {   width: 2.5rem;  }
    .xxl\:w-50   {   width: 5rem;    }
    .xxl\:w-75   {   width: 7.5rem;  }
    .xxl\:w-100  {   width: 10rem;   }
    .xxl\:w-150  {   width: 15rem;   }
    .xxl\:w-200  {   width: 20rem;   }
    .xxl\:w-250  {   width: 25rem;   }
    .xxl\:w-300  {   width: 30rem;   }

    .xxl\:w-1\/4 {   width: 25%;     }
    .xxl\:w-1\/3 {   width: 33.33%;  }
    .xxl\:w-1\/2 {   width: 50%;     }
    .xxl\:w-2\/3 {   width: 66.67%;  }
    .xxl\:w-3\/4 {   width: 75%;     }
    .xxl\:w-full {   width: 100%;    }
    .xxl\:w-auto {   width: auto;    }

    .xxl\:h-1\/4-width {   height: 25vw;    }
    .xxl\:h-1\/3-width {   height: 33.33vw; }
    .xxl\:h-1\/2-width {   height: 50vw;    }
    .xxl\:h-2\/3-width {   height: 66.67vw; }
    .xxl\:h-3\/4-width {   height: 75vw;    }
    .xxl\:h-full-width     {   height: 100vw;   }
    .xxl\:h-1\/4       {   height: 25%;     }
    .xxl\:h-1\/3       {   height: 33.33%;  }
    .xxl\:h-1\/2       {   height: 50%;     }
    .xxl\:h-2\/3       {   height: 66.67%;  }
    .xxl\:h-3\/4       {   height: 75%;     }
    .xxl\:h-full       {   height: 100%;    }
    .xxl\:h-screen     {   height: 100vh;   }

    .xxl\:max-25   {   max-width: 2.5rem;  }
    .xxl\:max-50   {   max-width: 5rem;    }
    .xxl\:max-75   {   max-width: 7.5rem;  }
    .xxl\:max-100  {   max-width: 10rem;   }
    .xxl\:max-150  {   max-width: 15rem;   }
    .xxl\:max-200  {   max-width: 20rem;   }
    .xxl\:max-250  {   max-width: 25rem;   }
    .xxl\:max-300  {   max-width: 30rem;   }
    .xxl\:max-none  {   max-width: none;   }
    .xxl\:max-full  {   max-width: 100%;   }

    .xxl\:aspect-ratio-16-9 {    aspect-ratio: 16 / 9;  }
    .xxl\:aspect-ratio-4-3 {     aspect-ratio: 4 / 3;   }
    .xxl\:aspect-ratio-3-4 {     aspect-ratio: 3 / 4;   }
    .xxl\:aspect-ratio-2-3 {     aspect-ratio: 2 / 3;   }
    .xxl\:aspect-ratio-3-2 {     aspect-ratio: 3 / 2;   }
    .xxl\:aspect-ratio-2-1 {     aspect-ratio: 2 / 1;   }
    .xxl\:aspect-ratio-1-2 {     aspect-ratio: 1 / 2;   }
    .xxl\:aspect-ratio-square {  aspect-ratio: 1 / 1;   }
    .xxl\:aspect-ratio-default { aspect-ratio: inherit; }
}