/* Padding */
.p-0{
  padding: var(--spacing-zero) !important;
}
.p-1{
  padding: var(--spacing-xxxs) !important;
}
.p-2{
  padding: var(--spacing-xxs) !important;
}
.p-3{
  padding: var(--spacing-xs) !important;
}
.p-4{
  padding: var(--spacing-small) !important;
}
.p-5{
  padding: var(--spacing-medium) !important;
}
.p-6{
  padding: var(--spacing-large) !important;
}
.p-7{
  padding: var(--spacing-xl) !important;
}
.p-8{
  padding: var(--spacing-xxl) !important;
}
.p-9{
  padding: var(--spacing-xxxl) !important;
}

.pt-0{
  padding-top: var(--spacing-zero) !important;
}
.pt-1{
  padding-top: var(--spacing-xxxs) !important;
}
.pt-2{
  padding-top: var(--spacing-xxs) !important;
}
.pt-3{
  padding-top: var(--spacing-xs) !important;;
}
.pt-4{
  padding-top: var(--spacing-small) !important;
}
.pt-5{
  padding-top: var(--spacing-medium) !important;
}
.pt-6{
  padding-top: var(--spacing-large) !important;
}
.pt-7{
  padding-top: var(--spacing-xl) !important;
}
.pt-8{
  padding-top:  var(--spacing-xxl) !important;
}
.pt-9{
  padding-top:  var(--spacing-xxxl) !important;
}

.pr-0{
  padding-right: var(--spacing-zero) !important;
}
.pr-1{
  padding-right: var(--spacing-xxxs) !important;
}
.pr-2{
  padding-right: var(--spacing-xxs) !important;
}
.pr-3{
  padding-right: var(--spacing-xs) !important;
}
.pr-4{
  padding-right: var(--spacing-small) !important;
}
.pr-5{
  padding-right: var(--spacing-medium) !important;
}
.pr-6{
  padding-right: var(--spacing-large) !important;
}
.pr-7{
  padding-right: var(--spacing-xl) !important;
}
.pr-8{
  padding-right: var(--spacing-xxl) !important;
}
.pr-9{
  padding-right: var(--spacing-xxxl) !important;
}

.pb-0{
  padding-bottom: var(--spacing-zero) !important;
}
.pb-1{
  padding-bottom: var(--spacing-xxxs) !important;
}
.pb-2{
  padding-bottom: var(--spacing-xxs) !important;
}
.pb-3{
  padding-bottom: var(--spacing-xs) !important;
}
.pb-4{
  padding-bottom: var(--spacing-small) !important;
}
.pb-5{
  padding-bottom: var(--spacing-medium) !important;
}
.pb-6{
  padding-bottom: var(--spacing-large) !important;
}
.pb-7{
  padding-bottom: var(--spacing-xl) !important;
}
.pb-8{
  padding-bottom: var(--spacing-xxl) !important;
}
.pb-9{
  padding-bottom: var(--spacing-xxxl) !important;
}

.pl-0{
  padding-left: var(--spacing-zero) !important;
}
.pl-1{
  padding-left: var(--spacing-xxxs) !important;
}
.pl-2{
  padding-left: var(--spacing-xxs) !important;
}
.pl-3{
  padding-left: var(--spacing-xs) !important;
}
.pl-4{
  padding-left: var(--spacing-small) !important;
}
.pl-5{
  padding-left: var(--spacing-medium) !important;
}
.pl-6{
  padding-left: var(--spacing-large) !important;
}
.pl-7{
  padding-left: var(--spacing-xl) !important;
}
.pl-8{
  padding-left: var(--spacing-xxl) !important;
}
.pl-9{
  padding-left: var(--spacing-xxxl) !important;
}

/* Margin */

.m-0{
  margin: var(--spacing-zero) !important;
}
.m-1{
  margin: var(--spacing-xxxs) !important;
}
.m-2{
  margin: var(--spacing-xxs) !important;
}
.m-3{
  margin: var(--spacing-xs) !important;
}
.m-4{
  margin: var(--spacing-small) !important;
}
.m-5{
  margin: var(--spacing-medium) !important;
}
.m-6{
  margin: var(--spacing-large) !important;
}
.m-7{
  margin: var(--spacing-xl) !important;
}
.m-8{
  margin: var(--spacing-xxl) !important;
}
.m-9{
  margin:  var(--spacing-xxxl) !important;
}

.mt-0{
  margin-top: var(--spacing-zero) !important;
}
.mt-1{
  margin-top: var(--spacing-xxxs) !important;
}
.mt-2{
  margin-top: var(--spacing-xxs) !important;
}
.mt-3{
  margin-top: var(--spacing-xs) !important;
}
.mt-4{
  margin-top: var(--spacing-small) !important;
}
.mt-5{
  margin-top: var(--spacing-medium) !important;
}
.mt-6{
  margin-top: var(--spacing-large) !important;
}
.mt-7{
  margin-top: var(--spacing-xl) !important;
}
.mt-8{
  margin-top: var(--spacing-xxl) !important;
}
.mt-9{
  margin-top: var(--spacing-xxxl) !important;
}

.mr-0{
  margin-right: var(--spacing-zero) !important;
}
.mr-1{
  margin-right: var(--spacing-xxxs) !important;
}
.mr-2{
  margin-right: var(--spacing-xxs) !important;
}
.mr-3{
  margin-right: var(--spacing-xs) !important;
}
.mr-4{
  margin-right: var(--spacing-small) !important;
}
.mr-5{
  margin-right: var(--spacing-medium) !important;
}
.mr-6{
  margin-right: var(--spacing-large) !important;
}
.mr-7{
  margin-right: var(--spacing-xl) !important;
}
.mr-8{
  margin-right: var(--spacing-xxl) !important;
}
.mr-9{
  margin-right: var(--spacing-xxxl) !important;
}

.mb-0{
  margin-bottom: var(--spacing-zero) !important;
}
.mb-1{
  margin-bottom: var(--spacing-xxxs) !important;
}
.mb-2{
  margin-bottom: var(--spacing-xxs) !important;
}
.mb-3{
  margin-bottom: var(--spacing-xs) !important;
}
.mb-4{
  margin-bottom: var(--spacing-small) !important;
}
.mb-5{
  margin-bottom: var(--spacing-medium) !important;
}
.mb-6{
    margin-bottom: var(--spacing-large) !important;
}
.mb-7{
  margin-bottom: var(--spacing-xl) !important;
}
.mb-8{
  margin-bottom: var(--spacing-xxl) !important;
}
.mb-9{
  margin-bottom: var(--spacing-xxxl) !important;
}

.ml-0{
  margin-left: var(--spacing-zero) !important;
}
.ml-1{
  margin-left: var(--spacing-xxxs) !important;
}
.ml-2{
  margin-left: var(--spacing-xxs) !important;
}
.ml-3{
  margin-left: var(--spacing-xs) !important;
}
.ml-4{
  margin-left: var(--spacing-small) !important;
}
.ml-5{
  margin-left: var(--spacing-medium) !important;
}
.ml-6{
  margin-left: var(--spacing-large) !important;
}
.ml-7{
  margin-left: var(--spacing-xl) !important;
}
.ml-8{
  margin-left: var(--spacing-xxl) !important;
}
.ml-9{
  margin-left: var(--spacing-xxxl) !important;
}