/**
  * @deprecated Use desktop with t-shirt size breakpoints instead
  */
.m-none {
  margin: var(--bal-space-none-device) !important;
}

.m-auto {
  margin: var(--bal-space-auto-device) !important;
}

.m-2xs, .m-xx-small {
  margin: var(--bal-space-2xs-device) !important;
}

.m-xs, .m-x-small {
  margin: var(--bal-space-xs-device) !important;
}

.m-sm, .m-small {
  margin: var(--bal-space-sm-device) !important;
}

.m-base, .m-normal {
  margin: var(--bal-space-base-device) !important;
}

.m-md, .m-medium {
  margin: var(--bal-space-md-device) !important;
}

.m-lg, .m-large {
  margin: var(--bal-space-lg-device) !important;
}

.m-xl, .m-x-large {
  margin: var(--bal-space-xl-device) !important;
}

.m-2xl, .m-xx-large {
  margin: var(--bal-space-2xl-device) !important;
}

.m-3xl, .m-xxx-large {
  margin: var(--bal-space-3xl-device) !important;
}

.m-4xl, .m-xxxx-large {
  margin: var(--bal-space-4xl-device) !important;
}

.mx-none {
  margin-left: var(--bal-space-none-device) !important;
  margin-right: var(--bal-space-none-device) !important;
}

.mx-auto {
  margin-left: var(--bal-space-auto-device) !important;
  margin-right: var(--bal-space-auto-device) !important;
}

.mx-2xs, .mx-xx-small {
  margin-left: var(--bal-space-2xs-device) !important;
  margin-right: var(--bal-space-2xs-device) !important;
}

.mx-xs, .mx-x-small {
  margin-left: var(--bal-space-xs-device) !important;
  margin-right: var(--bal-space-xs-device) !important;
}

.mx-sm, .mx-small {
  margin-left: var(--bal-space-sm-device) !important;
  margin-right: var(--bal-space-sm-device) !important;
}

.mx-base, .mx-normal {
  margin-left: var(--bal-space-base-device) !important;
  margin-right: var(--bal-space-base-device) !important;
}

.mx-md, .mx-medium {
  margin-left: var(--bal-space-md-device) !important;
  margin-right: var(--bal-space-md-device) !important;
}

.mx-lg, .mx-large {
  margin-left: var(--bal-space-lg-device) !important;
  margin-right: var(--bal-space-lg-device) !important;
}

.mx-xl, .mx-x-large {
  margin-left: var(--bal-space-xl-device) !important;
  margin-right: var(--bal-space-xl-device) !important;
}

.mx-2xl, .mx-xx-large {
  margin-left: var(--bal-space-2xl-device) !important;
  margin-right: var(--bal-space-2xl-device) !important;
}

.mx-3xl, .mx-xxx-large {
  margin-left: var(--bal-space-3xl-device) !important;
  margin-right: var(--bal-space-3xl-device) !important;
}

.mx-4xl, .mx-xxxx-large {
  margin-left: var(--bal-space-4xl-device) !important;
  margin-right: var(--bal-space-4xl-device) !important;
}

.my-none {
  margin-top: var(--bal-space-none-device) !important;
  margin-bottom: var(--bal-space-none-device) !important;
}

.my-auto {
  margin-top: var(--bal-space-auto-device) !important;
  margin-bottom: var(--bal-space-auto-device) !important;
}

.my-2xs, .my-xx-small {
  margin-top: var(--bal-space-2xs-device) !important;
  margin-bottom: var(--bal-space-2xs-device) !important;
}

.my-xs, .my-x-small {
  margin-top: var(--bal-space-xs-device) !important;
  margin-bottom: var(--bal-space-xs-device) !important;
}

.my-sm, .my-small {
  margin-top: var(--bal-space-sm-device) !important;
  margin-bottom: var(--bal-space-sm-device) !important;
}

.my-base, .my-normal {
  margin-top: var(--bal-space-base-device) !important;
  margin-bottom: var(--bal-space-base-device) !important;
}

