/* ==================================================== */ /* Text size */ /* ==================================================== */ .text-xs { font-size: 0.75rem; } .text-sm { font-size: 0.875rem; } .text-base { font-size: 1rem; } .text-lg { font-size: 1.125rem; } .text-xl { font-size: 1.25rem; } .text-2xl { font-size: 1.5rem; } .text-3xl { font-size: 1.875rem; } .text-4xl { font-size: 2.25rem; } .text-5xl { font-size: 3rem; } .text-6xl { font-size: 3.75rem; } .text-7xl { font-size: 4.5rem; } .text-8xl { font-size: 6rem; } .text-9xl { font-size: 8rem; } /* sm: (≥ 576px) */ @media (min-width: 576px) { .sm\:text-xs { font-size: 0.75rem; } .sm\:text-sm { font-size: 0.875rem; } .sm\:text-base { font-size: 1rem; } .sm\:text-lg { font-size: 1.125rem; } .sm\:text-xl { font-size: 1.25rem; } .sm\:text-2xl { font-size: 1.5rem; } .sm\:text-3xl { font-size: 1.875rem; } .sm\:text-4xl { font-size: 2.25rem; } .sm\:text-5xl { font-size: 3rem; } .sm\:text-6xl { font-size: 3.75rem; } .sm\:text-7xl { font-size: 4.5rem; } .sm\:text-8xl { font-size: 6rem; } .sm\:text-9xl { font-size: 8rem; } } /* md: (≥ 768px) */ @media (min-width: 768px) { .md\:text-xs { font-size: 0.75rem; } .md\:text-sm { font-size: 0.875rem; } .md\:text-base { font-size: 1rem; } .md\:text-lg { font-size: 1.125rem; } .md\:text-xl { font-size: 1.25rem; } .md\:text-2xl { font-size: 1.5rem; } .md\:text-3xl { font-size: 1.875rem; } .md\:text-4xl { font-size: 2.25rem; } .md\:text-5xl { font-size: 3rem; } .md\:text-6xl { font-size: 3.75rem; } .md\:text-7xl { font-size: 4.5rem; } .md\:text-8xl { font-size: 6rem; } .md\:text-9xl { font-size: 8rem; } } /* lg: (≥ 992px) */ @media (min-width: 992px) { .lg\:text-xs { font-size: 0.75rem; } .lg\:text-sm { font-size: 0.875rem; } .lg\:text-base { font-size: 1rem; } .lg\:text-lg { font-size: 1.125rem; } .lg\:text-xl { font-size: 1.25rem; } .lg\:text-2xl { font-size: 1.5rem; } .lg\:text-3xl { font-size: 1.875rem; } .lg\:text-4xl { font-size: 2.25rem; } .lg\:text-5xl { font-size: 3rem; } .lg\:text-6xl { font-size: 3.75rem; } .lg\:text-7xl { font-size: 4.5rem; } .lg\:text-8xl { font-size: 6rem; } .lg\:text-9xl { font-size: 8rem; } } /* ==================================================== */ /* Spacing */ /* ==================================================== */ :root { --tw-space-0: 0rem; --tw-space-0_5: 0.125rem; --tw-space-1: 0.25rem; --tw-space-1_5: 0.375rem; --tw-space-2: 0.5rem; --tw-space-2_5: 0.625rem; --tw-space-3: 0.75rem; --tw-space-3_5: 0.875rem; --tw-space-4: 1rem; --tw-space-5: 1.25rem; --tw-space-6: 1.5rem; --tw-space-7: 1.75rem; --tw-space-8: 2rem; --tw-space-9: 2.25rem; --tw-space-10: 2.5rem; --tw-space-11: 2.75rem; --tw-space-12: 3rem; --tw-space-14: 3.5rem; --tw-space-16: 4rem; --tw-space-20: 5rem; --tw-space-24: 6rem; --tw-space-28: 7rem; --tw-space-32: 8rem; --tw-space-36: 9rem; --tw-space-40: 10rem; --tw-space-44: 11rem; --tw-space-48: 12rem; --tw-space-52: 13rem; --tw-space-56: 14rem; --tw-space-60: 15rem; --tw-space-64: 16rem; --tw-space-72: 18rem; --tw-space-80: 20rem; --tw-space-96: 24rem; } /* Margin utilities (m-*, mt-*, mx-*, etc.) */ [class^="m-"], [class*=" m-"] { margin: var(--tw-space-0); } .m-0\.5 { margin: var(--tw-space-0_5); } .m-1\.5 { margin: var(--tw-space-1_5); } .m-2\.5 { margin: var(--tw-space-2_5); } .m-3\.5 { margin: var(--tw-space-3_5); } .m-6 { margin: var(--tw-space-6); } .m-7 { margin: var(--tw-space-7); } .m-8 { margin: var(--tw-space-8); } .m-9 { margin: var(--tw-space-9); } .m-10 { margin: var(--tw-space-10); } .m-11 { margin: var(--tw-space-11); } .m-12 { margin: var(--tw-space-12); } .m-14 { margin: var(--tw-space-14); } .m-16 { margin: var(--tw-space-16); } .m-20 { margin: var(--tw-space-20); } .m-24 { margin: var(--tw-space-24); } .m-28 { margin: var(--tw-space-28); } .m-32 { margin: var(--tw-space-32); } .m-36 { margin: var(--tw-space-36); } .m-40 { margin: var(--tw-space-40); } .m-44 { margin: var(--tw-space-44); } .m-48 { margin: var(--tw-space-48); } .m-52 { margin: var(--tw-space-52); } .m-56 { margin: var(--tw-space-56); } .m-60 { margin: var(--tw-space-60); } .m-64 { margin: var(--tw-space-64); } .m-72 { margin: var(--tw-space-72); } .m-80 { margin: var(--tw-space-80); } .m-96 { margin: var(--tw-space-96); } /* Axis utilities (mx-*, my-*) */ .mx-auto { margin-left: auto; margin-right: auto; } .mx-0\.5 { margin-left: var(--tw-space-0_5); margin-right: var(--tw-space-0_5); } .mx-1\.5 { margin-left: var(--tw-space-1_5); margin-right: var(--tw-space-1_5); } .mx-2\.5 { margin-left: var(--tw-space-2_5); margin-right: var(--tw-space-2_5); } .mx-3\.5 { margin-left: var(--tw-space-3_5); margin-right: var(--tw-space-3_5); } .mx-6 { margin-left: var(--tw-space-6); margin-right: var(--tw-space-6); } .mx-7 { margin-left: var(--tw-space-7); margin-right: var(--tw-space-7); } .mx-8 { margin-left: var(--tw-space-8); margin-right: var(--tw-space-8); } .mx-9 { margin-left: var(--tw-space-9); margin-right: var(--tw-space-9); } .mx-10 { margin-left: var(--tw-space-10); margin-right: var(--tw-space-10); } .mx-11 { margin-left: var(--tw-space-11); margin-right: var(--tw-space-11); } .mx-12 { margin-left: var(--tw-space-12); margin-right: var(--tw-space-12); } .mx-14 { margin-left: var(--tw-space-14); margin-right: var(--tw-space-14); } .mx-16 { margin-left: var(--tw-space-16); margin-right: var(--tw-space-16); } .mx-20 { margin-left: var(--tw-space-20); margin-right: var(--tw-space-20); } .mx-24 { margin-left: var(--tw-space-24); margin-right: var(--tw-space-24); } .mx-28 { margin-left: var(--tw-space-28); margin-right: var(--tw-space-28); } .mx-32 { margin-left: var(--tw-space-32); margin-right: var(--tw-space-32); } .mx-36 { margin-left: var(--tw-space-36); margin-right: var(--tw-space-36); } .mx-40 { margin-left: var(--tw-space-40); margin-right: var(--tw-space-40); } .mx-44 { margin-left: var(--tw-space-44); margin-right: var(--tw-space-44); } .mx-48 { margin-left: var(--tw-space-48); margin-right: var(--tw-space-48); } .mx-52 { margin-left: var(--tw-space-52); margin-right: var(--tw-space-52); } .mx-56 { margin-left: var(--tw-space-56); margin-right: var(--tw-space-56); } .mx-60 { margin-left: var(--tw-space-60); margin-right: var(--tw-space-60); } .mx-64 { margin-left: var(--tw-space-64); margin-right: var(--tw-space-64); } .mx-72 { margin-left: var(--tw-space-72); margin-right: var(--tw-space-72); } .mx-80 { margin-left: var(--tw-space-80); margin-right: var(--tw-space-80); } .mx-96 { margin-left: var(--tw-space-96); margin-right: var(--tw-space-96); } .my-auto { margin-top: auto; margin-bottom: auto; } .my-0\.5 { margin-top: var(--tw-space-0_5); margin-bottom: var(--tw-space-0_5); } .my-1\.5 { margin-top: var(--tw-space-1_5); margin-bottom: var(--tw-space-1_5); } .my-2\.5 { margin-top: var(--tw-space-2_5); margin-bottom: var(--tw-space-2_5); } .my-3\.5 { margin-top: var(--tw-space-3_5); margin-bottom: var(--tw-space-3_5); } .my-6 { margin-top: var(--tw-space-6); margin-bottom: var(--tw-space-6); } .my-7 { margin-top: var(--tw-space-7); margin-bottom: var(--tw-space-7); } .my-8 { margin-top: var(--tw-space-8); margin-bottom: var(--tw-space-8); } .my-9 { margin-top: var(--tw-space-9); margin-bottom: var(--tw-space-9); } .my-10 { margin-top: var(--tw-space-10); margin-bottom: var(--tw-space-10); } .my-11 { margin-top: var(--tw-space-11); margin-bottom: var(--tw-space-11); } .my-12 { margin-top: var(--tw-space-12); margin-bottom: var(--tw-space-12); } .my-14 { margin-top: var(--tw-space-14); margin-bottom: var(--tw-space-14); } .my-16 { margin-top: var(--tw-space-16); margin-bottom: var(--tw-space-16); } .my-20 { margin-top: var(--tw-space-20); margin-bottom: var(--tw-space-20); } .my-24 { margin-top: var(--tw-space-24); margin-bottom: var(--tw-space-24); } .my-28 { margin-top: var(--tw-space-28); margin-bottom: var(--tw-space-28); } .my-32 { margin-top: var(--tw-space-32); margin-bottom: var(--tw-space-32); } .my-36 { margin-top: var(--tw-space-36); margin-bottom: var(--tw-space-36); } .my-40 { margin-top: var(--tw-space-40); margin-bottom: var(--tw-space-40); } .my-44 { margin-top: var(--tw-space-44); margin-bottom: var(--tw-space-44); } .my-48 { margin-top: var(--tw-space-48); margin-bottom: var(--tw-space-48); } .my-52 { margin-top: var(--tw-space-52); margin-bottom: var(--tw-space-52); } .my-56 { margin-top: var(--tw-space-56); margin-bottom: var(--tw-space-56); } .my-60 { margin-top: var(--tw-space-60); margin-bottom: var(--tw-space-60); } .my-64 { margin-top: var(--tw-space-64); margin-bottom: var(--tw-space-64); } .my-72 { margin-top: var(--tw-space-72); margin-bottom: var(--tw-space-72); } .my-80 { margin-top: var(--tw-space-80); margin-bottom: var(--tw-space-80); } .my-96 { margin-top: var(--tw-space-96); margin-bottom: var(--tw-space-96); } /* Individual sides (mt-*, mr-*, mb-*, ml-*) */ .mt-0\.5 { margin-top: var(--tw-space-0_5); } .mt-1\.5 { margin-top: var(--tw-space-1_5); } .mt-2\.5 { margin-top: var(--tw-space-2_5); } .mt-3\.5 { margin-top: var(--tw-space-3_5); } .mt-6 { margin-top: var(--tw-space-6); } .mt-7 { margin-top: var(--tw-space-7); } .mt-8 { margin-top: var(--tw-space-8); } .mt-9 { margin-top: var(--tw-space-9); } .mt-10 { margin-top: var(--tw-space-10); } .mt-11 { margin-top: var(--tw-space-11); } .mt-12 { margin-top: var(--tw-space-12); } .mt-14 { margin-top: var(--tw-space-14); } .mt-16 { margin-top: var(--tw-space-16); } .mt-20 { margin-top: var(--tw-space-20); } .mt-24 { margin-top: var(--tw-space-24); } .mt-28 { margin-top: var(--tw-space-28); } .mt-32 { margin-top: var(--tw-space-32); } .mt-36 { margin-top: var(--tw-space-36); } .mt-40 { margin-top: var(--tw-space-40); } .mt-44 { margin-top: var(--tw-space-44); } .mt-48 { margin-top: var(--tw-space-48); } .mt-52 { margin-top: var(--tw-space-52); } .mt-56 { margin-top: var(--tw-space-56); } .mt-60 { margin-top: var(--tw-space-60); } .mt-64 { margin-top: var(--tw-space-64); } .mt-72 { margin-top: var(--tw-space-72); } .mt-80 { margin-top: var(--tw-space-80); } .mt-96 { margin-top: var(--tw-space-96); } /* Individual sides (mr-*) */ .mr-0\.5 { margin-right: var(--tw-space-0_5); } .mr-1\.5 { margin-right: var(--tw-space-1_5); } .mr-2\.5 { margin-right: var(--tw-space-2_5); } .mr-3\.5 { margin-right: var(--tw-space-3_5); } .mr-6 { margin-right: var(--tw-space-6); } .mr-7 { margin-right: var(--tw-space-7); } .mr-8 { margin-right: var(--tw-space-8); } .mr-9 { margin-right: var(--tw-space-9); } .mr-10 { margin-right: var(--tw-space-10); } .mr-11 { margin-right: var(--tw-space-11); } .mr-12 { margin-right: var(--tw-space-12); } .mr-14 { margin-right: var(--tw-space-14); } .mr-16 { margin-right: var(--tw-space-16); } .mr-20 { margin-right: var(--tw-space-20); } .mr-24 { margin-right: var(--tw-space-24); } .mr-28 { margin-right: var(--tw-space-28); } .mr-32 { margin-right: var(--tw-space-32); } .mr-36 { margin-right: var(--tw-space-36); } .mr-40 { margin-right: var(--tw-space-40); } .mr-44 { margin-right: var(--tw-space-44); } .mr-48 { margin-right: var(--tw-space-48); } .mr-52 { margin-right: var(--tw-space-52); } .mr-56 { margin-right: var(--tw-space-56); } .mr-60 { margin-right: var(--tw-space-60); } .mr-64 { margin-right: var(--tw-space-64); } .mr-72 { margin-right: var(--tw-space-72); } .mr-80 { margin-right: var(--tw-space-80); } .mr-96 { margin-right: var(--tw-space-96); } /* Individual sides (mb-*) */ .mb-0\.5 { margin-bottom: var(--tw-space-0_5); } .mb-1\.5 { margin-bottom: var(--tw-space-1_5); } .mb-2\.5 { margin-bottom: var(--tw-space-2_5); } .mb-3\.5 { margin-bottom: var(--tw-space-3_5); } .mb-6 { margin-bottom: var(--tw-space-6); } .mb-7 { margin-bottom: var(--tw-space-7); } .mb-8 { margin-bottom: var(--tw-space-8); } .mb-9 { margin-bottom: var(--tw-space-9); } .mb-10 { margin-bottom: var(--tw-space-10); } .mb-11 { margin-bottom: var(--tw-space-11); } .mb-12 { margin-bottom: var(--tw-space-12); } .mb-14 { margin-bottom: var(--tw-space-14); } .mb-16 { margin-bottom: var(--tw-space-16); } .mb-20 { margin-bottom: var(--tw-space-20); } .mb-24 { margin-bottom: var(--tw-space-24); } .mb-28 { margin-bottom: var(--tw-space-28); } .mb-32 { margin-bottom: var(--tw-space-32); } .mb-36 { margin-bottom: var(--tw-space-36); } .mb-40 { margin-bottom: var(--tw-space-40); } .mb-44 { margin-bottom: var(--tw-space-44); } .mb-48 { margin-bottom: var(--tw-space-48); } .mb-52 { margin-bottom: var(--tw-space-52); } .mb-56 { margin-bottom: var(--tw-space-56); } .mb-60 { margin-bottom: var(--tw-space-60); } .mb-64 { margin-bottom: var(--tw-space-64); } .mb-72 { margin-bottom: var(--tw-space-72); } .mb-80 { margin-bottom: var(--tw-space-80); } .mb-96 { margin-bottom: var(--tw-space-96); } /* Individual sides (ml-*) */ .ml-0\.5 { margin-left: var(--tw-space-0_5); } .ml-1\.5 { margin-left: var(--tw-space-1_5); } .ml-2\.5 { margin-left: var(--tw-space-2_5); } .ml-3\.5 { margin-left: var(--tw-space-3_5); } .ml-6 { margin-left: var(--tw-space-6); } .ml-7 { margin-left: var(--tw-space-7); } .ml-8 { margin-left: var(--tw-space-8); } .ml-9 { margin-left: var(--tw-space-9); } .ml-10 { margin-left: var(--tw-space-10); } .ml-11 { margin-left: var(--tw-space-11); } .ml-12 { margin-left: var(--tw-space-12); } .ml-14 { margin-left: var(--tw-space-14); } .ml-16 { margin-left: var(--tw-space-16); } .ml-20 { margin-left: var(--tw-space-20); } .ml-24 { margin-left: var(--tw-space-24); } .ml-28 { margin-left: var(--tw-space-28); } .ml-32 { margin-left: var(--tw-space-32); } .ml-36 { margin-left: var(--tw-space-36); } .ml-40 { margin-left: var(--tw-space-40); } .ml-44 { margin-left: var(--tw-space-44); } .ml-48 { margin-left: var(--tw-space-48); } .ml-52 { margin-left: var(--tw-space-52); } .ml-56 { margin-left: var(--tw-space-56); } .ml-60 { margin-left: var(--tw-space-60); } .ml-64 { margin-left: var(--tw-space-64); } .ml-72 { margin-left: var(--tw-space-72); } .ml-80 { margin-left: var(--tw-space-80); } .ml-96 { margin-left: var(--tw-space-96); } /* Negative margins (-m-*, -mx-*) */ /* -m-* (all sides) */ .-m-0 { margin: calc(var(--tw-space-0) * -1); } .-m-0\.5 { margin: calc(var(--tw-space-0_5) * -1); } .-m-1 { margin: calc(var(--tw-space-1) * -1); } .-m-1\.5 { margin: calc(var(--tw-space-1_5) * -1); } .-m-2 { margin: calc(var(--tw-space-2) * -1); } .-m-2\.5 { margin: calc(var(--tw-space-2_5) * -1); } .-m-3 { margin: calc(var(--tw-space-3) * -1); } .-m-3\.5 { margin: calc(var(--tw-space-3_5) * -1); } .-m-4 { margin: calc(var(--tw-space-4) * -1); } .-m-5 { margin: calc(var(--tw-space-5) * -1); } .-m-6 { margin: calc(var(--tw-space-6) * -1); } .-m-7 { margin: calc(var(--tw-space-7) * -1); } .-m-8 { margin: calc(var(--tw-space-8) * -1); } .-m-9 { margin: calc(var(--tw-space-9) * -1); } .-m-10 { margin: calc(var(--tw-space-10) * -1); } .-m-11 { margin: calc(var(--tw-space-11) * -1); } .-m-12 { margin: calc(var(--tw-space-12) * -1); } .-m-14 { margin: calc(var(--tw-space-14) * -1); } .-m-16 { margin: calc(var(--tw-space-16) * -1); } .-m-20 { margin: calc(var(--tw-space-20) * -1); } .-m-24 { margin: calc(var(--tw-space-24) * -1); } .-m-28 { margin: calc(var(--tw-space-28) * -1); } .-m-32 { margin: calc(var(--tw-space-32) * -1); } .-m-36 { margin: calc(var(--tw-space-36) * -1); } .-m-40 { margin: calc(var(--tw-space-40) * -1); } .-m-44 { margin: calc(var(--tw-space-44) * -1); } .-m-48 { margin: calc(var(--tw-space-48) * -1); } .-m-52 { margin: calc(var(--tw-space-52) * -1); } .-m-56 { margin: calc(var(--tw-space-56) * -1); } .-m-60 { margin: calc(var(--tw-space-60) * -1); } .-m-64 { margin: calc(var(--tw-space-64) * -1); } .-m-72 { margin: calc(var(--tw-space-72) * -1); } .-m-80 { margin: calc(var(--tw-space-80) * -1); } .-m-96 { margin: calc(var(--tw-space-96) * -1); } /* -mx-* (left + right) */ .-mx-0 { margin-left: calc(var(--tw-space-0) * -1); margin-right: calc(var(--tw-space-0) * -1); } .-mx-0\.5 { margin-left: calc(var(--tw-space-0_5) * -1); margin-right: calc(var(--tw-space-0_5) * -1); } .-mx-1 { margin-left: calc(var(--tw-space-1) * -1); margin-right: calc(var(--tw-space-1) * -1); } .-mx-1\.5 { margin-left: calc(var(--tw-space-1_5) * -1); margin-right: calc(var(--tw-space-1_5) * -1); } .-mx-2 { margin-left: calc(var(--tw-space-2) * -1); margin-right: calc(var(--tw-space-2) * -1); } .-mx-2\.5 { margin-left: calc(var(--tw-space-2_5) * -1); margin-right: calc(var(--tw-space-2_5) * -1); } .-mx-3 { margin-left: calc(var(--tw-space-3) * -1); margin-right: calc(var(--tw-space-3) * -1); } .-mx-3\.5 { margin-left: calc(var(--tw-space-3_5) * -1); margin-right: calc(var(--tw-space-3_5) * -1); } .-mx-4 { margin-left: calc(var(--tw-space-4) * -1); margin-right: calc(var(--tw-space-4) * -1); } .-mx-5 { margin-left: calc(var(--tw-space-5) * -1); margin-right: calc(var(--tw-space-5) * -1); } .-mx-6 { margin-left: calc(var(--tw-space-6) * -1); margin-right: calc(var(--tw-space-6) * -1); } .-mx-7 { margin-left: calc(var(--tw-space-7) * -1); margin-right: calc(var(--tw-space-7) * -1); } .-mx-8 { margin-left: calc(var(--tw-space-8) * -1); margin-right: calc(var(--tw-space-8) * -1); } .-mx-9 { margin-left: calc(var(--tw-space-9) * -1); margin-right: calc(var(--tw-space-9) * -1); } .-mx-10 { margin-left: calc(var(--tw-space-10) * -1); margin-right: calc(var(--tw-space-10) * -1); } .-mx-11 { margin-left: calc(var(--tw-space-11) * -1); margin-right: calc(var(--tw-space-11) * -1); } .-mx-12 { margin-left: calc(var(--tw-space-12) * -1); margin-right: calc(var(--tw-space-12) * -1); } .-mx-14 { margin-left: calc(var(--tw-space-14) * -1); margin-right: calc(var(--tw-space-14) * -1); } .-mx-16 { margin-left: calc(var(--tw-space-16) * -1); margin-right: calc(var(--tw-space-16) * -1); } .-mx-20 { margin-left: calc(var(--tw-space-20) * -1); margin-right: calc(var(--tw-space-20) * -1); } .-mx-24 { margin-left: calc(var(--tw-space-24) * -1); margin-right: calc(var(--tw-space-24) * -1); } .-mx-28 { margin-left: calc(var(--tw-space-28) * -1); margin-right: calc(var(--tw-space-28) * -1); } .-mx-32 { margin-left: calc(var(--tw-space-32) * -1); margin-right: calc(var(--tw-space-32) * -1); } .-mx-36 { margin-left: calc(var(--tw-space-36) * -1); margin-right: calc(var(--tw-space-36) * -1); } .-mx-40 { margin-left: calc(var(--tw-space-40) * -1); margin-right: calc(var(--tw-space-40) * -1); } .-mx-44 { margin-left: calc(var(--tw-space-44) * -1); margin-right: calc(var(--tw-space-44) * -1); } .-mx-48 { margin-left: calc(var(--tw-space-48) * -1); margin-right: calc(var(--tw-space-48) * -1); } .-mx-52 { margin-left: calc(var(--tw-space-52) * -1); margin-right: calc(var(--tw-space-52) * -1); } .-mx-56 { margin-left: calc(var(--tw-space-56) * -1); margin-right: calc(var(--tw-space-56) * -1); } .-mx-60 { margin-left: calc(var(--tw-space-60) * -1); margin-right: calc(var(--tw-space-60) * -1); } .-mx-64 { margin-left: calc(var(--tw-space-64) * -1); margin-right: calc(var(--tw-space-64) * -1); } .-mx-72 { margin-left: calc(var(--tw-space-72) * -1); margin-right: calc(var(--tw-space-72) * -1); } .-mx-80 { margin-left: calc(var(--tw-space-80) * -1); margin-right: calc(var(--tw-space-80) * -1); } .-mx-96 { margin-left: calc(var(--tw-space-96) * -1); margin-right: calc(var(--tw-space-96) * -1); } /* -my-* (top + bottom) */ .-my-0 { margin-top: calc(var(--tw-space-0) * -1); margin-bottom: calc(var(--tw-space-0) * -1); } .-my-0\.5 { margin-top: calc(var(--tw-space-0_5) * -1); margin-bottom: calc(var(--tw-space-0_5) * -1); } .-my-1 { margin-top: calc(var(--tw-space-1) * -1); margin-bottom: calc(var(--tw-space-1) * -1); } .-my-1\.5 { margin-top: calc(var(--tw-space-1_5) * -1); margin-bottom: calc(var(--tw-space-1_5) * -1); } .-my-2 { margin-top: calc(var(--tw-space-2) * -1); margin-bottom: calc(var(--tw-space-2) * -1); } .-my-2\.5 { margin-top: calc(var(--tw-space-2_5) * -1); margin-bottom: calc(var(--tw-space-2_5) * -1); } .-my-3 { margin-top: calc(var(--tw-space-3) * -1); margin-bottom: calc(var(--tw-space-3) * -1); } .-my-3\.5 { margin-top: calc(var(--tw-space-3_5) * -1); margin-bottom: calc(var(--tw-space-3_5) * -1); } .-my-4 { margin-top: calc(var(--tw-space-4) * -1); margin-bottom: calc(var(--tw-space-4) * -1); } .-my-5 { margin-top: calc(var(--tw-space-5) * -1); margin-bottom: calc(var(--tw-space-5) * -1); } .-my-6 { margin-top: calc(var(--tw-space-6) * -1); margin-bottom: calc(var(--tw-space-6) * -1); } .-my-7 { margin-top: calc(var(--tw-space-7) * -1); margin-bottom: calc(var(--tw-space-7) * -1); } .-my-8 { margin-top: calc(var(--tw-space-8) * -1); margin-bottom: calc(var(--tw-space-8) * -1); } .-my-9 { margin-top: calc(var(--tw-space-9) * -1); margin-bottom: calc(var(--tw-space-9) * -1); } .-my-10 { margin-top: calc(var(--tw-space-10) * -1); margin-bottom: calc(var(--tw-space-10) * -1); } .-my-11 { margin-top: calc(var(--tw-space-11) * -1); margin-bottom: calc(var(--tw-space-11) * -1); } .-my-12 { margin-top: calc(var(--tw-space-12) * -1); margin-bottom: calc(var(--tw-space-12) * -1); } .-my-14 { margin-top: calc(var(--tw-space-14) * -1); margin-bottom: calc(var(--tw-space-14) * -1); } .-my-16 { margin-top: calc(var(--tw-space-16) * -1); margin-bottom: calc(var(--tw-space-16) * -1); } .-my-20 { margin-top: calc(var(--tw-space-20) * -1); margin-bottom: calc(var(--tw-space-20) * -1); } .-my-24 { margin-top: calc(var(--tw-space-24) * -1); margin-bottom: calc(var(--tw-space-24) * -1); } .-my-28 { margin-top: calc(var(--tw-space-28) * -1); margin-bottom: calc(var(--tw-space-28) * -1); } .-my-32 { margin-top: calc(var(--tw-space-32) * -1); margin-bottom: calc(var(--tw-space-32) * -1); } .-my-36 { margin-top: calc(var(--tw-space-36) * -1); margin-bottom: calc(var(--tw-space-36) * -1); } .-my-40 { margin-top: calc(var(--tw-space-40) * -1); margin-bottom: calc(var(--tw-space-40) * -1); } .-my-44 { margin-top: calc(var(--tw-space-44) * -1); margin-bottom: calc(var(--tw-space-44) * -1); } .-my-48 { margin-top: calc(var(--tw-space-48) * -1); margin-bottom: calc(var(--tw-space-48) * -1); } .-my-52 { margin-top: calc(var(--tw-space-52) * -1); margin-bottom: calc(var(--tw-space-52) * -1); } .-my-56 { margin-top: calc(var(--tw-space-56) * -1); margin-bottom: calc(var(--tw-space-56) * -1); } .-my-60 { margin-top: calc(var(--tw-space-60) * -1); margin-bottom: calc(var(--tw-space-60) * -1); } .-my-64 { margin-top: calc(var(--tw-space-64) * -1); margin-bottom: calc(var(--tw-space-64) * -1); } .-my-72 { margin-top: calc(var(--tw-space-72) * -1); margin-bottom: calc(var(--tw-space-72) * -1); } .-my-80 { margin-top: calc(var(--tw-space-80) * -1); margin-bottom: calc(var(--tw-space-80) * -1); } .-my-96 { margin-top: calc(var(--tw-space-96) * -1); margin-bottom: calc(var(--tw-space-96) * -1); } /* Responsive variants (sm:, md:, lg:, xl:) */ @media (min-width: 576px) { /* mx */ .sm\:mx-0\.5 { margin-left: var(--tw-space-0_5); margin-right: var(--tw-space-0_5); } .sm\:mx-1\.5 { margin-left: var(--tw-space-1_5); margin-right: var(--tw-space-1_5); } .sm\:mx-2\.5 { margin-left: var(--tw-space-2_5); margin-right: var(--tw-space-2_5); } .sm\:mx-3\.5 { margin-left: var(--tw-space-3_5); margin-right: var(--tw-space-3_5); } .sm\:mx-6 { margin-left: var(--tw-space-6); margin-right: var(--tw-space-6); } .sm\:mx-7 { margin-left: var(--tw-space-7); margin-right: var(--tw-space-7); } .sm\:mx-8 { margin-left: var(--tw-space-8); margin-right: var(--tw-space-8); } .sm\:mx-9 { margin-left: var(--tw-space-9); margin-right: var(--tw-space-9); } .sm\:mx-10 { margin-left: var(--tw-space-10); margin-right: var(--tw-space-10); } .sm\:mx-11 { margin-left: var(--tw-space-11); margin-right: var(--tw-space-11); } .sm\:mx-12 { margin-left: var(--tw-space-12); margin-right: var(--tw-space-12); } .sm\:mx-14 { margin-left: var(--tw-space-14); margin-right: var(--tw-space-14); } .sm\:mx-16 { margin-left: var(--tw-space-16); margin-right: var(--tw-space-16); } .sm\:mx-20 { margin-left: var(--tw-space-20); margin-right: var(--tw-space-20); } .sm\:mx-24 { margin-left: var(--tw-space-24); margin-right: var(--tw-space-24); } .sm\:mx-28 { margin-left: var(--tw-space-28); margin-right: var(--tw-space-28); } .sm\:mx-32 { margin-left: var(--tw-space-32); margin-right: var(--tw-space-32); } .sm\:mx-36 { margin-left: var(--tw-space-36); margin-right: var(--tw-space-36); } .sm\:mx-40 { margin-left: var(--tw-space-40); margin-right: var(--tw-space-40); } .sm\:mx-44 { margin-left: var(--tw-space-44); margin-right: var(--tw-space-44); } .sm\:mx-48 { margin-left: var(--tw-space-48); margin-right: var(--tw-space-48); } .sm\:mx-52 { margin-left: var(--tw-space-52); margin-right: var(--tw-space-52); } .sm\:mx-56 { margin-left: var(--tw-space-56); margin-right: var(--tw-space-56); } .sm\:mx-60 { margin-left: var(--tw-space-60); margin-right: var(--tw-space-60); } .sm\:mx-64 { margin-left: var(--tw-space-64); margin-right: var(--tw-space-64); } .sm\:mx-72 { margin-left: var(--tw-space-72); margin-right: var(--tw-space-72); } .sm\:mx-80 { margin-left: var(--tw-space-80); margin-right: var(--tw-space-80); } .sm\:mx-96 { margin-left: var(--tw-space-96); margin-right: var(--tw-space-96); } /* my */ .sm\:my-0\.5 { margin-top: var(--tw-space-0_5); margin-bottom: var(--tw-space-0_5); } .sm\:my-1\.5 { margin-top: var(--tw-space-1_5); margin-bottom: var(--tw-space-1_5); } .sm\:my-2\.5 { margin-top: var(--tw-space-2_5); margin-bottom: var(--tw-space-2_5); } .sm\:my-3\.5 { margin-top: var(--tw-space-3_5); margin-bottom: var(--tw-space-3_5); } .sm\:my-6 { margin-top: var(--tw-space-6); margin-bottom: var(--tw-space-6); } .sm\:my-7 { margin-top: var(--tw-space-7); margin-bottom: var(--tw-space-7); } .sm\:my-8 { margin-top: var(--tw-space-8); margin-bottom: var(--tw-space-8); } .sm\:my-9 { margin-top: var(--tw-space-9); margin-bottom: var(--tw-space-9); } .sm\:my-10 { margin-top: var(--tw-space-10); margin-bottom: var(--tw-space-10); } .sm\:my-11 { margin-top: var(--tw-space-11); margin-bottom: var(--tw-space-11); } .sm\:my-12 { margin-top: var(--tw-space-12); margin-bottom: var(--tw-space-12); } .sm\:my-14 { margin-top: var(--tw-space-14); margin-bottom: var(--tw-space-14); } .sm\:my-16 { margin-top: var(--tw-space-16); margin-bottom: var(--tw-space-16); } .sm\:my-20 { margin-top: var(--tw-space-20); margin-bottom: var(--tw-space-20); } .sm\:my-24 { margin-top: var(--tw-space-24); margin-bottom: var(--tw-space-24); } .sm\:my-28 { margin-top: var(--tw-space-28); margin-bottom: var(--tw-space-28); } .sm\:my-32 { margin-top: var(--tw-space-32); margin-bottom: var(--tw-space-32); } .sm\:my-36 { margin-top: var(--tw-space-36); margin-bottom: var(--tw-space-36); } .sm\:my-40 { margin-top: var(--tw-space-40); margin-bottom: var(--tw-space-40); } .sm\:my-44 { margin-top: var(--tw-space-44); margin-bottom: var(--tw-space-44); } .sm\:my-48 { margin-top: var(--tw-space-48); margin-bottom: var(--tw-space-48); } .sm\:my-52 { margin-top: var(--tw-space-52); margin-bottom: var(--tw-space-52); } .sm\:my-56 { margin-top: var(--tw-space-56); margin-bottom: var(--tw-space-56); } .sm\:my-60 { margin-top: var(--tw-space-60); margin-bottom: var(--tw-space-60); } .sm\:my-64 { margin-top: var(--tw-space-64); margin-bottom: var(--tw-space-64); } .sm\:my-72 { margin-top: var(--tw-space-72); margin-bottom: var(--tw-space-72); } .sm\:my-80 { margin-top: var(--tw-space-80); margin-bottom: var(--tw-space-80); } .sm\:my-96 { margin-top: var(--tw-space-96); margin-bottom: var(--tw-space-96); } /* mt */ .sm\:mt-0\.5 { margin-top: var(--tw-space-0_5); } .sm\:mt-1\.5 { margin-top: var(--tw-space-1_5); } .sm\:mt-2\.5 { margin-top: var(--tw-space-2_5); } .sm\:mt-3\.5 { margin-top: var(--tw-space-3_5); } .sm\:mt-6 { margin-top: var(--tw-space-6); } .sm\:mt-7 { margin-top: var(--tw-space-7); } .sm\:mt-8 { margin-top: var(--tw-space-8); } .sm\:mt-9 { margin-top: var(--tw-space-9); } .sm\:mt-10 { margin-top: var(--tw-space-10); } .sm\:mt-11 { margin-top: var(--tw-space-11); } .sm\:mt-12 { margin-top: var(--tw-space-12); } .sm\:mt-14 { margin-top: var(--tw-space-14); } .sm\:mt-16 { margin-top: var(--tw-space-16); } .sm\:mt-20 { margin-top: var(--tw-space-20); } .sm\:mt-24 { margin-top: var(--tw-space-24); } .sm\:mt-28 { margin-top: var(--tw-space-28); } .sm\:mt-32 { margin-top: var(--tw-space-32); } .sm\:mt-36 { margin-top: var(--tw-space-36); } .sm\:mt-40 { margin-top: var(--tw-space-40); } .sm\:mt-44 { margin-top: var(--tw-space-44); } .sm\:mt-48 { margin-top: var(--tw-space-48); } .sm\:mt-52 { margin-top: var(--tw-space-52); } .sm\:mt-56 { margin-top: var(--tw-space-56); } .sm\:mt-60 { margin-top: var(--tw-space-60); } .sm\:mt-64 { margin-top: var(--tw-space-64); } .sm\:mt-72 { margin-top: var(--tw-space-72); } .sm\:mt-80 { margin-top: var(--tw-space-80); } .sm\:mt-96 { margin-top: var(--tw-space-96); } /* mr */ .sm\:mr-0\.5 { margin-right: var(--tw-space-0_5); } .sm\:mr-1\.5 { margin-right: var(--tw-space-1_5); } .sm\:mr-2\.5 { margin-right: var(--tw-space-2_5); } .sm\:mr-3\.5 { margin-right: var(--tw-space-3_5); } .sm\:mr-6 { margin-right: var(--tw-space-6); } .sm\:mr-7 { margin-right: var(--tw-space-7); } .sm\:mr-8 { margin-right: var(--tw-space-8); } .sm\:mr-9 { margin-right: var(--tw-space-9); } .sm\:mr-10 { margin-right: var(--tw-space-10); } .sm\:mr-11 { margin-right: var(--tw-space-11); } .sm\:mr-12 { margin-right: var(--tw-space-12); } .sm\:mr-14 { margin-right: var(--tw-space-14); } .sm\:mr-16 { margin-right: var(--tw-space-16); } .sm\:mr-20 { margin-right: var(--tw-space-20); } .sm\:mr-24 { margin-right: var(--tw-space-24); } .sm\:mr-28 { margin-right: var(--tw-space-28); } .sm\:mr-32 { margin-right: var(--tw-space-32); } .sm\:mr-36 { margin-right: var(--tw-space-36); } .sm\:mr-40 { margin-right: var(--tw-space-40); } .sm\:mr-44 { margin-right: var(--tw-space-44); } .sm\:mr-48 { margin-right: var(--tw-space-48); } .sm\:mr-52 { margin-right: var(--tw-space-52); } .sm\:mr-56 { margin-right: var(--tw-space-56); } .sm\:mr-60 { margin-right: var(--tw-space-60); } .sm\:mr-64 { margin-right: var(--tw-space-64); } .sm\:mr-72 { margin-right: var(--tw-space-72); } .sm\:mr-80 { margin-right: var(--tw-space-80); } .sm\:mr-96 { margin-right: var(--tw-space-96); } /* mb */ .sm\:mb-0\.5 { margin-bottom: var(--tw-space-0_5); } .sm\:mb-1\.5 { margin-bottom: var(--tw-space-1_5); } .sm\:mb-2\.5 { margin-bottom: var(--tw-space-2_5); } .sm\:mb-3\.5 { margin-bottom: var(--tw-space-3_5); } .sm\:mb-6 { margin-bottom: var(--tw-space-6); } .sm\:mb-7 { margin-bottom: var(--tw-space-7); } .sm\:mb-8 { margin-bottom: var(--tw-space-8); } .sm\:mb-9 { margin-bottom: var(--tw-space-9); } .sm\:mb-10 { margin-bottom: var(--tw-space-10); } .sm\:mb-11 { margin-bottom: var(--tw-space-11); } .sm\:mb-12 { margin-bottom: var(--tw-space-12); } .sm\:mb-14 { margin-bottom: var(--tw-space-14); } .sm\:mb-16 { margin-bottom: var(--tw-space-16); } .sm\:mb-20 { margin-bottom: var(--tw-space-20); } .sm\:mb-24 { margin-bottom: var(--tw-space-24); } .sm\:mb-28 { margin-bottom: var(--tw-space-28); } .sm\:mb-32 { margin-bottom: var(--tw-space-32); } .sm\:mb-36 { margin-bottom: var(--tw-space-36); } .sm\:mb-40 { margin-bottom: var(--tw-space-40); } .sm\:mb-44 { margin-bottom: var(--tw-space-44); } .sm\:mb-48 { margin-bottom: var(--tw-space-48); } .sm\:mb-52 { margin-bottom: var(--tw-space-52); } .sm\:mb-56 { margin-bottom: var(--tw-space-56); } .sm\:mb-60 { margin-bottom: var(--tw-space-60); } .sm\:mb-64 { margin-bottom: var(--tw-space-64); } .sm\:mb-72 { margin-bottom: var(--tw-space-72); } .sm\:mb-80 { margin-bottom: var(--tw-space-80); } .sm\:mb-96 { margin-bottom: var(--tw-space-96); } /* ml */ .sm\:ml-0\.5 { margin-left: var(--tw-space-0_5); } .sm\:ml-1\.5 { margin-left: var(--tw-space-1_5); } .sm\:ml-2\.5 { margin-left: var(--tw-space-2_5); } .sm\:ml-3\.5 { margin-left: var(--tw-space-3_5); } .sm\:ml-6 { margin-left: var(--tw-space-6); } .sm\:ml-7 { margin-left: var(--tw-space-7); } .sm\:ml-8 { margin-left: var(--tw-space-8); } .sm\:ml-9 { margin-left: var(--tw-space-9); } .sm\:ml-10 { margin-left: var(--tw-space-10); } .sm\:ml-11 { margin-left: var(--tw-space-11); } .sm\:ml-12 { margin-left: var(--tw-space-12); } .sm\:ml-14 { margin-left: var(--tw-space-14); } .sm\:ml-16 { margin-left: var(--tw-space-16); } .sm\:ml-20 { margin-left: var(--tw-space-20); } .sm\:ml-24 { margin-left: var(--tw-space-24); } .sm\:ml-28 { margin-left: var(--tw-space-28); } .sm\:ml-32 { margin-left: var(--tw-space-32); } .sm\:ml-36 { margin-left: var(--tw-space-36); } .sm\:ml-40 { margin-left: var(--tw-space-40); } .sm\:ml-44 { margin-left: var(--tw-space-44); } .sm\:ml-48 { margin-left: var(--tw-space-48); } .sm\:ml-52 { margin-left: var(--tw-space-52); } .sm\:ml-56 { margin-left: var(--tw-space-56); } .sm\:ml-60 { margin-left: var(--tw-space-60); } .sm\:ml-64 { margin-left: var(--tw-space-64); } .sm\:ml-72 { margin-left: var(--tw-space-72); } .sm\:ml-80 { margin-left: var(--tw-space-80); } .sm\:ml-96 { margin-left: var(--tw-space-96); } } @media (min-width: 768px) { /* mx */ .md\:mx-0\.5 { margin-left: var(--tw-space-0_5); margin-right: var(--tw-space-0_5); } .md\:mx-1\.5 { margin-left: var(--tw-space-1_5); margin-right: var(--tw-space-1_5); } .md\:mx-2\.5 { margin-left: var(--tw-space-2_5); margin-right: var(--tw-space-2_5); } .md\:mx-3\.5 { margin-left: var(--tw-space-3_5); margin-right: var(--tw-space-3_5); } .md\:mx-6 { margin-left: var(--tw-space-6); margin-right: var(--tw-space-6); } .md\:mx-7 { margin-left: var(--tw-space-7); margin-right: var(--tw-space-7); } .md\:mx-8 { margin-left: var(--tw-space-8); margin-right: var(--tw-space-8); } .md\:mx-9 { margin-left: var(--tw-space-9); margin-right: var(--tw-space-9); } .md\:mx-10 { margin-left: var(--tw-space-10); margin-right: var(--tw-space-10); } .md\:mx-11 { margin-left: var(--tw-space-11); margin-right: var(--tw-space-11); } .md\:mx-12 { margin-left: var(--tw-space-12); margin-right: var(--tw-space-12); } .md\:mx-14 { margin-left: var(--tw-space-14); margin-right: var(--tw-space-14); } .md\:mx-16 { margin-left: var(--tw-space-16); margin-right: var(--tw-space-16); } .md\:mx-20 { margin-left: var(--tw-space-20); margin-right: var(--tw-space-20); } .md\:mx-24 { margin-left: var(--tw-space-24); margin-right: var(--tw-space-24); } .md\:mx-28 { margin-left: var(--tw-space-28); margin-right: var(--tw-space-28); } .md\:mx-32 { margin-left: var(--tw-space-32); margin-right: var(--tw-space-32); } .md\:mx-36 { margin-left: var(--tw-space-36); margin-right: var(--tw-space-36); } .md\:mx-40 { margin-left: var(--tw-space-40); margin-right: var(--tw-space-40); } .md\:mx-44 { margin-left: var(--tw-space-44); margin-right: var(--tw-space-44); } .md\:mx-48 { margin-left: var(--tw-space-48); margin-right: var(--tw-space-48); } .md\:mx-52 { margin-left: var(--tw-space-52); margin-right: var(--tw-space-52); } .md\:mx-56 { margin-left: var(--tw-space-56); margin-right: var(--tw-space-56); } .md\:mx-60 { margin-left: var(--tw-space-60); margin-right: var(--tw-space-60); } .md\:mx-64 { margin-left: var(--tw-space-64); margin-right: var(--tw-space-64); } .md\:mx-72 { margin-left: var(--tw-space-72); margin-right: var(--tw-space-72); } .md\:mx-80 { margin-left: var(--tw-space-80); margin-right: var(--tw-space-80); } .md\:mx-96 { margin-left: var(--tw-space-96); margin-right: var(--tw-space-96); } /* my */ .md\:my-0\.5 { margin-top: var(--tw-space-0_5); margin-bottom: var(--tw-space-0_5); } .md\:my-1\.5 { margin-top: var(--tw-space-1_5); margin-bottom: var(--tw-space-1_5); } .md\:my-2\.5 { margin-top: var(--tw-space-2_5); margin-bottom: var(--tw-space-2_5); } .md\:my-3\.5 { margin-top: var(--tw-space-3_5); margin-bottom: var(--tw-space-3_5); } .md\:my-6 { margin-top: var(--tw-space-6); margin-bottom: var(--tw-space-6); } .md\:my-7 { margin-top: var(--tw-space-7); margin-bottom: var(--tw-space-7); } .md\:my-8 { margin-top: var(--tw-space-8); margin-bottom: var(--tw-space-8); } .md\:my-9 { margin-top: var(--tw-space-9); margin-bottom: var(--tw-space-9); } .md\:my-10 { margin-top: var(--tw-space-10); margin-bottom: var(--tw-space-10); } .md\:my-11 { margin-top: var(--tw-space-11); margin-bottom: var(--tw-space-11); } .md\:my-12 { margin-top: var(--tw-space-12); margin-bottom: var(--tw-space-12); } .md\:my-14 { margin-top: var(--tw-space-14); margin-bottom: var(--tw-space-14); } .md\:my-16 { margin-top: var(--tw-space-16); margin-bottom: var(--tw-space-16); } .md\:my-20 { margin-top: var(--tw-space-20); margin-bottom: var(--tw-space-20); } .md\:my-24 { margin-top: var(--tw-space-24); margin-bottom: var(--tw-space-24); } .md\:my-28 { margin-top: var(--tw-space-28); margin-bottom: var(--tw-space-28); } .md\:my-32 { margin-top: var(--tw-space-32); margin-bottom: var(--tw-space-32); } .md\:my-36 { margin-top: var(--tw-space-36); margin-bottom: var(--tw-space-36); } .md\:my-40 { margin-top: var(--tw-space-40); margin-bottom: var(--tw-space-40); } .md\:my-44 { margin-top: var(--tw-space-44); margin-bottom: var(--tw-space-44); } .md\:my-48 { margin-top: var(--tw-space-48); margin-bottom: var(--tw-space-48); } .md\:my-52 { margin-top: var(--tw-space-52); margin-bottom: var(--tw-space-52); } .md\:my-56 { margin-top: var(--tw-space-56); margin-bottom: var(--tw-space-56); } .md\:my-60 { margin-top: var(--tw-space-60); margin-bottom: var(--tw-space-60); } .md\:my-64 { margin-top: var(--tw-space-64); margin-bottom: var(--tw-space-64); } .md\:my-72 { margin-top: var(--tw-space-72); margin-bottom: var(--tw-space-72); } .md\:my-80 { margin-top: var(--tw-space-80); margin-bottom: var(--tw-space-80); } .md\:my-96 { margin-top: var(--tw-space-96); margin-bottom: var(--tw-space-96); } /* mt */ .md\:mt-0\.5 { margin-top: var(--tw-space-0_5); } .md\:mt-1\.5 { margin-top: var(--tw-space-1_5); } .md\:mt-2\.5 { margin-top: var(--tw-space-2_5); } .md\:mt-3\.5 { margin-top: var(--tw-space-3_5); } .md\:mt-6 { margin-top: var(--tw-space-6); } .md\:mt-7 { margin-top: var(--tw-space-7); } .md\:mt-8 { margin-top: var(--tw-space-8); } .md\:mt-9 { margin-top: var(--tw-space-9); } .md\:mt-10 { margin-top: var(--tw-space-10); } .md\:mt-11 { margin-top: var(--tw-space-11); } .md\:mt-12 { margin-top: var(--tw-space-12); } .md\:mt-14 { margin-top: var(--tw-space-14); } .md\:mt-16 { margin-top: var(--tw-space-16); } .md\:mt-20 { margin-top: var(--tw-space-20); } .md\:mt-24 { margin-top: var(--tw-space-24); } .md\:mt-28 { margin-top: var(--tw-space-28); } .md\:mt-32 { margin-top: var(--tw-space-32); } .md\:mt-36 { margin-top: var(--tw-space-36); } .md\:mt-40 { margin-top: var(--tw-space-40); } .md\:mt-44 { margin-top: var(--tw-space-44); } .md\:mt-48 { margin-top: var(--tw-space-48); } .md\:mt-52 { margin-top: var(--tw-space-52); } .md\:mt-56 { margin-top: var(--tw-space-56); } .md\:mt-60 { margin-top: var(--tw-space-60); } .md\:mt-64 { margin-top: var(--tw-space-64); } .md\:mt-72 { margin-top: var(--tw-space-72); } .md\:mt-80 { margin-top: var(--tw-space-80); } .md\:mt-96 { margin-top: var(--tw-space-96); } /* mr */ .md\:mr-0\.5 { margin-right: var(--tw-space-0_5); } .md\:mr-1\.5 { margin-right: var(--tw-space-1_5); } .md\:mr-2\.5 { margin-right: var(--tw-space-2_5); } .md\:mr-3\.5 { margin-right: var(--tw-space-3_5); } .md\:mr-6 { margin-right: var(--tw-space-6); } .md\:mr-7 { margin-right: var(--tw-space-7); } .md\:mr-8 { margin-right: var(--tw-space-8); } .md\:mr-9 { margin-right: var(--tw-space-9); } .md\:mr-10 { margin-right: var(--tw-space-10); } .md\:mr-11 { margin-right: var(--tw-space-11); } .md\:mr-12 { margin-right: var(--tw-space-12); } .md\:mr-14 { margin-right: var(--tw-space-14); } .md\:mr-16 { margin-right: var(--tw-space-16); } .md\:mr-20 { margin-right: var(--tw-space-20); } .md\:mr-24 { margin-right: var(--tw-space-24); } .md\:mr-28 { margin-right: var(--tw-space-28); } .md\:mr-32 { margin-right: var(--tw-space-32); } .md\:mr-36 { margin-right: var(--tw-space-36); } .md\:mr-40 { margin-right: var(--tw-space-40); } .md\:mr-44 { margin-right: var(--tw-space-44); } .md\:mr-48 { margin-right: var(--tw-space-48); } .md\:mr-52 { margin-right: var(--tw-space-52); } .md\:mr-56 { margin-right: var(--tw-space-56); } .md\:mr-60 { margin-right: var(--tw-space-60); } .md\:mr-64 { margin-right: var(--tw-space-64); } .md\:mr-72 { margin-right: var(--tw-space-72); } .md\:mr-80 { margin-right: var(--tw-space-80); } .md\:mr-96 { margin-right: var(--tw-space-96); } /* mb */ .md\:mb-0\.5 { margin-bottom: var(--tw-space-0_5); } .md\:mb-1\.5 { margin-bottom: var(--tw-space-1_5); } .md\:mb-2\.5 { margin-bottom: var(--tw-space-2_5); } .md\:mb-3\.5 { margin-bottom: var(--tw-space-3_5); } .md\:mb-6 { margin-bottom: var(--tw-space-6); } .md\:mb-7 { margin-bottom: var(--tw-space-7); } .md\:mb-8 { margin-bottom: var(--tw-space-8); } .md\:mb-9 { margin-bottom: var(--tw-space-9); } .md\:mb-10 { margin-bottom: var(--tw-space-10); } .md\:mb-11 { margin-bottom: var(--tw-space-11); } .md\:mb-12 { margin-bottom: var(--tw-space-12); } .md\:mb-14 { margin-bottom: var(--tw-space-14); } .md\:mb-16 { margin-bottom: var(--tw-space-16); } .md\:mb-20 { margin-bottom: var(--tw-space-20); } .md\:mb-24 { margin-bottom: var(--tw-space-24); } .md\:mb-28 { margin-bottom: var(--tw-space-28); } .md\:mb-32 { margin-bottom: var(--tw-space-32); } .md\:mb-36 { margin-bottom: var(--tw-space-36); } .md\:mb-40 { margin-bottom: var(--tw-space-40); } .md\:mb-44 { margin-bottom: var(--tw-space-44); } .md\:mb-48 { margin-bottom: var(--tw-space-48); } .md\:mb-52 { margin-bottom: var(--tw-space-52); } .md\:mb-56 { margin-bottom: var(--tw-space-56); } .md\:mb-60 { margin-bottom: var(--tw-space-60); } .md\:mb-64 { margin-bottom: var(--tw-space-64); } .md\:mb-72 { margin-bottom: var(--tw-space-72); } .md\:mb-80 { margin-bottom: var(--tw-space-80); } .md\:mb-96 { margin-bottom: var(--tw-space-96); } /* ml */ .md\:ml-0\.5 { margin-left: var(--tw-space-0_5); } .md\:ml-1\.5 { margin-left: var(--tw-space-1_5); } .md\:ml-2\.5 { margin-left: var(--tw-space-2_5); } .md\:ml-3\.5 { margin-left: var(--tw-space-3_5); } .md\:ml-6 { margin-left: var(--tw-space-6); } .md\:ml-7 { margin-left: var(--tw-space-7); } .md\:ml-8 { margin-left: var(--tw-space-8); } .md\:ml-9 { margin-left: var(--tw-space-9); } .md\:ml-10 { margin-left: var(--tw-space-10); } .md\:ml-11 { margin-left: var(--tw-space-11); } .md\:ml-12 { margin-left: var(--tw-space-12); } .md\:ml-14 { margin-left: var(--tw-space-14); } .md\:ml-16 { margin-left: var(--tw-space-16); } .md\:ml-20 { margin-left: var(--tw-space-20); } .md\:ml-24 { margin-left: var(--tw-space-24); } .md\:ml-28 { margin-left: var(--tw-space-28); } .md\:ml-32 { margin-left: var(--tw-space-32); } .md\:ml-36 { margin-left: var(--tw-space-36); } .md\:ml-40 { margin-left: var(--tw-space-40); } .md\:ml-44 { margin-left: var(--tw-space-44); } .md\:ml-48 { margin-left: var(--tw-space-48); } .md\:ml-52 { margin-left: var(--tw-space-52); } .md\:ml-56 { margin-left: var(--tw-space-56); } .md\:ml-60 { margin-left: var(--tw-space-60); } .md\:ml-64 { margin-left: var(--tw-space-64); } .md\:ml-72 { margin-left: var(--tw-space-72); } .md\:ml-80 { margin-left: var(--tw-space-80); } .md\:ml-96 { margin-left: var(--tw-space-96); } } @media (min-width: 992px) { /* mx */ .lg\:mx-0\.5 { margin-left: var(--tw-space-0_5); margin-right: var(--tw-space-0_5); } .lg\:mx-1\.5 { margin-left: var(--tw-space-1_5); margin-right: var(--tw-space-1_5); } .lg\:mx-2\.5 { margin-left: var(--tw-space-2_5); margin-right: var(--tw-space-2_5); } .lg\:mx-3\.5 { margin-left: var(--tw-space-3_5); margin-right: var(--tw-space-3_5); } .lg\:mx-6 { margin-left: var(--tw-space-6); margin-right: var(--tw-space-6); } .lg\:mx-7 { margin-left: var(--tw-space-7); margin-right: var(--tw-space-7); } .lg\:mx-8 { margin-left: var(--tw-space-8); margin-right: var(--tw-space-8); } .lg\:mx-9 { margin-left: var(--tw-space-9); margin-right: var(--tw-space-9); } .lg\:mx-10 { margin-left: var(--tw-space-10); margin-right: var(--tw-space-10); } .lg\:mx-11 { margin-left: var(--tw-space-11); margin-right: var(--tw-space-11); } .lg\:mx-12 { margin-left: var(--tw-space-12); margin-right: var(--tw-space-12); } .lg\:mx-14 { margin-left: var(--tw-space-14); margin-right: var(--tw-space-14); } .lg\:mx-16 { margin-left: var(--tw-space-16); margin-right: var(--tw-space-16); } .lg\:mx-20 { margin-left: var(--tw-space-20); margin-right: var(--tw-space-20); } .lg\:mx-24 { margin-left: var(--tw-space-24); margin-right: var(--tw-space-24); } .lg\:mx-28 { margin-left: var(--tw-space-28); margin-right: var(--tw-space-28); } .lg\:mx-32 { margin-left: var(--tw-space-32); margin-right: var(--tw-space-32); } .lg\:mx-36 { margin-left: var(--tw-space-36); margin-right: var(--tw-space-36); } .lg\:mx-40 { margin-left: var(--tw-space-40); margin-right: var(--tw-space-40); } .lg\:mx-44 { margin-left: var(--tw-space-44); margin-right: var(--tw-space-44); } .lg\:mx-48 { margin-left: var(--tw-space-48); margin-right: var(--tw-space-48); } .lg\:mx-52 { margin-left: var(--tw-space-52); margin-right: var(--tw-space-52); } .lg\:mx-56 { margin-left: var(--tw-space-56); margin-right: var(--tw-space-56); } .lg\:mx-60 { margin-left: var(--tw-space-60); margin-right: var(--tw-space-60); } .lg\:mx-64 { margin-left: var(--tw-space-64); margin-right: var(--tw-space-64); } .lg\:mx-72 { margin-left: var(--tw-space-72); margin-right: var(--tw-space-72); } .lg\:mx-80 { margin-left: var(--tw-space-80); margin-right: var(--tw-space-80); } .lg\:mx-96 { margin-left: var(--tw-space-96); margin-right: var(--tw-space-96); } /* my */ .lg\:my-0\.5 { margin-top: var(--tw-space-0_5); margin-bottom: var(--tw-space-0_5); } .lg\:my-1\.5 { margin-top: var(--tw-space-1_5); margin-bottom: var(--tw-space-1_5); } .lg\:my-2\.5 { margin-top: var(--tw-space-2_5); margin-bottom: var(--tw-space-2_5); } .lg\:my-3\.5 { margin-top: var(--tw-space-3_5); margin-bottom: var(--tw-space-3_5); } .lg\:my-6 { margin-top: var(--tw-space-6); margin-bottom: var(--tw-space-6); } .lg\:my-7 { margin-top: var(--tw-space-7); margin-bottom: var(--tw-space-7); } .lg\:my-8 { margin-top: var(--tw-space-8); margin-bottom: var(--tw-space-8); } .lg\:my-9 { margin-top: var(--tw-space-9); margin-bottom: var(--tw-space-9); } .lg\:my-10 { margin-top: var(--tw-space-10); margin-bottom: var(--tw-space-10); } .lg\:my-11 { margin-top: var(--tw-space-11); margin-bottom: var(--tw-space-11); } .lg\:my-12 { margin-top: var(--tw-space-12); margin-bottom: var(--tw-space-12); } .lg\:my-14 { margin-top: var(--tw-space-14); margin-bottom: var(--tw-space-14); } .lg\:my-16 { margin-top: var(--tw-space-16); margin-bottom: var(--tw-space-16); } .lg\:my-20 { margin-top: var(--tw-space-20); margin-bottom: var(--tw-space-20); } .lg\:my-24 { margin-top: var(--tw-space-24); margin-bottom: var(--tw-space-24); } .lg\:my-28 { margin-top: var(--tw-space-28); margin-bottom: var(--tw-space-28); } .lg\:my-32 { margin-top: var(--tw-space-32); margin-bottom: var(--tw-space-32); } .lg\:my-36 { margin-top: var(--tw-space-36); margin-bottom: var(--tw-space-36); } .lg\:my-40 { margin-top: var(--tw-space-40); margin-bottom: var(--tw-space-40); } .lg\:my-44 { margin-top: var(--tw-space-44); margin-bottom: var(--tw-space-44); } .lg\:my-48 { margin-top: var(--tw-space-48); margin-bottom: var(--tw-space-48); } .lg\:my-52 { margin-top: var(--tw-space-52); margin-bottom: var(--tw-space-52); } .lg\:my-56 { margin-top: var(--tw-space-56); margin-bottom: var(--tw-space-56); } .lg\:my-60 { margin-top: var(--tw-space-60); margin-bottom: var(--tw-space-60); } .lg\:my-64 { margin-top: var(--tw-space-64); margin-bottom: var(--tw-space-64); } .lg\:my-72 { margin-top: var(--tw-space-72); margin-bottom: var(--tw-space-72); } .lg\:my-80 { margin-top: var(--tw-space-80); margin-bottom: var(--tw-space-80); } .lg\:my-96 { margin-top: var(--tw-space-96); margin-bottom: var(--tw-space-96); } /* mt */ .lg\:mt-0\.5 { margin-top: var(--tw-space-0_5); } .lg\:mt-1\.5 { margin-top: var(--tw-space-1_5); } .lg\:mt-2\.5 { margin-top: var(--tw-space-2_5); } .lg\:mt-3\.5 { margin-top: var(--tw-space-3_5); } .lg\:mt-6 { margin-top: var(--tw-space-6); } .lg\:mt-7 { margin-top: var(--tw-space-7); } .lg\:mt-8 { margin-top: var(--tw-space-8); } .lg\:mt-9 { margin-top: var(--tw-space-9); } .lg\:mt-10 { margin-top: var(--tw-space-10); } .lg\:mt-11 { margin-top: var(--tw-space-11); } .lg\:mt-12 { margin-top: var(--tw-space-12); } .lg\:mt-14 { margin-top: var(--tw-space-14); } .lg\:mt-16 { margin-top: var(--tw-space-16); } .lg\:mt-20 { margin-top: var(--tw-space-20); } .lg\:mt-24 { margin-top: var(--tw-space-24); } .lg\:mt-28 { margin-top: var(--tw-space-28); } .lg\:mt-32 { margin-top: var(--tw-space-32); } .lg\:mt-36 { margin-top: var(--tw-space-36); } .lg\:mt-40 { margin-top: var(--tw-space-40); } .lg\:mt-44 { margin-top: var(--tw-space-44); } .lg\:mt-48 { margin-top: var(--tw-space-48); } .lg\:mt-52 { margin-top: var(--tw-space-52); } .lg\:mt-56 { margin-top: var(--tw-space-56); } .lg\:mt-60 { margin-top: var(--tw-space-60); } .lg\:mt-64 { margin-top: var(--tw-space-64); } .lg\:mt-72 { margin-top: var(--tw-space-72); } .lg\:mt-80 { margin-top: var(--tw-space-80); } .lg\:mt-96 { margin-top: var(--tw-space-96); } /* mr */ .lg\:mr-0\.5 { margin-right: var(--tw-space-0_5); } .lg\:mr-1\.5 { margin-right: var(--tw-space-1_5); } .lg\:mr-2\.5 { margin-right: var(--tw-space-2_5); } .lg\:mr-3\.5 { margin-right: var(--tw-space-3_5); } .lg\:mr-6 { margin-right: var(--tw-space-6); } .lg\:mr-7 { margin-right: var(--tw-space-7); } .lg\:mr-8 { margin-right: var(--tw-space-8); } .lg\:mr-9 { margin-right: var(--tw-space-9); } .lg\:mr-10 { margin-right: var(--tw-space-10); } .lg\:mr-11 { margin-right: var(--tw-space-11); } .lg\:mr-12 { margin-right: var(--tw-space-12); } .lg\:mr-14 { margin-right: var(--tw-space-14); } .lg\:mr-16 { margin-right: var(--tw-space-16); } .lg\:mr-20 { margin-right: var(--tw-space-20); } .lg\:mr-24 { margin-right: var(--tw-space-24); } .lg\:mr-28 { margin-right: var(--tw-space-28); } .lg\:mr-32 { margin-right: var(--tw-space-32); } .lg\:mr-36 { margin-right: var(--tw-space-36); } .lg\:mr-40 { margin-right: var(--tw-space-40); } .lg\:mr-44 { margin-right: var(--tw-space-44); } .lg\:mr-48 { margin-right: var(--tw-space-48); } .lg\:mr-52 { margin-right: var(--tw-space-52); } .lg\:mr-56 { margin-right: var(--tw-space-56); } .lg\:mr-60 { margin-right: var(--tw-space-60); } .lg\:mr-64 { margin-right: var(--tw-space-64); } .lg\:mr-72 { margin-right: var(--tw-space-72); } .lg\:mr-80 { margin-right: var(--tw-space-80); } .lg\:mr-96 { margin-right: var(--tw-space-96); } /* mb */ .lg\:mb-0\.5 { margin-bottom: var(--tw-space-0_5); } .lg\:mb-1\.5 { margin-bottom: var(--tw-space-1_5); } .lg\:mb-2\.5 { margin-bottom: var(--tw-space-2_5); } .lg\:mb-3\.5 { margin-bottom: var(--tw-space-3_5); } .lg\:mb-6 { margin-bottom: var(--tw-space-6); } .lg\:mb-7 { margin-bottom: var(--tw-space-7); } .lg\:mb-8 { margin-bottom: var(--tw-space-8); } .lg\:mb-9 { margin-bottom: var(--tw-space-9); } .lg\:mb-10 { margin-bottom: var(--tw-space-10); } .lg\:mb-11 { margin-bottom: var(--tw-space-11); } .lg\:mb-12 { margin-bottom: var(--tw-space-12); } .lg\:mb-14 { margin-bottom: var(--tw-space-14); } .lg\:mb-16 { margin-bottom: var(--tw-space-16); } .lg\:mb-20 { margin-bottom: var(--tw-space-20); } .lg\:mb-24 { margin-bottom: var(--tw-space-24); } .lg\:mb-28 { margin-bottom: var(--tw-space-28); } .lg\:mb-32 { margin-bottom: var(--tw-space-32); } .lg\:mb-36 { margin-bottom: var(--tw-space-36); } .lg\:mb-40 { margin-bottom: var(--tw-space-40); } .lg\:mb-44 { margin-bottom: var(--tw-space-44); } .lg\:mb-48 { margin-bottom: var(--tw-space-48); } .lg\:mb-52 { margin-bottom: var(--tw-space-52); } .lg\:mb-56 { margin-bottom: var(--tw-space-56); } .lg\:mb-60 { margin-bottom: var(--tw-space-60); } .lg\:mb-64 { margin-bottom: var(--tw-space-64); } .lg\:mb-72 { margin-bottom: var(--tw-space-72); } .lg\:mb-80 { margin-bottom: var(--tw-space-80); } .lg\:mb-96 { margin-bottom: var(--tw-space-96); } /* ml */ .lg\:ml-0\.5 { margin-left: var(--tw-space-0_5); } .lg\:ml-1\.5 { margin-left: var(--tw-space-1_5); } .lg\:ml-2\.5 { margin-left: var(--tw-space-2_5); } .lg\:ml-3\.5 { margin-left: var(--tw-space-3_5); } .lg\:ml-6 { margin-left: var(--tw-space-6); } .lg\:ml-7 { margin-left: var(--tw-space-7); } .lg\:ml-8 { margin-left: var(--tw-space-8); } .lg\:ml-9 { margin-left: var(--tw-space-9); } .lg\:ml-10 { margin-left: var(--tw-space-10); } .lg\:ml-11 { margin-left: var(--tw-space-11); } .lg\:ml-12 { margin-left: var(--tw-space-12); } .lg\:ml-14 { margin-left: var(--tw-space-14); } .lg\:ml-16 { margin-left: var(--tw-space-16); } .lg\:ml-20 { margin-left: var(--tw-space-20); } .lg\:ml-24 { margin-left: var(--tw-space-24); } .lg\:ml-28 { margin-left: var(--tw-space-28); } .lg\:ml-32 { margin-left: var(--tw-space-32); } .lg\:ml-36 { margin-left: var(--tw-space-36); } .lg\:ml-40 { margin-left: var(--tw-space-40); } .lg\:ml-44 { margin-left: var(--tw-space-44); } .lg\:ml-48 { margin-left: var(--tw-space-48); } .lg\:ml-52 { margin-left: var(--tw-space-52); } .lg\:ml-56 { margin-left: var(--tw-space-56); } .lg\:ml-60 { margin-left: var(--tw-space-60); } .lg\:ml-64 { margin-left: var(--tw-space-64); } .lg\:ml-72 { margin-left: var(--tw-space-72); } .lg\:ml-80 { margin-left: var(--tw-space-80); } .lg\:ml-96 { margin-left: var(--tw-space-96); } } @media (min-width: 1200px) { /* mx */ .xl\:mx-0\.5 { margin-left: var(--tw-space-0_5); margin-right: var(--tw-space-0_5); } .xl\:mx-1\.5 { margin-left: var(--tw-space-1_5); margin-right: var(--tw-space-1_5); } .xl\:mx-2\.5 { margin-left: var(--tw-space-2_5); margin-right: var(--tw-space-2_5); } .xl\:mx-3\.5 { margin-left: var(--tw-space-3_5); margin-right: var(--tw-space-3_5); } .xl\:mx-6 { margin-left: var(--tw-space-6); margin-right: var(--tw-space-6); } .xl\:mx-7 { margin-left: var(--tw-space-7); margin-right: var(--tw-space-7); } .xl\:mx-8 { margin-left: var(--tw-space-8); margin-right: var(--tw-space-8); } .xl\:mx-9 { margin-left: var(--tw-space-9); margin-right: var(--tw-space-9); } .xl\:mx-10 { margin-left: var(--tw-space-10); margin-right: var(--tw-space-10); } .xl\:mx-11 { margin-left: var(--tw-space-11); margin-right: var(--tw-space-11); } .xl\:mx-12 { margin-left: var(--tw-space-12); margin-right: var(--tw-space-12); } .xl\:mx-14 { margin-left: var(--tw-space-14); margin-right: var(--tw-space-14); } .xl\:mx-16 { margin-left: var(--tw-space-16); margin-right: var(--tw-space-16); } .xl\:mx-20 { margin-left: var(--tw-space-20); margin-right: var(--tw-space-20); } .xl\:mx-24 { margin-left: var(--tw-space-24); margin-right: var(--tw-space-24); } .xl\:mx-28 { margin-left: var(--tw-space-28); margin-right: var(--tw-space-28); } .xl\:mx-32 { margin-left: var(--tw-space-32); margin-right: var(--tw-space-32); } .xl\:mx-36 { margin-left: var(--tw-space-36); margin-right: var(--tw-space-36); } .xl\:mx-40 { margin-left: var(--tw-space-40); margin-right: var(--tw-space-40); } .xl\:mx-44 { margin-left: var(--tw-space-44); margin-right: var(--tw-space-44); } .xl\:mx-48 { margin-left: var(--tw-space-48); margin-right: var(--tw-space-48); } .xl\:mx-52 { margin-left: var(--tw-space-52); margin-right: var(--tw-space-52); } .xl\:mx-56 { margin-left: var(--tw-space-56); margin-right: var(--tw-space-56); } .xl\:mx-60 { margin-left: var(--tw-space-60); margin-right: var(--tw-space-60); } .xl\:mx-64 { margin-left: var(--tw-space-64); margin-right: var(--tw-space-64); } .xl\:mx-72 { margin-left: var(--tw-space-72); margin-right: var(--tw-space-72); } .xl\:mx-80 { margin-left: var(--tw-space-80); margin-right: var(--tw-space-80); } .xl\:mx-96 { margin-left: var(--tw-space-96); margin-right: var(--tw-space-96); } /* my */ .xl\:my-0\.5 { margin-top: var(--tw-space-0_5); margin-bottom: var(--tw-space-0_5); } .xl\:my-1\.5 { margin-top: var(--tw-space-1_5); margin-bottom: var(--tw-space-1_5); } .xl\:my-2\.5 { margin-top: var(--tw-space-2_5); margin-bottom: var(--tw-space-2_5); } .xl\:my-3\.5 { margin-top: var(--tw-space-3_5); margin-bottom: var(--tw-space-3_5); } .xl\:my-6 { margin-top: var(--tw-space-6); margin-bottom: var(--tw-space-6); } .xl\:my-7 { margin-top: var(--tw-space-7); margin-bottom: var(--tw-space-7); } .xl\:my-8 { margin-top: var(--tw-space-8); margin-bottom: var(--tw-space-8); } .xl\:my-9 { margin-top: var(--tw-space-9); margin-bottom: var(--tw-space-9); } .xl\:my-10 { margin-top: var(--tw-space-10); margin-bottom: var(--tw-space-10); } .xl\:my-11 { margin-top: var(--tw-space-11); margin-bottom: var(--tw-space-11); } .xl\:my-12 { margin-top: var(--tw-space-12); margin-bottom: var(--tw-space-12); } .xl\:my-14 { margin-top: var(--tw-space-14); margin-bottom: var(--tw-space-14); } .xl\:my-16 { margin-top: var(--tw-space-16); margin-bottom: var(--tw-space-16); } .xl\:my-20 { margin-top: var(--tw-space-20); margin-bottom: var(--tw-space-20); } .xl\:my-24 { margin-top: var(--tw-space-24); margin-bottom: var(--tw-space-24); } .xl\:my-28 { margin-top: var(--tw-space-28); margin-bottom: var(--tw-space-28); } .xl\:my-32 { margin-top: var(--tw-space-32); margin-bottom: var(--tw-space-32); } .xl\:my-36 { margin-top: var(--tw-space-36); margin-bottom: var(--tw-space-36); } .xl\:my-40 { margin-top: var(--tw-space-40); margin-bottom: var(--tw-space-40); } .xl\:my-44 { margin-top: var(--tw-space-44); margin-bottom: var(--tw-space-44); } .xl\:my-48 { margin-top: var(--tw-space-48); margin-bottom: var(--tw-space-48); } .xl\:my-52 { margin-top: var(--tw-space-52); margin-bottom: var(--tw-space-52); } .xl\:my-56 { margin-top: var(--tw-space-56); margin-bottom: var(--tw-space-56); } .xl\:my-60 { margin-top: var(--tw-space-60); margin-bottom: var(--tw-space-60); } .xl\:my-64 { margin-top: var(--tw-space-64); margin-bottom: var(--tw-space-64); } .xl\:my-72 { margin-top: var(--tw-space-72); margin-bottom: var(--tw-space-72); } .xl\:my-80 { margin-top: var(--tw-space-80); margin-bottom: var(--tw-space-80); } .xl\:my-96 { margin-top: var(--tw-space-96); margin-bottom: var(--tw-space-96); } /* mt */ .xl\:mt-0\.5 { margin-top: var(--tw-space-0_5); } .xl\:mt-1\.5 { margin-top: var(--tw-space-1_5); } .xl\:mt-2\.5 { margin-top: var(--tw-space-2_5); } .xl\:mt-3\.5 { margin-top: var(--tw-space-3_5); } .xl\:mt-6 { margin-top: var(--tw-space-6); } .xl\:mt-7 { margin-top: var(--tw-space-7); } .xl\:mt-8 { margin-top: var(--tw-space-8); } .xl\:mt-9 { margin-top: var(--tw-space-9); } .xl\:mt-10 { margin-top: var(--tw-space-10); } .xl\:mt-11 { margin-top: var(--tw-space-11); } .xl\:mt-12 { margin-top: var(--tw-space-12); } .xl\:mt-14 { margin-top: var(--tw-space-14); } .xl\:mt-16 { margin-top: var(--tw-space-16); } .xl\:mt-20 { margin-top: var(--tw-space-20); } .xl\:mt-24 { margin-top: var(--tw-space-24); } .xl\:mt-28 { margin-top: var(--tw-space-28); } .xl\:mt-32 { margin-top: var(--tw-space-32); } .xl\:mt-36 { margin-top: var(--tw-space-36); } .xl\:mt-40 { margin-top: var(--tw-space-40); } .xl\:mt-44 { margin-top: var(--tw-space-44); } .xl\:mt-48 { margin-top: var(--tw-space-48); } .xl\:mt-52 { margin-top: var(--tw-space-52); } .xl\:mt-56 { margin-top: var(--tw-space-56); } .xl\:mt-60 { margin-top: var(--tw-space-60); } .xl\:mt-64 { margin-top: var(--tw-space-64); } .xl\:mt-72 { margin-top: var(--tw-space-72); } .xl\:mt-80 { margin-top: var(--tw-space-80); } .xl\:mt-96 { margin-top: var(--tw-space-96); } /* mr */ .xl\:mr-0\.5 { margin-right: var(--tw-space-0_5); } .xl\:mr-1\.5 { margin-right: var(--tw-space-1_5); } .xl\:mr-2\.5 { margin-right: var(--tw-space-2_5); } .xl\:mr-3\.5 { margin-right: var(--tw-space-3_5); } .xl\:mr-6 { margin-right: var(--tw-space-6); } .xl\:mr-7 { margin-right: var(--tw-space-7); } .xl\:mr-8 { margin-right: var(--tw-space-8); } .xl\:mr-9 { margin-right: var(--tw-space-9); } .xl\:mr-10 { margin-right: var(--tw-space-10); } .xl\:mr-11 { margin-right: var(--tw-space-11); } .xl\:mr-12 { margin-right: var(--tw-space-12); } .xl\:mr-14 { margin-right: var(--tw-space-14); } .xl\:mr-16 { margin-right: var(--tw-space-16); } .xl\:mr-20 { margin-right: var(--tw-space-20); } .xl\:mr-24 { margin-right: var(--tw-space-24); } .xl\:mr-28 { margin-right: var(--tw-space-28); } .xl\:mr-32 { margin-right: var(--tw-space-32); } .xl\:mr-36 { margin-right: var(--tw-space-36); } .xl\:mr-40 { margin-right: var(--tw-space-40); } .xl\:mr-44 { margin-right: var(--tw-space-44); } .xl\:mr-48 { margin-right: var(--tw-space-48); } .xl\:mr-52 { margin-right: var(--tw-space-52); } .xl\:mr-56 { margin-right: var(--tw-space-56); } .xl\:mr-60 { margin-right: var(--tw-space-60); } .xl\:mr-64 { margin-right: var(--tw-space-64); } .xl\:mr-72 { margin-right: var(--tw-space-72); } .xl\:mr-80 { margin-right: var(--tw-space-80); } .xl\:mr-96 { margin-right: var(--tw-space-96); } /* mb */ .xl\:mb-0\.5 { margin-bottom: var(--tw-space-0_5); } .xl\:mb-1\.5 { margin-bottom: var(--tw-space-1_5); } .xl\:mb-2\.5 { margin-bottom: var(--tw-space-2_5); } .xl\:mb-3\.5 { margin-bottom: var(--tw-space-3_5); } .xl\:mb-6 { margin-bottom: var(--tw-space-6); } .xl\:mb-7 { margin-bottom: var(--tw-space-7); } .xl\:mb-8 { margin-bottom: var(--tw-space-8); } .xl\:mb-9 { margin-bottom: var(--tw-space-9); } .xl\:mb-10 { margin-bottom: var(--tw-space-10); } .xl\:mb-11 { margin-bottom: var(--tw-space-11); } .xl\:mb-12 { margin-bottom: var(--tw-space-12); } .xl\:mb-14 { margin-bottom: var(--tw-space-14); } .xl\:mb-16 { margin-bottom: var(--tw-space-16); } .xl\:mb-20 { margin-bottom: var(--tw-space-20); } .xl\:mb-24 { margin-bottom: var(--tw-space-24); } .xl\:mb-28 { margin-bottom: var(--tw-space-28); } .xl\:mb-32 { margin-bottom: var(--tw-space-32); } .xl\:mb-36 { margin-bottom: var(--tw-space-36); } .xl\:mb-40 { margin-bottom: var(--tw-space-40); } .xl\:mb-44 { margin-bottom: var(--tw-space-44); } .xl\:mb-48 { margin-bottom: var(--tw-space-48); } .xl\:mb-52 { margin-bottom: var(--tw-space-52); } .xl\:mb-56 { margin-bottom: var(--tw-space-56); } .xl\:mb-60 { margin-bottom: var(--tw-space-60); } .xl\:mb-64 { margin-bottom: var(--tw-space-64); } .xl\:mb-72 { margin-bottom: var(--tw-space-72); } .xl\:mb-80 { margin-bottom: var(--tw-space-80); } .xl\:mb-96 { margin-bottom: var(--tw-space-96); } /* ml */ .xl\:ml-0\.5 { margin-left: var(--tw-space-0_5); } .xl\:ml-1\.5 { margin-left: var(--tw-space-1_5); } .xl\:ml-2\.5 { margin-left: var(--tw-space-2_5); } .xl\:ml-3\.5 { margin-left: var(--tw-space-3_5); } .xl\:ml-6 { margin-left: var(--tw-space-6); } .xl\:ml-7 { margin-left: var(--tw-space-7); } .xl\:ml-8 { margin-left: var(--tw-space-8); } .xl\:ml-9 { margin-left: var(--tw-space-9); } .xl\:ml-10 { margin-left: var(--tw-space-10); } .xl\:ml-11 { margin-left: var(--tw-space-11); } .xl\:ml-12 { margin-left: var(--tw-space-12); } .xl\:ml-14 { margin-left: var(--tw-space-14); } .xl\:ml-16 { margin-left: var(--tw-space-16); } .xl\:ml-20 { margin-left: var(--tw-space-20); } .xl\:ml-24 { margin-left: var(--tw-space-24); } .xl\:ml-28 { margin-left: var(--tw-space-28); } .xl\:ml-32 { margin-left: var(--tw-space-32); } .xl\:ml-36 { margin-left: var(--tw-space-36); } .xl\:ml-40 { margin-left: var(--tw-space-40); } .xl\:ml-44 { margin-left: var(--tw-space-44); } .xl\:ml-48 { margin-left: var(--tw-space-48); } .xl\:ml-52 { margin-left: var(--tw-space-52); } .xl\:ml-56 { margin-left: var(--tw-space-56); } .xl\:ml-60 { margin-left: var(--tw-space-60); } .xl\:ml-64 { margin-left: var(--tw-space-64); } .xl\:ml-72 { margin-left: var(--tw-space-72); } .xl\:ml-80 { margin-left: var(--tw-space-80); } .xl\:ml-96 { margin-left: var(--tw-space-96); } } /* Padding utilities (p-*, pt-*, px-*, etc.) */ .p-0\.5 { padding: var(--tw-space-0_5); } .p-1\.5 { padding: var(--tw-space-1_5); } .p-2\.5 { padding: var(--tw-space-2_5); } .p-3\.5 { padding: var(--tw-space-3_5); } .p-6 { padding: var(--tw-space-6); } .p-7 { padding: var(--tw-space-7); } .p-8 { padding: var(--tw-space-8); } .p-9 { padding: var(--tw-space-9); } .p-10 { padding: var(--tw-space-10); } .p-11 { padding: var(--tw-space-11); } .p-12 { padding: var(--tw-space-12); } .p-14 { padding: var(--tw-space-14); } .p-16 { padding: var(--tw-space-16); } .p-20 { padding: var(--tw-space-20); } .p-24 { padding: var(--tw-space-24); } .p-28 { padding: var(--tw-space-28); } .p-32 { padding: var(--tw-space-32); } .p-36 { padding: var(--tw-space-36); } .p-40 { padding: var(--tw-space-40); } .p-44 { padding: var(--tw-space-44); } .p-48 { padding: var(--tw-space-48); } .p-52 { padding: var(--tw-space-52); } .p-56 { padding: var(--tw-space-56); } .p-60 { padding: var(--tw-space-60); } .p-64 { padding: var(--tw-space-64); } .p-72 { padding: var(--tw-space-72); } .p-80 { padding: var(--tw-space-80); } .p-96 { padding: var(--tw-space-96); } /* ============================================ HORIZONTAL — .px-* ============================================ */ .px-0\.5 { padding-left: var(--space-0-5); padding-right: var(--space-0-5); } .px-1\.5 { padding-left: var(--space-1-5); padding-right: var(--space-1-5); } .px-2\.5 { padding-left: var(--space-2-5); padding-right: var(--space-2-5); } .px-3\.5 { padding-left: var(--space-3-5); padding-right: var(--space-3-5); } .px-6 { padding-left: var(--space-6); padding-right: var(--space-6); } .px-7 { padding-left: var(--space-7); padding-right: var(--space-7); } .px-8 { padding-left: var(--space-8); padding-right: var(--space-8); } .px-9 { padding-left: var(--space-9); padding-right: var(--space-9); } .px-10 { padding-left: var(--space-10); padding-right: var(--space-10); } .px-11 { padding-left: var(--space-11); padding-right: var(--space-11); } .px-12 { padding-left: var(--space-12); padding-right: var(--space-12); } .px-14 { padding-left: var(--space-14); padding-right: var(--space-14); } .px-16 { padding-left: var(--space-16); padding-right: var(--space-16); } .px-20 { padding-left: var(--space-20); padding-right: var(--space-20); } .px-24 { padding-left: var(--space-24); padding-right: var(--space-24); } .px-28 { padding-left: var(--space-28); padding-right: var(--space-28); } .px-32 { padding-left: var(--space-32); padding-right: var(--space-32); } .px-36 { padding-left: var(--space-36); padding-right: var(--space-36); } .px-40 { padding-left: var(--space-40); padding-right: var(--space-40); } .px-44 { padding-left: var(--space-44); padding-right: var(--space-44); } .px-48 { padding-left: var(--space-48); padding-right: var(--space-48); } .px-52 { padding-left: var(--space-52); padding-right: var(--space-52); } .px-56 { padding-left: var(--space-56); padding-right: var(--space-56); } .px-60 { padding-left: var(--space-60); padding-right: var(--space-60); } .px-64 { padding-left: var(--space-64); padding-right: var(--space-64); } .px-72 { padding-left: var(--space-72); padding-right: var(--space-72); } .px-80 { padding-left: var(--space-80); padding-right: var(--space-80); } .px-96 { padding-left: var(--space-96); padding-right: var(--space-96); } /* ============================================ VERTICAL — .py-* ============================================ */ .py-0\.5 { padding-top: var(--space-0-5); padding-bottom: var(--space-0-5); } .py-1\.5 { padding-top: var(--space-1-5); padding-bottom: var(--space-1-5); } .py-2\.5 { padding-top: var(--space-2-5); padding-bottom: var(--space-2-5); } .py-3\.5 { padding-top: var(--space-3-5); padding-bottom: var(--space-3-5); } .py-6 { padding-top: var(--space-6); padding-bottom: var(--space-6); } .py-7 { padding-top: var(--space-7); padding-bottom: var(--space-7); } .py-8 { padding-top: var(--space-8); padding-bottom: var(--space-8); } .py-9 { padding-top: var(--space-9); padding-bottom: var(--space-9); } .py-10 { padding-top: var(--space-10); padding-bottom: var(--space-10); } .py-11 { padding-top: var(--space-11); padding-bottom: var(--space-11); } .py-12 { padding-top: var(--space-12); padding-bottom: var(--space-12); } .py-14 { padding-top: var(--space-14); padding-bottom: var(--space-14); } .py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16); } .py-20 { padding-top: var(--space-20); padding-bottom: var(--space-20); } .py-24 { padding-top: var(--space-24); padding-bottom: var(--space-24); } .py-28 { padding-top: var(--space-28); padding-bottom: var(--space-28); } .py-32 { padding-top: var(--space-32); padding-bottom: var(--space-32); } .py-36 { padding-top: var(--space-36); padding-bottom: var(--space-36); } .py-40 { padding-top: var(--space-40); padding-bottom: var(--space-40); } .py-44 { padding-top: var(--space-44); padding-bottom: var(--space-44); } .py-48 { padding-top: var(--space-48); padding-bottom: var(--space-48); } .py-52 { padding-top: var(--space-52); padding-bottom: var(--space-52); } .py-56 { padding-top: var(--space-56); padding-bottom: var(--space-56); } .py-60 { padding-top: var(--space-60); padding-bottom: var(--space-60); } .py-64 { padding-top: var(--space-64); padding-bottom: var(--space-64); } .py-72 { padding-top: var(--space-72); padding-bottom: var(--space-72); } .py-80 { padding-top: var(--space-80); padding-bottom: var(--space-80); } .py-96 { padding-top: var(--space-96); padding-bottom: var(--space-96); } /* TOP — .pt-* */ .pt-0\.5 { padding-top: var(--space-0-5); } .pt-1\.5 { padding-top: var(--space-1-5); } .pt-2\.5 { padding-top: var(--space-2-5); } .pt-3\.5 { padding-top: var(--space-3-5); } .pt-6 { padding-top: var(--space-6); } .pt-7 { padding-top: var(--space-7); } .pt-8 { padding-top: var(--space-8); } .pt-9 { padding-top: var(--space-9); } .pt-10 { padding-top: var(--space-10); } .pt-11 { padding-top: var(--space-11); } .pt-12 { padding-top: var(--space-12); } .pt-14 { padding-top: var(--space-14); } .pt-16 { padding-top: var(--space-16); } .pt-20 { padding-top: var(--space-20); } .pt-24 { padding-top: var(--space-24); } .pt-28 { padding-top: var(--space-28); } .pt-32 { padding-top: var(--space-32); } .pt-36 { padding-top: var(--space-36); } .pt-40 { padding-top: var(--space-40); } .pt-44 { padding-top: var(--space-44); } .pt-48 { padding-top: var(--space-48); } .pt-52 { padding-top: var(--space-52); } .pt-56 { padding-top: var(--space-56); } .pt-60 { padding-top: var(--space-60); } .pt-64 { padding-top: var(--space-64); } .pt-72 { padding-top: var(--space-72); } .pt-80 { padding-top: var(--space-80); } .pt-96 { padding-top: var(--space-96); } /* RIGHT — .pr-* */ .pr-0\.5 { padding-right: var(--space-0-5); } .pr-1\.5 { padding-right: var(--space-1-5); } .pr-2\.5 { padding-right: var(--space-2-5); } .pr-3\.5 { padding-right: var(--space-3-5); } .pr-6 { padding-right: var(--space-6); } .pr-7 { padding-right: var(--space-7); } .pr-8 { padding-right: var(--space-8); } .pr-9 { padding-right: var(--space-9); } .pr-10 { padding-right: var(--space-10); } .pr-11 { padding-right: var(--space-11); } .pr-12 { padding-right: var(--space-12); } .pr-14 { padding-right: var(--space-14); } .pr-16 { padding-right: var(--space-16); } .pr-20 { padding-right: var(--space-20); } .pr-24 { padding-right: var(--space-24); } .pr-28 { padding-right: var(--space-28); } .pr-32 { padding-right: var(--space-32); } .pr-36 { padding-right: var(--space-36); } .pr-40 { padding-right: var(--space-40); } .pr-44 { padding-right: var(--space-44); } .pr-48 { padding-right: var(--space-48); } .pr-52 { padding-right: var(--space-52); } .pr-56 { padding-right: var(--space-56); } .pr-60 { padding-right: var(--space-60); } .pr-64 { padding-right: var(--space-64); } .pr-72 { padding-right: var(--space-72); } .pr-80 { padding-right: var(--space-80); } .pr-96 { padding-right: var(--space-96); } /* BOTTOM — .pb-* */ .pb-0\.5 { padding-bottom: var(--space-0-5); } .pb-1\.5 { padding-bottom: var(--space-1-5); } .pb-2\.5 { padding-bottom: var(--space-2-5); } .pb-3\.5 { padding-bottom: var(--space-3-5); } .pb-6 { padding-bottom: 1.5rem; } .pb-7 { padding-bottom: 1.75rem; } .pb-8 { padding-bottom: 2rem; } .pb-9 { padding-bottom: 2.25rem; } .pb-10 { padding-bottom: 2.5rem; } .pb-11 { padding-bottom: 2.75rem; } .pb-12 { padding-bottom: 3rem; } .pb-14 { padding-bottom: 3.5rem; } .pb-16 { padding-bottom: 4rem; } .pb-20 { padding-bottom: 5rem; } .pb-24 { padding-bottom: 6rem; } .pb-28 { padding-bottom: 7rem; } .pb-32 { padding-bottom: 8rem; } .pb-36 { padding-bottom: 9rem; } .pb-40 { padding-bottom: 10rem; } .pb-44 { padding-bottom: 11rem; } .pb-48 { padding-bottom: 12rem; } .pb-52 { padding-bottom: 13rem; } .pb-56 { padding-bottom: 14rem; } .pb-60 { padding-bottom: 15rem; } .pb-64 { padding-bottom: 16rem; } .pb-72 { padding-bottom: 18rem; } .pb-80 { padding-bottom: 20rem; } .pb-96 { padding-bottom: 24rem; } /* LEFT — .pl-* */ .pl-0\.5 { padding-left: 0.125rem; } /* 0.5 */ .pl-1\.5 { padding-left: 0.375rem; } /* 1.5 */ .pl-2\.5 { padding-left: 0.625rem; } /* 2.5 */ .pl-3\.5 { padding-left: 0.875rem; } /* 3.5 */ .pl-6 { padding-left: 1.5rem; } .pl-7 { padding-left: 1.75rem; } .pl-8 { padding-left: 2rem; } .pl-9 { padding-left: 2.25rem; } .pl-10 { padding-left: 2.5rem; } .pl-11 { padding-left: 2.75rem; } .pl-12 { padding-left: 3rem; } .pl-14 { padding-left: 3.5rem; } .pl-16 { padding-left: 4rem; } .pl-20 { padding-left: 5rem; } .pl-24 { padding-left: 6rem; } .pl-28 { padding-left: 7rem; } .pl-32 { padding-left: 8rem; } .pl-36 { padding-left: 9rem; } .pl-40 { padding-left: 10rem; } .pl-44 { padding-left: 11rem; } .pl-48 { padding-left: 12rem; } .pl-52 { padding-left: 13rem; } .pl-56 { padding-left: 14rem; } .pl-60 { padding-left: 15rem; } .pl-64 { padding-left: 16rem; } .pl-72 { padding-left: 18rem; } .pl-80 { padding-left: 20rem; } .pl-96 { padding-left: 24rem; } @media (min-width: 576px) { /* -------------------------------------- */ /* ALL SIDES: p-* */ /* -------------------------------------- */ .sm\:p-0 { padding: 0rem; } .sm\:p-0\.5 { padding: 0.125rem; } .sm\:p-1 { padding: 0.25rem; } .sm\:p-1\.5 { padding: 0.375rem; } .sm\:p-2 { padding: 0.5rem; } .sm\:p-2\.5 { padding: 0.625rem; } .sm\:p-3 { padding: 0.75rem; } .sm\:p-3\.5 { padding: 0.875rem; } .sm\:p-4 { padding: 1rem; } .sm\:p-5 { padding: 1.25rem; } .sm\:p-6 { padding: 1.5rem; } .sm\:p-7 { padding: 1.75rem; } .sm\:p-8 { padding: 2rem; } .sm\:p-9 { padding: 2.25rem; } .sm\:p-10 { padding: 2.5rem; } .sm\:p-11 { padding: 2.75rem; } .sm\:p-12 { padding: 3rem; } .sm\:p-14 { padding: 3.5rem; } .sm\:p-16 { padding: 4rem; } .sm\:p-20 { padding: 5rem; } .sm\:p-24 { padding: 6rem; } .sm\:p-28 { padding: 7rem; } .sm\:p-32 { padding: 8rem; } .sm\:p-36 { padding: 9rem; } .sm\:p-40 { padding: 10rem; } .sm\:p-44 { padding: 11rem; } .sm\:p-48 { padding: 12rem; } .sm\:p-52 { padding: 13rem; } .sm\:p-56 { padding: 14rem; } .sm\:p-60 { padding: 15rem; } .sm\:p-64 { padding: 16rem; } .sm\:p-72 { padding: 18rem; } .sm\:p-80 { padding: 20rem; } .sm\:p-96 { padding: 24rem; } /* -------------------------------------- */ /* HORIZONTAL: px-* */ /* -------------------------------------- */ .sm\:px-0 { padding-left: 0rem; padding-right: 0rem; } .sm\:px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .sm\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .sm\:px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .sm\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .sm\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem; } .sm\:px-12 { padding-left: 3rem; padding-right: 3rem; } .sm\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; } .sm\:px-20 { padding-left: 5rem; padding-right: 5rem; } .sm\:px-24 { padding-left: 6rem; padding-right: 6rem; } .sm\:px-28 { padding-left: 7rem; padding-right: 7rem; } .sm\:px-32 { padding-left: 8rem; padding-right: 8rem; } .sm\:px-36 { padding-left: 9rem; padding-right: 9rem; } .sm\:px-40 { padding-left: 10rem; padding-right: 10rem; } .sm\:px-44 { padding-left: 11rem; padding-right: 11rem; } .sm\:px-48 { padding-left: 12rem; padding-right: 12rem; } .sm\:px-52 { padding-left: 13rem; padding-right: 13rem; } .sm\:px-56 { padding-left: 14rem; padding-right: 14rem; } .sm\:px-60 { padding-left: 15rem; padding-right: 15rem; } .sm\:px-64 { padding-left: 16rem; padding-right: 16rem; } .sm\:px-72 { padding-left: 18rem; padding-right: 18rem; } .sm\:px-80 { padding-left: 20rem; padding-right: 20rem; } .sm\:px-96 { padding-left: 24rem; padding-right: 24rem; } /* -------------------------------------- */ /* VERTICAL: py-* */ /* -------------------------------------- */ .sm\:py-0 { padding-top: 0rem; padding-bottom: 0rem; } .sm\:py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .sm\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .sm\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .sm\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .sm\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .sm\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .sm\:py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .sm\:py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .sm\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .sm\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .sm\:py-28 { padding-top: 7rem; padding-bottom: 7rem; } .sm\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .sm\:py-36 { padding-top: 9rem; padding-bottom: 9rem; } .sm\:py-40 { padding-top: 10rem; padding-bottom: 10rem; } .sm\:py-44 { padding-top: 11rem; padding-bottom: 11rem; } .sm\:py-48 { padding-top: 12rem; padding-bottom: 12rem; } .sm\:py-52 { padding-top: 13rem; padding-bottom: 13rem; } .sm\:py-56 { padding-top: 14rem; padding-bottom: 14rem; } .sm\:py-60 { padding-top: 15rem; padding-bottom: 15rem; } .sm\:py-64 { padding-top: 16rem; padding-bottom: 16rem; } .sm\:py-72 { padding-top: 18rem; padding-bottom: 18rem; } .sm\:py-80 { padding-top: 20rem; padding-bottom: 20rem; } .sm\:py-96 { padding-top: 24rem; padding-bottom: 24rem; } /* -------------------------------------- */ /* INDIVIDUAL SIDES */ /* -------------------------------------- */ /* TOP: pt-* */ .sm\:pt-0 { padding-top: 0rem; } .sm\:pt-0\.5 { padding-top: 0.125rem; } .sm\:pt-1 { padding-top: 0.25rem; } .sm\:pt-1\.5 { padding-top: 0.375rem; } .sm\:pt-2 { padding-top: 0.5rem; } .sm\:pt-2\.5 { padding-top: 0.625rem; } .sm\:pt-3 { padding-top: 0.75rem; } .sm\:pt-3\.5 { padding-top: 0.875rem; } .sm\:pt-4 { padding-top: 1rem; } .sm\:pt-5 { padding-top: 1.25rem; } .sm\:pt-6 { padding-top: 1.5rem; } .sm\:pt-7 { padding-top: 1.75rem; } .sm\:pt-8 { padding-top: 2rem; } .sm\:pt-9 { padding-top: 2.25rem; } .sm\:pt-10 { padding-top: 2.5rem; } .sm\:pt-11 { padding-top: 2.75rem; } .sm\:pt-12 { padding-top: 3rem; } .sm\:pt-14 { padding-top: 3.5rem; } .sm\:pt-16 { padding-top: 4rem; } .sm\:pt-20 { padding-top: 5rem; } .sm\:pt-24 { padding-top: 6rem; } .sm\:pt-28 { padding-top: 7rem; } .sm\:pt-32 { padding-top: 8rem; } .sm\:pt-36 { padding-top: 9rem; } .sm\:pt-40 { padding-top: 10rem; } .sm\:pt-44 { padding-top: 11rem; } .sm\:pt-48 { padding-top: 12rem; } .sm\:pt-52 { padding-top: 13rem; } .sm\:pt-56 { padding-top: 14rem; } .sm\:pt-60 { padding-top: 15rem; } .sm\:pt-64 { padding-top: 16rem; } .sm\:pt-72 { padding-top: 18rem; } .sm\:pt-80 { padding-top: 20rem; } .sm\:pt-96 { padding-top: 24rem; } /* RIGHT: pr-* */ .sm\:pr-0 { padding-right: 0rem; } .sm\:pr-0\.5 { padding-right: 0.125rem; } .sm\:pr-1 { padding-right: 0.25rem; } .sm\:pr-1\.5 { padding-right: 0.375rem; } .sm\:pr-2 { padding-right: 0.5rem; } .sm\:pr-2\.5 { padding-right: 0.625rem; } .sm\:pr-3 { padding-right: 0.75rem; } .sm\:pr-3\.5 { padding-right: 0.875rem; } .sm\:pr-4 { padding-right: 1rem; } .sm\:pr-5 { padding-right: 1.25rem; } .sm\:pr-6 { padding-right: 1.5rem; } .sm\:pr-7 { padding-right: 1.75rem; } .sm\:pr-8 { padding-right: 2rem; } .sm\:pr-9 { padding-right: 2.25rem; } .sm\:pr-10 { padding-right: 2.5rem; } .sm\:pr-11 { padding-right: 2.75rem; } .sm\:pr-12 { padding-right: 3rem; } .sm\:pr-14 { padding-right: 3.5rem; } .sm\:pr-16 { padding-right: 4rem; } .sm\:pr-20 { padding-right: 5rem; } .sm\:pr-24 { padding-right: 6rem; } .sm\:pr-28 { padding-right: 7rem; } .sm\:pr-32 { padding-right: 8rem; } .sm\:pr-36 { padding-right: 9rem; } .sm\:pr-40 { padding-right: 10rem; } .sm\:pr-44 { padding-right: 11rem; } .sm\:pr-48 { padding-right: 12rem; } .sm\:pr-52 { padding-right: 13rem; } .sm\:pr-56 { padding-right: 14rem; } .sm\:pr-60 { padding-right: 15rem; } .sm\:pr-64 { padding-right: 16rem; } .sm\:pr-72 { padding-right: 18rem; } .sm\:pr-80 { padding-right: 20rem; } .sm\:pr-96 { padding-right: 24rem; } /* BOTTOM: pb-* */ .sm\:pb-0 { padding-bottom: 0rem; } .sm\:pb-0\.5 { padding-bottom: 0.125rem; } .sm\:pb-1 { padding-bottom: 0.25rem; } .sm\:pb-1\.5 { padding-bottom: 0.375rem; } .sm\:pb-2 { padding-bottom: 0.5rem; } .sm\:pb-2\.5 { padding-bottom: 0.625rem; } .sm\:pb-3 { padding-bottom: 0.75rem; } .sm\:pb-3\.5 { padding-bottom: 0.875rem; } .sm\:pb-4 { padding-bottom: 1rem; } .sm\:pb-5 { padding-bottom: 1.25rem; } .sm\:pb-6 { padding-bottom: 1.5rem; } .sm\:pb-7 { padding-bottom: 1.75rem; } .sm\:pb-8 { padding-bottom: 2rem; } .sm\:pb-9 { padding-bottom: 2.25 } .sm\:pb-10 { padding-bottom: 2.5rem; } .sm\:pb-11 { padding-bottom: 2.75rem; } .sm\:pb-12 { padding-bottom: 3rem; } .sm\:pb-14 { padding-bottom: 3.5rem; } .sm\:pb-16 { padding-bottom: 4rem; } .sm\:pb-20 { padding-bottom: 5rem; } .sm\:pb-24 { padding-bottom: 6rem; } .sm\:pb-28 { padding-bottom: 7rem; } .sm\:pb-32 { padding-bottom: 8rem; } .sm\:pb-36 { padding-bottom: 9rem; } .sm\:pb-40 { padding-bottom: 10rem; } .sm\:pb-44 { padding-bottom: 11rem; } .sm\:pb-48 { padding-bottom: 12rem; } .sm\:pb-52 { padding-bottom: 13rem; } .sm\:pb-56 { padding-bottom: 14rem; } .sm\:pb-60 { padding-bottom: 15rem; } .sm\:pb-64 { padding-bottom: 16rem; } .sm\:pb-72 { padding-bottom: 18rem; } .sm\:pb-80 { padding-bottom: 20rem; } .sm\:pb-96 { padding-bottom: 24rem; } /* LEFT: pb-* */ .sm\:pl-0 { padding-left: 0rem; } .sm\:pl-0\.5 { padding-left: 0.125rem; } .sm\:pl-1 { padding-left: 0.25rem; } .sm\:pl-1\.5 { padding-left: 0.375rem; } .sm\:pl-2 { padding-left: 0.5rem; } .sm\:pl-2\.5 { padding-left: 0.625rem; } .sm\:pl-3 { padding-left: 0.75rem; } .sm\:pl-3\.5 { padding-left: 0.875rem; } .sm\:pl-4 { padding-left: 1rem; } .sm\:pl-5 { padding-left: 1.25rem; } .sm\:pl-6 { padding-left: 1.5rem; } .sm\:pl-7 { padding-left: 1.75rem; } .sm\:pl-8 { padding-left: 2rem; } .sm\:pl-9 { padding-left: 2.25rem; } .sm\:pl-10 { padding-left: 2.5rem; } .sm\:pl-11 { padding-left: 2.75rem; } .sm\:pl-12 { padding-left: 3rem; } .sm\:pl-14 { padding-left: 3.5rem; } .sm\:pl-16 { padding-left: 4rem; } .sm\:pl-20 { padding-left: 5rem; } .sm\:pl-24 { padding-left: 6rem; } .sm\:pl-28 { padding-left: 7rem; } .sm\:pl-32 { padding-left: 8rem; } .sm\:pl-36 { padding-left: 9rem; } .sm\:pl-40 { padding-left: 10rem; } .sm\:pl-44 { padding-left: 11rem; } .sm\:pl-48 { padding-left: 12rem; } .sm\:pl-52 { padding-left: 13rem; } .sm\:pl-56 { padding-left: 14rem; } .sm\:pl-60 { padding-left: 15rem; } .sm\:pl-64 { padding-left: 16rem; } .sm\:pl-72 { padding-left: 18rem; } .sm\:pl-80 { padding-left: 20rem; } .sm\:pl-96 { padding-left: 24rem; } } @media (min-width: 768px) { /* ============================================================ ALL SIDES — md:p-* ============================================================ */ .md\:p-0 { padding: 0rem; } .md\:p-0\.5 { padding: 0.125rem; } .md\:p-1 { padding: 0.25rem; } .md\:p-1\.5 { padding: 0.375rem; } .md\:p-2 { padding: 0.5rem; } .md\:p-2\.5 { padding: 0.625rem; } .md\:p-3 { padding: 0.75rem; } .md\:p-3\.5 { padding: 0.875rem; } .md\:p-4 { padding: 1rem; } .md\:p-5 { padding: 1.25rem; } .md\:p-6 { padding: 1.5rem; } .md\:p-7 { padding: 1.75rem; } .md\:p-8 { padding: 2rem; } .md\:p-9 { padding: 2.25rem; } .md\:p-10 { padding: 2.5rem; } .md\:p-11 { padding: 2.75rem; } .md\:p-12 { padding: 3rem; } .md\:p-14 { padding: 3.5rem; } .md\:p-16 { padding: 4rem; } .md\:p-20 { padding: 5rem; } .md\:p-24 { padding: 6rem; } .md\:p-28 { padding: 7rem; } .md\:p-32 { padding: 8rem; } .md\:p-36 { padding: 9rem; } .md\:p-40 { padding: 10rem; } .md\:p-44 { padding: 11rem; } .md\:p-48 { padding: 12rem; } .md\:p-52 { padding: 13rem; } .md\:p-56 { padding: 14rem; } .md\:p-60 { padding: 15rem; } .md\:p-64 { padding: 16rem; } .md\:p-72 { padding: 18rem; } .md\:p-80 { padding: 20rem; } .md\:p-96 { padding: 24rem; } /* ============================================================ HORIZONTAL — md:px-* ============================================================ */ .md\:px-0 { padding-left: 0rem; padding-right: 0rem; } .md\:px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .md\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .md\:px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .md\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .md\:px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .md\:px-4 { padding-left: 1rem; padding-right: 1rem; } .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } .md\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem; } .md\:px-12 { padding-left: 3rem; padding-right: 3rem; } .md\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .md\:px-16 { padding-left: 4rem; padding-right: 4rem; } .md\:px-20 { padding-left: 5rem; padding-right: 5rem; } .md\:px-24 { padding-left: 6rem; padding-right: 6rem; } .md\:px-28 { padding-left: 7rem; padding-right: 7rem; } .md\:px-32 { padding-left: 8rem; padding-right: 8rem; } .md\:px-36 { padding-left: 9rem; padding-right: 9rem; } .md\:px-40 { padding-left: 10rem; padding-right: 10rem; } .md\:px-44 { padding-left: 11rem; padding-right: 11rem; } .md\:px-48 { padding-left: 12rem; padding-right: 12rem; } .md\:px-52 { padding-left: 13rem; padding-right: 13rem; } .md\:px-56 { padding-left: 14rem; padding-right: 14rem; } .md\:px-60 { padding-left: 15rem; padding-right: 15rem; } .md\:px-64 { padding-left: 16rem; padding-right: 16rem; } .md\:px-72 { padding-left: 18rem; padding-right: 18rem; } .md\:px-80 { padding-left: 20rem; padding-right: 20rem; } .md\:px-96 { padding-left: 24rem; padding-right: 24rem; } /* ============================================================ VERTICAL — md:py-* ============================================================ */ .md\:py-0 { padding-top: 0rem; padding-bottom: 0rem; } .md\:py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .md\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .md\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .md\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .md\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .md\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .md\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .md\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .md\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .md\:py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; } .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .md\:py-28 { padding-top: 7rem; padding-bottom: 7rem; } .md\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .md\:py-36 { padding-top: 9rem; padding-bottom: 9rem; } .md\:py-40 { padding-top: 10rem; padding-bottom: 10rem; } .md\:py-44 { padding-top: 11rem; padding-bottom: 11rem; } .md\:py-48 { padding-top: 12rem; padding-bottom: 12rem; } .md\:py-52 { padding-top: 13rem; padding-bottom: 13rem; } .md\:py-56 { padding-top: 14rem; padding-bottom: 14rem; } .md\:py-60 { padding-top: 15rem; padding-bottom: 15rem; } .md\:py-64 { padding-top: 16rem; padding-bottom: 16rem; } .md\:py-72 { padding-top: 18rem; padding-bottom: 18rem; } .md\:py-80 { padding-top: 20rem; padding-bottom: 20rem; } .md\:py-96 { padding-top: 24rem; padding-bottom: 24rem; } /* ============================================================ INDIVIDUAL SIDES — md:pt-*, md:pr-*, md:pb-*, md:pl-* ============================================================ */ /* TOP — md:pt-* */ .md\:pt-0 { padding-top: 0rem; } .md\:pt-0\.5 { padding-top: 0.125rem; } .md\:pt-1 { padding-top: 0.25rem; } .md\:pt-1\.5 { padding-top: 0.375rem; } .md\:pt-2 { padding-top: 0.5rem; } .md\:pt-2\.5 { padding-top: 0.625rem; } .md\:pt-3 { padding-top: 0.75rem; } .md\:pt-3\.5 { padding-top: 0.875rem; } .md\:pt-4 { padding-top: 1rem; } .md\:pt-5 { padding-top: 1.25rem; } .md\:pt-6 { padding-top: 1.5rem; } .md\:pt-7 { padding-top: 1.75rem; } .md\:pt-8 { padding-top: 2rem; } .md\:pt-9 { padding-top: 2.25rem; } .md\:pt-10 { padding-top: 2.5rem; } .md\:pt-11 { padding-top: 2.75rem; } .md\:pt-12 { padding-top: 3rem; } .md\:pt-14 { padding-top: 3.5rem; } .md\:pt-16 { padding-top: 4rem; } .md\:pt-20 { padding-top: 5rem; } .md\:pt-24 { padding-top: 6rem; } .md\:pt-28 { padding-top: 7rem; } .md\:pt-32 { padding-top: 8rem; } .md\:pt-36 { padding-top: 9rem; } .md\:pt-40 { padding-top: 10rem; } .md\:pt-44 { padding-top: 11rem; } .md\:pt-48 { padding-top: 12rem; } .md\:pt-52 { padding-top: 13rem; } .md\:pt-56 { padding-top: 14rem; } .md\:pt-60 { padding-top: 15rem; } .md\:pt-64 { padding-top: 16rem; } .md\:pt-72 { padding-top: 18rem; } .md\:pt-80 { padding-top: 20rem; } .md\:pt-96 { padding-top: 24rem; } /* RIGHT — md:pr-* */ .md\:pr-0 { padding-right: 0rem; } .md\:pr-0\.5 { padding-right: 0.125rem; } .md\:pr-1 { padding-right: 0.25rem; } .md\:pr-1\.5 { padding-right: 0.375rem; } .md\:pr-2 { padding-right: 0.5rem; } .md\:pr-2\.5 { padding-right: 0.625rem; } .md\:pr-3 { padding-right: 0.75rem; } .md\:pr-3\.5 { padding-right: 0.875rem; } .md\:pr-4 { padding-right: 1rem; } .md\:pr-5 { padding-right: 1.25rem; } .md\:pr-6 { padding-right: 1.5rem; } .md\:pr-7 { padding-right: 1.75rem; } .md\:pr-8 { padding-right: 2rem; } .md\:pr-9 { padding-right: 2.25rem; } .md\:pr-10 { padding-right: 2.5rem; } .md\:pr-11 { padding-right: 2.75rem; } .md\:pr-12 { padding-right: 3rem; } .md\:pr-14 { padding-right: 3.5rem; } .md\:pr-16 { padding-right: 4rem; } .md\:pr-20 { padding-right: 5rem; } .md\:pr-24 { padding-right: 6rem; } .md\:pr-28 { padding-right: 7rem; } .md\:pr-32 { padding-right: 8rem; } .md\:pr-36 { padding-right: 9rem; } .md\:pr-40 { padding-right: 10rem; } .md\:pr-44 { padding-right: 11rem; } .md\:pr-48 { padding-right: 12rem; } .md\:pr-52 { padding-right: 13rem; } .md\:pr-56 { padding-right: 14rem; } .md\:pr-60 { padding-right: 15rem; } .md\:pr-64 { padding-right: 16rem; } .md\:pr-72 { padding-right: 18rem; } .md\:pr-80 { padding-right: 20rem; } .md\:pr-96 { padding-right: 24rem; } /* BOTTOM — md:pb-* */ .md\:pb-0 { padding-bottom: 0rem; } .md\:pb-0\.5 { padding-bottom: 0.125rem; } .md\:pb-1 { padding-bottom: 0.25rem; } .md\:pb-1\.5 { padding-bottom: 0.375rem; } .md\:pb-2 { padding-bottom: 0.5rem; } .md\:pb-2\.5 { padding-bottom: 0.625rem; } .md\:pb-3 { padding-bottom: 0.75rem; } .md\:pb-3\.5 { padding-bottom: 0.875rem; } .md\:pb-4 { padding-bottom: 1rem; } .md\:pb-5 { padding-bottom: 1.25rem; } .md\:pb-6 { padding-bottom: 1.5rem; } .md\:pb-7 { padding-bottom: 1.75rem; } .md\:pb-8 { padding-bottom: 2rem; } .md\:pb-9 { padding-bottom: 2.25rem; } .md\:pb-10 { padding-bottom: 2.5rem; } .md\:pb-11 { padding-bottom: 2.75rem; } .md\:pb-12 { padding-bottom: 3rem; } .md\:pb-14 { padding-bottom: 3.5rem; } .md\:pb-16 { padding-bottom: 4rem; } .md\:pb-20 { padding-bottom: 5rem; } .md\:pb-24 { padding-bottom: 6rem; } .md\:pb-28 { padding-bottom: 7rem; } .md\:pb-32 { padding-bottom: 8rem; } .md\:pb-36 { padding-bottom: 9rem; } .md\:pb-40 { padding-bottom: 10rem; } .md\:pb-44 { padding-bottom: 11rem; } .md\:pb-48 { padding-bottom: 12rem; } .md\:pb-52 { padding-bottom: 13rem; } .md\:pb-56 { padding-bottom: 14rem; } .md\:pb-60 { padding-bottom: 15rem; } .md\:pb-64 { padding-bottom: 16rem; } .md\:pb-72 { padding-bottom: 18rem; } .md\:pb-80 { padding-bottom: 20rem; } .md\:pb-96 { padding-bottom: 24rem; } /* LEFT — md:pl-* */ .md\:pl-0 { padding-left: 0rem; } .md\:pl-0\.5 { padding-left: 0.125rem; } .md\:pl-1 { padding-left: 0.25rem; } .md\:pl-1\.5 { padding-left: 0.375rem; } .md\:pl-2 { padding-left: 0.5rem; } .md\:pl-2\.5 { padding-left: 0.625rem; } .md\:pl-3 { padding-left: 0.75rem; } .md\:pl-3\.5 { padding-left: 0.875rem; } .md\:pl-4 { padding-left: 1rem; } .md\:pl-5 { padding-left: 1.25rem; } .md\:pl-6 { padding-left: 1.5rem; } .md\:pl-7 { padding-left: 1.75rem; } .md\:pl-8 { padding-left: 2rem; } .md\:pl-9 { padding-left: 2.25rem; } .md\:pl-10 { padding-left: 2.5rem; } .md\:pl-11 { padding-left: 2.75rem; } .md\:pl-12 { padding-left: 3rem; } .md\:pl-14 { padding-left: 3.5rem; } .md\:pl-16 { padding-left: 4rem; } .md\:pl-20 { padding-left: 5rem; } .md\:pl-24 { padding-left: 6rem; } .md\:pl-28 { padding-left: 7rem; } .md\:pl-32 { padding-left: 8rem; } .md\:pl-36 { padding-left: 9rem; } .md\:pl-40 { padding-left: 10rem; } .md\:pl-44 { padding-left: 11rem; } .md\:pl-48 { padding-left: 12rem; } .md\:pl-52 { padding-left: 13rem; } .md\:pl-56 { padding-left: 14rem; } .md\:pl-60 { padding-left: 15rem; } .md\:pl-64 { padding-left: 16rem; } .md\:pl-72 { padding-left: 18rem; } .md\:pl-80 { padding-left: 20rem; } .md\:pl-96 { padding-left: 24rem; } } @media (min-width: 992px) { /* ============================================================ ALL SIDES — lg:p-* ============================================================ */ .lg\:p-0 { padding: 0rem; } .lg\:p-0\.5 { padding: 0.125rem; } .lg\:p-1 { padding: 0.25rem; } .lg\:p-1\.5 { padding: 0.375rem; } .lg\:p-2 { padding: 0.5rem; } .lg\:p-2\.5 { padding: 0.625rem; } .lg\:p-3 { padding: 0.75rem; } .lg\:p-3\.5 { padding: 0.875rem; } .lg\:p-4 { padding: 1rem; } .lg\:p-5 { padding: 1.25rem; } .lg\:p-6 { padding: 1.5rem; } .lg\:p-7 { padding: 1.75rem; } .lg\:p-8 { padding: 2rem; } .lg\:p-9 { padding: 2.25rem; } .lg\:p-10 { padding: 2.5rem; } .lg\:p-11 { padding: 2.75rem; } .lg\:p-12 { padding: 3rem; } .lg\:p-14 { padding: 3.5rem; } .lg\:p-16 { padding: 4rem; } .lg\:p-20 { padding: 5rem; } .lg\:p-24 { padding: 6rem; } .lg\:p-28 { padding: 7rem; } .lg\:p-32 { padding: 8rem; } .lg\:p-36 { padding: 9rem; } .lg\:p-40 { padding: 10rem; } .lg\:p-44 { padding: 11rem; } .lg\:p-48 { padding: 12rem; } .lg\:p-52 { padding: 13rem; } .lg\:p-56 { padding: 14rem; } .lg\:p-60 { padding: 15rem; } .lg\:p-64 { padding: 16rem; } .lg\:p-72 { padding: 18rem; } .lg\:p-80 { padding: 20rem; } .lg\:p-96 { padding: 24rem; } /* ============================================================ HORIZONTAL — lg:px-* ============================================================ */ .lg\:px-0 { padding-left: 0rem; padding-right: 0rem; } .lg\:px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .lg\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .lg\:px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .lg\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .lg\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .lg\:px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .lg\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem; } .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; } .lg\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .lg\:px-16 { padding-left: 4rem; padding-right: 4rem; } .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; } .lg\:px-24 { padding-left: 6rem; padding-right: 6rem; } .lg\:px-28 { padding-left: 7rem; padding-right: 7rem; } .lg\:px-32 { padding-left: 8rem; padding-right: 8rem; } .lg\:px-36 { padding-left: 9rem; padding-right: 9rem; } .lg\:px-40 { padding-left: 10rem; padding-right: 10rem; } .lg\:px-44 { padding-left: 11rem; padding-right: 11rem; } .lg\:px-48 { padding-left: 12rem; padding-right: 12rem; } .lg\:px-52 { padding-left: 13rem; padding-right: 13rem; } .lg\:px-56 { padding-left: 14rem; padding-right: 14rem; } .lg\:px-60 { padding-left: 15rem; padding-right: 15rem; } .lg\:px-64 { padding-left: 16rem; padding-right: 16rem; } .lg\:px-72 { padding-left: 18rem; padding-right: 18rem; } .lg\:px-80 { padding-left: 20rem; padding-right: 20rem; } .lg\:px-96 { padding-left: 24rem; padding-right: 24rem; } /* ============================================================ VERTICAL — lg:py-* ============================================================ */ .lg\:py-0 { padding-top: 0rem; padding-bottom: 0rem; } .lg\:py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .lg\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .lg\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .lg\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .lg\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .lg\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .lg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .lg\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .lg\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .lg\:py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .lg\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .lg\:py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; } .lg\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .lg\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .lg\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .lg\:py-28 { padding-top: 7rem; padding-bottom: 7rem; } .lg\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .lg\:py-36 { padding-top: 9rem; padding-bottom: 9rem; } .lg\:py-40 { padding-top: 10rem; padding-bottom: 10rem; } .lg\:py-44 { padding-top: 11rem; padding-bottom: 11rem; } .lg\:py-48 { padding-top: 12rem; padding-bottom: 12rem; } .lg\:py-52 { padding-top: 13rem; padding-bottom: 13rem; } .lg\:py-56 { padding-top: 14rem; padding-bottom: 14rem; } .lg\:py-60 { padding-top: 15rem; padding-bottom: 15rem; } .lg\:py-64 { padding-top: 16rem; padding-bottom: 16rem; } .lg\:py-72 { padding-top: 18rem; padding-bottom: 18rem; } .lg\:py-80 { padding-top: 20rem; padding-bottom: 20rem; } .lg\:py-96 { padding-top: 24rem; padding-bottom: 24rem; } /* ============================================================ INDIVIDUAL SIDES — lg:pt-*, lg:pr-*, lg:pb-*, lg:pl-* ============================================================ */ /* TOP — lg:pt-* */ .lg\:pt-0 { padding-top: 0rem; } .lg\:pt-0\.5 { padding-top: 0.125rem; } .lg\:pt-1 { padding-top: 0.25rem; } .lg\:pt-1\.5 { padding-top: 0.375rem; } .lg\:pt-2 { padding-top: 0.5rem; } .lg\:pt-2\.5 { padding-top: 0.625rem; } .lg\:pt-3 { padding-top: 0.75rem; } .lg\:pt-3\.5 { padding-top: 0.875rem; } .lg\:pt-4 { padding-top: 1rem; } .lg\:pt-5 { padding-top: 1.25rem; } .lg\:pt-6 { padding-top: 1.5rem; } .lg\:pt-7 { padding-top: 1.75rem; } .lg\:pt-8 { padding-top: 2rem; } .lg\:pt-9 { padding-top: 2.25rem; } .lg\:pt-10 { padding-top: 2.5rem; } .lg\:pt-11 { padding-top: 2.75rem; } .lg\:pt-12 { padding-top: 3rem; } .lg\:pt-14 { padding-top: 3.5rem; } .lg\:pt-16 { padding-top: 4rem; } .lg\:pt-20 { padding-top: 5rem; } .lg\:pt-24 { padding-top: 6rem; } .lg\:pt-28 { padding-top: 7rem; } .lg\:pt-32 { padding-top: 8rem; } .lg\:pt-36 { padding-top: 9rem; } .lg\:pt-40 { padding-top: 10rem; } .lg\:pt-44 { padding-top: 11rem; } .lg\:pt-48 { padding-top: 12rem; } .lg\:pt-52 { padding-top: 13rem; } .lg\:pt-56 { padding-top: 14rem; } .lg\:pt-60 { padding-top: 15rem; } .lg\:pt-64 { padding-top: 16rem; } .lg\:pt-72 { padding-top: 18rem; } .lg\:pt-80 { padding-top: 20rem; } .lg\:pt-96 { padding-top: 24rem; } /* RIGHT — lg:pr-* */ .lg\:pr-0 { padding-right: 0rem; } .lg\:pr-0\.5 { padding-right: 0.125rem; } .lg\:pr-1 { padding-right: 0.25rem; } .lg\:pr-1\.5 { padding-right: 0.375rem; } .lg\:pr-2 { padding-right: 0.5rem; } .lg\:pr-2\.5 { padding-right: 0.625rem; } .lg\:pr-3 { padding-right: 0.75rem; } .lg\:pr-3\.5 { padding-right: 0.875rem; } .lg\:pr-4 { padding-right: 1rem; } .lg\:pr-5 { padding-right: 1.25rem; } .lg\:pr-6 { padding-right: 1.5rem; } .lg\:pr-7 { padding-right: 1.75rem; } .lg\:pr-8 { padding-right: 2rem; } .lg\:pr-9 { padding-right: 2.25rem; } .lg\:pr-10 { padding-right: 2.5rem; } .lg\:pr-11 { padding-right: 2.75rem; } .lg\:pr-12 { padding-right: 3rem; } .lg\:pr-14 { padding-right: 3.5rem; } .lg\:pr-16 { padding-right: 4rem; } .lg\:pr-20 { padding-right: 5rem; } .lg\:pr-24 { padding-right: 6rem; } .lg\:pr-28 { padding-right: 7rem; } .lg\:pr-32 { padding-right: 8rem; } .lg\:pr-36 { padding-right: 9rem; } .lg\:pr-40 { padding-right: 10rem; } .lg\:pr-44 { padding-right: 11rem; } .lg\:pr-48 { padding-right: 12rem; } .lg\:pr-52 { padding-right: 13rem; } .lg\:pr-56 { padding-right: 14rem; } .lg\:pr-60 { padding-right: 15rem; } .lg\:pr-64 { padding-right: 16rem; } .lg\:pr-72 { padding-right: 18rem; } .lg\:pr-80 { padding-right: 20rem; } .lg\:pr-96 { padding-right: 24rem; } /* BOTTOM — lg:pb-* */ .lg\:pb-0 { padding-bottom: 0rem; } .lg\:pb-0\.5 { padding-bottom: 0.125rem; } .lg\:pb-1 { padding-bottom: 0.25rem; } .lg\:pb-1\.5 { padding-bottom: 0.375rem; } .lg\:pb-2 { padding-bottom: 0.5rem; } .lg\:pb-2\.5 { padding-bottom: 0.625rem; } .lg\:pb-3 { padding-bottom: 0.75rem; } .lg\:pb-3\.5 { padding-bottom: 0.875rem; } .lg\:pb-4 { padding-bottom: 1rem; } .lg\:pb-5 { padding-bottom: 1.25rem; } .lg\:pb-6 { padding-bottom: 1.5rem; } .lg\:pb-7 { padding-bottom: 1.75rem; } .lg\:pb-8 { padding-bottom: 2rem; } .lg\:pb-9 { padding-bottom: 2.25rem; } .lg\:pb-10 { padding-bottom: 2.5rem; } .lg\:pb-11 { padding-bottom: 2.75rem; } .lg\:pb-12 { padding-bottom: 3rem; } .lg\:pb-14 { padding-bottom: 3.5rem; } .lg\:pb-16 { padding-bottom: 4rem; } .lg\:pb-20 { padding-bottom: 5rem; } .lg\:pb-24 { padding-bottom: 6rem; } .lg\:pb-28 { padding-bottom: 7rem; } .lg\:pb-32 { padding-bottom: 8rem; } .lg\:pb-36 { padding-bottom: 9rem; } .lg\:pb-40 { padding-bottom: 10rem; } .lg\:pb-44 { padding-bottom: 11rem; } .lg\:pb-48 { padding-bottom: 12rem; } .lg\:pb-52 { padding-bottom: 13rem; } .lg\:pb-56 { padding-bottom: 14rem; } .lg\:pb-60 { padding-bottom: 15rem; } .lg\:pb-64 { padding-bottom: 16rem; } .lg\:pb-72 { padding-bottom: 18rem; } .lg\:pb-80 { padding-bottom: 20rem; } .lg\:pb-96 { padding-bottom: 24rem; } /* LEFT — lg:pl-* */ .lg\:pl-0 { padding-left: 0rem; } .lg\:pl-0\.5 { padding-left: 0.125rem; } .lg\:pl-1 { padding-left: 0.25rem; } .lg\:pl-1\.5 { padding-left: 0.375rem; } .lg\:pl-2 { padding-left: 0.5rem; } .lg\:pl-2\.5 { padding-left: 0.625rem; } .lg\:pl-3 { padding-left: 0.75rem; } .lg\:pl-3\.5 { padding-left: 0.875rem; } .lg\:pl-4 { padding-left: 1rem; } .lg\:pl-5 { padding-left: 1.25rem; } .lg\:pl-6 { padding-left: 1.5rem; } .lg\:pl-7 { padding-left: 1.75rem; } .lg\:pl-8 { padding-left: 2rem; } .lg\:pl-9 { padding-left: 2.25rem; } .lg\:pl-10 { padding-left: 2.5rem; } .lg\:pl-11 { padding-left: 2.75rem; } .lg\:pl-12 { padding-left: 3rem; } .lg\:pl-14 { padding-left: 3.5rem; } .lg\:pl-16 { padding-left: 4rem; } .lg\:pl-20 { padding-left: 5rem; } .lg\:pl-24 { padding-left: 6rem; } .lg\:pl-28 { padding-left: 7rem; } .lg\:pl-32 { padding-left: 8rem; } .lg\:pl-36 { padding-left: 9rem; } .lg\:pl-40 { padding-left: 10rem; } .lg\:pl-44 { padding-left: 11rem; } .lg\:pl-48 { padding-left: 12rem; } .lg\:pl-52 { padding-left: 13rem; } .lg\:pl-56 { padding-left: 14rem; } .lg\:pl-60 { padding-left: 15rem; } .lg\:pl-64 { padding-left: 16rem; } .lg\:pl-72 { padding-left: 18rem; } .lg\:pl-80 { padding-left: 20rem; } .lg\:pl-96 { padding-left: 24rem; } } @media (min-width: 1200px) { /* ============================================================ ALL SIDES — xl:p-* ============================================================ */ .xl\:p-0 { padding: 0rem; } .xl\:p-0\.5 { padding: 0.125rem; } .xl\:p-1 { padding: 0.25rem; } .xl\:p-1\.5 { padding: 0.375rem; } .xl\:p-2 { padding: 0.5rem; } .xl\:p-2\.5 { padding: 0.625rem; } .xl\:p-3 { padding: 0.75rem; } .xl\:p-3\.5 { padding: 0.875rem; } .xl\:p-4 { padding: 1rem; } .xl\:p-5 { padding: 1.25rem; } .xl\:p-6 { padding: 1.5rem; } .xl\:p-7 { padding: 1.75rem; } .xl\:p-8 { padding: 2rem; } .xl\:p-9 { padding: 2.25rem; } .xl\:p-10 { padding: 2.5rem; } .xl\:p-11 { padding: 2.75rem; } .xl\:p-12 { padding: 3rem; } .xl\:p-14 { padding: 3.5rem; } .xl\:p-16 { padding: 4rem; } .xl\:p-20 { padding: 5rem; } .xl\:p-24 { padding: 6rem; } .xl\:p-28 { padding: 7rem; } .xl\:p-32 { padding: 8rem; } .xl\:p-36 { padding: 9rem; } .xl\:p-40 { padding: 10rem; } .xl\:p-44 { padding: 11rem; } .xl\:p-48 { padding: 12rem; } .xl\:p-52 { padding: 13rem; } .xl\:p-56 { padding: 14rem; } .xl\:p-60 { padding: 15rem; } .xl\:p-64 { padding: 16rem; } .xl\:p-72 { padding: 18rem; } .xl\:p-80 { padding: 20rem; } .xl\:p-96 { padding: 24rem; } /* ============================================================ HORIZONTAL — xl:px-* ============================================================ */ .xl\:px-0 { padding-left: 0rem; padding-right: 0rem; } .xl\:px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .xl\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .xl\:px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .xl\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .xl\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .xl\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .xl\:px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .xl\:px-4 { padding-left: 1rem; padding-right: 1rem; } .xl\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .xl\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .xl\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; } .xl\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; } .xl\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .xl\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem; } .xl\:px-12 { padding-left: 3rem; padding-right: 3rem; } .xl\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .xl\:px-16 { padding-left: 4rem; padding-right: 4rem; } .xl\:px-20 { padding-left: 5rem; padding-right: 5rem; } .xl\:px-24 { padding-left: 6rem; padding-right: 6rem; } .xl\:px-28 { padding-left: 7rem; padding-right: 7rem; } .xl\:px-32 { padding-left: 8rem; padding-right: 8rem; } .xl\:px-36 { padding-left: 9rem; padding-right: 9rem; } .xl\:px-40 { padding-left: 10rem; padding-right: 10rem; } .xl\:px-44 { padding-left: 11rem; padding-right: 11rem; } .xl\:px-48 { padding-left: 12rem; padding-right: 12rem; } .xl\:px-52 { padding-left: 13rem; padding-right: 13rem; } .xl\:px-56 { padding-left: 14rem; padding-right: 14rem; } .xl\:px-60 { padding-left: 15rem; padding-right: 15rem; } .xl\:px-64 { padding-left: 16rem; padding-right: 16rem; } .xl\:px-72 { padding-left: 18rem; padding-right: 18rem; } .xl\:px-80 { padding-left: 20rem; padding-right: 20rem; } .xl\:px-96 { padding-left: 24rem; padding-right: 24rem; } /* ============================================================ VERTICAL — xl:py-* ============================================================ */ .xl\:py-0 { padding-top: 0rem; padding-bottom: 0rem; } .xl\:py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .xl\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .xl\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .xl\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .xl\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .xl\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .xl\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .xl\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .xl\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .xl\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .xl\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .xl\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .xl\:py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .xl\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .xl\:py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; } .xl\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .xl\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .xl\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .xl\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .xl\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .xl\:py-28 { padding-top: 7rem; padding-bottom: 7rem; } .xl\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .xl\:py-36 { padding-top: 9rem; padding-bottom: 9rem; } .xl\:py-40 { padding-top: 10rem; padding-bottom: 10rem; } .xl\:py-44 { padding-top: 11rem; padding-bottom: 11rem; } .xl\:py-48 { padding-top: 12rem; padding-bottom: 12rem; } .xl\:py-52 { padding-top: 13rem; padding-bottom: 13rem; } .xl\:py-56 { padding-top: 14rem; padding-bottom: 14rem; } .xl\:py-60 { padding-top: 15rem; padding-bottom: 15rem; } .xl\:py-64 { padding-top: 16rem; padding-bottom: 16rem; } .xl\:py-72 { padding-top: 18rem; padding-bottom: 18rem; } .xl\:py-80 { padding-top: 20rem; padding-bottom: 20rem; } .xl\:py-96 { padding-top: 24rem; padding-bottom: 24rem; } /* ============================================================ INDIVIDUAL SIDES — xl:pt-*, xl:pr-*, xl:pb-*, xl:pl-* ============================================================ */ /* TOP — xl:pt-* */ .xl\:pt-0 { padding-top: 0rem; } .xl\:pt-0\.5 { padding-top: 0.125rem; } .xl\:pt-1 { padding-top: 0.25rem; } .xl\:pt-1\.5 { padding-top: 0.375rem; } .xl\:pt-2 { padding-top: 0.5rem; } .xl\:pt-2\.5 { padding-top: 0.625rem; } .xl\:pt-3 { padding-top: 0.75rem; } .xl\:pt-3\.5 { padding-top: 0.875rem; } .xl\:pt-4 { padding-top: 1rem; } .xl\:pt-5 { padding-top: 1.25rem; } .xl\:pt-6 { padding-top: 1.5rem; } .xl\:pt-7 { padding-top: 1.75rem; } .xl\:pt-8 { padding-top: 2rem; } .xl\:pt-9 { padding-top: 2.25rem; } .xl\:pt-10 { padding-top: 2.5rem; } .xl\:pt-11 { padding-top: 2.75rem; } .xl\:pt-12 { padding-top: 3rem; } .xl\:pt-14 { padding-top: 3.5rem; } .xl\:pt-16 { padding-top: 4rem; } .xl\:pt-20 { padding-top: 5rem; } .xl\:pt-24 { padding-top: 6rem; } .xl\:pt-28 { padding-top: 7rem; } .xl\:pt-32 { padding-top: 8rem; } .xl\:pt-36 { padding-top: 9rem; } .xl\:pt-40 { padding-top: 10rem; } .xl\:pt-44 { padding-top: 11rem; } .xl\:pt-48 { padding-top: 12rem; } .xl\:pt-52 { padding-top: 13rem; } .xl\:pt-56 { padding-top: 14rem; } .xl\:pt-60 { padding-top: 15rem; } .xl\:pt-64 { padding-top: 16rem; } .xl\:pt-72 { padding-top: 18rem; } .xl\:pt-80 { padding-top: 20rem; } .xl\:pt-96 { padding-top: 24rem; } /* RIGHT — xl:pr-* */ .xl\:pr-0 { padding-right: 0rem; } .xl\:pr-0\.5 { padding-right: 0.125rem; } .xl\:pr-1 { padding-right: 0.25rem; } .xl\:pr-1\.5 { padding-right: 0.375rem; } .xl\:pr-2 { padding-right: 0.5rem; } .xl\:pr-2\.5 { padding-right: 0.625rem; } .xl\:pr-3 { padding-right: 0.75rem; } .xl\:pr-3\.5 { padding-right: 0.875rem; } .xl\:pr-4 { padding-right: 1rem; } .xl\:pr-5 { padding-right: 1.25rem; } .xl\:pr-6 { padding-right: 1.5rem; } .xl\:pr-7 { padding-right: 1.75rem; } .xl\:pr-8 { padding-right: 2rem; } .xl\:pr-9 { padding-right: 2.25rem; } .xl\:pr-10 { padding-right: 2.5rem; } .xl\:pr-11 { padding-right: 2.75rem; } .xl\:pr-12 { padding-right: 3rem; } .xl\:pr-14 { padding-right: 3.5rem; } .xl\:pr-16 { padding-right: 4rem; } .xl\:pr-20 { padding-right: 5rem; } .xl\:pr-24 { padding-right: 6rem; } .xl\:pr-28 { padding-right: 7rem; } .xl\:pr-32 { padding-right: 8rem; } .xl\:pr-36 { padding-right: 9rem; } .xl\:pr-40 { padding-right: 10rem; } .xl\:pr-44 { padding-right: 11rem; } .xl\:pr-48 { padding-right: 12rem; } .xl\:pr-52 { padding-right: 13rem; } .xl\:pr-56 { padding-right: 14rem; } .xl\:pr-60 { padding-right: 15rem; } .xl\:pr-64 { padding-right: 16rem; } .xl\:pr-72 { padding-right: 18rem; } .xl\:pr-80 { padding-right: 20rem; } .xl\:pr-96 { padding-right: 24rem; } /* BOTTOM — xl:pb-* */ .xl\:pb-0 { padding-bottom: 0rem; } .xl\:pb-0\.5 { padding-bottom: 0.125rem; } .xl\:pb-1 { padding-bottom: 0.25rem; } .xl\:pb-1\.5 { padding-bottom: 0.375rem; } .xl\:pb-2 { padding-bottom: 0.5rem; } .xl\:pb-2\.5 { padding-bottom: 0.625rem; } .xl\:pb-3 { padding-bottom: 0.75rem; } .xl\:pb-3\.5 { padding-bottom: 0.875rem; } .xl\:pb-4 { padding-bottom: 1rem; } .xl\:pb-5 { padding-bottom: 1.25rem; } .xl\:pb-6 { padding-bottom: 1.5rem; } .xl\:pb-7 { padding-bottom: 1.75rem; } .xl\:pb-8 { padding-bottom: 2rem; } .xl\:pb-9 { padding-bottom: 2.25rem; } .xl\:pb-10 { padding-bottom: 2.5rem; } .xl\:pb-11 { padding-bottom: 2.75rem; } .xl\:pb-12 { padding-bottom: 3rem; } .xl\:pb-14 { padding-bottom: 3.5rem; } .xl\:pb-16 { padding-bottom: 4rem; } .xl\:pb-20 { padding-bottom: 5rem; } .xl\:pb-24 { padding-bottom: 6rem; } .xl\:pb-28 { padding-bottom: 7rem; } .xl\:pb-32 { padding-bottom: 8rem; } .xl\:pb-36 { padding-bottom: 9rem; } .xl\:pb-40 { padding-bottom: 10rem; } .xl\:pb-44 { padding-bottom: 11rem; } .xl\:pb-48 { padding-bottom: 12rem; } .xl\:pb-52 { padding-bottom: 13rem; } .xl\:pb-56 { padding-bottom: 14rem; } .xl\:pb-60 { padding-bottom: 15rem; } .xl\:pb-64 { padding-bottom: 16rem; } .xl\:pb-72 { padding-bottom: 18rem; } .xl\:pb-80 { padding-bottom: 20rem; } .xl\:pb-96 { padding-bottom: 24rem; } /* LEFT — xl:pl-* */ .xl\:pl-0 { padding-left: 0rem; } .xl\:pl-0\.5 { padding-left: 0.125rem; } .xl\:pl-1 { padding-left: 0.25rem; } .xl\:pl-1\.5 { padding-left: 0.375rem; } .xl\:pl-2 { padding-left: 0.5rem; } .xl\:pl-2\.5 { padding-left: 0.625rem; } .xl\:pl-3 { padding-left: 0.75rem; } .xl\:pl-3\.5 { padding-left: 0.875rem; } .xl\:pl-4 { padding-left: 1rem; } .xl\:pl-5 { padding-left: 1.25rem; } .xl\:pl-6 { padding-left: 1.5rem; } .xl\:pl-7 { padding-left: 1.75rem; } .xl\:pl-8 { padding-left: 2rem; } .xl\:pl-9 { padding-left: 2.25rem; } .xl\:pl-10 { padding-left: 2.5rem; } .xl\:pl-11 { padding-left: 2.75rem; } .xl\:pl-12 { padding-left: 3rem; } .xl\:pl-14 { padding-left: 3.5rem; } .xl\:pl-16 { padding-left: 4rem; } .xl\:pl-20 { padding-left: 5rem; } .xl\:pl-24 { padding-left: 6rem; } .xl\:pl-28 { padding-left: 7rem; } .xl\:pl-32 { padding-left: 8rem; } .xl\:pl-36 { padding-left: 9rem; } .xl\:pl-40 { padding-left: 10rem; } .xl\:pl-44 { padding-left: 11rem; } .xl\:pl-48 { padding-left: 12rem; } .xl\:pl-52 { padding-left: 13rem; } .xl\:pl-56 { padding-left: 14rem; } .xl\:pl-60 { padding-left: 15rem; } .xl\:pl-64 { padding-left: 16rem; } .xl\:pl-72 { padding-left: 18rem; } .xl\:pl-80 { padding-left: 20rem; } .xl\:pl-96 { padding-left: 24rem; } } /* Responsive variants (sm:, md:, lg:, xl:) sm: → 576px md: → 768px lg: → 992px xl: → 1200px */ /* ==================================================== */ /* Width */ /* ==================================================== */ .w-0 { width: 0rem; } .w-0\.5 { width: 0.125rem; } .w-1 { width: 0.25rem; } .w-1\.5 { width: 0.375rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-4 { width: 1rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-7 { width: 1.75rem; } .w-8 { width: 2rem; } .w-9 { width: 2.25rem; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-48 { width: 12rem; } .w-52 { width: 13rem; } .w-56 { width: 14rem; } .w-60 { width: 15rem; } .w-64 { width: 16rem; } .w-72 { width: 18rem; } .w-80 { width: 20rem; } .w-96 { width: 24rem; } /* Percentage widths (Bootstrap uses w-25/50/75/100, so we avoid those) */ /* Halves */ .w-1\/2 { width: 50%; } /* Thirds */ .w-1\/3 { width: 33.333333%; } .w-2\/3 { width: 66.666667%; } /* Quarters */ .w-1\/4 { width: 25%; } .w-2\/4 { width: 50%; } /* same as 1/2, optional */ .w-3\/4 { width: 75%; } /* Fifths */ .w-1\/5 { width: 20%; } .w-2\/5 { width: 40%; } .w-3\/5 { width: 60%; } .w-4\/5 { width: 80%; } /* Sixths */ .w-1\/6 { width: 16.666667%; } .w-2\/6 { width: 33.333333%; } /* same as 1/3 */ .w-3\/6 { width: 50%; } /* same as 1/2 */ .w-4\/6 { width: 66.666667%; } /* same as 2/3 */ .w-5\/6 { width: 83.333333%; } /* Twelfths */ .w-1\/12 { width: 8.333333%; } .w-2\/12 { width: 16.666667%; } /* same as 1/6 */ .w-3\/12 { width: 25%; } /* same as 1/4 */ .w-4\/12 { width: 33.333333%; } /* same as 1/3 */ .w-5\/12 { width: 41.666667%; } .w-6\/12 { width: 50%; } /* same as 1/2 */ .w-7\/12 { width: 58.333333%; } .w-8\/12 { width: 66.666667%; } /* same as 2/3 */ .w-9\/12 { width: 75%; } /* same as 3/4 */ .w-10\/12 { width: 83.333333%; }/* same as 5/6 */ .w-11\/12 { width: 91.666667%; } /* Full width utilities (Bootstrap uses w-100, so we avoid it) */ .w-full { width: 100%; } .w-screen { width: 100vw; } /* --------------------------------------------- */ /* Responsive Width Utilities */ /* --------------------------------------------- */ /* sm: (≥576px) */ @media (min-width: 576px) { /* Spacing-based widths */ .sm\:w-0 { width: 0rem; } .sm\:w-0\.5 { width: 0.125rem; } .sm\:w-1 { width: 0.25rem; } .sm\:w-1\.5 { width: 0.375rem; } .sm\:w-2 { width: 0.5rem; } .sm\:w-2\.5 { width: 0.625rem; } .sm\:w-3 { width: 0.75rem; } .sm\:w-3\.5 { width: 0.875rem; } .sm\:w-4 { width: 1rem; } .sm\:w-5 { width: 1.25rem; } .sm\:w-6 { width: 1.5rem; } .sm\:w-7 { width: 1.75rem; } .sm\:w-8 { width: 2rem; } .sm\:w-9 { width: 2.25rem; } .sm\:w-10 { width: 2.5rem; } .sm\:w-11 { width: 2.75rem; } .sm\:w-12 { width: 3rem; } .sm\:w-14 { width: 3.5rem; } .sm\:w-16 { width: 4rem; } .sm\:w-20 { width: 5rem; } .sm\:w-24 { width: 6rem; } .sm\:w-28 { width: 7rem; } .sm\:w-32 { width: 8rem; } .sm\:w-36 { width: 9rem; } .sm\:w-40 { width: 10rem; } .sm\:w-44 { width: 11rem; } .sm\:w-48 { width: 12rem; } .sm\:w-52 { width: 13rem; } .sm\:w-56 { width: 14rem; } .sm\:w-60 { width: 15rem; } .sm\:w-64 { width: 16rem; } .sm\:w-72 { width: 18rem; } .sm\:w-80 { width: 20rem; } .sm\:w-96 { width: 24rem; } /* Fraction widths */ .sm\:w-1\/2 { width: 50%; } .sm\:w-1\/3 { width: 33.333333%; } .sm\:w-2\/3 { width: 66.666667%; } .sm\:w-1\/4 { width: 25%; } .sm\:w-3\/4 { width: 75%; } .sm\:w-1\/5 { width: 20%; } .sm\:w-2\/5 { width: 40%; } .sm\:w-3\/5 { width: 60%; } .sm\:w-4\/5 { width: 80%; } .sm\:w-1\/6 { width: 16.666667%; } .sm\:w-5\/6 { width: 83.333333%; } .sm\:w-1\/12 { width: 8.333333%; } .sm\:w-5\/12 { width: 41.666667%; } .sm\:w-7\/12 { width: 58.333333%; } .sm\:w-11\/12 { width: 91.666667%; } /* Special widths */ .sm\:w-full { width: 100%; } .sm\:w-screen { width: 100vw; } } /* md: (≥768px) */ @media (min-width: 768px) { /* Spacing-based widths */ .md\:w-0 { width: 0rem; } .md\:w-0\.5 { width: 0.125rem; } .md\:w-1 { width: 0.25rem; } .md\:w-1\.5 { width: 0.375rem; } .md\:w-2 { width: 0.5rem; } .md\:w-2\.5 { width: 0.625rem; } .md\:w-3 { width: 0.75rem; } .md\:w-3\.5 { width: 0.875rem; } .md\:w-4 { width: 1rem; } .md\:w-5 { width: 1.25rem; } .md\:w-6 { width: 1.5rem; } .md\:w-7 { width: 1.75rem; } .md\:w-8 { width: 2rem; } .md\:w-9 { width: 2.25rem; } .md\:w-10 { width: 2.5rem; } .md\:w-11 { width: 2.75rem; } .md\:w-12 { width: 3rem; } .md\:w-14 { width: 3.5rem; } .md\:w-16 { width: 4rem; } .md\:w-20 { width: 5rem; } .md\:w-24 { width: 6rem; } .md\:w-28 { width: 7rem; } .md\:w-32 { width: 8rem; } .md\:w-36 { width: 9rem; } .md\:w-40 { width: 10rem; } .md\:w-44 { width: 11rem; } .md\:w-48 { width: 12rem; } .md\:w-52 { width: 13rem; } .md\:w-56 { width: 14rem; } .md\:w-60 { width: 15rem; } .md\:w-64 { width: 16rem; } .md\:w-72 { width: 18rem; } .md\:w-80 { width: 20rem; } .md\:w-96 { width: 24rem; } /* Fraction widths */ .md\:w-1\/2 { width: 50%; } .md\:w-1\/3 { width: 33.333333%; } .md\:w-2\/3 { width: 66.666667%; } .md\:w-1\/4 { width: 25%; } .md\:w-3\/4 { width: 75%; } .md\:w-1\/5 { width: 20%; } .md\:w-2\/5 { width: 40%; } .md\:w-3\/5 { width: 60%; } .md\:w-4\/5 { width: 80%; } .md\:w-1\/6 { width: 16.666667%; } .md\:w-5\/6 { width: 83.333333%; } .md\:w-1\/12 { width: 8.333333%; } .md\:w-5\/12 { width: 41.666667%; } .md\:w-7\/12 { width: 58.333333%; } .md\:w-11\/12 { width: 91.666667%; } /* Special widths */ .md\:w-full { width: 100%; } .md\:w-screen { width: 100vw; } } /* lg: (≥992px) */ @media (min-width: 992px) { /* Spacing-based widths */ .lg\:w-0 { width: 0rem; } .lg\:w-0\.5 { width: 0.125rem; } .lg\:w-1 { width: 0.25rem; } .lg\:w-1\.5 { width: 0.375rem; } .lg\:w-2 { width: 0.5rem; } .lg\:w-2\.5 { width: 0.625rem; } .lg\:w-3 { width: 0.75rem; } .lg\:w-3\.5 { width: 0.875rem; } .lg\:w-4 { width: 1rem; } .lg\:w-5 { width: 1.25rem; } .lg\:w-6 { width: 1.5rem; } .lg\:w-7 { width: 1.75rem; } .lg\:w-8 { width: 2rem; } .lg\:w-9 { width: 2.25rem; } .lg\:w-10 { width: 2.5rem; } .lg\:w-11 { width: 2.75rem; } .lg\:w-12 { width: 3rem; } .lg\:w-14 { width: 3.5rem; } .lg\:w-16 { width: 4rem; } .lg\:w-20 { width: 5rem; } .lg\:w-24 { width: 6rem; } .lg\:w-28 { width: 7rem; } .lg\:w-32 { width: 8rem; } .lg\:w-36 { width: 9rem; } .lg\:w-40 { width: 10rem; } .lg\:w-44 { width: 11rem; } .lg\:w-48 { width: 12rem; } .lg\:w-52 { width: 13rem; } .lg\:w-56 { width: 14rem; } .lg\:w-60 { width: 15rem; } .lg\:w-64 { width: 16rem; } .lg\:w-72 { width: 18rem; } .lg\:w-80 { width: 20rem; } .lg\:w-96 { width: 24rem; } /* Fraction widths */ .lg\:w-1\/2 { width: 50%; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:w-2\/3 { width: 66.666667%; } .lg\:w-1\/4 { width: 25%; } .lg\:w-3\/4 { width: 75%; } .lg\:w-1\/5 { width: 20%; } .lg\:w-2\/5 { width: 40%; } .lg\:w-3\/5 { width: 60%; } .lg\:w-4\/5 { width: 80%; } .lg\:w-1\/6 { width: 16.666667%; } .lg\:w-5\/6 { width: 83.333333%; } .lg\:w-1\/12 { width: 8.333333%; } .lg\:w-5\/12 { width: 41.666667%; } .lg\:w-7\/12 { width: 58.333333%; } .lg\:w-11\/12 { width: 91.666667%; } /* Special widths */ .lg\:w-full { width: 100%; } .lg\:w-screen { width: 100vw; } } /* xl: (≥1200px) */ /* xl: (≥1200px) */ @media (min-width: 1200px) { /* Spacing-based widths */ .xl\:w-0 { width: 0rem; } .xl\:w-0\.5 { width: 0.125rem; } .xl\:w-1 { width: 0.25rem; } .xl\:w-1\.5 { width: 0.375rem; } .xl\:w-2 { width: 0.5rem; } .xl\:w-2\.5 { width: 0.625rem; } .xl\:w-3 { width: 0.75rem; } .xl\:w-3\.5 { width: 0.875rem; } .xl\:w-4 { width: 1rem; } .xl\:w-5 { width: 1.25rem; } .xl\:w-6 { width: 1.5rem; } .xl\:w-7 { width: 1.75rem; } .xl\:w-8 { width: 2rem; } .xl\:w-9 { width: 2.25rem; } .xl\:w-10 { width: 2.5rem; } .xl\:w-11 { width: 2.75rem; } .xl\:w-12 { width: 3rem; } .xl\:w-14 { width: 3.5rem; } .xl\:w-16 { width: 4rem; } .xl\:w-20 { width: 5rem; } .xl\:w-24 { width: 6rem; } .xl\:w-28 { width: 7rem; } .xl\:w-32 { width: 8rem; } .xl\:w-36 { width: 9rem; } .xl\:w-40 { width: 10rem; } .xl\:w-44 { width: 11rem; } .xl\:w-48 { width: 12rem; } .xl\:w-52 { width: 13rem; } .xl\:w-56 { width: 14rem; } .xl\:w-60 { width: 15rem; } .xl\:w-64 { width: 16rem; } .xl\:w-72 { width: 18rem; } .xl\:w-80 { width: 20rem; } .xl\:w-96 { width: 24rem; } /* Fraction widths */ .xl\:w-1\/2 { width: 50%; } .xl\:w-1\/3 { width: 33.333333%; } .xl\:w-2\/3 { width: 66.666667%; } .xl\:w-1\/4 { width: 25%; } .xl\:w-3\/4 { width: 75%; } .xl\:w-1\/5 { width: 20%; } .xl\:w-2\/5 { width: 40%; } .xl\:w-3\/5 { width: 60%; } .xl\:w-4\/5 { width: 80%; } .xl\:w-1\/6 { width: 16.666667%; } .xl\:w-5\/6 { width: 83.333333%; } .xl\:w-1\/12 { width: 8.333333%; } .xl\:w-5\/12 { width: 41.666667%; } .xl\:w-7\/12 { width: 58.333333%; } .xl\:w-11\/12 { width: 91.666667%; } /* Special widths */ .xl\:w-full { width: 100%; } .xl\:w-screen { width: 100vw; } } /* --------------------------------------------- */ /* Tailwind‑Style Display Utilities */ /* --------------------------------------------- */ /* Base display utilities */ /* Basic display types */ .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } /* Flexbox */ .flex { display: flex; } .inline-flex { display: inline-flex; } /* Grid */ .grid { display: grid; } .inline-grid { display: inline-grid; } /* Flow layout */ .flow-root { display: flow-root; } /* Table display types */ .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-column-group { display: table-column-group; } .table-footer-group { display: table-footer-group; } .table-header-group { display: table-header-group; } .table-row { display: table-row; } .table-row-group { display: table-row-group; } /* Special display types */ .contents { display: contents; } .list-item { display: list-item; } /* Visibility */ .hidden { display: none; } /* --------------------------------------------- */ /* Responsive: sm (≥576px) */ /* --------------------------------------------- */ @media (min-width: 576px) { /* Basic display types */ .sm\:block { display: block; } .sm\:inline-block { display: inline-block; } .sm\:inline { display: inline; } /* Flexbox */ .sm\:flex { display: flex; } .sm\:inline-flex { display: inline-flex; } /* Grid */ .sm\:grid { display: grid; } .sm\:inline-grid { display: inline-grid; } /* Flow layout */ .sm\:flow-root { display: flow-root; } /* Table display types */ .sm\:table { display: table; } .sm\:table-caption { display: table-caption; } .sm\:table-cell { display: table-cell; } .sm\:table-column { display: table-column; } .sm\:table-column-group { display: table-column-group; } .sm\:table-footer-group { display: table-footer-group; } .sm\:table-header-group { display: table-header-group; } .sm\:table-row { display: table-row; } .sm\:table-row-group { display: table-row-group; } /* Special display types */ .sm\:contents { display: contents; } .sm\:list-item { display: list-item; } /* Visibility */ .sm\:hidden { display: none; } } /* --------------------------------------------- */ /* Responsive: md (≥768px) */ /* --------------------------------------------- */ @media (min-width: 768px) { /* Basic display types */ .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:inline { display: inline; } /* Flexbox */ .md\:flex { display: flex; } .md\:inline-flex { display: inline-flex; } /* Grid */ .md\:grid { display: grid; } .md\:inline-grid { display: inline-grid; } /* Flow layout */ .md\:flow-root { display: flow-root; } /* Table display types */ .md\:table { display: table; } .md\:table-caption { display: table-caption; } .md\:table-cell { display: table-cell; } .md\:table-column { display: table-column; } .md\:table-column-group { display: table-column-group; } .md\:table-footer-group { display: table-footer-group; } .md\:table-header-group { display: table-header-group; } .md\:table-row { display: table-row; } .md\:table-row-group { display: table-row-group; } /* Special display types */ .md\:contents { display: contents; } .md\:list-item { display: list-item; } /* Visibility */ .md\:hidden { display: none; } } /* --------------------------------------------- */ /* Responsive: lg (≥992px) */ /* --------------------------------------------- */ @media (min-width: 992px) { /* Basic display types */ .lg\:block { display: block; } .lg\:inline-block { display: inline-block; } .lg\:inline { display: inline; } /* Flexbox */ .lg\:flex { display: flex; } .lg\:inline-flex { display: inline-flex; } /* Grid */ .lg\:grid { display: grid; } .lg\:inline-grid { display: inline-grid; } /* Flow layout */ .lg\:flow-root { display: flow-root; } /* Table display types */ .lg\:table { display: table; } .lg\:table-caption { display: table-caption; } .lg\:table-cell { display: table-cell; } .lg\:table-column { display: table-column; } .lg\:table-column-group { display: table-column-group; } .lg\:table-footer-group { display: table-footer-group; } .lg\:table-header-group { display: table-header-group; } .lg\:table-row { display: table-row; } .lg\:table-row-group { display: table-row-group; } /* Special display types */ .lg\:contents { display: contents; } .lg\:list-item { display: list-item; } /* Visibility */ .lg\:hidden { display: none; } } /* --------------------------------------------- */ /* Responsive: xl (≥1200px) */ /* --------------------------------------------- */ @media (min-width: 1200px) { /* Basic display types */ .xl\:block { display: block; } .xl\:inline-block { display: inline-block; } .xl\:inline { display: inline; } /* Flexbox */ .xl\:flex { display: flex; } .xl\:inline-flex { display: inline-flex; } /* Grid */ .xl\:grid { display: grid; } .xl\:inline-grid { display: inline-grid; } /* Flow layout */ .xl\:flow-root { display: flow-root; } /* Table display types */ .xl\:table { display: table; } .xl\:table-caption { display: table-caption; } .xl\:table-cell { display: table-cell; } .xl\:table-column { display: table-column; } .xl\:table-column-group { display: table-column-group; } .xl\:table-footer-group { display: table-footer-group; } .xl\:table-header-group { display: table-header-group; } .xl\:table-row { display: table-row; } .xl\:table-row-group { display: table-row-group; } /* Special display types */ .xl\:contents { display: contents; } .xl\:list-item { display: list-item; } /* Visibility */ .xl\:hidden { display: none; } } /* --------------------------------------------- */ /* Tailwind‑Style Gap Utilities */ /* --------------------------------------------- */ /* ============================================================ INDIVIDUAL SIDES — md:pt-*, md:pr-*, md:pb-*, md:pl-* ============================================================ */ .gap-0 { gap: 0rem; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-3\.5 { gap: 0.875rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .gap-9 { gap: 2.25rem; } .gap-10 { gap: 2.5rem; } .gap-11 { gap: 2.75rem; } .gap-12 { gap: 3rem; } .gap-14 { gap: 3.5rem; } .gap-16 { gap: 4rem; } .gap-20 { gap: 5rem; } .gap-24 { gap: 6rem; } .gap-28 { gap: 7rem; } .gap-32 { gap: 8rem; } .gap-36 { gap: 9rem; } .gap-40 { gap: 10rem; } .gap-44 { gap: 11rem; } .gap-48 { gap: 12rem; } .gap-52 { gap: 13rem; } .gap-56 { gap: 14rem; } .gap-60 { gap: 15rem; } .gap-64 { gap: 16rem; } .gap-72 { gap: 18rem; } .gap-80 { gap: 20rem; } .gap-96 { gap: 24rem; } /* HORIZONTAL — gap-x-* */ .gap-x-0 { column-gap: 0rem; } .gap-x-0\.5 { column-gap: 0.125rem; } .gap-x-1 { column-gap: 0.25rem; } .gap-x-1\.5 { column-gap: 0.375rem; } .gap-x-2 { column-gap: 0.5rem; } .gap-x-2\.5 { column-gap: 0.625rem; } .gap-x-3 { column-gap: 0.75rem; } .gap-x-3\.5 { column-gap: 0.875rem; } .gap-x-4 { column-gap: 1rem; } .gap-x-5 { column-gap: 1.25rem; } .gap-x-6 { column-gap: 1.5rem; } .gap-x-7 { column-gap: 1.75rem; } .gap-x-8 { column-gap: 2rem; } .gap-x-9 { column-gap: 2.25rem; } .gap-x-10 { column-gap: 2.5rem; } .gap-x-11 { column-gap: 2.75rem; } .gap-x-12 { column-gap: 3rem; } .gap-x-14 { column-gap: 3.5rem; } .gap-x-16 { column-gap: 4rem; } .gap-x-20 { column-gap: 5rem; } .gap-x-24 { column-gap: 6rem; } .gap-x-28 { column-gap: 7rem; } .gap-x-32 { column-gap: 8rem; } .gap-x-36 { column-gap: 9rem; } .gap-x-40 { column-gap: 10rem; } .gap-x-44 { column-gap: 11rem; } .gap-x-48 { column-gap: 12rem; } .gap-x-52 { column-gap: 13rem; } .gap-x-56 { column-gap: 14rem; } .gap-x-60 { column-gap: 15rem; } .gap-x-64 { column-gap: 16rem; } .gap-x-72 { column-gap: 18rem; } .gap-x-80 { column-gap: 20rem; } .gap-x-96 { column-gap: 24rem; } /* VERTICAL — gap-y-* */ .gap-y-0 { row-gap: 0rem; } .gap-y-0\.5 { row-gap: 0.125rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-2\.5 { row-gap: 0.625rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-3\.5 { row-gap: 0.875rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-5 { row-gap: 1.25rem; } .gap-y-6 { row-gap: 1.5rem; } .gap-y-7 { row-gap: 1.75rem; } .gap-y-8 { row-gap: 2rem; } .gap-y-9 { row-gap: 2.25rem; } .gap-y-10 { row-gap: 2.5rem; } .gap-y-11 { row-gap: 2.75rem; } .gap-y-12 { row-gap: 3rem; } .gap-y-14 { row-gap: 3.5rem; } .gap-y-16 { row-gap: 4rem; } .gap-y-20 { row-gap: 5rem; } .gap-y-24 { row-gap: 6rem; } .gap-y-28 { row-gap: 7rem; } .gap-y-32 { row-gap: 8rem; } .gap-y-36 { row-gap: 9rem; } .gap-y-40 { row-gap: 10rem; } .gap-y-44 { row-gap: 11rem; } .gap-y-48 { row-gap: 12rem; } .gap-y-52 { row-gap: 13rem; } .gap-y-56 { row-gap: 14rem; } .gap-y-60 { row-gap: 15rem; } .gap-y-64 { row-gap: 16rem; } .gap-y-72 { row-gap: 18rem; } .gap-y-80 { row-gap: 20rem; } .gap-y-96 { row-gap: 24rem; }