:root {

    --space-zero: 0;
    --space-xs: .25rem;
    --space-sm: .5rem; 
    --space-md: 1rem;
    --space-lg: 2.5rem;
    --space-xl: 5rem;
    --space-xxl: 10rem;

    --space-auto: auto;
}

    :root .m--0 {
            margin: var(--space-xs);
        }

    :root .m--xs {
            margin: var(--space-xs);
        }

    :root .m--sm {
            margin: var(--space-sm);
        }

    :root .m--m {
            margin: var(--space-m);
        }

    :root .m--l {
            margin: var(--space-l);
        }

    :root .m--xl {
            margin: var(--space-xl);
        }

    :root .mx--auto {
            margin-left: var(--space-auto);
            margin-right: var(--space-auto);
        }

    :root .mx--0 {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs);
        }

    :root .mx--xs {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs);
        }

    :root .mx--sm {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm);
        }

    :root .mx--m {
            margin-left: var(--space-m);
            margin-right: var(--space-m);
        }

    :root .mx--l {
            margin-left: var(--space-l);
            margin-right: var(--space-l);
        }

    :root .mx--xl {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl);
        }

    :root .mx-l--auto {
                margin-left: var(--space-auto);
            }

    :root .mx-l--0 {
                margin-left: var(--space-xs);
            }

    :root .mx-l--xs {
                margin-left: var(--space-xs);
            }

    :root .mx-l--sm {
                margin-left: var(--space-sm);
            }

    :root .mx-l--m {
                margin-left: var(--space-m);
            }

    :root .mx-l--l {
                margin-left: var(--space-l);
            }

    :root .mx-l--xl {
                margin-left: var(--space-xl);
            }

    :root .mx-r--auto {
                margin-right: var(--space-auto);
            }

    :root .mx-r--0 {
                margin-right: var(--space-xs);
            }

    :root .mx-r--xs {
                margin-right: var(--space-xs);
            }

    :root .mx-r--sm {
                margin-right: var(--space-sm);
            }

    :root .mx-r--m {
                margin-right: var(--space-m);
            }

    :root .mx-r--l {
                margin-right: var(--space-l);
            }

    :root .mx-r--xl {
                margin-right: var(--space-xl);
            }

    :root .my--auto {
            margin-top: var(--space-auto);
            margin-bottom: var(--space-auto);
        }

    :root .my--0 {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs);
        }

    :root .my--xs {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs);
        }

    :root .my--sm {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm);
        }

    :root .my--m {
            margin-top: var(--space-m);
            margin-bottom: var(--space-m);
        }

    :root .my--l {
            margin-top: var(--space-l);
            margin-bottom: var(--space-l);
        }

    :root .my--xl {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl);
        }

    :root .my-t--auto {
                margin-top: var(--space-auto);
            }

    :root .my-t--0 {
                margin-top: var(--space-xs);
            }

    :root .my-t--xs {
                margin-top: var(--space-xs);
            }

    :root .my-t--sm {
                margin-top: var(--space-sm);
            }

    :root .my-t--m {
                margin-top: var(--space-m);
            }

    :root .my-t--l {
                margin-top: var(--space-l);
            }

    :root .my-t--xl {
                margin-top: var(--space-xl);
            }

    :root .my-b--auto {
                margin-bottom: var(--space-auto);
            }

    :root .my-b--0 {
                margin-bottom: var(--space-xs);
            }

    :root .my-b--xs {
                margin-bottom: var(--space-xs);
            }

    :root .my-b--sm {
                margin-bottom: var(--space-sm);
            }

    :root .my-b--m {
                margin-bottom: var(--space-m);
            }

    :root .my-b--l {
                margin-bottom: var(--space-l);
            }

    :root .my-b--xl {
                margin-bottom: var(--space-xl);
            }

    :root .p--0 {
            padding: var(--space-xs);
        }

    :root .p--xs {
            padding: var(--space-xs);
        }

    :root .p--sm {
            padding: var(--space-sm);
        }

    :root .p--m {
            padding: var(--space-m);
        }

    :root .p--l {
            padding: var(--space-l);
        }

    :root .p--xl {
            padding: var(--space-xl);
        }

    :root .px--auto {
            padding-left: var(--space-auto);
            padding-right: var(--space-auto);
        }

    :root .px--0 {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs);
        }

    :root .px--xs {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs);
        }

    :root .px--sm {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm);
        }

    :root .px--m {
            padding-left: var(--space-m);
            padding-right: var(--space-m);
        }

    :root .px--l {
            padding-left: var(--space-l);
            padding-right: var(--space-l);
        }

    :root .px--xl {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl);
        }

    :root .px-l--auto {
                padding-left: var(--space-auto);
            }

    :root .px-l--0 {
                padding-left: var(--space-xs);
            }

    :root .px-l--xs {
                padding-left: var(--space-xs);
            }

    :root .px-l--sm {
                padding-left: var(--space-sm);
            }

    :root .px-l--m {
                padding-left: var(--space-m);
            }

    :root .px-l--l {
                padding-left: var(--space-l);
            }

    :root .px-l--xl {
                padding-left: var(--space-xl);
            }

    :root .px-r--auto {
                padding-right: var(--space-auto);
            }

    :root .px-r--0 {
                padding-right: var(--space-xs);
            }

    :root .px-r--xs {
                padding-right: var(--space-xs);
            }

    :root .px-r--sm {
                padding-right: var(--space-sm);
            }

    :root .px-r--m {
                padding-right: var(--space-m);
            }

    :root .px-r--l {
                padding-right: var(--space-l);
            }

    :root .px-r--xl {
                padding-right: var(--space-xl);
            }

    :root .py--auto {
            padding-top: var(--space-auto);
            padding-bottom: var(--space-auto);
        }

    :root .py--0 {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs);
        }

    :root .py--xs {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs);
        }

    :root .py--sm {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm);
        }

    :root .py--m {
            padding-top: var(--space-m);
            padding-bottom: var(--space-m);
        }

    :root .py--l {
            padding-top: var(--space-l);
            padding-bottom: var(--space-l);
        }

    :root .py--xl {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl);
        }

    :root .py-t--auto {
                padding-top: var(--space-auto);
            }

    :root .py-t--0 {
                padding-top: var(--space-xs);
            }

    :root .py-t--xs {
                padding-top: var(--space-xs);
            }

    :root .py-t--sm {
                padding-top: var(--space-sm);
            }

    :root .py-t--m {
                padding-top: var(--space-m);
            }

    :root .py-t--l {
                padding-top: var(--space-l);
            }

    :root .py-t--xl {
                padding-top: var(--space-xl);
            }

    :root .py-b--auto {
                padding-bottom: var(--space-auto);
            }

    :root .py-b--0 {
                padding-bottom: var(--space-xs);
            }

    :root .py-b--xs {
                padding-bottom: var(--space-xs);
            }

    :root .py-b--sm {
                padding-bottom: var(--space-sm);
            }

    :root .py-b--m {
                padding-bottom: var(--space-m);
            }

    :root .py-b--l {
                padding-bottom: var(--space-l);
            }

    :root .py-b--xl {
                padding-bottom: var(--space-xl);
            }