/* === Padding === */
.p-4   { padding: 4px; }
.p-8   { padding: 8px; }
.p-12  { padding: 12px; }
.p-16  { padding: 16px; }
.p-24  { padding: 24px; }
.p-32  { padding: 32px; }
.p-36  { padding: 36px; }
.p-40  { padding: 40px; }
.p-42  { padding: 42px; }
.p-48  { padding: 48px; }
.p-56  { padding: 56px; }
.p-60  { padding: 60px; }
.p-64  { padding: 64px; }
.p-72  { padding: 72px; }
.p-80  { padding: 80px; }
.p-86  { padding: 86px; }
.p-88  { padding: 88px; }
.p-96  { padding: 96px; }
.p-100 { padding: 100px; }
.p-120 { padding: 120px; }
.p-128 { padding: 128px; }
.p-164 { padding: 164px; }
.p-180 { padding: 180px; }
.p-200 { padding: 200px; }
.p-256 { padding: 256px; }

/* Padding top */
.pt-4   { padding-top: 4px; }
.pt-8   { padding-top: 8px; }
.pt-12  { padding-top: 12px; }
.pt-16  { padding-top: 16px; }
.pt-24  { padding-top: 24px; }
.pt-32  { padding-top: 32px; }
.pt-36  { padding-top: 36px; }
.pt-40  { padding-top: 40px; }
.pt-42  { padding-top: 42px; }
.pt-48  { padding-top: 48px; }
.pt-56  { padding-top: 56px; }
.pt-60  { padding-top: 60px; }
.pt-64  { padding-top: 64px; }
.pt-72  { padding-top: 72px; }
.pt-80  { padding-top: 80px; }
.pt-86  { padding-top: 86px; }
.pt-88  { padding-top: 88px; }
.pt-96  { padding-top: 96px; }
.pt-100 { padding-top: 100px; }
.pt-120 { padding-top: 120px; }
.pt-128 { padding-top: 128px; }
.pt-164 { padding-top: 164px; }
.pt-180 { padding-top: 180px; }
.pt-200 { padding-top: 200px; }
.pt-256 { padding-top: 256px; }

