.m-0    { margin:        calc(var(--arc-margin-spacer) * 0) !important; }
.mb-0   { margin-bottom: calc(var(--arc-margin-spacer) * 0) !important; }
.me-0   { margin-right:  calc(var(--arc-margin-spacer) * 0) !important; }
.ms-0   { margin-left:   calc(var(--arc-margin-spacer) * 0) !important; }
.mt-0   { margin-top:    calc(var(--arc-margin-spacer) * 0) !important; }
.mx-0   { margin-left:   calc(var(--arc-margin-spacer) * 0) !important; margin-right:  calc(var(--arc-margin-spacer) * 0) !important; }
.my-0   { margin-bottom: calc(var(--arc-margin-spacer) * 0) !important; margin-top:    calc(var(--arc-margin-spacer) * 0) !important; }
.m-1    { margin:        calc(var(--arc-margin-spacer) * 1) !important; }
.mb-1   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.me-1   { margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ms-1   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.mt-1   { margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.mx-1   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.my-1   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.m-2    { margin:        calc(var(--arc-margin-spacer) * 2) !important; }
.mb-2   { margin-bottom: calc(var(--arc-margin-spacer) * 2) !important; }
.me-2   { margin-right:  calc(var(--arc-margin-spacer) * 2) !important; }
.ms-2   { margin-left:   calc(var(--arc-margin-spacer) * 2) !important; }
.mt-2   { margin-top:    calc(var(--arc-margin-spacer) * 2) !important; }
.mx-2   { margin-left:   calc(var(--arc-margin-spacer) * 2) !important; margin-right:  calc(var(--arc-margin-spacer) * 2) !important; }
.my-2   { margin-bottom: calc(var(--arc-margin-spacer) * 2) !important; margin-top:    calc(var(--arc-margin-spacer) * 2) !important; }
.m-3    { margin:        calc(var(--arc-margin-spacer) * 3) !important; }
.mb-3   { margin-bottom: calc(var(--arc-margin-spacer) * 3) !important; }
.me-3   { margin-right:  calc(var(--arc-margin-spacer) * 3) !important; }
.ms-3   { margin-left:   calc(var(--arc-margin-spacer) * 3) !important; }
.mt-3   { margin-top:    calc(var(--arc-margin-spacer) * 3) !important; }
.mx-3   { margin-left:   calc(var(--arc-margin-spacer) * 3) !important; margin-right:  calc(var(--arc-margin-spacer) * 3) !important; }
.my-3   { margin-bottom: calc(var(--arc-margin-spacer) * 3) !important; margin-top:    calc(var(--arc-margin-spacer) * 3) !important; }
.m-4    { margin:        calc(var(--arc-margin-spacer) * 4) !important; }
.mb-4   { margin-bottom: calc(var(--arc-margin-spacer) * 4) !important; }
.me-4   { margin-right:  calc(var(--arc-margin-spacer) * 4) !important; }
.ms-4   { margin-left:   calc(var(--arc-margin-spacer) * 4) !important; }
.mt-4   { margin-top:    calc(var(--arc-margin-spacer) * 4) !important; }
.mx-4   { margin-left:   calc(var(--arc-margin-spacer) * 4) !important; margin-right:  calc(var(--arc-margin-spacer) * 4) !important; }
.my-4   { margin-bottom: calc(var(--arc-margin-spacer) * 4) !important; margin-top:    calc(var(--arc-margin-spacer) * 4) !important; }
.m-5    { margin:        calc(var(--arc-margin-spacer) * 5) !important; }
.mb-5   { margin-bottom: calc(var(--arc-margin-spacer) * 5) !important; }
.me-5   { margin-right:  calc(var(--arc-margin-spacer) * 5) !important; }
.ms-5   { margin-left:   calc(var(--arc-margin-spacer) * 5) !important; }
.mt-5   { margin-top:    calc(var(--arc-margin-spacer) * 5) !important; }
.mx-5   { margin-left:   calc(var(--arc-margin-spacer) * 5) !important; margin-right:  calc(var(--arc-margin-spacer) * 5) !important; }
.my-5   { margin-bottom: calc(var(--arc-margin-spacer) * 5) !important; margin-top:    calc(var(--arc-margin-spacer) * 5) !important; }

.p-0    { padding:        calc(var(--arc-margin-spacer) * 0) !important; }
.pb-0   { padding-bottom: calc(var(--arc-margin-spacer) * 0) !important; }
.pe-0   { padding-right:  calc(var(--arc-margin-spacer) * 0) !important; }
.ps-0   { padding-left:   calc(var(--arc-margin-spacer) * 0) !important; }
.pt-0   { padding-top:    calc(var(--arc-margin-spacer) * 0) !important; }
.px-0   { padding-left:   calc(var(--arc-margin-spacer) * 0) !important; padding-right:  calc(var(--arc-margin-spacer) * 0) !important; }
.py-0   { padding-bottom: calc(var(--arc-margin-spacer) * 0) !important; padding-top:    calc(var(--arc-margin-spacer) * 0) !important; }
.p-1    { padding:        calc(var(--arc-margin-spacer) * 1) !important; }
.pb-1   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.pe-1   { padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ps-1   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.pt-1   { padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.px-1   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.py-1   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.p-2    { padding:        calc(var(--arc-margin-spacer) * 2) !important; }
.pb-2   { padding-bottom: calc(var(--arc-margin-spacer) * 2) !important; }
.pe-2   { padding-right:  calc(var(--arc-margin-spacer) * 2) !important; }
.ps-2   { padding-left:   calc(var(--arc-margin-spacer) * 2) !important; }
.pt-2   { padding-top:    calc(var(--arc-margin-spacer) * 2) !important; }
.px-2   { padding-left:   calc(var(--arc-margin-spacer) * 2) !important; padding-right:  calc(var(--arc-margin-spacer) * 2) !important; }
.py-2   { padding-bottom: calc(var(--arc-margin-spacer) * 2) !important; padding-top:    calc(var(--arc-margin-spacer) * 2) !important; }
.p-3    { padding:        calc(var(--arc-margin-spacer) * 3) !important; }
.pb-3   { padding-bottom: calc(var(--arc-margin-spacer) * 3) !important; }
.pe-3   { padding-right:  calc(var(--arc-margin-spacer) * 3) !important; }
.ps-3   { padding-left:   calc(var(--arc-margin-spacer) * 3) !important; }
.pt-3   { padding-top:    calc(var(--arc-margin-spacer) * 3) !important; }
.px-3   { padding-left:   calc(var(--arc-margin-spacer) * 3) !important; padding-right:  calc(var(--arc-margin-spacer) * 3) !important; }
.py-3   { padding-bottom: calc(var(--arc-margin-spacer) * 3) !important; padding-top:    calc(var(--arc-margin-spacer) * 3) !important; }
.p-4    { padding:        calc(var(--arc-margin-spacer) * 4) !important; }
.pb-4   { padding-bottom: calc(var(--arc-margin-spacer) * 4) !important; }
.pe-4   { padding-right:  calc(var(--arc-margin-spacer) * 4) !important; }
.ps-4   { padding-left:   calc(var(--arc-margin-spacer) * 4) !important; }
.pt-4   { padding-top:    calc(var(--arc-margin-spacer) * 4) !important; }
.px-4   { padding-left:   calc(var(--arc-margin-spacer) * 4) !important; padding-right:  calc(var(--arc-margin-spacer) * 4) !important; }
.py-4   { padding-bottom: calc(var(--arc-margin-spacer) * 4) !important; padding-top:    calc(var(--arc-margin-spacer) * 4) !important; }
.p-5    { padding:        calc(var(--arc-margin-spacer) * 5) !important; }
.pb-5   { padding-bottom: calc(var(--arc-margin-spacer) * 5) !important; }
.pe-5   { padding-right:  calc(var(--arc-margin-spacer) * 5) !important; }
.ps-5   { padding-left:   calc(var(--arc-margin-spacer) * 5) !important; }
.pt-5   { padding-top:    calc(var(--arc-margin-spacer) * 5) !important; }
.px-5   { padding-left:   calc(var(--arc-margin-spacer) * 5) !important; padding-right:  calc(var(--arc-margin-spacer) * 5) !important; }
.py-5   { padding-bottom: calc(var(--arc-margin-spacer) * 5) !important; padding-top:    calc(var(--arc-margin-spacer) * 5) !important; }

@media screen and (max-width: 400px) {
    .m-xs-0    { margin:        calc(var(--arc-margin-spacer) * 1) !important; }
.mb-xs-0   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.me-xs-0   { margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ms-xs-0   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.mt-xs-0   { margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.mx-xs-0   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.my-xs-0   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.m-xs-1    { margin:        calc(var(--arc-margin-spacer) * 1) !important; }
.mb-xs-1   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.me-xs-1   { margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ms-xs-1   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.mt-xs-1   { margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.mx-xs-1   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.my-xs-1   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.m-xs-2    { margin:        calc(var(--arc-margin-spacer) * 1) !important; }
.mb-xs-2   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.me-xs-2   { margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ms-xs-2   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.mt-xs-2   { margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.mx-xs-2   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.my-xs-2   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.m-xs-3    { margin:        calc(var(--arc-margin-spacer) * 1) !important; }
.mb-xs-3   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.me-xs-3   { margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ms-xs-3   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.mt-xs-3   { margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.mx-xs-3   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.my-xs-3   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.m-xs-4    { margin:        calc(var(--arc-margin-spacer) * 1) !important; }
.mb-xs-4   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.me-xs-4   { margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ms-xs-4   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.mt-xs-4   { margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.mx-xs-4   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.my-xs-4   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.m-xs-5    { margin:        calc(var(--arc-margin-spacer) * 1) !important; }
.mb-xs-5   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.me-xs-5   { margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ms-xs-5   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.mt-xs-5   { margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.mx-xs-5   { margin-left:   calc(var(--arc-margin-spacer) * 1) !important; margin-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.my-xs-5   { margin-bottom: calc(var(--arc-margin-spacer) * 1) !important; margin-top:    calc(var(--arc-margin-spacer) * 1) !important; }

.p-xs-0    { padding:        calc(var(--arc-margin-spacer) * 1) !important; }
.pb-xs-0   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.pe-xs-0   { padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ps-xs-0   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.pt-xs-0   { padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.px-xs-0   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.py-xs-0   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.p-xs-1    { padding:        calc(var(--arc-margin-spacer) * 1) !important; }
.pb-xs-1   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.pe-xs-1   { padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ps-xs-1   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.pt-xs-1   { padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.px-xs-1   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.py-xs-1   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.p-xs-2    { padding:        calc(var(--arc-margin-spacer) * 1) !important; }
.pb-xs-2   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.pe-xs-2   { padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ps-xs-2   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.pt-xs-2   { padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.px-xs-2   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.py-xs-2   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.p-xs-3    { padding:        calc(var(--arc-margin-spacer) * 1) !important; }
.pb-xs-3   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.pe-xs-3   { padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ps-xs-3   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.pt-xs-3   { padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.px-xs-3   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.py-xs-3   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.p-xs-4    { padding:        calc(var(--arc-margin-spacer) * 1) !important; }
.pb-xs-4   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.pe-xs-4   { padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ps-xs-4   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.pt-xs-4   { padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.px-xs-4   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.py-xs-4   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.p-xs-5    { padding:        calc(var(--arc-margin-spacer) * 1) !important; }
.pb-xs-5   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; }
.pe-xs-5   { padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.ps-xs-5   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; }
.pt-xs-5   { padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
.px-xs-5   { padding-left:   calc(var(--arc-margin-spacer) * 1) !important; padding-right:  calc(var(--arc-margin-spacer) * 1) !important; }
.py-xs-5   { padding-bottom: calc(var(--arc-margin-spacer) * 1) !important; padding-top:    calc(var(--arc-margin-spacer) * 1) !important; }
}