.pt-md {
  padding-top: calc(var(--spacing-md) / 2);
}

.pb-md {
  padding-bottom: calc(var(--spacing-md) / 2);
}

@media (min-width: 768px) {
  .pt-md {
    padding-top: calc(var(--spacing-md) / 1.5);
  }
  .pb-md {
    padding-bottom: calc(var(--spacing-md) / 1.5);
  }
}
@media (min-width: 1200px) {
  .pt-md {
    padding-top: var(--spacing-md);
  }
  .pb-md {
    padding-bottom: var(--spacing-md);
  }
}
.pt-mdx {
  padding-top: calc(var(--spacing-mdx) / 2);
}

.pb-mdx {
  padding-bottom: calc(var(--spacing-mdx) / 2);
}

@media (min-width: 768px) {
  .pt-mdx {
    padding-top: calc(var(--spacing-mdx) / 1.5);
  }
  .pb-mdx {
    padding-bottom: calc(var(--spacing-mdx) / 1.5);
  }
}
@media (min-width: 1200px) {
  .pt-mdx {
    padding-top: var(--spacing-mdx);
  }
  .pb-mdx {
    padding-bottom: var(--spacing-mdx);
  }
}
.pt-lg {
  padding-top: calc(var(--spacing-lg) / 2);
}

.pb-lg {
  padding-bottom: calc(var(--spacing-lg) / 2);
}

@media (min-width: 768px) {
  .pt-lg {
    padding-top: calc(var(--spacing-lg) / 1.5);
  }
  .pb-lg {
    padding-bottom: calc(var(--spacing-lg) / 1.5);
  }
}
@media (min-width: 1200px) {
  .pt-lg {
    padding-top: var(--spacing-lg);
  }
  .pb-lg {
    padding-bottom: var(--spacing-lg);
  }
}
.pt-xl {
  padding-top: calc(var(--spacing-xl) / 2);
}

.pb-xl {
  padding-bottom: calc(var(--spacing-xl) / 2);
}

@media (min-width: 768px) {
  .pt-xl {
    padding-top: calc(var(--spacing-xl) / 1.5);
  }
  .pb-xl {
    padding-bottom: calc(var(--spacing-xl) / 1.5);
  }
}
@media (min-width: 1200px) {
  .pt-xl {
    padding-top: var(--spacing-xl);
  }
  .pb-xl {
    padding-bottom: var(--spacing-xl);
  }
}
.pt-xxl {
  padding-top: calc(var(--spacing-xxl) / 2);
}

.pb-xxl {
  padding-bottom: calc(var(--spacing-xxl) / 2);
}

@media (min-width: 768px) {
  .pt-xxl {
    padding-top: calc(var(--spacing-xxl) / 1.5);
  }
  .pb-xxl {
    padding-bottom: calc(var(--spacing-xxl) / 1.5);
  }
}
@media (min-width: 1200px) {
  .pt-xxl {
    padding-top: var(--spacing-xxl);
  }
  .pb-xxl {
    padding-bottom: var(--spacing-xxl);
  }
}
/*# sourceMappingURL=spacing.css.map */