.m-0 { margin: 0; }
.m-1 { margin: 4px; }
.m-2 { margin: 8px; }
.m-3 { margin: 12px; }
.m-4 { margin: 16px; }
.m-5 { margin: 20px; }
.m-6 { margin: 24px; }
.m-7 { margin: 28px; }
.m-8 { margin: 32px; }
.m-9 { margin: 30px; }
.m-10 { margin: 40px; }

.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }
.mt-5 { margin-top: 20px; }
.mt-6 { margin-top: 24px; }
.mt-7 { margin-top: 28px; }
.mt-8 { margin-top: 32px; }
.mt-9 { margin-top: 30px; }
.mt-10 { margin-top: 40px; }

.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 4px; }
.ml-2 { margin-left: 8px; }
.ml-3 { margin-left: 12px; }
.ml-4 { margin-left: 16px; }
.ml-5 { margin-left: 20px; }
.ml-6 { margin-left: 24px; }
.ml-7 { margin-left: 28px; }
.ml-8 { margin-left: 32px; }
.ml-9 { margin-left: 30px; }
.ml-10 { margin-left: 40px; }

.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 4px; }
.mr-2 { margin-right: 8px; }
.mr-3 { margin-right: 12px; }
.mr-4 { margin-right: 16px; }
.mr-5 { margin-right: 20px; }
.mr-6 { margin-right: 24px; }
.mr-7 { margin-right: 28px; }
.mr-8 { margin-right: 32px; }
.mr-9 { margin-right: 30px; }
.mr-10 { margin-right: 40px; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.mb-5 { margin-bottom: 20px; }
.mb-6 { margin-bottom: 24px; }
.mb-7 { margin-bottom: 28px; }
.mb-8 { margin-bottom: 32px; }
.mb-9 { margin-bottom: 30px; }
.mb-10 { margin-bottom: 40px; }

.mv-1 { margin-top: 4px; margin-bottom: 4px; }
.mv-2 { margin-top: 8px; margin-bottom: 8px; }
.mv-3 { margin-top: 12px; margin-bottom: 12px; }
.mv-4 { margin-top: 16px; margin-bottom: 16px; }
.mv-5 { margin-top: 20px; margin-bottom: 20px; }
.mv-6 { margin-top: 24px; margin-bottom: 24px; }
.mv-7 { margin-top: 28px; margin-bottom: 28px; }
.mv-8 { margin-top: 32px; margin-bottom: 32px; }
.mv-9 { margin-top: 30px; margin-bottom: 30px; }
.mv-10 { margin-top: 40px; margin-bottom: 40px; }

.mh-1 { margin-left: 4px; margin-right: 4px; }
.mh-2 { margin-left: 8px; margin-right: 8px; }
.mh-3 { margin-left: 12px; margin-right: 12px; }
.mh-4 { margin-left: 16px; margin-right: 16px; }
.mh-5 { margin-left: 20px; margin-right: 20px; }
.mh-6 { margin-left: 24px; margin-right: 24px; }
.mh-7 { margin-left: 28px; margin-right: 28px; }
.mh-8 { margin-left: 32px; margin-right: 32px; }
.mh-9 { margin-left: 30px; margin-right: 30px; }
.mh-10 { margin-left: 40px; margin-right: 40px; }

.p-1 { padding: 4px; }
.p-2 { padding: 8px; }
.p-3 { padding: 12px; }
.p-4 { padding: 16px; }
.p-5 { padding: 20px; }
.p-6 { padding: 24px; }
.p-7 { padding: 28px; }
.p-8 { padding: 32px; }
.p-9 { padding: 30px; }
.p-10 { padding: 40px; }

.pt-1 { padding-top: 4px; }
.pt-2 { padding-top: 8px; }
.pt-3 { padding-top: 12px; }
.pt-4 { padding-top: 16px; }
.pt-5 { padding-top: 20px; }
.pt-6 { padding-top: 24px; }
.pt-7 { padding-top: 28px; }
.pt-8 { padding-top: 32px; }
.pt-9 { padding-top: 30px; }
.pt-10 { padding-top: 40px; }

.pl-1 { padding-left: 4px; }
.pl-2 { padding-left: 8px; }
.pl-3 { padding-left: 12px; }
.pl-4 { padding-left: 16px; }
.pl-5 { padding-left: 20px; }
.pl-6 { padding-left: 24px; }
.pl-7 { padding-left: 28px; }
.pl-8 { padding-left: 32px; }
.pl-9 { padding-left: 30px; }
.pl-10 { padding-left: 40px; }

.pr-1 { padding-right: 4px; }
.pr-2 { padding-right: 8px; }
.pr-3 { padding-right: 12px; }
.pr-4 { padding-right: 16px; }
.pr-5 { padding-right: 20px; }
.pr-6 { padding-right: 24px; }
.pr-7 { padding-right: 28px; }
.pr-8 { padding-right: 32px; }
.pr-9 { padding-right: 30px; }
.pr-10 { padding-right: 40px; }

.pb-1 { padding-bottom: 4px; }
.pb-2 { padding-bottom: 8px; }
.pb-3 { padding-bottom: 12px; }
.pb-4 { padding-bottom: 16px; }
.pb-5 { padding-bottom: 20px; }
.pb-6 { padding-bottom: 24px; }
.pb-7 { padding-bottom: 28px; }
.pb-8 { padding-bottom: 32px; }
.pb-9 { padding-bottom: 30px; }
.pb-10 { padding-bottom: 40px; }

.pv-1 { padding-top: 4px; padding-bottom: 4px; }
.pv-2 { padding-top: 8px; padding-bottom: 8px; }
.pv-3 { padding-top: 12px; padding-bottom: 12px; }
.pv-4 { padding-top: 16px; padding-bottom: 16px; }
.pv-5 { padding-top: 20px; padding-bottom: 20px; }
.pv-6 { padding-top: 24px; padding-bottom: 24px; }
.pv-7 { padding-top: 28px; padding-bottom: 28px; }
.pv-8 { padding-top: 32px; padding-bottom: 32px; }
.pv-9 { padding-top: 30px; padding-bottom: 30px; }
.pv-10 { padding-top: 40px; padding-bottom: 40px; }

.ph-1 { padding-left: 4px; padding-right: 4px; }
.ph-2 { padding-left: 8px; padding-right: 8px; }
.ph-3 { padding-left: 12px; padding-right: 12px; }
.ph-4 { padding-left: 16px; padding-right: 16px; }
.ph-5 { padding-left: 20px; padding-right: 20px; }
.ph-6 { padding-left: 24px; padding-right: 24px; }
.ph-7 { padding-left: 28px; padding-right: 28px; }
.ph-8 { padding-left: 32px; padding-right: 32px; }
.ph-9 { padding-left: 30px; padding-right: 30px; }
.ph-10 { padding-left: 40px; padding-right: 40px; }