.my-md, .my-medium {
  margin-top: var(--bal-space-md-device) !important;
  margin-bottom: var(--bal-space-md-device) !important;
}

.my-lg, .my-large {
  margin-top: var(--bal-space-lg-device) !important;
  margin-bottom: var(--bal-space-lg-device) !important;
}

.my-xl, .my-x-large {
  margin-top: var(--bal-space-xl-device) !important;
  margin-bottom: var(--bal-space-xl-device) !important;
}

.my-2xl, .my-xx-large {
  margin-top: var(--bal-space-2xl-device) !important;
  margin-bottom: var(--bal-space-2xl-device) !important;
}

.my-3xl, .my-xxx-large {
  margin-top: var(--bal-space-3xl-device) !important;
  margin-bottom: var(--bal-space-3xl-device) !important;
}

.my-4xl, .my-xxxx-large {
  margin-top: var(--bal-space-4xl-device) !important;
  margin-bottom: var(--bal-space-4xl-device) !important;
}

.mt-none {
  margin-top: var(--bal-space-none-device) !important;
}

.mt-auto {
  margin-top: var(--bal-space-auto-device) !important;
}

.mt-2xs, .mt-xx-small {
  margin-top: var(--bal-space-2xs-device) !important;
}

.mt-xs, .mt-x-small {
  margin-top: var(--bal-space-xs-device) !important;
}

.mt-sm, .mt-small {
  margin-top: var(--bal-space-sm-device) !important;
}

.mt-base, .mt-normal {
  margin-top: var(--bal-space-base-device) !important;
}

.mt-md, .mt-medium {
  margin-top: var(--bal-space-md-device) !important;
}

.mt-lg, .mt-large {
  margin-top: var(--bal-space-lg-device) !important;
}

.mt-xl, .mt-x-large {
  margin-top: var(--bal-space-xl-device) !important;
}

.mt-2xl, .mt-xx-large {
  margin-top: var(--bal-space-2xl-device) !important;
}

.mt-3xl, .mt-xxx-large {
  margin-top: var(--bal-space-3xl-device) !important;
}

.mt-4xl, .mt-xxxx-large {
  margin-top: var(--bal-space-4xl-device) !important;
}

.mr-none {
  margin-right: var(--bal-space-none-device) !important;
}

.mr-auto {
  margin-right: var(--bal-space-auto-device) !important;
}

.mr-2xs, .mr-xx-small {
  margin-right: var(--bal-space-2xs-device) !important;
}

.mr-xs, .mr-x-small {
  margin-right: var(--bal-space-xs-device) !important;
}

.mr-sm, .mr-small {
  margin-right: var(--bal-space-sm-device) !important;
}

.mr-base, .mr-normal {
  margin-right: var(--bal-space-base-device) !important;
}

.mr-md, .mr-medium {
  margin-right: var(--bal-space-md-device) !important;
}

.mr-lg, .mr-large {
  margin-right: var(--bal-space-lg-device) !important;
}

.mr-xl, .mr-x-large {
  margin-right: var(--bal-space-xl-device) !important;
}

.mr-2xl, .mr-xx-large {
  margin-right: var(--bal-space-2xl-device) !important;
}

.mr-3xl, .mr-xxx-large {
  margin-right: var(--bal-space-3xl-device) !important;
}

.mr-4xl, .mr-xxxx-large {
  margin-right: var(--bal-space-4xl-device) !important;
}

.mb-none {
  margin-bottom: var(--bal-space-none-device) !important;
}

.mb-auto {
  margin-bottom: var(--bal-space-auto-device) !important;
}

.mb-2xs, .mb-xx-small {
  margin-bottom: var(--bal-space-2xs-device) !important;
}

.mb-xs, .mb-x-small {
  margin-bottom: var(--bal-space-xs-device) !important;
}

.mb-sm, .mb-small {
  margin-bottom: var(--bal-space-sm-device) !important;
}

