.pb-1 {
    padding-bottom: 4px !important;
}

.pb-2 {
    padding-bottom: 8px !important;
}

.pb-3 {
    padding-bottom: 12px !important;
}

.pb-4 {
    padding-bottom: 16px !important;
}

.pb-6 {
    padding-bottom: 24px !important;
}

.pb-8 {
    padding-bottom: 32px !important;
}

.pt-1 {
    padding-top: 4px !important;
}

.pt-2 {
    padding-top: 8px !important;
}

.pt-3 {
    padding-top: 12px !important;
}

.pt-4 {
    padding-top: 16px !important;
}

.pt-6 {
    padding-top: 24px !important;
}

.pt-8 {
    padding-top: 32px !important;
}

.pl-1 {
    padding-left: 4px !important;
}

.pl-2 {
    padding-left: 8px !important;
}

.pl-3 {
    padding-left: 12px !important;
}

.pl-4 {
    padding-left: 16px !important;
}

.pl-6 {
    padding-left: 24px !important;
}

.pl-8 {
    padding-left: 32px !important;
}

.pr-1 {
    padding-right: 4px !important;
}

.pr-2 {
    padding-right: 8px !important;
}

.pr-3 {
    padding-right: 12px !important;
}

.pr-4 {
    padding-right: 16px !important;
}

.pr-6 {
    padding-right: 24px !important;
}

.pr-8 {
    padding-right: 32px !important;
}

.px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.p-1 {
    padding: 4px !important;
}

.p-2 {
    padding: 8px !important;
}

.p-3 {
    padding: 12px !important;
}

.p-4 {
    padding: 16px !important;
}

.p-6 {
    padding: 24px !important;
}

.p-8 {
    padding: 32px !important;
}

.mb-1 {
    margin-bottom: 4px !important;
}

.mb-2 {
    margin-bottom: 8px !important;
}

.mb-3 {
    margin-bottom: 12px !important;
}

.mb-4 {
    margin-bottom: 16px !important;
}

.mb-6 {
    margin-bottom: 24px !important;
}

.mb-8 {
    margin-bottom: 32px !important;
}

.mb-10 {
    margin-bottom: 40px !important;
}

.mb-12 {
    margin-bottom: 48px !important;
}

.mb-n1 {
    margin-bottom: -4px !important;
}

.mb-n2 {
    margin-bottom: -8px !important;
}

.mb-n3 {
    margin-bottom: -12px !important;
}

.mb-n4 {
    margin-bottom: -16px !important;
}

.mb-n6 {
    margin-bottom: -24px !important;
}

.mb-n8 {
    margin-bottom: -32px !important;
}

.mb-n12 {
    margin-bottom: -48px !important;
}

.mt-1 {
    margin-top: 4px !important;
}

.mt-2 {
    margin-top: 8px !important;
}

.mt-3 {
    margin-top: 12px !important;
}

.mt-4 {
    margin-top: 16px !important;
}

.mt-6 {
    margin-top: 24px !important;
}

.mt-8 {
    margin-top: 32px !important;
}

.mt-12 {
    margin-top: 48px !important;
}

.mt-n1 {
    margin-top: -4px !important;
}

.mt-n2 {
    margin-top: -8px !important;
}

.mt-n3 {
    margin-top: -12px !important;
}

.mt-n4 {
    margin-top: -16px !important;
}

.mt-n6 {
    margin-top: -24px !important;
}

.mt-n8 {
    margin-top: -32px !important;
}

.mt-n12 {
    margin-top: -48px !important;
}

.ml-1 {
    margin-left: 4px !important;
}

.ml-2 {
    margin-left: 8px !important;
}

.ml-3 {
    margin-left: 12px !important;
}

.ml-4 {
    margin-left: 16px !important;
}

.ml-6 {
    margin-left: 24px !important;
}

.ml-8 {
    margin-left: 32px !important;
}

.ml-12 {
    margin-left: 48px !important;
}

.ml-n1 {
    margin-left: -4px !important;
}

.ml-n2 {
    margin-left: -8px !important;
}

.ml-n3 {
    margin-left: -12px !important;
}

.ml-n4 {
    margin-left: -16px !important;
}

.ml-n6 {
    margin-left: -24px !important;
}

.ml-n8 {
    margin-left: -32px !important;
}

.ml-n12 {
    margin-left: -48px !important;
}

.mr-1 {
    margin-right: 4px !important;
}

.mr-2 {
    margin-right: 8px !important;
}

.mr-3 {
    margin-right: 12px !important;
}

.mr-4 {
    margin-right: 16px !important;
}

.mr-6 {
    margin-right: 24px !important;
}

.mr-8 {
    margin-right: 32px !important;
}

.mr-12 {
    margin-right: 48px !important;
}

.mr-n1 {
    margin-right: -4px !important;
}

.mr-n2 {
    margin-right: -8px !important;
}

.mr-n3 {
    margin-right: -12px !important;
}

.mr-n4 {
    margin-right: -16px !important;
}

.mr-n6 {
    margin-right: -24px !important;
}

.mr-n8 {
    margin-right: -32px !important;
}

.mr-n12 {
    margin-right: -48px !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.mx-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mx-3 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.mx-4 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.mx-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.mx-8 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}

.my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.my-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.my-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.my-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.my-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.m-1 {
    margin: 4px !important;
}

.m-2 {
    margin: 8px !important;
}

.m-3 {
    margin: 12px !important;
}

.m-4 {
    margin: 16px !important;
}

.m-6 {
    margin: 24px !important;
}

.m-8 {
    margin: 32px !important;
}
