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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:m-xx-small {
    margin: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:m-x-small {
    margin: var(--group-space-x-small-mobile) !important;
  }
  .mobile:m-small {
    margin: var(--group-space-small-mobile) !important;
  }
  .mobile:m-normal {
    margin: var(--group-space-normal-mobile) !important;
  }
  .mobile:m-medium {
    margin: var(--group-space-medium-mobile) !important;
  }
  .mobile:m-large {
    margin: var(--group-space-large-mobile) !important;
  }
  .mobile:m-x-large {
    margin: var(--group-space-x-large-mobile) !important;
  }
  .mobile:m-xx-large {
    margin: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .m-none {
    margin: 0 !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-xx-small {
    margin: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:m-xx-small {
    margin: var(--group-space-xx-small-tablet) !important;
  }
  .m-x-small {
    margin: var(--group-space-x-small-tablet) !important;
  }
  .tablet:m-x-small {
    margin: var(--group-space-x-small-tablet) !important;
  }
  .m-small {
    margin: var(--group-space-small-tablet) !important;
  }
  .tablet:m-small {
    margin: var(--group-space-small-tablet) !important;
  }
  .m-normal {
    margin: var(--group-space-normal-tablet) !important;
  }
  .tablet:m-normal {
    margin: var(--group-space-normal-tablet) !important;
  }
  .m-medium {
    margin: var(--group-space-medium-tablet) !important;
  }
  .tablet:m-medium {
    margin: var(--group-space-medium-tablet) !important;
  }
  .m-large {
    margin: var(--group-space-large-tablet) !important;
  }
  .tablet:m-large {
    margin: var(--group-space-large-tablet) !important;
  }
  .m-x-large {
    margin: var(--group-space-x-large-tablet) !important;
  }
  .tablet:m-x-large {
    margin: var(--group-space-x-large-tablet) !important;
  }
  .m-xx-large {
    margin: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:m-xx-large {
    margin: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .m-none {
    margin: 0 !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-xx-small {
    margin: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:m-xx-small {
    margin: var(--group-space-xx-small-desktop) !important;
  }
  .m-x-small {
    margin: var(--group-space-x-small-desktop) !important;
  }
  .desktop:m-x-small {
    margin: var(--group-space-x-small-desktop) !important;
  }
  .m-small {
    margin: var(--group-space-small-desktop) !important;
  }
  .desktop:m-small {
    margin: var(--group-space-small-desktop) !important;
  }
  .m-normal {
    margin: var(--group-space-normal-desktop) !important;
  }
  .desktop:m-normal {
    margin: var(--group-space-normal-desktop) !important;
  }
  .m-medium {
    margin: var(--group-space-medium-desktop) !important;
  }
  .desktop:m-medium {
    margin: var(--group-space-medium-desktop) !important;
  }
  .m-large {
    margin: var(--group-space-large-desktop) !important;
  }
  .desktop:m-large {
    margin: var(--group-space-large-desktop) !important;
  }
  .m-x-large {
    margin: var(--group-space-x-large-desktop) !important;
  }
  .desktop:m-x-large {
    margin: var(--group-space-x-large-desktop) !important;
  }
  .m-xx-large {
    margin: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:m-xx-large {
    margin: var(--group-space-xx-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(--group-space-xx-small) !important;
  margin-right: var(--group-space-xx-small) !important;
}

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:mx-xx-small {
    margin-left: var(--group-space-xx-small-mobile) !important;
    margin-right: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:mx-x-small {
    margin-left: var(--group-space-x-small-mobile) !important;
    margin-right: var(--group-space-x-small-mobile) !important;
  }
  .mobile:mx-small {
    margin-left: var(--group-space-small-mobile) !important;
    margin-right: var(--group-space-small-mobile) !important;
  }
  .mobile:mx-normal {
    margin-left: var(--group-space-normal-mobile) !important;
    margin-right: var(--group-space-normal-mobile) !important;
  }
  .mobile:mx-medium {
    margin-left: var(--group-space-medium-mobile) !important;
    margin-right: var(--group-space-medium-mobile) !important;
  }
  .mobile:mx-large {
    margin-left: var(--group-space-large-mobile) !important;
    margin-right: var(--group-space-large-mobile) !important;
  }
  .mobile:mx-x-large {
    margin-left: var(--group-space-x-large-mobile) !important;
    margin-right: var(--group-space-x-large-mobile) !important;
  }
  .mobile:mx-xx-large {
    margin-left: var(--group-space-xx-large-mobile) !important;
    margin-right: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
    margin-right: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:mx-xx-small {
    margin-left: var(--group-space-xx-small-tablet) !important;
    margin-right: var(--group-space-xx-small-tablet) !important;
  }
  .mx-x-small {
    margin-left: var(--group-space-x-small-tablet) !important;
    margin-right: var(--group-space-x-small-tablet) !important;
  }
  .tablet:mx-x-small {
    margin-left: var(--group-space-x-small-tablet) !important;
    margin-right: var(--group-space-x-small-tablet) !important;
  }
  .mx-small {
    margin-left: var(--group-space-small-tablet) !important;
    margin-right: var(--group-space-small-tablet) !important;
  }
  .tablet:mx-small {
    margin-left: var(--group-space-small-tablet) !important;
    margin-right: var(--group-space-small-tablet) !important;
  }
  .mx-normal {
    margin-left: var(--group-space-normal-tablet) !important;
    margin-right: var(--group-space-normal-tablet) !important;
  }
  .tablet:mx-normal {
    margin-left: var(--group-space-normal-tablet) !important;
    margin-right: var(--group-space-normal-tablet) !important;
  }
  .mx-medium {
    margin-left: var(--group-space-medium-tablet) !important;
    margin-right: var(--group-space-medium-tablet) !important;
  }
  .tablet:mx-medium {
    margin-left: var(--group-space-medium-tablet) !important;
    margin-right: var(--group-space-medium-tablet) !important;
  }
  .mx-large {
    margin-left: var(--group-space-large-tablet) !important;
    margin-right: var(--group-space-large-tablet) !important;
  }
  .tablet:mx-large {
    margin-left: var(--group-space-large-tablet) !important;
    margin-right: var(--group-space-large-tablet) !important;
  }
  .mx-x-large {
    margin-left: var(--group-space-x-large-tablet) !important;
    margin-right: var(--group-space-x-large-tablet) !important;
  }
  .tablet:mx-x-large {
    margin-left: var(--group-space-x-large-tablet) !important;
    margin-right: var(--group-space-x-large-tablet) !important;
  }
  .mx-xx-large {
    margin-left: var(--group-space-xx-large-tablet) !important;
    margin-right: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:mx-xx-large {
    margin-left: var(--group-space-xx-large-tablet) !important;
    margin-right: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
    margin-right: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:mx-xx-small {
    margin-left: var(--group-space-xx-small-desktop) !important;
    margin-right: var(--group-space-xx-small-desktop) !important;
  }
  .mx-x-small {
    margin-left: var(--group-space-x-small-desktop) !important;
    margin-right: var(--group-space-x-small-desktop) !important;
  }
  .desktop:mx-x-small {
    margin-left: var(--group-space-x-small-desktop) !important;
    margin-right: var(--group-space-x-small-desktop) !important;
  }
  .mx-small {
    margin-left: var(--group-space-small-desktop) !important;
    margin-right: var(--group-space-small-desktop) !important;
  }
  .desktop:mx-small {
    margin-left: var(--group-space-small-desktop) !important;
    margin-right: var(--group-space-small-desktop) !important;
  }
  .mx-normal {
    margin-left: var(--group-space-normal-desktop) !important;
    margin-right: var(--group-space-normal-desktop) !important;
  }
  .desktop:mx-normal {
    margin-left: var(--group-space-normal-desktop) !important;
    margin-right: var(--group-space-normal-desktop) !important;
  }
  .mx-medium {
    margin-left: var(--group-space-medium-desktop) !important;
    margin-right: var(--group-space-medium-desktop) !important;
  }
  .desktop:mx-medium {
    margin-left: var(--group-space-medium-desktop) !important;
    margin-right: var(--group-space-medium-desktop) !important;
  }
  .mx-large {
    margin-left: var(--group-space-large-desktop) !important;
    margin-right: var(--group-space-large-desktop) !important;
  }
  .desktop:mx-large {
    margin-left: var(--group-space-large-desktop) !important;
    margin-right: var(--group-space-large-desktop) !important;
  }
  .mx-x-large {
    margin-left: var(--group-space-x-large-desktop) !important;
    margin-right: var(--group-space-x-large-desktop) !important;
  }
  .desktop:mx-x-large {
    margin-left: var(--group-space-x-large-desktop) !important;
    margin-right: var(--group-space-x-large-desktop) !important;
  }
  .mx-xx-large {
    margin-left: var(--group-space-xx-large-desktop) !important;
    margin-right: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:mx-xx-large {
    margin-left: var(--group-space-xx-large-desktop) !important;
    margin-right: var(--group-space-xx-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(--group-space-xx-small) !important;
  margin-bottom: var(--group-space-xx-small) !important;
}

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:my-xx-small {
    margin-top: var(--group-space-xx-small-mobile) !important;
    margin-bottom: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:my-x-small {
    margin-top: var(--group-space-x-small-mobile) !important;
    margin-bottom: var(--group-space-x-small-mobile) !important;
  }
  .mobile:my-small {
    margin-top: var(--group-space-small-mobile) !important;
    margin-bottom: var(--group-space-small-mobile) !important;
  }
  .mobile:my-normal {
    margin-top: var(--group-space-normal-mobile) !important;
    margin-bottom: var(--group-space-normal-mobile) !important;
  }
  .mobile:my-medium {
    margin-top: var(--group-space-medium-mobile) !important;
    margin-bottom: var(--group-space-medium-mobile) !important;
  }
  .mobile:my-large {
    margin-top: var(--group-space-large-mobile) !important;
    margin-bottom: var(--group-space-large-mobile) !important;
  }
  .mobile:my-x-large {
    margin-top: var(--group-space-x-large-mobile) !important;
    margin-bottom: var(--group-space-x-large-mobile) !important;
  }
  .mobile:my-xx-large {
    margin-top: var(--group-space-xx-large-mobile) !important;
    margin-bottom: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
    margin-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:my-xx-small {
    margin-top: var(--group-space-xx-small-tablet) !important;
    margin-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .my-x-small {
    margin-top: var(--group-space-x-small-tablet) !important;
    margin-bottom: var(--group-space-x-small-tablet) !important;
  }
  .tablet:my-x-small {
    margin-top: var(--group-space-x-small-tablet) !important;
    margin-bottom: var(--group-space-x-small-tablet) !important;
  }
  .my-small {
    margin-top: var(--group-space-small-tablet) !important;
    margin-bottom: var(--group-space-small-tablet) !important;
  }
  .tablet:my-small {
    margin-top: var(--group-space-small-tablet) !important;
    margin-bottom: var(--group-space-small-tablet) !important;
  }
  .my-normal {
    margin-top: var(--group-space-normal-tablet) !important;
    margin-bottom: var(--group-space-normal-tablet) !important;
  }
  .tablet:my-normal {
    margin-top: var(--group-space-normal-tablet) !important;
    margin-bottom: var(--group-space-normal-tablet) !important;
  }
  .my-medium {
    margin-top: var(--group-space-medium-tablet) !important;
    margin-bottom: var(--group-space-medium-tablet) !important;
  }
  .tablet:my-medium {
    margin-top: var(--group-space-medium-tablet) !important;
    margin-bottom: var(--group-space-medium-tablet) !important;
  }
  .my-large {
    margin-top: var(--group-space-large-tablet) !important;
    margin-bottom: var(--group-space-large-tablet) !important;
  }
  .tablet:my-large {
    margin-top: var(--group-space-large-tablet) !important;
    margin-bottom: var(--group-space-large-tablet) !important;
  }
  .my-x-large {
    margin-top: var(--group-space-x-large-tablet) !important;
    margin-bottom: var(--group-space-x-large-tablet) !important;
  }
  .tablet:my-x-large {
    margin-top: var(--group-space-x-large-tablet) !important;
    margin-bottom: var(--group-space-x-large-tablet) !important;
  }
  .my-xx-large {
    margin-top: var(--group-space-xx-large-tablet) !important;
    margin-bottom: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:my-xx-large {
    margin-top: var(--group-space-xx-large-tablet) !important;
    margin-bottom: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
    margin-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:my-xx-small {
    margin-top: var(--group-space-xx-small-desktop) !important;
    margin-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .my-x-small {
    margin-top: var(--group-space-x-small-desktop) !important;
    margin-bottom: var(--group-space-x-small-desktop) !important;
  }
  .desktop:my-x-small {
    margin-top: var(--group-space-x-small-desktop) !important;
    margin-bottom: var(--group-space-x-small-desktop) !important;
  }
  .my-small {
    margin-top: var(--group-space-small-desktop) !important;
    margin-bottom: var(--group-space-small-desktop) !important;
  }
  .desktop:my-small {
    margin-top: var(--group-space-small-desktop) !important;
    margin-bottom: var(--group-space-small-desktop) !important;
  }
  .my-normal {
    margin-top: var(--group-space-normal-desktop) !important;
    margin-bottom: var(--group-space-normal-desktop) !important;
  }
  .desktop:my-normal {
    margin-top: var(--group-space-normal-desktop) !important;
    margin-bottom: var(--group-space-normal-desktop) !important;
  }
  .my-medium {
    margin-top: var(--group-space-medium-desktop) !important;
    margin-bottom: var(--group-space-medium-desktop) !important;
  }
  .desktop:my-medium {
    margin-top: var(--group-space-medium-desktop) !important;
    margin-bottom: var(--group-space-medium-desktop) !important;
  }
  .my-large {
    margin-top: var(--group-space-large-desktop) !important;
    margin-bottom: var(--group-space-large-desktop) !important;
  }
  .desktop:my-large {
    margin-top: var(--group-space-large-desktop) !important;
    margin-bottom: var(--group-space-large-desktop) !important;
  }
  .my-x-large {
    margin-top: var(--group-space-x-large-desktop) !important;
    margin-bottom: var(--group-space-x-large-desktop) !important;
  }
  .desktop:my-x-large {
    margin-top: var(--group-space-x-large-desktop) !important;
    margin-bottom: var(--group-space-x-large-desktop) !important;
  }
  .my-xx-large {
    margin-top: var(--group-space-xx-large-desktop) !important;
    margin-bottom: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:my-xx-large {
    margin-top: var(--group-space-xx-large-desktop) !important;
    margin-bottom: var(--group-space-xx-large-desktop) !important;
  }
}
.mt-none {
  margin-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:mt-xx-small {
    margin-top: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:mt-x-small {
    margin-top: var(--group-space-x-small-mobile) !important;
  }
  .mobile:mt-small {
    margin-top: var(--group-space-small-mobile) !important;
  }
  .mobile:mt-normal {
    margin-top: var(--group-space-normal-mobile) !important;
  }
  .mobile:mt-medium {
    margin-top: var(--group-space-medium-mobile) !important;
  }
  .mobile:mt-large {
    margin-top: var(--group-space-large-mobile) !important;
  }
  .mobile:mt-x-large {
    margin-top: var(--group-space-x-large-mobile) !important;
  }
  .mobile:mt-xx-large {
    margin-top: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
  }
  .tablet:mt-xx-small {
    margin-top: var(--group-space-xx-small-tablet) !important;
  }
  .mt-x-small {
    margin-top: var(--group-space-x-small-tablet) !important;
  }
  .tablet:mt-x-small {
    margin-top: var(--group-space-x-small-tablet) !important;
  }
  .mt-small {
    margin-top: var(--group-space-small-tablet) !important;
  }
  .tablet:mt-small {
    margin-top: var(--group-space-small-tablet) !important;
  }
  .mt-normal {
    margin-top: var(--group-space-normal-tablet) !important;
  }
  .tablet:mt-normal {
    margin-top: var(--group-space-normal-tablet) !important;
  }
  .mt-medium {
    margin-top: var(--group-space-medium-tablet) !important;
  }
  .tablet:mt-medium {
    margin-top: var(--group-space-medium-tablet) !important;
  }
  .mt-large {
    margin-top: var(--group-space-large-tablet) !important;
  }
  .tablet:mt-large {
    margin-top: var(--group-space-large-tablet) !important;
  }
  .mt-x-large {
    margin-top: var(--group-space-x-large-tablet) !important;
  }
  .tablet:mt-x-large {
    margin-top: var(--group-space-x-large-tablet) !important;
  }
  .mt-xx-large {
    margin-top: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:mt-xx-large {
    margin-top: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
  }
  .desktop:mt-xx-small {
    margin-top: var(--group-space-xx-small-desktop) !important;
  }
  .mt-x-small {
    margin-top: var(--group-space-x-small-desktop) !important;
  }
  .desktop:mt-x-small {
    margin-top: var(--group-space-x-small-desktop) !important;
  }
  .mt-small {
    margin-top: var(--group-space-small-desktop) !important;
  }
  .desktop:mt-small {
    margin-top: var(--group-space-small-desktop) !important;
  }
  .mt-normal {
    margin-top: var(--group-space-normal-desktop) !important;
  }
  .desktop:mt-normal {
    margin-top: var(--group-space-normal-desktop) !important;
  }
  .mt-medium {
    margin-top: var(--group-space-medium-desktop) !important;
  }
  .desktop:mt-medium {
    margin-top: var(--group-space-medium-desktop) !important;
  }
  .mt-large {
    margin-top: var(--group-space-large-desktop) !important;
  }
  .desktop:mt-large {
    margin-top: var(--group-space-large-desktop) !important;
  }
  .mt-x-large {
    margin-top: var(--group-space-x-large-desktop) !important;
  }
  .desktop:mt-x-large {
    margin-top: var(--group-space-x-large-desktop) !important;
  }
  .mt-xx-large {
    margin-top: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:mt-xx-large {
    margin-top: var(--group-space-xx-large-desktop) !important;
  }
}
.mr-none {
  margin-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:mr-xx-small {
    margin-right: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:mr-x-small {
    margin-right: var(--group-space-x-small-mobile) !important;
  }
  .mobile:mr-small {
    margin-right: var(--group-space-small-mobile) !important;
  }
  .mobile:mr-normal {
    margin-right: var(--group-space-normal-mobile) !important;
  }
  .mobile:mr-medium {
    margin-right: var(--group-space-medium-mobile) !important;
  }
  .mobile:mr-large {
    margin-right: var(--group-space-large-mobile) !important;
  }
  .mobile:mr-x-large {
    margin-right: var(--group-space-x-large-mobile) !important;
  }
  .mobile:mr-xx-large {
    margin-right: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
  }
  .tablet:mr-xx-small {
    margin-right: var(--group-space-xx-small-tablet) !important;
  }
  .mr-x-small {
    margin-right: var(--group-space-x-small-tablet) !important;
  }
  .tablet:mr-x-small {
    margin-right: var(--group-space-x-small-tablet) !important;
  }
  .mr-small {
    margin-right: var(--group-space-small-tablet) !important;
  }
  .tablet:mr-small {
    margin-right: var(--group-space-small-tablet) !important;
  }
  .mr-normal {
    margin-right: var(--group-space-normal-tablet) !important;
  }
  .tablet:mr-normal {
    margin-right: var(--group-space-normal-tablet) !important;
  }
  .mr-medium {
    margin-right: var(--group-space-medium-tablet) !important;
  }
  .tablet:mr-medium {
    margin-right: var(--group-space-medium-tablet) !important;
  }
  .mr-large {
    margin-right: var(--group-space-large-tablet) !important;
  }
  .tablet:mr-large {
    margin-right: var(--group-space-large-tablet) !important;
  }
  .mr-x-large {
    margin-right: var(--group-space-x-large-tablet) !important;
  }
  .tablet:mr-x-large {
    margin-right: var(--group-space-x-large-tablet) !important;
  }
  .mr-xx-large {
    margin-right: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:mr-xx-large {
    margin-right: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
  }
  .desktop:mr-xx-small {
    margin-right: var(--group-space-xx-small-desktop) !important;
  }
  .mr-x-small {
    margin-right: var(--group-space-x-small-desktop) !important;
  }
  .desktop:mr-x-small {
    margin-right: var(--group-space-x-small-desktop) !important;
  }
  .mr-small {
    margin-right: var(--group-space-small-desktop) !important;
  }
  .desktop:mr-small {
    margin-right: var(--group-space-small-desktop) !important;
  }
  .mr-normal {
    margin-right: var(--group-space-normal-desktop) !important;
  }
  .desktop:mr-normal {
    margin-right: var(--group-space-normal-desktop) !important;
  }
  .mr-medium {
    margin-right: var(--group-space-medium-desktop) !important;
  }
  .desktop:mr-medium {
    margin-right: var(--group-space-medium-desktop) !important;
  }
  .mr-large {
    margin-right: var(--group-space-large-desktop) !important;
  }
  .desktop:mr-large {
    margin-right: var(--group-space-large-desktop) !important;
  }
  .mr-x-large {
    margin-right: var(--group-space-x-large-desktop) !important;
  }
  .desktop:mr-x-large {
    margin-right: var(--group-space-x-large-desktop) !important;
  }
  .mr-xx-large {
    margin-right: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:mr-xx-large {
    margin-right: var(--group-space-xx-large-desktop) !important;
  }
}
.mb-none {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:mb-xx-small {
    margin-bottom: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:mb-x-small {
    margin-bottom: var(--group-space-x-small-mobile) !important;
  }
  .mobile:mb-small {
    margin-bottom: var(--group-space-small-mobile) !important;
  }
  .mobile:mb-normal {
    margin-bottom: var(--group-space-normal-mobile) !important;
  }
  .mobile:mb-medium {
    margin-bottom: var(--group-space-medium-mobile) !important;
  }
  .mobile:mb-large {
    margin-bottom: var(--group-space-large-mobile) !important;
  }
  .mobile:mb-x-large {
    margin-bottom: var(--group-space-x-large-mobile) !important;
  }
  .mobile:mb-xx-large {
    margin-bottom: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
  }
  .tablet:mb-xx-small {
    margin-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .mb-x-small {
    margin-bottom: var(--group-space-x-small-tablet) !important;
  }
  .tablet:mb-x-small {
    margin-bottom: var(--group-space-x-small-tablet) !important;
  }
  .mb-small {
    margin-bottom: var(--group-space-small-tablet) !important;
  }
  .tablet:mb-small {
    margin-bottom: var(--group-space-small-tablet) !important;
  }
  .mb-normal {
    margin-bottom: var(--group-space-normal-tablet) !important;
  }
  .tablet:mb-normal {
    margin-bottom: var(--group-space-normal-tablet) !important;
  }
  .mb-medium {
    margin-bottom: var(--group-space-medium-tablet) !important;
  }
  .tablet:mb-medium {
    margin-bottom: var(--group-space-medium-tablet) !important;
  }
  .mb-large {
    margin-bottom: var(--group-space-large-tablet) !important;
  }
  .tablet:mb-large {
    margin-bottom: var(--group-space-large-tablet) !important;
  }
  .mb-x-large {
    margin-bottom: var(--group-space-x-large-tablet) !important;
  }
  .tablet:mb-x-large {
    margin-bottom: var(--group-space-x-large-tablet) !important;
  }
  .mb-xx-large {
    margin-bottom: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:mb-xx-large {
    margin-bottom: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
  }
  .desktop:mb-xx-small {
    margin-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .mb-x-small {
    margin-bottom: var(--group-space-x-small-desktop) !important;
  }
  .desktop:mb-x-small {
    margin-bottom: var(--group-space-x-small-desktop) !important;
  }
  .mb-small {
    margin-bottom: var(--group-space-small-desktop) !important;
  }
  .desktop:mb-small {
    margin-bottom: var(--group-space-small-desktop) !important;
  }
  .mb-normal {
    margin-bottom: var(--group-space-normal-desktop) !important;
  }
  .desktop:mb-normal {
    margin-bottom: var(--group-space-normal-desktop) !important;
  }
  .mb-medium {
    margin-bottom: var(--group-space-medium-desktop) !important;
  }
  .desktop:mb-medium {
    margin-bottom: var(--group-space-medium-desktop) !important;
  }
  .mb-large {
    margin-bottom: var(--group-space-large-desktop) !important;
  }
  .desktop:mb-large {
    margin-bottom: var(--group-space-large-desktop) !important;
  }
  .mb-x-large {
    margin-bottom: var(--group-space-x-large-desktop) !important;
  }
  .desktop:mb-x-large {
    margin-bottom: var(--group-space-x-large-desktop) !important;
  }
  .mb-xx-large {
    margin-bottom: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:mb-xx-large {
    margin-bottom: var(--group-space-xx-large-desktop) !important;
  }
}
.ml-none {
  margin-left: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:ml-xx-small {
    margin-left: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:ml-x-small {
    margin-left: var(--group-space-x-small-mobile) !important;
  }
  .mobile:ml-small {
    margin-left: var(--group-space-small-mobile) !important;
  }
  .mobile:ml-normal {
    margin-left: var(--group-space-normal-mobile) !important;
  }
  .mobile:ml-medium {
    margin-left: var(--group-space-medium-mobile) !important;
  }
  .mobile:ml-large {
    margin-left: var(--group-space-large-mobile) !important;
  }
  .mobile:ml-x-large {
    margin-left: var(--group-space-x-large-mobile) !important;
  }
  .mobile:ml-xx-large {
    margin-left: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
  }
  .tablet:ml-xx-small {
    margin-left: var(--group-space-xx-small-tablet) !important;
  }
  .ml-x-small {
    margin-left: var(--group-space-x-small-tablet) !important;
  }
  .tablet:ml-x-small {
    margin-left: var(--group-space-x-small-tablet) !important;
  }
  .ml-small {
    margin-left: var(--group-space-small-tablet) !important;
  }
  .tablet:ml-small {
    margin-left: var(--group-space-small-tablet) !important;
  }
  .ml-normal {
    margin-left: var(--group-space-normal-tablet) !important;
  }
  .tablet:ml-normal {
    margin-left: var(--group-space-normal-tablet) !important;
  }
  .ml-medium {
    margin-left: var(--group-space-medium-tablet) !important;
  }
  .tablet:ml-medium {
    margin-left: var(--group-space-medium-tablet) !important;
  }
  .ml-large {
    margin-left: var(--group-space-large-tablet) !important;
  }
  .tablet:ml-large {
    margin-left: var(--group-space-large-tablet) !important;
  }
  .ml-x-large {
    margin-left: var(--group-space-x-large-tablet) !important;
  }
  .tablet:ml-x-large {
    margin-left: var(--group-space-x-large-tablet) !important;
  }
  .ml-xx-large {
    margin-left: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:ml-xx-large {
    margin-left: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
  }
  .desktop:ml-xx-small {
    margin-left: var(--group-space-xx-small-desktop) !important;
  }
  .ml-x-small {
    margin-left: var(--group-space-x-small-desktop) !important;
  }
  .desktop:ml-x-small {
    margin-left: var(--group-space-x-small-desktop) !important;
  }
  .ml-small {
    margin-left: var(--group-space-small-desktop) !important;
  }
  .desktop:ml-small {
    margin-left: var(--group-space-small-desktop) !important;
  }
  .ml-normal {
    margin-left: var(--group-space-normal-desktop) !important;
  }
  .desktop:ml-normal {
    margin-left: var(--group-space-normal-desktop) !important;
  }
  .ml-medium {
    margin-left: var(--group-space-medium-desktop) !important;
  }
  .desktop:ml-medium {
    margin-left: var(--group-space-medium-desktop) !important;
  }
  .ml-large {
    margin-left: var(--group-space-large-desktop) !important;
  }
  .desktop:ml-large {
    margin-left: var(--group-space-large-desktop) !important;
  }
  .ml-x-large {
    margin-left: var(--group-space-x-large-desktop) !important;
  }
  .desktop:ml-x-large {
    margin-left: var(--group-space-x-large-desktop) !important;
  }
  .ml-xx-large {
    margin-left: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:ml-xx-large {
    margin-left: var(--group-space-xx-large-desktop) !important;
  }
}
.p-none {
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:p-xx-small {
    padding: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:p-x-small {
    padding: var(--group-space-x-small-mobile) !important;
  }
  .mobile:p-small {
    padding: var(--group-space-small-mobile) !important;
  }
  .mobile:p-normal {
    padding: var(--group-space-normal-mobile) !important;
  }
  .mobile:p-medium {
    padding: var(--group-space-medium-mobile) !important;
  }
  .mobile:p-large {
    padding: var(--group-space-large-mobile) !important;
  }
  .mobile:p-x-large {
    padding: var(--group-space-x-large-mobile) !important;
  }
  .mobile:p-xx-large {
    padding: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .p-none {
    padding: 0 !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .p-xx-small {
    padding: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:p-xx-small {
    padding: var(--group-space-xx-small-tablet) !important;
  }
  .p-x-small {
    padding: var(--group-space-x-small-tablet) !important;
  }
  .tablet:p-x-small {
    padding: var(--group-space-x-small-tablet) !important;
  }
  .p-small {
    padding: var(--group-space-small-tablet) !important;
  }
  .tablet:p-small {
    padding: var(--group-space-small-tablet) !important;
  }
  .p-normal {
    padding: var(--group-space-normal-tablet) !important;
  }
  .tablet:p-normal {
    padding: var(--group-space-normal-tablet) !important;
  }
  .p-medium {
    padding: var(--group-space-medium-tablet) !important;
  }
  .tablet:p-medium {
    padding: var(--group-space-medium-tablet) !important;
  }
  .p-large {
    padding: var(--group-space-large-tablet) !important;
  }
  .tablet:p-large {
    padding: var(--group-space-large-tablet) !important;
  }
  .p-x-large {
    padding: var(--group-space-x-large-tablet) !important;
  }
  .tablet:p-x-large {
    padding: var(--group-space-x-large-tablet) !important;
  }
  .p-xx-large {
    padding: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:p-xx-large {
    padding: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-none {
    padding: 0 !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .p-xx-small {
    padding: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:p-xx-small {
    padding: var(--group-space-xx-small-desktop) !important;
  }
  .p-x-small {
    padding: var(--group-space-x-small-desktop) !important;
  }
  .desktop:p-x-small {
    padding: var(--group-space-x-small-desktop) !important;
  }
  .p-small {
    padding: var(--group-space-small-desktop) !important;
  }
  .desktop:p-small {
    padding: var(--group-space-small-desktop) !important;
  }
  .p-normal {
    padding: var(--group-space-normal-desktop) !important;
  }
  .desktop:p-normal {
    padding: var(--group-space-normal-desktop) !important;
  }
  .p-medium {
    padding: var(--group-space-medium-desktop) !important;
  }
  .desktop:p-medium {
    padding: var(--group-space-medium-desktop) !important;
  }
  .p-large {
    padding: var(--group-space-large-desktop) !important;
  }
  .desktop:p-large {
    padding: var(--group-space-large-desktop) !important;
  }
  .p-x-large {
    padding: var(--group-space-x-large-desktop) !important;
  }
  .desktop:p-x-large {
    padding: var(--group-space-x-large-desktop) !important;
  }
  .p-xx-large {
    padding: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:p-xx-large {
    padding: var(--group-space-xx-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(--group-space-xx-small) !important;
  padding-right: var(--group-space-xx-small) !important;
}

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:px-xx-small {
    padding-left: var(--group-space-xx-small-mobile) !important;
    padding-right: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:px-x-small {
    padding-left: var(--group-space-x-small-mobile) !important;
    padding-right: var(--group-space-x-small-mobile) !important;
  }
  .mobile:px-small {
    padding-left: var(--group-space-small-mobile) !important;
    padding-right: var(--group-space-small-mobile) !important;
  }
  .mobile:px-normal {
    padding-left: var(--group-space-normal-mobile) !important;
    padding-right: var(--group-space-normal-mobile) !important;
  }
  .mobile:px-medium {
    padding-left: var(--group-space-medium-mobile) !important;
    padding-right: var(--group-space-medium-mobile) !important;
  }
  .mobile:px-large {
    padding-left: var(--group-space-large-mobile) !important;
    padding-right: var(--group-space-large-mobile) !important;
  }
  .mobile:px-x-large {
    padding-left: var(--group-space-x-large-mobile) !important;
    padding-right: var(--group-space-x-large-mobile) !important;
  }
  .mobile:px-xx-large {
    padding-left: var(--group-space-xx-large-mobile) !important;
    padding-right: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
    padding-right: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:px-xx-small {
    padding-left: var(--group-space-xx-small-tablet) !important;
    padding-right: var(--group-space-xx-small-tablet) !important;
  }
  .px-x-small {
    padding-left: var(--group-space-x-small-tablet) !important;
    padding-right: var(--group-space-x-small-tablet) !important;
  }
  .tablet:px-x-small {
    padding-left: var(--group-space-x-small-tablet) !important;
    padding-right: var(--group-space-x-small-tablet) !important;
  }
  .px-small {
    padding-left: var(--group-space-small-tablet) !important;
    padding-right: var(--group-space-small-tablet) !important;
  }
  .tablet:px-small {
    padding-left: var(--group-space-small-tablet) !important;
    padding-right: var(--group-space-small-tablet) !important;
  }
  .px-normal {
    padding-left: var(--group-space-normal-tablet) !important;
    padding-right: var(--group-space-normal-tablet) !important;
  }
  .tablet:px-normal {
    padding-left: var(--group-space-normal-tablet) !important;
    padding-right: var(--group-space-normal-tablet) !important;
  }
  .px-medium {
    padding-left: var(--group-space-medium-tablet) !important;
    padding-right: var(--group-space-medium-tablet) !important;
  }
  .tablet:px-medium {
    padding-left: var(--group-space-medium-tablet) !important;
    padding-right: var(--group-space-medium-tablet) !important;
  }
  .px-large {
    padding-left: var(--group-space-large-tablet) !important;
    padding-right: var(--group-space-large-tablet) !important;
  }
  .tablet:px-large {
    padding-left: var(--group-space-large-tablet) !important;
    padding-right: var(--group-space-large-tablet) !important;
  }
  .px-x-large {
    padding-left: var(--group-space-x-large-tablet) !important;
    padding-right: var(--group-space-x-large-tablet) !important;
  }
  .tablet:px-x-large {
    padding-left: var(--group-space-x-large-tablet) !important;
    padding-right: var(--group-space-x-large-tablet) !important;
  }
  .px-xx-large {
    padding-left: var(--group-space-xx-large-tablet) !important;
    padding-right: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:px-xx-large {
    padding-left: var(--group-space-xx-large-tablet) !important;
    padding-right: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
    padding-right: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:px-xx-small {
    padding-left: var(--group-space-xx-small-desktop) !important;
    padding-right: var(--group-space-xx-small-desktop) !important;
  }
  .px-x-small {
    padding-left: var(--group-space-x-small-desktop) !important;
    padding-right: var(--group-space-x-small-desktop) !important;
  }
  .desktop:px-x-small {
    padding-left: var(--group-space-x-small-desktop) !important;
    padding-right: var(--group-space-x-small-desktop) !important;
  }
  .px-small {
    padding-left: var(--group-space-small-desktop) !important;
    padding-right: var(--group-space-small-desktop) !important;
  }
  .desktop:px-small {
    padding-left: var(--group-space-small-desktop) !important;
    padding-right: var(--group-space-small-desktop) !important;
  }
  .px-normal {
    padding-left: var(--group-space-normal-desktop) !important;
    padding-right: var(--group-space-normal-desktop) !important;
  }
  .desktop:px-normal {
    padding-left: var(--group-space-normal-desktop) !important;
    padding-right: var(--group-space-normal-desktop) !important;
  }
  .px-medium {
    padding-left: var(--group-space-medium-desktop) !important;
    padding-right: var(--group-space-medium-desktop) !important;
  }
  .desktop:px-medium {
    padding-left: var(--group-space-medium-desktop) !important;
    padding-right: var(--group-space-medium-desktop) !important;
  }
  .px-large {
    padding-left: var(--group-space-large-desktop) !important;
    padding-right: var(--group-space-large-desktop) !important;
  }
  .desktop:px-large {
    padding-left: var(--group-space-large-desktop) !important;
    padding-right: var(--group-space-large-desktop) !important;
  }
  .px-x-large {
    padding-left: var(--group-space-x-large-desktop) !important;
    padding-right: var(--group-space-x-large-desktop) !important;
  }
  .desktop:px-x-large {
    padding-left: var(--group-space-x-large-desktop) !important;
    padding-right: var(--group-space-x-large-desktop) !important;
  }
  .px-xx-large {
    padding-left: var(--group-space-xx-large-desktop) !important;
    padding-right: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:px-xx-large {
    padding-left: var(--group-space-xx-large-desktop) !important;
    padding-right: var(--group-space-xx-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(--group-space-xx-small) !important;
  padding-bottom: var(--group-space-xx-small) !important;
}

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:py-xx-small {
    padding-top: var(--group-space-xx-small-mobile) !important;
    padding-bottom: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:py-x-small {
    padding-top: var(--group-space-x-small-mobile) !important;
    padding-bottom: var(--group-space-x-small-mobile) !important;
  }
  .mobile:py-small {
    padding-top: var(--group-space-small-mobile) !important;
    padding-bottom: var(--group-space-small-mobile) !important;
  }
  .mobile:py-normal {
    padding-top: var(--group-space-normal-mobile) !important;
    padding-bottom: var(--group-space-normal-mobile) !important;
  }
  .mobile:py-medium {
    padding-top: var(--group-space-medium-mobile) !important;
    padding-bottom: var(--group-space-medium-mobile) !important;
  }
  .mobile:py-large {
    padding-top: var(--group-space-large-mobile) !important;
    padding-bottom: var(--group-space-large-mobile) !important;
  }
  .mobile:py-x-large {
    padding-top: var(--group-space-x-large-mobile) !important;
    padding-bottom: var(--group-space-x-large-mobile) !important;
  }
  .mobile:py-xx-large {
    padding-top: var(--group-space-xx-large-mobile) !important;
    padding-bottom: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
    padding-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:py-xx-small {
    padding-top: var(--group-space-xx-small-tablet) !important;
    padding-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .py-x-small {
    padding-top: var(--group-space-x-small-tablet) !important;
    padding-bottom: var(--group-space-x-small-tablet) !important;
  }
  .tablet:py-x-small {
    padding-top: var(--group-space-x-small-tablet) !important;
    padding-bottom: var(--group-space-x-small-tablet) !important;
  }
  .py-small {
    padding-top: var(--group-space-small-tablet) !important;
    padding-bottom: var(--group-space-small-tablet) !important;
  }
  .tablet:py-small {
    padding-top: var(--group-space-small-tablet) !important;
    padding-bottom: var(--group-space-small-tablet) !important;
  }
  .py-normal {
    padding-top: var(--group-space-normal-tablet) !important;
    padding-bottom: var(--group-space-normal-tablet) !important;
  }
  .tablet:py-normal {
    padding-top: var(--group-space-normal-tablet) !important;
    padding-bottom: var(--group-space-normal-tablet) !important;
  }
  .py-medium {
    padding-top: var(--group-space-medium-tablet) !important;
    padding-bottom: var(--group-space-medium-tablet) !important;
  }
  .tablet:py-medium {
    padding-top: var(--group-space-medium-tablet) !important;
    padding-bottom: var(--group-space-medium-tablet) !important;
  }
  .py-large {
    padding-top: var(--group-space-large-tablet) !important;
    padding-bottom: var(--group-space-large-tablet) !important;
  }
  .tablet:py-large {
    padding-top: var(--group-space-large-tablet) !important;
    padding-bottom: var(--group-space-large-tablet) !important;
  }
  .py-x-large {
    padding-top: var(--group-space-x-large-tablet) !important;
    padding-bottom: var(--group-space-x-large-tablet) !important;
  }
  .tablet:py-x-large {
    padding-top: var(--group-space-x-large-tablet) !important;
    padding-bottom: var(--group-space-x-large-tablet) !important;
  }
  .py-xx-large {
    padding-top: var(--group-space-xx-large-tablet) !important;
    padding-bottom: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:py-xx-large {
    padding-top: var(--group-space-xx-large-tablet) !important;
    padding-bottom: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
    padding-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:py-xx-small {
    padding-top: var(--group-space-xx-small-desktop) !important;
    padding-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .py-x-small {
    padding-top: var(--group-space-x-small-desktop) !important;
    padding-bottom: var(--group-space-x-small-desktop) !important;
  }
  .desktop:py-x-small {
    padding-top: var(--group-space-x-small-desktop) !important;
    padding-bottom: var(--group-space-x-small-desktop) !important;
  }
  .py-small {
    padding-top: var(--group-space-small-desktop) !important;
    padding-bottom: var(--group-space-small-desktop) !important;
  }
  .desktop:py-small {
    padding-top: var(--group-space-small-desktop) !important;
    padding-bottom: var(--group-space-small-desktop) !important;
  }
  .py-normal {
    padding-top: var(--group-space-normal-desktop) !important;
    padding-bottom: var(--group-space-normal-desktop) !important;
  }
  .desktop:py-normal {
    padding-top: var(--group-space-normal-desktop) !important;
    padding-bottom: var(--group-space-normal-desktop) !important;
  }
  .py-medium {
    padding-top: var(--group-space-medium-desktop) !important;
    padding-bottom: var(--group-space-medium-desktop) !important;
  }
  .desktop:py-medium {
    padding-top: var(--group-space-medium-desktop) !important;
    padding-bottom: var(--group-space-medium-desktop) !important;
  }
  .py-large {
    padding-top: var(--group-space-large-desktop) !important;
    padding-bottom: var(--group-space-large-desktop) !important;
  }
  .desktop:py-large {
    padding-top: var(--group-space-large-desktop) !important;
    padding-bottom: var(--group-space-large-desktop) !important;
  }
  .py-x-large {
    padding-top: var(--group-space-x-large-desktop) !important;
    padding-bottom: var(--group-space-x-large-desktop) !important;
  }
  .desktop:py-x-large {
    padding-top: var(--group-space-x-large-desktop) !important;
    padding-bottom: var(--group-space-x-large-desktop) !important;
  }
  .py-xx-large {
    padding-top: var(--group-space-xx-large-desktop) !important;
    padding-bottom: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:py-xx-large {
    padding-top: var(--group-space-xx-large-desktop) !important;
    padding-bottom: var(--group-space-xx-large-desktop) !important;
  }
}
.pt-none {
  padding-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:pt-xx-small {
    padding-top: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:pt-x-small {
    padding-top: var(--group-space-x-small-mobile) !important;
  }
  .mobile:pt-small {
    padding-top: var(--group-space-small-mobile) !important;
  }
  .mobile:pt-normal {
    padding-top: var(--group-space-normal-mobile) !important;
  }
  .mobile:pt-medium {
    padding-top: var(--group-space-medium-mobile) !important;
  }
  .mobile:pt-large {
    padding-top: var(--group-space-large-mobile) !important;
  }
  .mobile:pt-x-large {
    padding-top: var(--group-space-x-large-mobile) !important;
  }
  .mobile:pt-xx-large {
    padding-top: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
  }
  .tablet:pt-xx-small {
    padding-top: var(--group-space-xx-small-tablet) !important;
  }
  .pt-x-small {
    padding-top: var(--group-space-x-small-tablet) !important;
  }
  .tablet:pt-x-small {
    padding-top: var(--group-space-x-small-tablet) !important;
  }
  .pt-small {
    padding-top: var(--group-space-small-tablet) !important;
  }
  .tablet:pt-small {
    padding-top: var(--group-space-small-tablet) !important;
  }
  .pt-normal {
    padding-top: var(--group-space-normal-tablet) !important;
  }
  .tablet:pt-normal {
    padding-top: var(--group-space-normal-tablet) !important;
  }
  .pt-medium {
    padding-top: var(--group-space-medium-tablet) !important;
  }
  .tablet:pt-medium {
    padding-top: var(--group-space-medium-tablet) !important;
  }
  .pt-large {
    padding-top: var(--group-space-large-tablet) !important;
  }
  .tablet:pt-large {
    padding-top: var(--group-space-large-tablet) !important;
  }
  .pt-x-large {
    padding-top: var(--group-space-x-large-tablet) !important;
  }
  .tablet:pt-x-large {
    padding-top: var(--group-space-x-large-tablet) !important;
  }
  .pt-xx-large {
    padding-top: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:pt-xx-large {
    padding-top: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
  }
  .desktop:pt-xx-small {
    padding-top: var(--group-space-xx-small-desktop) !important;
  }
  .pt-x-small {
    padding-top: var(--group-space-x-small-desktop) !important;
  }
  .desktop:pt-x-small {
    padding-top: var(--group-space-x-small-desktop) !important;
  }
  .pt-small {
    padding-top: var(--group-space-small-desktop) !important;
  }
  .desktop:pt-small {
    padding-top: var(--group-space-small-desktop) !important;
  }
  .pt-normal {
    padding-top: var(--group-space-normal-desktop) !important;
  }
  .desktop:pt-normal {
    padding-top: var(--group-space-normal-desktop) !important;
  }
  .pt-medium {
    padding-top: var(--group-space-medium-desktop) !important;
  }
  .desktop:pt-medium {
    padding-top: var(--group-space-medium-desktop) !important;
  }
  .pt-large {
    padding-top: var(--group-space-large-desktop) !important;
  }
  .desktop:pt-large {
    padding-top: var(--group-space-large-desktop) !important;
  }
  .pt-x-large {
    padding-top: var(--group-space-x-large-desktop) !important;
  }
  .desktop:pt-x-large {
    padding-top: var(--group-space-x-large-desktop) !important;
  }
  .pt-xx-large {
    padding-top: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:pt-xx-large {
    padding-top: var(--group-space-xx-large-desktop) !important;
  }
}
.pr-none {
  padding-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:pr-xx-small {
    padding-right: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:pr-x-small {
    padding-right: var(--group-space-x-small-mobile) !important;
  }
  .mobile:pr-small {
    padding-right: var(--group-space-small-mobile) !important;
  }
  .mobile:pr-normal {
    padding-right: var(--group-space-normal-mobile) !important;
  }
  .mobile:pr-medium {
    padding-right: var(--group-space-medium-mobile) !important;
  }
  .mobile:pr-large {
    padding-right: var(--group-space-large-mobile) !important;
  }
  .mobile:pr-x-large {
    padding-right: var(--group-space-x-large-mobile) !important;
  }
  .mobile:pr-xx-large {
    padding-right: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
  }
  .tablet:pr-xx-small {
    padding-right: var(--group-space-xx-small-tablet) !important;
  }
  .pr-x-small {
    padding-right: var(--group-space-x-small-tablet) !important;
  }
  .tablet:pr-x-small {
    padding-right: var(--group-space-x-small-tablet) !important;
  }
  .pr-small {
    padding-right: var(--group-space-small-tablet) !important;
  }
  .tablet:pr-small {
    padding-right: var(--group-space-small-tablet) !important;
  }
  .pr-normal {
    padding-right: var(--group-space-normal-tablet) !important;
  }
  .tablet:pr-normal {
    padding-right: var(--group-space-normal-tablet) !important;
  }
  .pr-medium {
    padding-right: var(--group-space-medium-tablet) !important;
  }
  .tablet:pr-medium {
    padding-right: var(--group-space-medium-tablet) !important;
  }
  .pr-large {
    padding-right: var(--group-space-large-tablet) !important;
  }
  .tablet:pr-large {
    padding-right: var(--group-space-large-tablet) !important;
  }
  .pr-x-large {
    padding-right: var(--group-space-x-large-tablet) !important;
  }
  .tablet:pr-x-large {
    padding-right: var(--group-space-x-large-tablet) !important;
  }
  .pr-xx-large {
    padding-right: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:pr-xx-large {
    padding-right: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
  }
  .desktop:pr-xx-small {
    padding-right: var(--group-space-xx-small-desktop) !important;
  }
  .pr-x-small {
    padding-right: var(--group-space-x-small-desktop) !important;
  }
  .desktop:pr-x-small {
    padding-right: var(--group-space-x-small-desktop) !important;
  }
  .pr-small {
    padding-right: var(--group-space-small-desktop) !important;
  }
  .desktop:pr-small {
    padding-right: var(--group-space-small-desktop) !important;
  }
  .pr-normal {
    padding-right: var(--group-space-normal-desktop) !important;
  }
  .desktop:pr-normal {
    padding-right: var(--group-space-normal-desktop) !important;
  }
  .pr-medium {
    padding-right: var(--group-space-medium-desktop) !important;
  }
  .desktop:pr-medium {
    padding-right: var(--group-space-medium-desktop) !important;
  }
  .pr-large {
    padding-right: var(--group-space-large-desktop) !important;
  }
  .desktop:pr-large {
    padding-right: var(--group-space-large-desktop) !important;
  }
  .pr-x-large {
    padding-right: var(--group-space-x-large-desktop) !important;
  }
  .desktop:pr-x-large {
    padding-right: var(--group-space-x-large-desktop) !important;
  }
  .pr-xx-large {
    padding-right: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:pr-xx-large {
    padding-right: var(--group-space-xx-large-desktop) !important;
  }
}
.pb-none {
  padding-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:pb-xx-small {
    padding-bottom: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:pb-x-small {
    padding-bottom: var(--group-space-x-small-mobile) !important;
  }
  .mobile:pb-small {
    padding-bottom: var(--group-space-small-mobile) !important;
  }
  .mobile:pb-normal {
    padding-bottom: var(--group-space-normal-mobile) !important;
  }
  .mobile:pb-medium {
    padding-bottom: var(--group-space-medium-mobile) !important;
  }
  .mobile:pb-large {
    padding-bottom: var(--group-space-large-mobile) !important;
  }
  .mobile:pb-x-large {
    padding-bottom: var(--group-space-x-large-mobile) !important;
  }
  .mobile:pb-xx-large {
    padding-bottom: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
  }
  .tablet:pb-xx-small {
    padding-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .pb-x-small {
    padding-bottom: var(--group-space-x-small-tablet) !important;
  }
  .tablet:pb-x-small {
    padding-bottom: var(--group-space-x-small-tablet) !important;
  }
  .pb-small {
    padding-bottom: var(--group-space-small-tablet) !important;
  }
  .tablet:pb-small {
    padding-bottom: var(--group-space-small-tablet) !important;
  }
  .pb-normal {
    padding-bottom: var(--group-space-normal-tablet) !important;
  }
  .tablet:pb-normal {
    padding-bottom: var(--group-space-normal-tablet) !important;
  }
  .pb-medium {
    padding-bottom: var(--group-space-medium-tablet) !important;
  }
  .tablet:pb-medium {
    padding-bottom: var(--group-space-medium-tablet) !important;
  }
  .pb-large {
    padding-bottom: var(--group-space-large-tablet) !important;
  }
  .tablet:pb-large {
    padding-bottom: var(--group-space-large-tablet) !important;
  }
  .pb-x-large {
    padding-bottom: var(--group-space-x-large-tablet) !important;
  }
  .tablet:pb-x-large {
    padding-bottom: var(--group-space-x-large-tablet) !important;
  }
  .pb-xx-large {
    padding-bottom: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:pb-xx-large {
    padding-bottom: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
  }
  .desktop:pb-xx-small {
    padding-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .pb-x-small {
    padding-bottom: var(--group-space-x-small-desktop) !important;
  }
  .desktop:pb-x-small {
    padding-bottom: var(--group-space-x-small-desktop) !important;
  }
  .pb-small {
    padding-bottom: var(--group-space-small-desktop) !important;
  }
  .desktop:pb-small {
    padding-bottom: var(--group-space-small-desktop) !important;
  }
  .pb-normal {
    padding-bottom: var(--group-space-normal-desktop) !important;
  }
  .desktop:pb-normal {
    padding-bottom: var(--group-space-normal-desktop) !important;
  }
  .pb-medium {
    padding-bottom: var(--group-space-medium-desktop) !important;
  }
  .desktop:pb-medium {
    padding-bottom: var(--group-space-medium-desktop) !important;
  }
  .pb-large {
    padding-bottom: var(--group-space-large-desktop) !important;
  }
  .desktop:pb-large {
    padding-bottom: var(--group-space-large-desktop) !important;
  }
  .pb-x-large {
    padding-bottom: var(--group-space-x-large-desktop) !important;
  }
  .desktop:pb-x-large {
    padding-bottom: var(--group-space-x-large-desktop) !important;
  }
  .pb-xx-large {
    padding-bottom: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:pb-xx-large {
    padding-bottom: var(--group-space-xx-large-desktop) !important;
  }
}
.pl-none {
  padding-left: 0 !important;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile:pl-xx-small {
    padding-left: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:pl-x-small {
    padding-left: var(--group-space-x-small-mobile) !important;
  }
  .mobile:pl-small {
    padding-left: var(--group-space-small-mobile) !important;
  }
  .mobile:pl-normal {
    padding-left: var(--group-space-normal-mobile) !important;
  }
  .mobile:pl-medium {
    padding-left: var(--group-space-medium-mobile) !important;
  }
  .mobile:pl-large {
    padding-left: var(--group-space-large-mobile) !important;
  }
  .mobile:pl-x-large {
    padding-left: var(--group-space-x-large-mobile) !important;
  }
  .mobile:pl-xx-large {
    padding-left: var(--group-space-xx-large-mobile) !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(--group-space-xx-small-tablet) !important;
  }
  .tablet:pl-xx-small {
    padding-left: var(--group-space-xx-small-tablet) !important;
  }
  .pl-x-small {
    padding-left: var(--group-space-x-small-tablet) !important;
  }
  .tablet:pl-x-small {
    padding-left: var(--group-space-x-small-tablet) !important;
  }
  .pl-small {
    padding-left: var(--group-space-small-tablet) !important;
  }
  .tablet:pl-small {
    padding-left: var(--group-space-small-tablet) !important;
  }
  .pl-normal {
    padding-left: var(--group-space-normal-tablet) !important;
  }
  .tablet:pl-normal {
    padding-left: var(--group-space-normal-tablet) !important;
  }
  .pl-medium {
    padding-left: var(--group-space-medium-tablet) !important;
  }
  .tablet:pl-medium {
    padding-left: var(--group-space-medium-tablet) !important;
  }
  .pl-large {
    padding-left: var(--group-space-large-tablet) !important;
  }
  .tablet:pl-large {
    padding-left: var(--group-space-large-tablet) !important;
  }
  .pl-x-large {
    padding-left: var(--group-space-x-large-tablet) !important;
  }
  .tablet:pl-x-large {
    padding-left: var(--group-space-x-large-tablet) !important;
  }
  .pl-xx-large {
    padding-left: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:pl-xx-large {
    padding-left: var(--group-space-xx-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(--group-space-xx-small-desktop) !important;
  }
  .desktop:pl-xx-small {
    padding-left: var(--group-space-xx-small-desktop) !important;
  }
  .pl-x-small {
    padding-left: var(--group-space-x-small-desktop) !important;
  }
  .desktop:pl-x-small {
    padding-left: var(--group-space-x-small-desktop) !important;
  }
  .pl-small {
    padding-left: var(--group-space-small-desktop) !important;
  }
  .desktop:pl-small {
    padding-left: var(--group-space-small-desktop) !important;
  }
  .pl-normal {
    padding-left: var(--group-space-normal-desktop) !important;
  }
  .desktop:pl-normal {
    padding-left: var(--group-space-normal-desktop) !important;
  }
  .pl-medium {
    padding-left: var(--group-space-medium-desktop) !important;
  }
  .desktop:pl-medium {
    padding-left: var(--group-space-medium-desktop) !important;
  }
  .pl-large {
    padding-left: var(--group-space-large-desktop) !important;
  }
  .desktop:pl-large {
    padding-left: var(--group-space-large-desktop) !important;
  }
  .pl-x-large {
    padding-left: var(--group-space-x-large-desktop) !important;
  }
  .desktop:pl-x-large {
    padding-left: var(--group-space-x-large-desktop) !important;
  }
  .pl-xx-large {
    padding-left: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:pl-xx-large {
    padding-left: var(--group-space-xx-large-desktop) !important;
  }
}
/*# sourceMappingURL=utilities/spacing.css.map */