/**
 * @file
 * spacing styles
 */

/* padding  */
.p-sp1 {
  padding: var(--sp1);
}

.p-sp2 {
  padding: var(--sp2);
}

.p-sp3 {
  padding: var(--sp3);
}

.p-sp4 {
  padding: var(--sp4);
}

.p-sp5 {
  padding: var(--sp5);
}

.p-sp6 {
  padding: var(--sp6);
}

.p-sp7 {
  padding: var(--sp7);
}

.p-sp8 {
  padding: var(--sp8);
}

.p-sp9 {
  padding: var(--sp9);
}

.p-sp10 {
  padding: var(--sp10);
}

.p-sp11 {
  padding: var(--sp11);
}

/* Margin */
.m-sp1 {
  margin: var(--sp1);
}

.m-sp2 {
  margin: var(--sp2);
}

.m-sp3 {
  margin: var(--sp3);
}

.m-sp4 {
  margin: var(--sp4);
}

.m-sp5 {
  margin: var(--sp5);
}

.m-sp6 {
  margin: var(--sp6);
}

.m-sp7 {
  margin: var(--sp7);
}

.m-sp8 {
  margin: var(--sp8);
}

.m-sp9 {
  margin: var(--sp9);
}

.m-sp10 {
  margin: var(--sp10);
}

.m-sp11 {
  margin: var(--sp11);
}

.mt-sp3 {
  margin-top: var(--sp3);
}

.m-sp4 {
  margin-top: var(--sp4);
}

.mt-sp5 {
  margin-top: var(--sp5);
}

.mt-sp6 {
  margin-top: var(--sp6);
}

.mt-sp8 {
  margin-top: var(--sp8);
}

.mt-sp10 {
  margin-top: var(--sp10);
}

.mt-sp12 {
  margin-top: var(--sp12);
}

.mb-sp-large {
  margin-bottom: var(--sp-large);
}

.mb-sp10 {
  margin-bottom: var(--sp10);
}

.mb-sp8 {
  margin-bottom: var(--sp8);
}

.mb-sp7 {
  margin-bottom: var(--sp7);
}

.mb-sp9 {
  margin-bottom: var(--sp9);
}

.mb-sp6 {
  margin-bottom: var(--sp6);
}

.mb-sp5 {
  margin-bottom: var(--sp5);
}

.mb-sp3 {
  margin-bottom: var(--sp3);
}

.mb-sp2 {
  margin-bottom: var(--sp2);
}

.mb-sp11 {
  margin-bottom: var(--sp11);
}

.mb-0-wrapper p {
  margin-bottom: 0;
}

.py-large {
  padding-top: var(--sp-large);
  padding-bottom: var(--sp-large);
}

.py-sp10 {
  padding-top: var(--sp10);
  padding-bottom: var(--sp10);
}

.py-sp8 {
  padding-top: var(--sp8);
  padding-bottom: var(--sp8);
}

.pt-sp10 {
  padding-top: var(--sp10);
}

.pb-sp10 {
  padding-bottom: var(--sp10);
}

.px-sp5 {
  padding-left: var(--sp5);
  padding-right: var(--sp5);
}

.px-sp8 {
  padding-left: var(--sp8);
  padding-right: var(--sp8);
}

.px-sp10 {
  padding-left: var(--sp10);
  padding-right: var(--sp10);
}

.pb-sp5 {
  padding-bottom: var(--sp5);
}

.pb-sp6 {
  padding-bottom: var(--sp6);
}

.pb-sp8 {
  padding-bottom: var(--sp8);
}

.pb-sp6 {
  padding-bottom: var(--sp6);
}

.p-sp6-5 {
  padding: var(--sp6) var(--sp5);
}

.p-sp8-6 {
  padding: var(--sp8) var(--sp6);
}

.p-sp8-10 {
  padding: var(--sp8) var(--sp10);
}