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

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

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

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

@media (min-width: 576px) {
  .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: 576px) {
  .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: 576px) {
  .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: 576px) {
  .pt-xl {
    padding-top: var(--spacing-xl);
  }
  .pb-xl {
    padding-bottom: var(--spacing-xl);
  }
}
/*# sourceMappingURL=spacing.css.map */