.mb-base, .mb-normal {
  margin-bottom: var(--bal-space-base-device) !important;
}

.mb-md, .mb-medium {
  margin-bottom: var(--bal-space-md-device) !important;
}

.mb-lg, .mb-large {
  margin-bottom: var(--bal-space-lg-device) !important;
}

.mb-xl, .mb-x-large {
  margin-bottom: var(--bal-space-xl-device) !important;
}

.mb-2xl, .mb-xx-large {
  margin-bottom: var(--bal-space-2xl-device) !important;
}

.mb-3xl, .mb-xxx-large {
  margin-bottom: var(--bal-space-3xl-device) !important;
}

.mb-4xl, .mb-xxxx-large {
  margin-bottom: var(--bal-space-4xl-device) !important;
}

.ml-none {
  margin-left: var(--bal-space-none-device) !important;
}

.ml-auto {
  margin-left: var(--bal-space-auto-device) !important;
}

.ml-2xs, .ml-xx-small {
  margin-left: var(--bal-space-2xs-device) !important;
}

.ml-xs, .ml-x-small {
  margin-left: var(--bal-space-xs-device) !important;
}

.ml-sm, .ml-small {
  margin-left: var(--bal-space-sm-device) !important;
}

.ml-base, .ml-normal {
  margin-left: var(--bal-space-base-device) !important;
}

.ml-md, .ml-medium {
  margin-left: var(--bal-space-md-device) !important;
}

.ml-lg, .ml-large {
  margin-left: var(--bal-space-lg-device) !important;
}

.ml-xl, .ml-x-large {
  margin-left: var(--bal-space-xl-device) !important;
}

.ml-2xl, .ml-xx-large {
  margin-left: var(--bal-space-2xl-device) !important;
}

.ml-3xl, .ml-xxx-large {
  margin-left: var(--bal-space-3xl-device) !important;
}

.ml-4xl, .ml-xxxx-large {
  margin-left: var(--bal-space-4xl-device) !important;
}

.p-none {
  padding: var(--bal-space-none-device) !important;
}

.p-auto {
  padding: var(--bal-space-auto-device) !important;
}

.p-2xs, .p-xx-small {
  padding: var(--bal-space-2xs-device) !important;
}

.p-xs, .p-x-small {
  padding: var(--bal-space-xs-device) !important;
}

.p-sm, .p-small {
  padding: var(--bal-space-sm-device) !important;
}

.p-base, .p-normal {
  padding: var(--bal-space-base-device) !important;
}

.p-md, .p-medium {
  padding: var(--bal-space-md-device) !important;
}

.p-lg, .p-large {
  padding: var(--bal-space-lg-device) !important;
}

.p-xl, .p-x-large {
  padding: var(--bal-space-xl-device) !important;
}

.p-2xl, .p-xx-large {
  padding: var(--bal-space-2xl-device) !important;
}

.p-3xl, .p-xxx-large {
  padding: var(--bal-space-3xl-device) !important;
}

.p-4xl, .p-xxxx-large {
  padding: var(--bal-space-4xl-device) !important;
}

.px-none {
  padding-left: var(--bal-space-none-device) !important;
  padding-right: var(--bal-space-none-device) !important;
}

.px-auto {
  padding-left: var(--bal-space-auto-device) !important;
  padding-right: var(--bal-space-auto-device) !important;
}

.px-2xs, .px-xx-small {
  padding-left: var(--bal-space-2xs-device) !important;
  padding-right: var(--bal-space-2xs-device) !important;
}

.px-xs, .px-x-small {
  padding-left: var(--bal-space-xs-device) !important;
  padding-right: var(--bal-space-xs-device) !important;
}

.px-sm, .px-small {
  padding-left: var(--bal-space-sm-device) !important;
  padding-right: var(--bal-space-sm-device) !important;
}

.px-base, .px-normal {
  padding-left: var(--bal-space-base-device) !important;
  padding-right: var(--bal-space-base-device) !important;
}

