.m-none {
  margin: 0 !important;
}

.m-auto {
  margin: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:m-xx-small {
    margin: var(--bal-space-xx-small) !important;
  }
  .mobile\:m-x-small {
    margin: var(--bal-space-x-small) !important;
  }
  .mobile\:m-small {
    margin: var(--bal-space-small) !important;
  }
  .mobile\:m-normal {
    margin: var(--bal-space-normal) !important;
  }
  .mobile\:m-medium {
    margin: var(--bal-space-medium) !important;
  }
  .mobile\:m-large {
    margin: var(--bal-space-large) !important;
  }
  .mobile\:m-x-large {
    margin: var(--bal-space-x-large) !important;
  }
  .mobile\:m-xx-large {
    margin: var(--bal-space-xx-large) !important;
  }
  .mobile\:m-xxx-large {
    margin: var(--bal-space-xxx-large) !important;
  }
  .mobile\:m-xxxx-large {
    margin: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .m-none {
    margin: 0 !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-xx-small {
    margin: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:m-xx-small {
    margin: var(--bal-space-xx-small-tablet) !important;
  }
  .m-x-small {
    margin: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:m-x-small {
    margin: var(--bal-space-x-small-tablet) !important;
  }
  .m-small {
    margin: var(--bal-space-small-tablet) !important;
  }
  .tablet\:m-small {
    margin: var(--bal-space-small-tablet) !important;
  }
  .m-normal {
    margin: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:m-normal {
    margin: var(--bal-space-normal-tablet) !important;
  }
  .m-medium {
    margin: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:m-medium {
    margin: var(--bal-space-medium-tablet) !important;
  }
  .m-large {
    margin: var(--bal-space-large-tablet) !important;
  }
  .tablet\:m-large {
    margin: var(--bal-space-large-tablet) !important;
  }
  .m-x-large {
    margin: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:m-x-large {
    margin: var(--bal-space-x-large-tablet) !important;
  }
  .m-xx-large {
    margin: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:m-xx-large {
    margin: var(--bal-space-xx-large-tablet) !important;
  }
  .m-xxx-large {
    margin: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:m-xxx-large {
    margin: var(--bal-space-xxx-large-tablet) !important;
  }
  .m-xxxx-large {
    margin: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:m-xxxx-large {
    margin: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .m-none {
    margin: 0 !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-xx-small {
    margin: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:m-xx-small {
    margin: var(--bal-space-xx-small-desktop) !important;
  }
  .m-x-small {
    margin: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:m-x-small {
    margin: var(--bal-space-x-small-desktop) !important;
  }
  .m-small {
    margin: var(--bal-space-small-desktop) !important;
  }
  .desktop\:m-small {
    margin: var(--bal-space-small-desktop) !important;
  }
  .m-normal {
    margin: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:m-normal {
    margin: var(--bal-space-normal-desktop) !important;
  }
  .m-medium {
    margin: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:m-medium {
    margin: var(--bal-space-medium-desktop) !important;
  }
  .m-large {
    margin: var(--bal-space-large-desktop) !important;
  }
  .desktop\:m-large {
    margin: var(--bal-space-large-desktop) !important;
  }
  .m-x-large {
    margin: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:m-x-large {
    margin: var(--bal-space-x-large-desktop) !important;
  }
  .m-xx-large {
    margin: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:m-xx-large {
    margin: var(--bal-space-xx-large-desktop) !important;
  }
  .m-xxx-large {
    margin: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:m-xxx-large {
    margin: var(--bal-space-xxx-large-desktop) !important;
  }
  .m-xxxx-large {
    margin: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:m-xxxx-large {
    margin: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.mx-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:mx-xx-small {
    margin-left: var(--bal-space-xx-small) !important;
    margin-right: var(--bal-space-xx-small) !important;
  }
  .mobile\:mx-x-small {
    margin-left: var(--bal-space-x-small) !important;
    margin-right: var(--bal-space-x-small) !important;
  }
  .mobile\:mx-small {
    margin-left: var(--bal-space-small) !important;
    margin-right: var(--bal-space-small) !important;
  }
  .mobile\:mx-normal {
    margin-left: var(--bal-space-normal) !important;
    margin-right: var(--bal-space-normal) !important;
  }
  .mobile\:mx-medium {
    margin-left: var(--bal-space-medium) !important;
    margin-right: var(--bal-space-medium) !important;
  }
  .mobile\:mx-large {
    margin-left: var(--bal-space-large) !important;
    margin-right: var(--bal-space-large) !important;
  }
  .mobile\:mx-x-large {
    margin-left: var(--bal-space-x-large) !important;
    margin-right: var(--bal-space-x-large) !important;
  }
  .mobile\:mx-xx-large {
    margin-left: var(--bal-space-xx-large) !important;
    margin-right: var(--bal-space-xx-large) !important;
  }
  .mobile\:mx-xxx-large {
    margin-left: var(--bal-space-xxx-large) !important;
    margin-right: var(--bal-space-xxx-large) !important;
  }
  .mobile\:mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large) !important;
    margin-right: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx-xx-small {
    margin-left: var(--bal-space-xx-small-tablet) !important;
    margin-right: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:mx-xx-small {
    margin-left: var(--bal-space-xx-small-tablet) !important;
    margin-right: var(--bal-space-xx-small-tablet) !important;
  }
  .mx-x-small {
    margin-left: var(--bal-space-x-small-tablet) !important;
    margin-right: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:mx-x-small {
    margin-left: var(--bal-space-x-small-tablet) !important;
    margin-right: var(--bal-space-x-small-tablet) !important;
  }
  .mx-small {
    margin-left: var(--bal-space-small-tablet) !important;
    margin-right: var(--bal-space-small-tablet) !important;
  }
  .tablet\:mx-small {
    margin-left: var(--bal-space-small-tablet) !important;
    margin-right: var(--bal-space-small-tablet) !important;
  }
  .mx-normal {
    margin-left: var(--bal-space-normal-tablet) !important;
    margin-right: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:mx-normal {
    margin-left: var(--bal-space-normal-tablet) !important;
    margin-right: var(--bal-space-normal-tablet) !important;
  }
  .mx-medium {
    margin-left: var(--bal-space-medium-tablet) !important;
    margin-right: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:mx-medium {
    margin-left: var(--bal-space-medium-tablet) !important;
    margin-right: var(--bal-space-medium-tablet) !important;
  }
  .mx-large {
    margin-left: var(--bal-space-large-tablet) !important;
    margin-right: var(--bal-space-large-tablet) !important;
  }
  .tablet\:mx-large {
    margin-left: var(--bal-space-large-tablet) !important;
    margin-right: var(--bal-space-large-tablet) !important;
  }
  .mx-x-large {
    margin-left: var(--bal-space-x-large-tablet) !important;
    margin-right: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:mx-x-large {
    margin-left: var(--bal-space-x-large-tablet) !important;
    margin-right: var(--bal-space-x-large-tablet) !important;
  }
  .mx-xx-large {
    margin-left: var(--bal-space-xx-large-tablet) !important;
    margin-right: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:mx-xx-large {
    margin-left: var(--bal-space-xx-large-tablet) !important;
    margin-right: var(--bal-space-xx-large-tablet) !important;
  }
  .mx-xxx-large {
    margin-left: var(--bal-space-xxx-large-tablet) !important;
    margin-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:mx-xxx-large {
    margin-left: var(--bal-space-xxx-large-tablet) !important;
    margin-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-tablet) !important;
    margin-right: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-tablet) !important;
    margin-right: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx-xx-small {
    margin-left: var(--bal-space-xx-small-desktop) !important;
    margin-right: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:mx-xx-small {
    margin-left: var(--bal-space-xx-small-desktop) !important;
    margin-right: var(--bal-space-xx-small-desktop) !important;
  }
  .mx-x-small {
    margin-left: var(--bal-space-x-small-desktop) !important;
    margin-right: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:mx-x-small {
    margin-left: var(--bal-space-x-small-desktop) !important;
    margin-right: var(--bal-space-x-small-desktop) !important;
  }
  .mx-small {
    margin-left: var(--bal-space-small-desktop) !important;
    margin-right: var(--bal-space-small-desktop) !important;
  }
  .desktop\:mx-small {
    margin-left: var(--bal-space-small-desktop) !important;
    margin-right: var(--bal-space-small-desktop) !important;
  }
  .mx-normal {
    margin-left: var(--bal-space-normal-desktop) !important;
    margin-right: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:mx-normal {
    margin-left: var(--bal-space-normal-desktop) !important;
    margin-right: var(--bal-space-normal-desktop) !important;
  }
  .mx-medium {
    margin-left: var(--bal-space-medium-desktop) !important;
    margin-right: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:mx-medium {
    margin-left: var(--bal-space-medium-desktop) !important;
    margin-right: var(--bal-space-medium-desktop) !important;
  }
  .mx-large {
    margin-left: var(--bal-space-large-desktop) !important;
    margin-right: var(--bal-space-large-desktop) !important;
  }
  .desktop\:mx-large {
    margin-left: var(--bal-space-large-desktop) !important;
    margin-right: var(--bal-space-large-desktop) !important;
  }
  .mx-x-large {
    margin-left: var(--bal-space-x-large-desktop) !important;
    margin-right: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:mx-x-large {
    margin-left: var(--bal-space-x-large-desktop) !important;
    margin-right: var(--bal-space-x-large-desktop) !important;
  }
  .mx-xx-large {
    margin-left: var(--bal-space-xx-large-desktop) !important;
    margin-right: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:mx-xx-large {
    margin-left: var(--bal-space-xx-large-desktop) !important;
    margin-right: var(--bal-space-xx-large-desktop) !important;
  }
  .mx-xxx-large {
    margin-left: var(--bal-space-xxx-large-desktop) !important;
    margin-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:mx-xxx-large {
    margin-left: var(--bal-space-xxx-large-desktop) !important;
    margin-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-desktop) !important;
    margin-right: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-desktop) !important;
    margin-right: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.my-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:my-xx-small {
    margin-top: var(--bal-space-xx-small) !important;
    margin-bottom: var(--bal-space-xx-small) !important;
  }
  .mobile\:my-x-small {
    margin-top: var(--bal-space-x-small) !important;
    margin-bottom: var(--bal-space-x-small) !important;
  }
  .mobile\:my-small {
    margin-top: var(--bal-space-small) !important;
    margin-bottom: var(--bal-space-small) !important;
  }
  .mobile\:my-normal {
    margin-top: var(--bal-space-normal) !important;
    margin-bottom: var(--bal-space-normal) !important;
  }
  .mobile\:my-medium {
    margin-top: var(--bal-space-medium) !important;
    margin-bottom: var(--bal-space-medium) !important;
  }
  .mobile\:my-large {
    margin-top: var(--bal-space-large) !important;
    margin-bottom: var(--bal-space-large) !important;
  }
  .mobile\:my-x-large {
    margin-top: var(--bal-space-x-large) !important;
    margin-bottom: var(--bal-space-x-large) !important;
  }
  .mobile\:my-xx-large {
    margin-top: var(--bal-space-xx-large) !important;
    margin-bottom: var(--bal-space-xx-large) !important;
  }
  .mobile\:my-xxx-large {
    margin-top: var(--bal-space-xxx-large) !important;
    margin-bottom: var(--bal-space-xxx-large) !important;
  }
  .mobile\:my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large) !important;
    margin-bottom: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-xx-small {
    margin-top: var(--bal-space-xx-small-tablet) !important;
    margin-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:my-xx-small {
    margin-top: var(--bal-space-xx-small-tablet) !important;
    margin-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .my-x-small {
    margin-top: var(--bal-space-x-small-tablet) !important;
    margin-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:my-x-small {
    margin-top: var(--bal-space-x-small-tablet) !important;
    margin-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .my-small {
    margin-top: var(--bal-space-small-tablet) !important;
    margin-bottom: var(--bal-space-small-tablet) !important;
  }
  .tablet\:my-small {
    margin-top: var(--bal-space-small-tablet) !important;
    margin-bottom: var(--bal-space-small-tablet) !important;
  }
  .my-normal {
    margin-top: var(--bal-space-normal-tablet) !important;
    margin-bottom: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:my-normal {
    margin-top: var(--bal-space-normal-tablet) !important;
    margin-bottom: var(--bal-space-normal-tablet) !important;
  }
  .my-medium {
    margin-top: var(--bal-space-medium-tablet) !important;
    margin-bottom: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:my-medium {
    margin-top: var(--bal-space-medium-tablet) !important;
    margin-bottom: var(--bal-space-medium-tablet) !important;
  }
  .my-large {
    margin-top: var(--bal-space-large-tablet) !important;
    margin-bottom: var(--bal-space-large-tablet) !important;
  }
  .tablet\:my-large {
    margin-top: var(--bal-space-large-tablet) !important;
    margin-bottom: var(--bal-space-large-tablet) !important;
  }
  .my-x-large {
    margin-top: var(--bal-space-x-large-tablet) !important;
    margin-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:my-x-large {
    margin-top: var(--bal-space-x-large-tablet) !important;
    margin-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .my-xx-large {
    margin-top: var(--bal-space-xx-large-tablet) !important;
    margin-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:my-xx-large {
    margin-top: var(--bal-space-xx-large-tablet) !important;
    margin-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .my-xxx-large {
    margin-top: var(--bal-space-xxx-large-tablet) !important;
    margin-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:my-xxx-large {
    margin-top: var(--bal-space-xxx-large-tablet) !important;
    margin-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-tablet) !important;
    margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-tablet) !important;
    margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-xx-small {
    margin-top: var(--bal-space-xx-small-desktop) !important;
    margin-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:my-xx-small {
    margin-top: var(--bal-space-xx-small-desktop) !important;
    margin-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .my-x-small {
    margin-top: var(--bal-space-x-small-desktop) !important;
    margin-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:my-x-small {
    margin-top: var(--bal-space-x-small-desktop) !important;
    margin-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .my-small {
    margin-top: var(--bal-space-small-desktop) !important;
    margin-bottom: var(--bal-space-small-desktop) !important;
  }
  .desktop\:my-small {
    margin-top: var(--bal-space-small-desktop) !important;
    margin-bottom: var(--bal-space-small-desktop) !important;
  }
  .my-normal {
    margin-top: var(--bal-space-normal-desktop) !important;
    margin-bottom: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:my-normal {
    margin-top: var(--bal-space-normal-desktop) !important;
    margin-bottom: var(--bal-space-normal-desktop) !important;
  }
  .my-medium {
    margin-top: var(--bal-space-medium-desktop) !important;
    margin-bottom: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:my-medium {
    margin-top: var(--bal-space-medium-desktop) !important;
    margin-bottom: var(--bal-space-medium-desktop) !important;
  }
  .my-large {
    margin-top: var(--bal-space-large-desktop) !important;
    margin-bottom: var(--bal-space-large-desktop) !important;
  }
  .desktop\:my-large {
    margin-top: var(--bal-space-large-desktop) !important;
    margin-bottom: var(--bal-space-large-desktop) !important;
  }
  .my-x-large {
    margin-top: var(--bal-space-x-large-desktop) !important;
    margin-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:my-x-large {
    margin-top: var(--bal-space-x-large-desktop) !important;
    margin-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .my-xx-large {
    margin-top: var(--bal-space-xx-large-desktop) !important;
    margin-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:my-xx-large {
    margin-top: var(--bal-space-xx-large-desktop) !important;
    margin-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .my-xxx-large {
    margin-top: var(--bal-space-xxx-large-desktop) !important;
    margin-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:my-xxx-large {
    margin-top: var(--bal-space-xxx-large-desktop) !important;
    margin-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-desktop) !important;
    margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-desktop) !important;
    margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.mt-none {
  margin-top: 0 !important;
}

.mt-auto {
  margin-top: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:mt-xx-small {
    margin-top: var(--bal-space-xx-small) !important;
  }
  .mobile\:mt-x-small {
    margin-top: var(--bal-space-x-small) !important;
  }
  .mobile\:mt-small {
    margin-top: var(--bal-space-small) !important;
  }
  .mobile\:mt-normal {
    margin-top: var(--bal-space-normal) !important;
  }
  .mobile\:mt-medium {
    margin-top: var(--bal-space-medium) !important;
  }
  .mobile\:mt-large {
    margin-top: var(--bal-space-large) !important;
  }
  .mobile\:mt-x-large {
    margin-top: var(--bal-space-x-large) !important;
  }
  .mobile\:mt-xx-large {
    margin-top: var(--bal-space-xx-large) !important;
  }
  .mobile\:mt-xxx-large {
    margin-top: var(--bal-space-xxx-large) !important;
  }
  .mobile\:mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-none {
    margin-top: 0 !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mt-xx-small {
    margin-top: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:mt-xx-small {
    margin-top: var(--bal-space-xx-small-tablet) !important;
  }
  .mt-x-small {
    margin-top: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:mt-x-small {
    margin-top: var(--bal-space-x-small-tablet) !important;
  }
  .mt-small {
    margin-top: var(--bal-space-small-tablet) !important;
  }
  .tablet\:mt-small {
    margin-top: var(--bal-space-small-tablet) !important;
  }
  .mt-normal {
    margin-top: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:mt-normal {
    margin-top: var(--bal-space-normal-tablet) !important;
  }
  .mt-medium {
    margin-top: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:mt-medium {
    margin-top: var(--bal-space-medium-tablet) !important;
  }
  .mt-large {
    margin-top: var(--bal-space-large-tablet) !important;
  }
  .tablet\:mt-large {
    margin-top: var(--bal-space-large-tablet) !important;
  }
  .mt-x-large {
    margin-top: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:mt-x-large {
    margin-top: var(--bal-space-x-large-tablet) !important;
  }
  .mt-xx-large {
    margin-top: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:mt-xx-large {
    margin-top: var(--bal-space-xx-large-tablet) !important;
  }
  .mt-xxx-large {
    margin-top: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:mt-xxx-large {
    margin-top: var(--bal-space-xxx-large-tablet) !important;
  }
  .mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-none {
    margin-top: 0 !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mt-xx-small {
    margin-top: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:mt-xx-small {
    margin-top: var(--bal-space-xx-small-desktop) !important;
  }
  .mt-x-small {
    margin-top: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:mt-x-small {
    margin-top: var(--bal-space-x-small-desktop) !important;
  }
  .mt-small {
    margin-top: var(--bal-space-small-desktop) !important;
  }
  .desktop\:mt-small {
    margin-top: var(--bal-space-small-desktop) !important;
  }
  .mt-normal {
    margin-top: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:mt-normal {
    margin-top: var(--bal-space-normal-desktop) !important;
  }
  .mt-medium {
    margin-top: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:mt-medium {
    margin-top: var(--bal-space-medium-desktop) !important;
  }
  .mt-large {
    margin-top: var(--bal-space-large-desktop) !important;
  }
  .desktop\:mt-large {
    margin-top: var(--bal-space-large-desktop) !important;
  }
  .mt-x-large {
    margin-top: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:mt-x-large {
    margin-top: var(--bal-space-x-large-desktop) !important;
  }
  .mt-xx-large {
    margin-top: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:mt-xx-large {
    margin-top: var(--bal-space-xx-large-desktop) !important;
  }
  .mt-xxx-large {
    margin-top: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:mt-xxx-large {
    margin-top: var(--bal-space-xxx-large-desktop) !important;
  }
  .mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.mr-none {
  margin-right: 0 !important;
}

.mr-auto {
  margin-right: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:mr-xx-small {
    margin-right: var(--bal-space-xx-small) !important;
  }
  .mobile\:mr-x-small {
    margin-right: var(--bal-space-x-small) !important;
  }
  .mobile\:mr-small {
    margin-right: var(--bal-space-small) !important;
  }
  .mobile\:mr-normal {
    margin-right: var(--bal-space-normal) !important;
  }
  .mobile\:mr-medium {
    margin-right: var(--bal-space-medium) !important;
  }
  .mobile\:mr-large {
    margin-right: var(--bal-space-large) !important;
  }
  .mobile\:mr-x-large {
    margin-right: var(--bal-space-x-large) !important;
  }
  .mobile\:mr-xx-large {
    margin-right: var(--bal-space-xx-large) !important;
  }
  .mobile\:mr-xxx-large {
    margin-right: var(--bal-space-xxx-large) !important;
  }
  .mobile\:mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-none {
    margin-right: 0 !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .mr-xx-small {
    margin-right: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:mr-xx-small {
    margin-right: var(--bal-space-xx-small-tablet) !important;
  }
  .mr-x-small {
    margin-right: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:mr-x-small {
    margin-right: var(--bal-space-x-small-tablet) !important;
  }
  .mr-small {
    margin-right: var(--bal-space-small-tablet) !important;
  }
  .tablet\:mr-small {
    margin-right: var(--bal-space-small-tablet) !important;
  }
  .mr-normal {
    margin-right: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:mr-normal {
    margin-right: var(--bal-space-normal-tablet) !important;
  }
  .mr-medium {
    margin-right: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:mr-medium {
    margin-right: var(--bal-space-medium-tablet) !important;
  }
  .mr-large {
    margin-right: var(--bal-space-large-tablet) !important;
  }
  .tablet\:mr-large {
    margin-right: var(--bal-space-large-tablet) !important;
  }
  .mr-x-large {
    margin-right: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:mr-x-large {
    margin-right: var(--bal-space-x-large-tablet) !important;
  }
  .mr-xx-large {
    margin-right: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:mr-xx-large {
    margin-right: var(--bal-space-xx-large-tablet) !important;
  }
  .mr-xxx-large {
    margin-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:mr-xxx-large {
    margin-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-none {
    margin-right: 0 !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .mr-xx-small {
    margin-right: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:mr-xx-small {
    margin-right: var(--bal-space-xx-small-desktop) !important;
  }
  .mr-x-small {
    margin-right: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:mr-x-small {
    margin-right: var(--bal-space-x-small-desktop) !important;
  }
  .mr-small {
    margin-right: var(--bal-space-small-desktop) !important;
  }
  .desktop\:mr-small {
    margin-right: var(--bal-space-small-desktop) !important;
  }
  .mr-normal {
    margin-right: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:mr-normal {
    margin-right: var(--bal-space-normal-desktop) !important;
  }
  .mr-medium {
    margin-right: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:mr-medium {
    margin-right: var(--bal-space-medium-desktop) !important;
  }
  .mr-large {
    margin-right: var(--bal-space-large-desktop) !important;
  }
  .desktop\:mr-large {
    margin-right: var(--bal-space-large-desktop) !important;
  }
  .mr-x-large {
    margin-right: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:mr-x-large {
    margin-right: var(--bal-space-x-large-desktop) !important;
  }
  .mr-xx-large {
    margin-right: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:mr-xx-large {
    margin-right: var(--bal-space-xx-large-desktop) !important;
  }
  .mr-xxx-large {
    margin-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:mr-xxx-large {
    margin-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.mb-none {
  margin-bottom: 0 !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:mb-xx-small {
    margin-bottom: var(--bal-space-xx-small) !important;
  }
  .mobile\:mb-x-small {
    margin-bottom: var(--bal-space-x-small) !important;
  }
  .mobile\:mb-small {
    margin-bottom: var(--bal-space-small) !important;
  }
  .mobile\:mb-normal {
    margin-bottom: var(--bal-space-normal) !important;
  }
  .mobile\:mb-medium {
    margin-bottom: var(--bal-space-medium) !important;
  }
  .mobile\:mb-large {
    margin-bottom: var(--bal-space-large) !important;
  }
  .mobile\:mb-x-large {
    margin-bottom: var(--bal-space-x-large) !important;
  }
  .mobile\:mb-xx-large {
    margin-bottom: var(--bal-space-xx-large) !important;
  }
  .mobile\:mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large) !important;
  }
  .mobile\:mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-none {
    margin-bottom: 0 !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .mb-xx-small {
    margin-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:mb-xx-small {
    margin-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .mb-x-small {
    margin-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:mb-x-small {
    margin-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .mb-small {
    margin-bottom: var(--bal-space-small-tablet) !important;
  }
  .tablet\:mb-small {
    margin-bottom: var(--bal-space-small-tablet) !important;
  }
  .mb-normal {
    margin-bottom: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:mb-normal {
    margin-bottom: var(--bal-space-normal-tablet) !important;
  }
  .mb-medium {
    margin-bottom: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:mb-medium {
    margin-bottom: var(--bal-space-medium-tablet) !important;
  }
  .mb-large {
    margin-bottom: var(--bal-space-large-tablet) !important;
  }
  .tablet\:mb-large {
    margin-bottom: var(--bal-space-large-tablet) !important;
  }
  .mb-x-large {
    margin-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:mb-x-large {
    margin-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .mb-xx-large {
    margin-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:mb-xx-large {
    margin-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-none {
    margin-bottom: 0 !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .mb-xx-small {
    margin-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:mb-xx-small {
    margin-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .mb-x-small {
    margin-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:mb-x-small {
    margin-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .mb-small {
    margin-bottom: var(--bal-space-small-desktop) !important;
  }
  .desktop\:mb-small {
    margin-bottom: var(--bal-space-small-desktop) !important;
  }
  .mb-normal {
    margin-bottom: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:mb-normal {
    margin-bottom: var(--bal-space-normal-desktop) !important;
  }
  .mb-medium {
    margin-bottom: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:mb-medium {
    margin-bottom: var(--bal-space-medium-desktop) !important;
  }
  .mb-large {
    margin-bottom: var(--bal-space-large-desktop) !important;
  }
  .desktop\:mb-large {
    margin-bottom: var(--bal-space-large-desktop) !important;
  }
  .mb-x-large {
    margin-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:mb-x-large {
    margin-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .mb-xx-large {
    margin-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:mb-xx-large {
    margin-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.ml-none {
  margin-left: 0 !important;
}

.ml-auto {
  margin-left: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:ml-xx-small {
    margin-left: var(--bal-space-xx-small) !important;
  }
  .mobile\:ml-x-small {
    margin-left: var(--bal-space-x-small) !important;
  }
  .mobile\:ml-small {
    margin-left: var(--bal-space-small) !important;
  }
  .mobile\:ml-normal {
    margin-left: var(--bal-space-normal) !important;
  }
  .mobile\:ml-medium {
    margin-left: var(--bal-space-medium) !important;
  }
  .mobile\:ml-large {
    margin-left: var(--bal-space-large) !important;
  }
  .mobile\:ml-x-large {
    margin-left: var(--bal-space-x-large) !important;
  }
  .mobile\:ml-xx-large {
    margin-left: var(--bal-space-xx-large) !important;
  }
  .mobile\:ml-xxx-large {
    margin-left: var(--bal-space-xxx-large) !important;
  }
  .mobile\:ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-none {
    margin-left: 0 !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .ml-xx-small {
    margin-left: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:ml-xx-small {
    margin-left: var(--bal-space-xx-small-tablet) !important;
  }
  .ml-x-small {
    margin-left: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:ml-x-small {
    margin-left: var(--bal-space-x-small-tablet) !important;
  }
  .ml-small {
    margin-left: var(--bal-space-small-tablet) !important;
  }
  .tablet\:ml-small {
    margin-left: var(--bal-space-small-tablet) !important;
  }
  .ml-normal {
    margin-left: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:ml-normal {
    margin-left: var(--bal-space-normal-tablet) !important;
  }
  .ml-medium {
    margin-left: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:ml-medium {
    margin-left: var(--bal-space-medium-tablet) !important;
  }
  .ml-large {
    margin-left: var(--bal-space-large-tablet) !important;
  }
  .tablet\:ml-large {
    margin-left: var(--bal-space-large-tablet) !important;
  }
  .ml-x-large {
    margin-left: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:ml-x-large {
    margin-left: var(--bal-space-x-large-tablet) !important;
  }
  .ml-xx-large {
    margin-left: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:ml-xx-large {
    margin-left: var(--bal-space-xx-large-tablet) !important;
  }
  .ml-xxx-large {
    margin-left: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:ml-xxx-large {
    margin-left: var(--bal-space-xxx-large-tablet) !important;
  }
  .ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-none {
    margin-left: 0 !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .ml-xx-small {
    margin-left: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:ml-xx-small {
    margin-left: var(--bal-space-xx-small-desktop) !important;
  }
  .ml-x-small {
    margin-left: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:ml-x-small {
    margin-left: var(--bal-space-x-small-desktop) !important;
  }
  .ml-small {
    margin-left: var(--bal-space-small-desktop) !important;
  }
  .desktop\:ml-small {
    margin-left: var(--bal-space-small-desktop) !important;
  }
  .ml-normal {
    margin-left: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:ml-normal {
    margin-left: var(--bal-space-normal-desktop) !important;
  }
  .ml-medium {
    margin-left: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:ml-medium {
    margin-left: var(--bal-space-medium-desktop) !important;
  }
  .ml-large {
    margin-left: var(--bal-space-large-desktop) !important;
  }
  .desktop\:ml-large {
    margin-left: var(--bal-space-large-desktop) !important;
  }
  .ml-x-large {
    margin-left: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:ml-x-large {
    margin-left: var(--bal-space-x-large-desktop) !important;
  }
  .ml-xx-large {
    margin-left: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:ml-xx-large {
    margin-left: var(--bal-space-xx-large-desktop) !important;
  }
  .ml-xxx-large {
    margin-left: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:ml-xxx-large {
    margin-left: var(--bal-space-xxx-large-desktop) !important;
  }
  .ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.p-none {
  padding: 0 !important;
}

.p-auto {
  padding: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:p-xx-small {
    padding: var(--bal-space-xx-small) !important;
  }
  .mobile\:p-x-small {
    padding: var(--bal-space-x-small) !important;
  }
  .mobile\:p-small {
    padding: var(--bal-space-small) !important;
  }
  .mobile\:p-normal {
    padding: var(--bal-space-normal) !important;
  }
  .mobile\:p-medium {
    padding: var(--bal-space-medium) !important;
  }
  .mobile\:p-large {
    padding: var(--bal-space-large) !important;
  }
  .mobile\:p-x-large {
    padding: var(--bal-space-x-large) !important;
  }
  .mobile\:p-xx-large {
    padding: var(--bal-space-xx-large) !important;
  }
  .mobile\:p-xxx-large {
    padding: var(--bal-space-xxx-large) !important;
  }
  .mobile\:p-xxxx-large {
    padding: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .p-none {
    padding: 0 !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .p-xx-small {
    padding: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:p-xx-small {
    padding: var(--bal-space-xx-small-tablet) !important;
  }
  .p-x-small {
    padding: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:p-x-small {
    padding: var(--bal-space-x-small-tablet) !important;
  }
  .p-small {
    padding: var(--bal-space-small-tablet) !important;
  }
  .tablet\:p-small {
    padding: var(--bal-space-small-tablet) !important;
  }
  .p-normal {
    padding: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:p-normal {
    padding: var(--bal-space-normal-tablet) !important;
  }
  .p-medium {
    padding: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:p-medium {
    padding: var(--bal-space-medium-tablet) !important;
  }
  .p-large {
    padding: var(--bal-space-large-tablet) !important;
  }
  .tablet\:p-large {
    padding: var(--bal-space-large-tablet) !important;
  }
  .p-x-large {
    padding: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:p-x-large {
    padding: var(--bal-space-x-large-tablet) !important;
  }
  .p-xx-large {
    padding: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:p-xx-large {
    padding: var(--bal-space-xx-large-tablet) !important;
  }
  .p-xxx-large {
    padding: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:p-xxx-large {
    padding: var(--bal-space-xxx-large-tablet) !important;
  }
  .p-xxxx-large {
    padding: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:p-xxxx-large {
    padding: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-none {
    padding: 0 !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .p-xx-small {
    padding: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:p-xx-small {
    padding: var(--bal-space-xx-small-desktop) !important;
  }
  .p-x-small {
    padding: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:p-x-small {
    padding: var(--bal-space-x-small-desktop) !important;
  }
  .p-small {
    padding: var(--bal-space-small-desktop) !important;
  }
  .desktop\:p-small {
    padding: var(--bal-space-small-desktop) !important;
  }
  .p-normal {
    padding: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:p-normal {
    padding: var(--bal-space-normal-desktop) !important;
  }
  .p-medium {
    padding: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:p-medium {
    padding: var(--bal-space-medium-desktop) !important;
  }
  .p-large {
    padding: var(--bal-space-large-desktop) !important;
  }
  .desktop\:p-large {
    padding: var(--bal-space-large-desktop) !important;
  }
  .p-x-large {
    padding: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:p-x-large {
    padding: var(--bal-space-x-large-desktop) !important;
  }
  .p-xx-large {
    padding: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:p-xx-large {
    padding: var(--bal-space-xx-large-desktop) !important;
  }
  .p-xxx-large {
    padding: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:p-xxx-large {
    padding: var(--bal-space-xxx-large-desktop) !important;
  }
  .p-xxxx-large {
    padding: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:p-xxxx-large {
    padding: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.px-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:px-xx-small {
    padding-left: var(--bal-space-xx-small) !important;
    padding-right: var(--bal-space-xx-small) !important;
  }
  .mobile\:px-x-small {
    padding-left: var(--bal-space-x-small) !important;
    padding-right: var(--bal-space-x-small) !important;
  }
  .mobile\:px-small {
    padding-left: var(--bal-space-small) !important;
    padding-right: var(--bal-space-small) !important;
  }
  .mobile\:px-normal {
    padding-left: var(--bal-space-normal) !important;
    padding-right: var(--bal-space-normal) !important;
  }
  .mobile\:px-medium {
    padding-left: var(--bal-space-medium) !important;
    padding-right: var(--bal-space-medium) !important;
  }
  .mobile\:px-large {
    padding-left: var(--bal-space-large) !important;
    padding-right: var(--bal-space-large) !important;
  }
  .mobile\:px-x-large {
    padding-left: var(--bal-space-x-large) !important;
    padding-right: var(--bal-space-x-large) !important;
  }
  .mobile\:px-xx-large {
    padding-left: var(--bal-space-xx-large) !important;
    padding-right: var(--bal-space-xx-large) !important;
  }
  .mobile\:px-xxx-large {
    padding-left: var(--bal-space-xxx-large) !important;
    padding-right: var(--bal-space-xxx-large) !important;
  }
  .mobile\:px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large) !important;
    padding-right: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .px-xx-small {
    padding-left: var(--bal-space-xx-small-tablet) !important;
    padding-right: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:px-xx-small {
    padding-left: var(--bal-space-xx-small-tablet) !important;
    padding-right: var(--bal-space-xx-small-tablet) !important;
  }
  .px-x-small {
    padding-left: var(--bal-space-x-small-tablet) !important;
    padding-right: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:px-x-small {
    padding-left: var(--bal-space-x-small-tablet) !important;
    padding-right: var(--bal-space-x-small-tablet) !important;
  }
  .px-small {
    padding-left: var(--bal-space-small-tablet) !important;
    padding-right: var(--bal-space-small-tablet) !important;
  }
  .tablet\:px-small {
    padding-left: var(--bal-space-small-tablet) !important;
    padding-right: var(--bal-space-small-tablet) !important;
  }
  .px-normal {
    padding-left: var(--bal-space-normal-tablet) !important;
    padding-right: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:px-normal {
    padding-left: var(--bal-space-normal-tablet) !important;
    padding-right: var(--bal-space-normal-tablet) !important;
  }
  .px-medium {
    padding-left: var(--bal-space-medium-tablet) !important;
    padding-right: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:px-medium {
    padding-left: var(--bal-space-medium-tablet) !important;
    padding-right: var(--bal-space-medium-tablet) !important;
  }
  .px-large {
    padding-left: var(--bal-space-large-tablet) !important;
    padding-right: var(--bal-space-large-tablet) !important;
  }
  .tablet\:px-large {
    padding-left: var(--bal-space-large-tablet) !important;
    padding-right: var(--bal-space-large-tablet) !important;
  }
  .px-x-large {
    padding-left: var(--bal-space-x-large-tablet) !important;
    padding-right: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:px-x-large {
    padding-left: var(--bal-space-x-large-tablet) !important;
    padding-right: var(--bal-space-x-large-tablet) !important;
  }
  .px-xx-large {
    padding-left: var(--bal-space-xx-large-tablet) !important;
    padding-right: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:px-xx-large {
    padding-left: var(--bal-space-xx-large-tablet) !important;
    padding-right: var(--bal-space-xx-large-tablet) !important;
  }
  .px-xxx-large {
    padding-left: var(--bal-space-xxx-large-tablet) !important;
    padding-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:px-xxx-large {
    padding-left: var(--bal-space-xxx-large-tablet) !important;
    padding-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-tablet) !important;
    padding-right: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-tablet) !important;
    padding-right: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .px-xx-small {
    padding-left: var(--bal-space-xx-small-desktop) !important;
    padding-right: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:px-xx-small {
    padding-left: var(--bal-space-xx-small-desktop) !important;
    padding-right: var(--bal-space-xx-small-desktop) !important;
  }
  .px-x-small {
    padding-left: var(--bal-space-x-small-desktop) !important;
    padding-right: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:px-x-small {
    padding-left: var(--bal-space-x-small-desktop) !important;
    padding-right: var(--bal-space-x-small-desktop) !important;
  }
  .px-small {
    padding-left: var(--bal-space-small-desktop) !important;
    padding-right: var(--bal-space-small-desktop) !important;
  }
  .desktop\:px-small {
    padding-left: var(--bal-space-small-desktop) !important;
    padding-right: var(--bal-space-small-desktop) !important;
  }
  .px-normal {
    padding-left: var(--bal-space-normal-desktop) !important;
    padding-right: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:px-normal {
    padding-left: var(--bal-space-normal-desktop) !important;
    padding-right: var(--bal-space-normal-desktop) !important;
  }
  .px-medium {
    padding-left: var(--bal-space-medium-desktop) !important;
    padding-right: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:px-medium {
    padding-left: var(--bal-space-medium-desktop) !important;
    padding-right: var(--bal-space-medium-desktop) !important;
  }
  .px-large {
    padding-left: var(--bal-space-large-desktop) !important;
    padding-right: var(--bal-space-large-desktop) !important;
  }
  .desktop\:px-large {
    padding-left: var(--bal-space-large-desktop) !important;
    padding-right: var(--bal-space-large-desktop) !important;
  }
  .px-x-large {
    padding-left: var(--bal-space-x-large-desktop) !important;
    padding-right: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:px-x-large {
    padding-left: var(--bal-space-x-large-desktop) !important;
    padding-right: var(--bal-space-x-large-desktop) !important;
  }
  .px-xx-large {
    padding-left: var(--bal-space-xx-large-desktop) !important;
    padding-right: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:px-xx-large {
    padding-left: var(--bal-space-xx-large-desktop) !important;
    padding-right: var(--bal-space-xx-large-desktop) !important;
  }
  .px-xxx-large {
    padding-left: var(--bal-space-xxx-large-desktop) !important;
    padding-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:px-xxx-large {
    padding-left: var(--bal-space-xxx-large-desktop) !important;
    padding-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-desktop) !important;
    padding-right: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-desktop) !important;
    padding-right: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.py-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:py-xx-small {
    padding-top: var(--bal-space-xx-small) !important;
    padding-bottom: var(--bal-space-xx-small) !important;
  }
  .mobile\:py-x-small {
    padding-top: var(--bal-space-x-small) !important;
    padding-bottom: var(--bal-space-x-small) !important;
  }
  .mobile\:py-small {
    padding-top: var(--bal-space-small) !important;
    padding-bottom: var(--bal-space-small) !important;
  }
  .mobile\:py-normal {
    padding-top: var(--bal-space-normal) !important;
    padding-bottom: var(--bal-space-normal) !important;
  }
  .mobile\:py-medium {
    padding-top: var(--bal-space-medium) !important;
    padding-bottom: var(--bal-space-medium) !important;
  }
  .mobile\:py-large {
    padding-top: var(--bal-space-large) !important;
    padding-bottom: var(--bal-space-large) !important;
  }
  .mobile\:py-x-large {
    padding-top: var(--bal-space-x-large) !important;
    padding-bottom: var(--bal-space-x-large) !important;
  }
  .mobile\:py-xx-large {
    padding-top: var(--bal-space-xx-large) !important;
    padding-bottom: var(--bal-space-xx-large) !important;
  }
  .mobile\:py-xxx-large {
    padding-top: var(--bal-space-xxx-large) !important;
    padding-bottom: var(--bal-space-xxx-large) !important;
  }
  .mobile\:py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large) !important;
    padding-bottom: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .py-xx-small {
    padding-top: var(--bal-space-xx-small-tablet) !important;
    padding-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:py-xx-small {
    padding-top: var(--bal-space-xx-small-tablet) !important;
    padding-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .py-x-small {
    padding-top: var(--bal-space-x-small-tablet) !important;
    padding-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:py-x-small {
    padding-top: var(--bal-space-x-small-tablet) !important;
    padding-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .py-small {
    padding-top: var(--bal-space-small-tablet) !important;
    padding-bottom: var(--bal-space-small-tablet) !important;
  }
  .tablet\:py-small {
    padding-top: var(--bal-space-small-tablet) !important;
    padding-bottom: var(--bal-space-small-tablet) !important;
  }
  .py-normal {
    padding-top: var(--bal-space-normal-tablet) !important;
    padding-bottom: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:py-normal {
    padding-top: var(--bal-space-normal-tablet) !important;
    padding-bottom: var(--bal-space-normal-tablet) !important;
  }
  .py-medium {
    padding-top: var(--bal-space-medium-tablet) !important;
    padding-bottom: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:py-medium {
    padding-top: var(--bal-space-medium-tablet) !important;
    padding-bottom: var(--bal-space-medium-tablet) !important;
  }
  .py-large {
    padding-top: var(--bal-space-large-tablet) !important;
    padding-bottom: var(--bal-space-large-tablet) !important;
  }
  .tablet\:py-large {
    padding-top: var(--bal-space-large-tablet) !important;
    padding-bottom: var(--bal-space-large-tablet) !important;
  }
  .py-x-large {
    padding-top: var(--bal-space-x-large-tablet) !important;
    padding-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:py-x-large {
    padding-top: var(--bal-space-x-large-tablet) !important;
    padding-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .py-xx-large {
    padding-top: var(--bal-space-xx-large-tablet) !important;
    padding-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:py-xx-large {
    padding-top: var(--bal-space-xx-large-tablet) !important;
    padding-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .py-xxx-large {
    padding-top: var(--bal-space-xxx-large-tablet) !important;
    padding-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:py-xxx-large {
    padding-top: var(--bal-space-xxx-large-tablet) !important;
    padding-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-tablet) !important;
    padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-tablet) !important;
    padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .py-xx-small {
    padding-top: var(--bal-space-xx-small-desktop) !important;
    padding-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:py-xx-small {
    padding-top: var(--bal-space-xx-small-desktop) !important;
    padding-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .py-x-small {
    padding-top: var(--bal-space-x-small-desktop) !important;
    padding-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:py-x-small {
    padding-top: var(--bal-space-x-small-desktop) !important;
    padding-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .py-small {
    padding-top: var(--bal-space-small-desktop) !important;
    padding-bottom: var(--bal-space-small-desktop) !important;
  }
  .desktop\:py-small {
    padding-top: var(--bal-space-small-desktop) !important;
    padding-bottom: var(--bal-space-small-desktop) !important;
  }
  .py-normal {
    padding-top: var(--bal-space-normal-desktop) !important;
    padding-bottom: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:py-normal {
    padding-top: var(--bal-space-normal-desktop) !important;
    padding-bottom: var(--bal-space-normal-desktop) !important;
  }
  .py-medium {
    padding-top: var(--bal-space-medium-desktop) !important;
    padding-bottom: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:py-medium {
    padding-top: var(--bal-space-medium-desktop) !important;
    padding-bottom: var(--bal-space-medium-desktop) !important;
  }
  .py-large {
    padding-top: var(--bal-space-large-desktop) !important;
    padding-bottom: var(--bal-space-large-desktop) !important;
  }
  .desktop\:py-large {
    padding-top: var(--bal-space-large-desktop) !important;
    padding-bottom: var(--bal-space-large-desktop) !important;
  }
  .py-x-large {
    padding-top: var(--bal-space-x-large-desktop) !important;
    padding-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:py-x-large {
    padding-top: var(--bal-space-x-large-desktop) !important;
    padding-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .py-xx-large {
    padding-top: var(--bal-space-xx-large-desktop) !important;
    padding-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:py-xx-large {
    padding-top: var(--bal-space-xx-large-desktop) !important;
    padding-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .py-xxx-large {
    padding-top: var(--bal-space-xxx-large-desktop) !important;
    padding-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:py-xxx-large {
    padding-top: var(--bal-space-xxx-large-desktop) !important;
    padding-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-desktop) !important;
    padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-desktop) !important;
    padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.pt-none {
  padding-top: 0 !important;
}

.pt-auto {
  padding-top: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:pt-xx-small {
    padding-top: var(--bal-space-xx-small) !important;
  }
  .mobile\:pt-x-small {
    padding-top: var(--bal-space-x-small) !important;
  }
  .mobile\:pt-small {
    padding-top: var(--bal-space-small) !important;
  }
  .mobile\:pt-normal {
    padding-top: var(--bal-space-normal) !important;
  }
  .mobile\:pt-medium {
    padding-top: var(--bal-space-medium) !important;
  }
  .mobile\:pt-large {
    padding-top: var(--bal-space-large) !important;
  }
  .mobile\:pt-x-large {
    padding-top: var(--bal-space-x-large) !important;
  }
  .mobile\:pt-xx-large {
    padding-top: var(--bal-space-xx-large) !important;
  }
  .mobile\:pt-xxx-large {
    padding-top: var(--bal-space-xxx-large) !important;
  }
  .mobile\:pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-none {
    padding-top: 0 !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pt-xx-small {
    padding-top: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:pt-xx-small {
    padding-top: var(--bal-space-xx-small-tablet) !important;
  }
  .pt-x-small {
    padding-top: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:pt-x-small {
    padding-top: var(--bal-space-x-small-tablet) !important;
  }
  .pt-small {
    padding-top: var(--bal-space-small-tablet) !important;
  }
  .tablet\:pt-small {
    padding-top: var(--bal-space-small-tablet) !important;
  }
  .pt-normal {
    padding-top: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:pt-normal {
    padding-top: var(--bal-space-normal-tablet) !important;
  }
  .pt-medium {
    padding-top: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:pt-medium {
    padding-top: var(--bal-space-medium-tablet) !important;
  }
  .pt-large {
    padding-top: var(--bal-space-large-tablet) !important;
  }
  .tablet\:pt-large {
    padding-top: var(--bal-space-large-tablet) !important;
  }
  .pt-x-large {
    padding-top: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:pt-x-large {
    padding-top: var(--bal-space-x-large-tablet) !important;
  }
  .pt-xx-large {
    padding-top: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:pt-xx-large {
    padding-top: var(--bal-space-xx-large-tablet) !important;
  }
  .pt-xxx-large {
    padding-top: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:pt-xxx-large {
    padding-top: var(--bal-space-xxx-large-tablet) !important;
  }
  .pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-none {
    padding-top: 0 !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pt-xx-small {
    padding-top: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:pt-xx-small {
    padding-top: var(--bal-space-xx-small-desktop) !important;
  }
  .pt-x-small {
    padding-top: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:pt-x-small {
    padding-top: var(--bal-space-x-small-desktop) !important;
  }
  .pt-small {
    padding-top: var(--bal-space-small-desktop) !important;
  }
  .desktop\:pt-small {
    padding-top: var(--bal-space-small-desktop) !important;
  }
  .pt-normal {
    padding-top: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:pt-normal {
    padding-top: var(--bal-space-normal-desktop) !important;
  }
  .pt-medium {
    padding-top: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:pt-medium {
    padding-top: var(--bal-space-medium-desktop) !important;
  }
  .pt-large {
    padding-top: var(--bal-space-large-desktop) !important;
  }
  .desktop\:pt-large {
    padding-top: var(--bal-space-large-desktop) !important;
  }
  .pt-x-large {
    padding-top: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:pt-x-large {
    padding-top: var(--bal-space-x-large-desktop) !important;
  }
  .pt-xx-large {
    padding-top: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:pt-xx-large {
    padding-top: var(--bal-space-xx-large-desktop) !important;
  }
  .pt-xxx-large {
    padding-top: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:pt-xxx-large {
    padding-top: var(--bal-space-xxx-large-desktop) !important;
  }
  .pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.pr-none {
  padding-right: 0 !important;
}

.pr-auto {
  padding-right: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:pr-xx-small {
    padding-right: var(--bal-space-xx-small) !important;
  }
  .mobile\:pr-x-small {
    padding-right: var(--bal-space-x-small) !important;
  }
  .mobile\:pr-small {
    padding-right: var(--bal-space-small) !important;
  }
  .mobile\:pr-normal {
    padding-right: var(--bal-space-normal) !important;
  }
  .mobile\:pr-medium {
    padding-right: var(--bal-space-medium) !important;
  }
  .mobile\:pr-large {
    padding-right: var(--bal-space-large) !important;
  }
  .mobile\:pr-x-large {
    padding-right: var(--bal-space-x-large) !important;
  }
  .mobile\:pr-xx-large {
    padding-right: var(--bal-space-xx-large) !important;
  }
  .mobile\:pr-xxx-large {
    padding-right: var(--bal-space-xxx-large) !important;
  }
  .mobile\:pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-none {
    padding-right: 0 !important;
  }
  .pr-auto {
    padding-right: auto !important;
  }
  .pr-xx-small {
    padding-right: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:pr-xx-small {
    padding-right: var(--bal-space-xx-small-tablet) !important;
  }
  .pr-x-small {
    padding-right: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:pr-x-small {
    padding-right: var(--bal-space-x-small-tablet) !important;
  }
  .pr-small {
    padding-right: var(--bal-space-small-tablet) !important;
  }
  .tablet\:pr-small {
    padding-right: var(--bal-space-small-tablet) !important;
  }
  .pr-normal {
    padding-right: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:pr-normal {
    padding-right: var(--bal-space-normal-tablet) !important;
  }
  .pr-medium {
    padding-right: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:pr-medium {
    padding-right: var(--bal-space-medium-tablet) !important;
  }
  .pr-large {
    padding-right: var(--bal-space-large-tablet) !important;
  }
  .tablet\:pr-large {
    padding-right: var(--bal-space-large-tablet) !important;
  }
  .pr-x-large {
    padding-right: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:pr-x-large {
    padding-right: var(--bal-space-x-large-tablet) !important;
  }
  .pr-xx-large {
    padding-right: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:pr-xx-large {
    padding-right: var(--bal-space-xx-large-tablet) !important;
  }
  .pr-xxx-large {
    padding-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:pr-xxx-large {
    padding-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-none {
    padding-right: 0 !important;
  }
  .pr-auto {
    padding-right: auto !important;
  }
  .pr-xx-small {
    padding-right: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:pr-xx-small {
    padding-right: var(--bal-space-xx-small-desktop) !important;
  }
  .pr-x-small {
    padding-right: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:pr-x-small {
    padding-right: var(--bal-space-x-small-desktop) !important;
  }
  .pr-small {
    padding-right: var(--bal-space-small-desktop) !important;
  }
  .desktop\:pr-small {
    padding-right: var(--bal-space-small-desktop) !important;
  }
  .pr-normal {
    padding-right: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:pr-normal {
    padding-right: var(--bal-space-normal-desktop) !important;
  }
  .pr-medium {
    padding-right: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:pr-medium {
    padding-right: var(--bal-space-medium-desktop) !important;
  }
  .pr-large {
    padding-right: var(--bal-space-large-desktop) !important;
  }
  .desktop\:pr-large {
    padding-right: var(--bal-space-large-desktop) !important;
  }
  .pr-x-large {
    padding-right: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:pr-x-large {
    padding-right: var(--bal-space-x-large-desktop) !important;
  }
  .pr-xx-large {
    padding-right: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:pr-xx-large {
    padding-right: var(--bal-space-xx-large-desktop) !important;
  }
  .pr-xxx-large {
    padding-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:pr-xxx-large {
    padding-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.pb-none {
  padding-bottom: 0 !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:pb-xx-small {
    padding-bottom: var(--bal-space-xx-small) !important;
  }
  .mobile\:pb-x-small {
    padding-bottom: var(--bal-space-x-small) !important;
  }
  .mobile\:pb-small {
    padding-bottom: var(--bal-space-small) !important;
  }
  .mobile\:pb-normal {
    padding-bottom: var(--bal-space-normal) !important;
  }
  .mobile\:pb-medium {
    padding-bottom: var(--bal-space-medium) !important;
  }
  .mobile\:pb-large {
    padding-bottom: var(--bal-space-large) !important;
  }
  .mobile\:pb-x-large {
    padding-bottom: var(--bal-space-x-large) !important;
  }
  .mobile\:pb-xx-large {
    padding-bottom: var(--bal-space-xx-large) !important;
  }
  .mobile\:pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large) !important;
  }
  .mobile\:pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-none {
    padding-bottom: 0 !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .pb-xx-small {
    padding-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:pb-xx-small {
    padding-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .pb-x-small {
    padding-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:pb-x-small {
    padding-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .pb-small {
    padding-bottom: var(--bal-space-small-tablet) !important;
  }
  .tablet\:pb-small {
    padding-bottom: var(--bal-space-small-tablet) !important;
  }
  .pb-normal {
    padding-bottom: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:pb-normal {
    padding-bottom: var(--bal-space-normal-tablet) !important;
  }
  .pb-medium {
    padding-bottom: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:pb-medium {
    padding-bottom: var(--bal-space-medium-tablet) !important;
  }
  .pb-large {
    padding-bottom: var(--bal-space-large-tablet) !important;
  }
  .tablet\:pb-large {
    padding-bottom: var(--bal-space-large-tablet) !important;
  }
  .pb-x-large {
    padding-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:pb-x-large {
    padding-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .pb-xx-large {
    padding-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:pb-xx-large {
    padding-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-none {
    padding-bottom: 0 !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .pb-xx-small {
    padding-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:pb-xx-small {
    padding-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .pb-x-small {
    padding-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:pb-x-small {
    padding-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .pb-small {
    padding-bottom: var(--bal-space-small-desktop) !important;
  }
  .desktop\:pb-small {
    padding-bottom: var(--bal-space-small-desktop) !important;
  }
  .pb-normal {
    padding-bottom: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:pb-normal {
    padding-bottom: var(--bal-space-normal-desktop) !important;
  }
  .pb-medium {
    padding-bottom: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:pb-medium {
    padding-bottom: var(--bal-space-medium-desktop) !important;
  }
  .pb-large {
    padding-bottom: var(--bal-space-large-desktop) !important;
  }
  .desktop\:pb-large {
    padding-bottom: var(--bal-space-large-desktop) !important;
  }
  .pb-x-large {
    padding-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:pb-x-large {
    padding-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .pb-xx-large {
    padding-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:pb-xx-large {
    padding-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.pl-none {
  padding-left: 0 !important;
}

.pl-auto {
  padding-left: auto !important;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:pl-xx-small {
    padding-left: var(--bal-space-xx-small) !important;
  }
  .mobile\:pl-x-small {
    padding-left: var(--bal-space-x-small) !important;
  }
  .mobile\:pl-small {
    padding-left: var(--bal-space-small) !important;
  }
  .mobile\:pl-normal {
    padding-left: var(--bal-space-normal) !important;
  }
  .mobile\:pl-medium {
    padding-left: var(--bal-space-medium) !important;
  }
  .mobile\:pl-large {
    padding-left: var(--bal-space-large) !important;
  }
  .mobile\:pl-x-large {
    padding-left: var(--bal-space-x-large) !important;
  }
  .mobile\:pl-xx-large {
    padding-left: var(--bal-space-xx-large) !important;
  }
  .mobile\:pl-xxx-large {
    padding-left: var(--bal-space-xxx-large) !important;
  }
  .mobile\:pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-none {
    padding-left: 0 !important;
  }
  .pl-auto {
    padding-left: auto !important;
  }
  .pl-xx-small {
    padding-left: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:pl-xx-small {
    padding-left: var(--bal-space-xx-small-tablet) !important;
  }
  .pl-x-small {
    padding-left: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:pl-x-small {
    padding-left: var(--bal-space-x-small-tablet) !important;
  }
  .pl-small {
    padding-left: var(--bal-space-small-tablet) !important;
  }
  .tablet\:pl-small {
    padding-left: var(--bal-space-small-tablet) !important;
  }
  .pl-normal {
    padding-left: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:pl-normal {
    padding-left: var(--bal-space-normal-tablet) !important;
  }
  .pl-medium {
    padding-left: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:pl-medium {
    padding-left: var(--bal-space-medium-tablet) !important;
  }
  .pl-large {
    padding-left: var(--bal-space-large-tablet) !important;
  }
  .tablet\:pl-large {
    padding-left: var(--bal-space-large-tablet) !important;
  }
  .pl-x-large {
    padding-left: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:pl-x-large {
    padding-left: var(--bal-space-x-large-tablet) !important;
  }
  .pl-xx-large {
    padding-left: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:pl-xx-large {
    padding-left: var(--bal-space-xx-large-tablet) !important;
  }
  .pl-xxx-large {
    padding-left: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:pl-xxx-large {
    padding-left: var(--bal-space-xxx-large-tablet) !important;
  }
  .pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-none {
    padding-left: 0 !important;
  }
  .pl-auto {
    padding-left: auto !important;
  }
  .pl-xx-small {
    padding-left: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:pl-xx-small {
    padding-left: var(--bal-space-xx-small-desktop) !important;
  }
  .pl-x-small {
    padding-left: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:pl-x-small {
    padding-left: var(--bal-space-x-small-desktop) !important;
  }
  .pl-small {
    padding-left: var(--bal-space-small-desktop) !important;
  }
  .desktop\:pl-small {
    padding-left: var(--bal-space-small-desktop) !important;
  }
  .pl-normal {
    padding-left: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:pl-normal {
    padding-left: var(--bal-space-normal-desktop) !important;
  }
  .pl-medium {
    padding-left: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:pl-medium {
    padding-left: var(--bal-space-medium-desktop) !important;
  }
  .pl-large {
    padding-left: var(--bal-space-large-desktop) !important;
  }
  .desktop\:pl-large {
    padding-left: var(--bal-space-large-desktop) !important;
  }
  .pl-x-large {
    padding-left: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:pl-x-large {
    padding-left: var(--bal-space-x-large-desktop) !important;
  }
  .pl-xx-large {
    padding-left: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:pl-xx-large {
    padding-left: var(--bal-space-xx-large-desktop) !important;
  }
  .pl-xxx-large {
    padding-left: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:pl-xxx-large {
    padding-left: var(--bal-space-xxx-large-desktop) !important;
  }
  .pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-desktop) !important;
  }
}
/*# sourceMappingURL=utilities/spacing.css.map */