:root {
    --48px: 3rem;
    --40px: 2.5rem;
    --32px: 2rem;
    --24px: 1.5rem;
    --22px: 1.375rem;
    --20px: 1.25rem;
    --18px: 1.125rem;
    --17px: 1.0625rem;
    --16px: 1.0rem;
    --15px: 0.9375rem;
    --14px: 0.875rem;
    --13px: 0.8125rem;
    --12px: 0.75rem;
}

.size-48 { width: var(--48px); }
.size-40 { width: var(--40px); }
.size-32 { width: var(--32px); }
.size-24 { width: var(--24px); }
.size-22 { width: var(--22px); }
.size-20 { width: var(--20px); }
.size-18 { width: var(--18px); }
.size-17 { width: var(--17px); }
.size-16 { width: var(--16px); }
.size-15 { width: var(--15px); }
.size-14 { width: var(--14px); }
.size-13 { width: var(--13px); }
.size-12 { width: var(--12px); }



/* Margin X */

.-mx-0\.5 { margin: 0 -0.125rem !important; }
.-mx-1 { margin: 0 -0.25rem !important; }
.-mx-2 { margin: 0 -0.50rem !important; }
.-mx-3 { margin: 0 -0.75rem !important; }
.-mx-4 { margin: 0 -1.00rem !important; }



/* Margin Left */

.ml-0\.25 { margin-left: 0.0625rem; }
.ml-0\.5 { margin-left: 0.125rem; }
.ml-0\.75 { margin-left: 0.1875rem; }

.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.50rem; }
.ml-3 { margin-left: 0.75rem; }
.ml-4 { margin-left: 1.00rem; }

.ml-5 { margin-left: 1.25rem; }
.ml-6 { margin-left: 1.50rem; }
.ml-7 { margin-left: 1.75rem; }
.ml-8 { margin-left: 2.00rem; }

.ml-9 { margin-left: 2.25rem; }
.ml-10 { margin-left: 2.50rem; }
.ml-11 { margin-left: 2.75rem; }
.ml-12 { margin-left: 3.00rem; }

.-ml-0\.5 { margin-left: -0.125rem !important; }
.-ml-1 { margin-left: -0.25rem !important; }
.-ml-2 { margin-left: -0.50rem !important; }
.-ml-3 { margin-left: -0.75rem !important; }
.-ml-4 { margin-left: -1.00rem !important; }



/* Margin Right */

.mr-0\.25 { margin-right: 0.0625rem; }
.mr-0\.5 { margin-right: 0.125rem; }
.mr-0\.75 { margin-right: 0.1875rem; }

.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.50rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1.00rem; }

.mr-5 { margin-right: 1.25rem; }
.mr-6 { margin-right: 1.50rem; }
.mr-7 { margin-right: 1.75rem; }
.mr-8 { margin-right: 2.00rem; }

.mr-9 { margin-right: 2.25rem; }
.mr-10 { margin-right: 2.50rem; }
.mr-11 { margin-right: 2.75rem; }
.mr-12 { margin-right: 3.00rem; }

.-mr-0\.5 { margin-right: -0.125rem !important; }
.-mr-1 { margin-right: -0.25rem !important; }
.-mr-2 { margin-right: -0.50rem !important; }
.-mr-3 { margin-right: -0.75rem !important; }
.-mr-4 { margin-right: -1.00rem !important; }



/* Margin Bottom  */

.mb-0\.25 { margin-bottom: 0.0625rem; }
.mb-0\.5 { margin-bottom: 0.125rem; }
.mb-0\.75 { margin-bottom: 0.1875rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.50rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1.00rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.50rem; }
.mb-7 { margin-bottom: 1.75rem; }
.mb-8 { margin-bottom: 2.00rem; }
.mb-9 { margin-bottom: 2.25rem; }
.mb-10 { margin-bottom: 2.50rem; }
.mb-11 { margin-bottom: 2.75rem; }
.mb-12 { margin-bottom: 3.00rem; }