.px-md, .px-medium {
  padding-left: var(--bal-space-md-device) !important;
  padding-right: var(--bal-space-md-device) !important;
}

.px-lg, .px-large {
  padding-left: var(--bal-space-lg-device) !important;
  padding-right: var(--bal-space-lg-device) !important;
}

.px-xl, .px-x-large {
  padding-left: var(--bal-space-xl-device) !important;
  padding-right: var(--bal-space-xl-device) !important;
}

.px-2xl, .px-xx-large {
  padding-left: var(--bal-space-2xl-device) !important;
  padding-right: var(--bal-space-2xl-device) !important;
}

.px-3xl, .px-xxx-large {
  padding-left: var(--bal-space-3xl-device) !important;
  padding-right: var(--bal-space-3xl-device) !important;
}

.px-4xl, .px-xxxx-large {
  padding-left: var(--bal-space-4xl-device) !important;
  padding-right: var(--bal-space-4xl-device) !important;
}

.py-none {
  padding-top: var(--bal-space-none-device) !important;
  padding-bottom: var(--bal-space-none-device) !important;
}

.py-auto {
  padding-top: var(--bal-space-auto-device) !important;
  padding-bottom: var(--bal-space-auto-device) !important;
}

.py-2xs, .py-xx-small {
  padding-top: var(--bal-space-2xs-device) !important;
  padding-bottom: var(--bal-space-2xs-device) !important;
}

.py-xs, .py-x-small {
  padding-top: var(--bal-space-xs-device) !important;
  padding-bottom: var(--bal-space-xs-device) !important;
}

.py-sm, .py-small {
  padding-top: var(--bal-space-sm-device) !important;
  padding-bottom: var(--bal-space-sm-device) !important;
}

.py-base, .py-normal {
  padding-top: var(--bal-space-base-device) !important;
  padding-bottom: var(--bal-space-base-device) !important;
}

.py-md, .py-medium {
  padding-top: var(--bal-space-md-device) !important;
  padding-bottom: var(--bal-space-md-device) !important;
}

.py-lg, .py-large {
  padding-top: var(--bal-space-lg-device) !important;
  padding-bottom: var(--bal-space-lg-device) !important;
}

.py-xl, .py-x-large {
  padding-top: var(--bal-space-xl-device) !important;
  padding-bottom: var(--bal-space-xl-device) !important;
}

.py-2xl, .py-xx-large {
  padding-top: var(--bal-space-2xl-device) !important;
  padding-bottom: var(--bal-space-2xl-device) !important;
}

.py-3xl, .py-xxx-large {
  padding-top: var(--bal-space-3xl-device) !important;
  padding-bottom: var(--bal-space-3xl-device) !important;
}

.py-4xl, .py-xxxx-large {
  padding-top: var(--bal-space-4xl-device) !important;
  padding-bottom: var(--bal-space-4xl-device) !important;
}

.pt-none {
  padding-top: var(--bal-space-none-device) !important;
}

.pt-auto {
  padding-top: var(--bal-space-auto-device) !important;
}

.pt-2xs, .pt-xx-small {
  padding-top: var(--bal-space-2xs-device) !important;
}

.pt-xs, .pt-x-small {
  padding-top: var(--bal-space-xs-device) !important;
}

.pt-sm, .pt-small {
  padding-top: var(--bal-space-sm-device) !important;
}

.pt-base, .pt-normal {
  padding-top: var(--bal-space-base-device) !important;
}

.pt-md, .pt-medium {
  padding-top: var(--bal-space-md-device) !important;
}

.pt-lg, .pt-large {
  padding-top: var(--bal-space-lg-device) !important;
}

.pt-xl, .pt-x-large {
  padding-top: var(--bal-space-xl-device) !important;
}

.pt-2xl, .pt-xx-large {
  padding-top: var(--bal-space-2xl-device) !important;
}

