.margin-left-0 {
    margin-left: 0;
}
.margin-top-0 {
    margin-top: 0;
}
.margin-right-0 {
    margin-right: 0;
}
.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-left-xs {
    margin-left: var(--margin-xs);
}
.margin-top-xs {
    margin-top: var(--margin-xs);
}
.margin-right-xs {
    margin-right: var(--margin-xs);
}
.margin-bottom-xs {
    margin-bottom: var(--margin-xs);
}

.margin-left-sm {
    margin-left: var(--margin-sm);
}
.margin-top-sm {
    margin-top: var(--margin-sm);
}
.margin-right-sm {
    margin-right: var(--margin-sm);
}
.margin-bottom-sm {
    margin-bottom: var(--margin-sm);
}

.margin-left-md {
    margin-left: var(--margin-md);
}
.margin-top-md {
    margin-top: var(--margin-md);
}
.margin-right-md {
    margin-right: var(--margin-md);
}
.margin-bottom-md {
    margin-bottom: var(--margin-md);
}

.margin-left-lg {
    margin-left: var(--margin-lg);
}
.margin-top-lg {
    margin-top: var(--margin-lg);
}
.margin-right-lg {
    margin-right: var(--margin-lg);
}
.margin-bottom-lg {
    margin-bottom: var(--margin-lg);
}

.padding-left-sm {
    padding-left: var(--padding-sm);
}
.padding-top-sm {
    padding-top: var(--padding-sm);
}
.padding-right-sm {
    padding-right: var(--padding-sm);
}
.padding-bottom-sm {
    padding-bottom: var(--padding-sm);
}

.padding-left-md {
    padding-left: var(--padding-md);
}
.padding-top-md {
    padding-top: var(--padding-md);
}
.padding-right-md {
    padding-right: var(--padding-md);
}
.padding-bottom-md {
    padding-bottom: var(--padding-md);
}

.padding-left-lg {
    padding-left: var(--padding-lg);
}
.padding-top-lg {
    padding-top: var(--padding-lg);
}
.padding-right-lg {
    padding-right: var(--padding-lg);
}
.padding-bottom-lg {
    padding-bottom: var(--padding-lg);
}