.mbi-0\.25 { margin-bottom: 0.0625rem !important; }
.mbi-0\.5 { margin-bottom: 0.125rem !important; }
.mbi-0\.75 { margin-bottom: 0.1875rem !important; }
.mbi-1 { margin-bottom: 0.25rem !important; }
.mbi-2 { margin-bottom: 0.50rem !important; }
.mbi-3 { margin-bottom: 0.75rem !important; }
.mbi-4 { margin-bottom: 1.00rem !important; }
.mbi-5 { margin-bottom: 1.25rem !important; }
.mbi-6 { margin-bottom: 1.50rem !important; }
.mbi-7 { margin-bottom: 1.75rem !important; }
.mbi-8 { margin-bottom: 2.00rem !important; }
.mbi-9 { margin-bottom: 2.25rem !important; }
.mbi-10 { margin-bottom: 2.50rem !important; }
.mbi-11 { margin-bottom: 2.75rem !important; }
.mbi-12 { margin-bottom: 3.00rem !important; }



/* Margin Top  */

.mt-0\.25 { margin-top: 0.0625rem; }
.mt-0\.5  { margin-top: 0.125rem; }
.mt-0\.75 { margin-top: 0.1875rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.50rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1.00rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.50rem; }
.mt-7 { margin-top: 1.75rem; }
.mt-8 { margin-top: 2.00rem; }
.mt-9 { margin-top: 2.25rem; }
.mt-10 { margin-top: 2.50rem; }
.mt-11 { margin-top: 2.75rem; }
.mt-12 { margin-top: 3.00rem; }

.mti-0\.25 { margin-top: 0.0625rem !important; }
.mti-0\.5  { margin-top: 0.125rem !important; }
.mti-0\.75 { margin-top: 0.1875rem !important; }
.mti-1 { margin-top: 0.25rem !important; }
.mti-2 { margin-top: 0.50rem !important; }
.mti-3 { margin-top: 0.75rem !important; }
.mti-4 { margin-top: 1.00rem !important; }
.mti-5 { margin-top: 1.25rem !important; }
.mti-6 { margin-top: 1.50rem !important; }
.mti-7 { margin-top: 1.75rem !important; }
.mti-8 { margin-top: 2.00rem !important; }
.mti-9 { margin-top: 2.25rem !important; }
.mti-10 { margin-top: 2.50rem !important; }
.mti-11 { margin-top: 2.75rem !important; }
.mti-12 { margin-top: 3.00rem !important; }





/* Pull Margin  */

.-mt-x { margin-top: -1.00rem !important; }
.-mb-x { margin-bottom: -1.00rem !important; }

@media all and (max-width: 575px) {

    .-mt-x { margin-top: -0.5rem !important; }
    .-mb-x { margin-bottom: -0.5rem !important; }

}

.-mt-1 { margin-top: -0.25rem !important; }
.-mt-2 { margin-top: -0.50rem !important; }
.-mt-3 { margin-top: -0.75rem !important; }
.-mt-4 { margin-top: -1.00rem !important; }
.-mt-5 { margin-top: -1.25rem !important; }
.-mt-6 { margin-top: -1.50rem !important; }
.-mt-7 { margin-top: -1.75rem !important; }
.-mt-8 { margin-top: -2.00rem !important; }
.-mt-9 { margin-top: -2.25rem !important; }
.-mt-10 { margin-top: -2.50rem !important; }
.-mt-11 { margin-top: -2.75rem !important; }
.-mt-12 { margin-top: -3.00rem !important; }

.-mb-1 { margin-bottom: -0.25rem !important; }
.-mb-2 { margin-bottom: -0.50rem !important; }
.-mb-3 { margin-bottom: -0.75rem !important; }
.-mb-4 { margin-bottom: -1.00rem !important; }
.-mb-5 { margin-bottom: -1.25rem !important; }
.-mb-6 { margin-bottom: -1.50rem !important; }
.-mb-7 { margin-bottom: -1.75rem !important; }
.-mb-8 { margin-bottom: -2.00rem !important; }
.-mb-9 { margin-bottom: -2.25rem !important; }
.-mb-10 { margin-bottom: -2.50rem !important; }
.-mb-11 { margin-bottom: -2.75rem !important; }
.-mb-12 { margin-bottom: -3.00rem !important; }