.pt-3xl, .pt-xxx-large {
  padding-top: var(--bal-space-3xl-device) !important;
}

.pt-4xl, .pt-xxxx-large {
  padding-top: var(--bal-space-4xl-device) !important;
}

.pr-none {
  padding-right: var(--bal-space-none-device) !important;
}

.pr-auto {
  padding-right: var(--bal-space-auto-device) !important;
}

.pr-2xs, .pr-xx-small {
  padding-right: var(--bal-space-2xs-device) !important;
}

.pr-xs, .pr-x-small {
  padding-right: var(--bal-space-xs-device) !important;
}

.pr-sm, .pr-small {
  padding-right: var(--bal-space-sm-device) !important;
}

.pr-base, .pr-normal {
  padding-right: var(--bal-space-base-device) !important;
}

.pr-md, .pr-medium {
  padding-right: var(--bal-space-md-device) !important;
}

.pr-lg, .pr-large {
  padding-right: var(--bal-space-lg-device) !important;
}

.pr-xl, .pr-x-large {
  padding-right: var(--bal-space-xl-device) !important;
}

.pr-2xl, .pr-xx-large {
  padding-right: var(--bal-space-2xl-device) !important;
}

.pr-3xl, .pr-xxx-large {
  padding-right: var(--bal-space-3xl-device) !important;
}

.pr-4xl, .pr-xxxx-large {
  padding-right: var(--bal-space-4xl-device) !important;
}

.pb-none {
  padding-bottom: var(--bal-space-none-device) !important;
}

.pb-auto {
  padding-bottom: var(--bal-space-auto-device) !important;
}

.pb-2xs, .pb-xx-small {
  padding-bottom: var(--bal-space-2xs-device) !important;
}

.pb-xs, .pb-x-small {
  padding-bottom: var(--bal-space-xs-device) !important;
}

.pb-sm, .pb-small {
  padding-bottom: var(--bal-space-sm-device) !important;
}

.pb-base, .pb-normal {
  padding-bottom: var(--bal-space-base-device) !important;
}

.pb-md, .pb-medium {
  padding-bottom: var(--bal-space-md-device) !important;
}

.pb-lg, .pb-large {
  padding-bottom: var(--bal-space-lg-device) !important;
}

.pb-xl, .pb-x-large {
  padding-bottom: var(--bal-space-xl-device) !important;
}

.pb-2xl, .pb-xx-large {
  padding-bottom: var(--bal-space-2xl-device) !important;
}

.pb-3xl, .pb-xxx-large {
  padding-bottom: var(--bal-space-3xl-device) !important;
}

.pb-4xl, .pb-xxxx-large {
  padding-bottom: var(--bal-space-4xl-device) !important;
}

.pl-none {
  padding-left: var(--bal-space-none-device) !important;
}

.pl-auto {
  padding-left: var(--bal-space-auto-device) !important;
}

.pl-2xs, .pl-xx-small {
  padding-left: var(--bal-space-2xs-device) !important;
}

.pl-xs, .pl-x-small {
  padding-left: var(--bal-space-xs-device) !important;
}

.pl-sm, .pl-small {
  padding-left: var(--bal-space-sm-device) !important;
}

.pl-base, .pl-normal {
  padding-left: var(--bal-space-base-device) !important;
}

.pl-md, .pl-medium {
  padding-left: var(--bal-space-md-device) !important;
}

.pl-lg, .pl-large {
  padding-left: var(--bal-space-lg-device) !important;
}

.pl-xl, .pl-x-large {
  padding-left: var(--bal-space-xl-device) !important;
}

.pl-2xl, .pl-xx-large {
  padding-left: var(--bal-space-2xl-device) !important;
}

.pl-3xl, .pl-xxx-large {
  padding-left: var(--bal-space-3xl-device) !important;
}

.pl-4xl, .pl-xxxx-large {
  padding-left: var(--bal-space-4xl-device) !important;
}
/*# sourceMappingURL=utilities/spacing.css.map */