.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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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