/* Padding bottom */
.pb-4   { padding-bottom: 4px; }
.pb-8   { padding-bottom: 8px; }
.pb-12  { padding-bottom: 12px; }
.pb-16  { padding-bottom: 16px; }
.pb-24  { padding-bottom: 24px; }
.pb-32  { padding-bottom: 32px; }
.pb-36  { padding-bottom: 36px; }
.pb-40  { padding-bottom: 40px; }
.pb-42  { padding-bottom: 42px; }
.pb-48  { padding-bottom: 48px; }
.pb-56  { padding-bottom: 56px; }
.pb-60  { padding-bottom: 60px; }
.pb-64  { padding-bottom: 64px; }
.pb-72  { padding-bottom: 72px; }
.pb-80  { padding-bottom: 80px; }
.pb-86  { padding-bottom: 86px; }
.pb-88  { padding-bottom: 88px; }
.pb-96  { padding-bottom: 96px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
.pb-128 { padding-bottom: 128px; }
.pb-164 { padding-bottom: 164px; }
.pb-180 { padding-bottom: 180px; }
.pb-200 { padding-bottom: 200px; }
.pb-256 { padding-bottom: 256px; }

/* Padding left */
.pl-4   { padding-left: 4px; }
.pl-8   { padding-left: 8px; }
.pl-12  { padding-left: 12px; }
.pl-16  { padding-left: 16px; }
.pl-24  { padding-left: 24px; }
.pl-32  { padding-left: 32px; }
.pl-36  { padding-left: 36px; }
.pl-40  { padding-left: 40px; }
.pl-42  { padding-left: 42px; }
.pl-48  { padding-left: 48px; }
.pl-56  { padding-left: 56px; }
.pl-60  { padding-left: 60px; }
.pl-64  { padding-left: 64px; }
.pl-72  { padding-left: 72px; }
.pl-80  { padding-left: 80px; }
.pl-86  { padding-left: 86px; }
.pl-88  { padding-left: 88px; }
.pl-96  { padding-left: 96px; }
.pl-100 { padding-left: 100px; }
.pl-120 { padding-left: 120px; }
.pl-128 { padding-left: 128px; }
.pl-164 { padding-left: 164px; }
.pl-180 { padding-left: 180px; }
.pl-200 { padding-left: 200px; }
.pl-256 { padding-left: 256px; }

/* Padding right */
.pr-4   { padding-right: 4px; }
.pr-8   { padding-right: 8px; }
.pr-12  { padding-right: 12px; }
.pr-16  { padding-right: 16px; }
.pr-24  { padding-right: 24px; }
.pr-32  { padding-right: 32px; }
.pr-36  { padding-right: 36px; }
.pr-40  { padding-right: 40px; }
.pr-42  { padding-right: 42px; }
.pr-48  { padding-right: 48px; }
.pr-56  { padding-right: 56px; }
.pr-60  { padding-right: 60px; }
.pr-64  { padding-right: 64px; }
.pr-72  { padding-right: 72px; }
.pr-80  { padding-right: 80px; }
.pr-86  { padding-right: 86px; }
.pr-88  { padding-right: 88px; }
.pr-96  { padding-right: 96px; }
.pr-100 { padding-right: 100px; }
.pr-120 { padding-right: 120px; }
.pr-128 { padding-right: 128px; }
.pr-164 { padding-right: 164px; }
.pr-180 { padding-right: 180px; }
.pr-200 { padding-right: 200px; }
.pr-256 { padding-right: 256px; }

/* Padding x (left + right) */
.px-4   { padding-left: 4px; padding-right: 4px; }
.px-8   { padding-left: 8px; padding-right: 8px; }
.px-12  { padding-left: 12px; padding-right: 12px; }
.px-16  { padding-left: 16px; padding-right: 16px; }
.px-24  { padding-left: 24px; padding-right: 24px; }
.px-32  { padding-left: 32px; padding-right: 32px; }
.px-36  { padding-left: 36px; padding-right: 36px; }
.px-40  { padding-left: 40px; padding-right: 40px; }
.px-42  { padding-left: 42px; padding-right: 42px; }
.px-48  { padding-left: 48px; padding-right: 48px; }
.px-56  { padding-left: 56px; padding-right: 56px; }
.px-60  { padding-left: 60px; padding-right: 60px; }
.px-64  { padding-left: 64px; padding-right: 64px; }
.px-72  { padding-left: 72px; padding-right: 72px; }
.px-80  { padding-left: 80px; padding-right: 80px; }
.px-86  { padding-left: 86px; padding-right: 86px; }
.px-88  { padding-left: 88px; padding-right: 88px; }
.px-96  { padding-left: 96px; padding-right: 96px; }
.px-100 { padding-left: 100px; padding-right: 100px; }
.px-120 { padding-left: 120px; padding-right: 120px; }
.px-128 { padding-left: 128px; padding-right: 128px; }
.px-164 { padding-left: 164px; padding-right: 164px; }
.px-180 { padding-left: 180px; padding-right: 180px; }
.px-200 { padding-left: 200px; padding-right: 200px; }
.px-256 { padding-left: 256px; padding-right: 256px; }

/* Padding y (top + bottom) */
.py-4   { padding-top: 4px; padding-bottom: 4px; }
.py-8   { padding-top: 8px; padding-bottom: 8px; }
.py-12  { padding-top: 12px; padding-bottom: 12px; }
.py-16  { padding-top: 16px; padding-bottom: 16px; }
.py-24  { padding-top: 24px; padding-bottom: 24px; }
.py-32  { padding-top: 32px; padding-bottom: 32px; }
.py-36  { padding-top: 36px; padding-bottom: 36px; }
.py-40  { padding-top: 40px; padding-bottom: 40px; }
.py-42  { padding-top: 42px; padding-bottom: 42px; }
.py-48  { padding-top: 48px; padding-bottom: 48px; }
.py-56  { padding-top: 56px; padding-bottom: 56px; }
.py-60  { padding-top: 60px; padding-bottom: 60px; }
.py-64  { padding-top: 64px; padding-bottom: 64px; }
.py-72  { padding-top: 72px; padding-bottom: 72px; }
.py-80  { padding-top: 80px; padding-bottom: 80px; }
.py-86  { padding-top: 86px; padding-bottom: 86px; }
.py-88  { padding-top: 88px; padding-bottom: 88px; }
.py-96  { padding-top: 96px; padding-bottom: 96px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }
.py-120 { padding-top: 120px; padding-bottom: 120px; }
.py-128 { padding-top: 128px; padding-bottom: 128px; }
.py-164 { padding-top: 164px; padding-bottom: 164px; }
.py-180 { padding-top: 180px; padding-bottom: 180px; }
.py-200 { padding-top: 200px; padding-bottom: 200px; }
.py-256 { padding-top: 256px; padding-bottom: 256px; }

/* === Margin === */
.m-4   { margin: 4px; }
.m-8   { margin: 8px; }
.m-12  { margin: 12px; }
.m-16  { margin: 16px; }
.m-24  { margin: 24px; }
.m-32  { margin: 32px; }
.m-36  { margin: 36px; }
.m-40  { margin: 40px; }
.m-42  { margin: 42px; }
.m-48  { margin: 48px; }
.m-56  { margin: 56px; }
.m-60  { margin: 60px; }
.m-64  { margin: 64px; }
.m-72  { margin: 72px; }
.m-80  { margin: 80px; }
.m-86  { margin: 86px; }
.m-88  { margin: 88px; }
.m-96  { margin: 96px; }
.m-100 { margin: 100px; }
.m-120 { margin: 120px; }
.m-128 { margin: 128px; }
.m-164 { margin: 164px; }
.m-180 { margin: 180px; }
.m-200 { margin: 200px; }
.m-256 { margin: 256px; }

/* Margin top */
.mt-4   { margin-top: 4px; }
.mt-8   { margin-top: 8px; }
.mt-12  { margin-top: 12px; }
.mt-16  { margin-top: 16px; }
.mt-24  { margin-top: 24px; }
.mt-32  { margin-top: 32px; }
.mt-36  { margin-top: 36px; }
.mt-40  { margin-top: 40px; }
.mt-42  { margin-top: 42px; }
.mt-48  { margin-top: 48px; }
.mt-56  { margin-top: 56px; }
.mt-60  { margin-top: 60px; }
.mt-64  { margin-top: 64px; }
.mt-72  { margin-top: 72px; }
.mt-80  { margin-top: 80px; }
.mt-86  { margin-top: 86px; }
.mt-88  { margin-top: 88px; }
.mt-96  { margin-top: 96px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-128 { margin-top: 128px; }
.mt-164 { margin-top: 164px; }
.mt-180 { margin-top: 180px; }
.mt-200 { margin-top: 200px; }
.mt-256 { margin-top: 256px; }

/* Margin bottom */
.mb-4   { margin-bottom: 4px; }
.mb-8   { margin-bottom: 8px; }
.mb-12  { margin-bottom: 12px; }
.mb-16  { margin-bottom: 16px; }
.mb-24  { margin-bottom: 24px; }
.mb-32  { margin-bottom: 32px; }
.mb-36  { margin-bottom: 36px; }
.mb-40  { margin-bottom: 40px; }
.mb-42  { margin-bottom: 42px; }
.mb-48  { margin-bottom: 48px; }
.mb-56  { margin-bottom: 56px; }
.mb-60  { margin-bottom: 60px; }
.mb-64  { margin-bottom: 64px; }
.mb-72  { margin-bottom: 72px; }
.mb-80  { margin-bottom: 80px; }
.mb-86  { margin-bottom: 86px; }
.mb-88  { margin-bottom: 88px; }
.mb-96  { margin-bottom: 96px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-128 { margin-bottom: 128px; }
.mb-164 { margin-bottom: 164px; }
.mb-180 { margin-bottom: 180px; }
.mb-200 { margin-bottom: 200px; }
.mb-256 { margin-bottom: 256px; }

/* Margin left */
.ml-4   { margin-left: 4px; }
.ml-8   { margin-left: 8px; }
.ml-12  { margin-left: 12px; }
.ml-16  { margin-left: 16px; }
.ml-24  { margin-left: 24px; }
.ml-32  { margin-left: 32px; }
.ml-36  { margin-left: 36px; }
.ml-40  { margin-left: 40px; }
.ml-42  { margin-left: 42px; }
.ml-48  { margin-left: 48px; }
.ml-56  { margin-left: 56px; }
.ml-60  { margin-left: 60px; }
.ml-64  { margin-left: 64px; }
.ml-72  { margin-left: 72px; }
.ml-80  { margin-left: 80px; }
.ml-86  { margin-left: 86px; }
.ml-88  { margin-left: 88px; }
.ml-96  { margin-left: 96px; }
.ml-100 { margin-left: 100px; }
.ml-120 { margin-left: 120px; }
.ml-128 { margin-left: 128px; }
.ml-164 { margin-left: 164px; }
.ml-180 { margin-left: 180px; }
.ml-200 { margin-left: 200px; }
.ml-256 { margin-left: 256px; }

/* Margin right */
.mr-4   { margin-right: 4px; }
.mr-8   { margin-right: 8px; }
.mr-12  { margin-right: 12px; }
.mr-16  { margin-right: 16px; }
.mr-24  { margin-right: 24px; }
.mr-32  { margin-right: 32px; }
.mr-36  { margin-right: 36px; }
.mr-40  { margin-right: 40px; }
.mr-42  { margin-right: 42px; }
.mr-48  { margin-right: 48px; }
.mr-56  { margin-right: 56px; }
.mr-60  { margin-right: 60px; }
.mr-64  { margin-right: 64px; }
.mr-72  { margin-right: 72px; }
.mr-80  { margin-right: 80px; }
.mr-86  { margin-right: 86px; }
.mr-88  { margin-right: 88px; }
.mr-96  { margin-right: 96px; }
.mr-100 { margin-right: 100px; }
.mr-120 { margin-right: 120px; }
.mr-128 { margin-right: 128px; }
.mr-164 { margin-right: 164px; }
.mr-180 { margin-right: 180px; }
.mr-200 { margin-right: 200px; }
.mr-256 { margin-right: 256px; }

/* Margin x (left + right) */
.mx-4   { margin-left: 4px; margin-right: 4px; }
.mx-8   { margin-left: 8px; margin-right: 8px; }
.mx-12  { margin-left: 12px; margin-right: 12px; }
.mx-16  { margin-left: 16px; margin-right: 16px; }
.mx-24  { margin-left: 24px; margin-right: 24px; }
.mx-32  { margin-left: 32px; margin-right: 32px; }
.mx-36  { margin-left: 36px; margin-right: 36px; }
.mx-40  { margin-left: 40px; margin-right: 40px; }
.mx-42  { margin-left: 42px; margin-right: 42px; }
.mx-48  { margin-left: 48px; margin-right: 48px; }
.mx-56  { margin-left: 56px; margin-right: 56px; }
.mx-60  { margin-left: 60px; margin-right: 60px; }
.mx-64  { margin-left: 64px; margin-right: 64px; }
.mx-72  { margin-left: 72px; margin-right: 72px; }
.mx-80  { margin-left: 80px; margin-right: 80px; }
.mx-86  { margin-left: 86px; margin-right: 86px; }
.mx-88  { margin-left: 88px; margin-right: 88px; }
.mx-96  { margin-left: 96px; margin-right: 96px; }
.mx-100 { margin-left: 100px; margin-right: 100px; }
.mx-120 { margin-left: 120px; margin-right: 120px; }
.mx-128 { margin-left: 128px; margin-right: 128px; }
.mx-164 { margin-left: 164px; margin-right: 164px; }
.mx-180 { margin-left: 180px; margin-right: 180px; }
.mx-200 { margin-left: 200px; margin-right: 200px; }
.mx-256 { margin-left: 256px; margin-right: 256px; }

/* Margin y (top + bottom) */
.my-4   { margin-top: 4px; margin-bottom: 4px; }
.my-8   { margin-top: 8px; margin-bottom: 8px; }
.my-12  { margin-top: 12px; margin-bottom: 12px; }
.my-16  { margin-top: 16px; margin-bottom: 16px; }
.my-24  { margin-top: 24px; margin-bottom: 24px; }
.my-32  { margin-top: 32px; margin-bottom: 32px; }
.my-36  { margin-top: 36px; margin-bottom: 36px; }
.my-40  { margin-top: 40px; margin-bottom: 40px; }
.my-42  { margin-top: 42px; margin-bottom: 42px; }
.my-48  { margin-top: 48px; margin-bottom: 48px; }
.my-56  { margin-top: 56px; margin-bottom: 56px; }
.my-60  { margin-top: 60px; margin-bottom: 60px; }
.my-64  { margin-top: 64px; margin-bottom: 64px; }
.my-72  { margin-top: 72px; margin-bottom: 72px; }
.my-80  { margin-top: 80px; margin-bottom: 80px; }
.my-86  { margin-top: 86px; margin-bottom: 86px; }
.my-88  { margin-top: 88px; margin-bottom: 88px; }
.my-96  { margin-top: 96px; margin-bottom: 96px; }
.my-100 { margin-top: 100px; margin-bottom: 100px; }
.my-120 { margin-top: 120px; margin-bottom: 120px; }
.my-128 { margin-top: 128px; margin-bottom: 128px; }
.my-164 { margin-top: 164px; margin-bottom: 164px; }
.my-180 { margin-top: 180px; margin-bottom: 180px; }
.my-200 { margin-top: 200px; margin-bottom: 200px; }
.my-256 { margin-top: 256px; margin-bottom: 256px; }