/* Margin - all axes */

.dbc-m-0 {
  margin: 0;
}

.dbc-m-xxs {
  margin: var(--spacing-xxs);
}
.dbc-m-xs {
  margin: var(--spacing-xs);
}
.dbc-m-sm {
  margin: var(--spacing-sm);
}
.dbc-m-md {
  margin: var(--spacing-md);
}
.dbc-m-lg {
  margin: var(--spacing-lg);
}
.dbc-m-xl {
  margin: var(--spacing-xl);
}
.dbc-m-2xl {
  margin: var(--spacing-2xl);
}

/* Margin - block axis (top + bottom) */
.dbc-my-xxs {
  margin-block: var(--spacing-xxs);
}
.dbc-my-xs {
  margin-block: var(--spacing-xs);
}
.dbc-my-sm {
  margin-block: var(--spacing-sm);
}
.dbc-my-md {
  margin-block: var(--spacing-md);
}
.dbc-my-lg {
  margin-block: var(--spacing-lg);
}
.dbc-my-xl {
  margin-block: var(--spacing-xl);
}
.dbc-my-2xl {
  margin-block: var(--spacing-2xl);
}

/* Margin - inline axis (start + end) */
.dbc-mx-xxs {
  margin-inline: var(--spacing-xxs);
}
.dbc-mx-xs {
  margin-inline: var(--spacing-xs);
}
.dbc-mx-sm {
  margin-inline: var(--spacing-sm);
}
.dbc-mx-md {
  margin-inline: var(--spacing-md);
}
.dbc-mx-lg {
  margin-inline: var(--spacing-lg);
}
.dbc-mx-xl {
  margin-inline: var(--spacing-xl);
}
.dbc-mx-2xl {
  margin-inline: var(--spacing-2xl);
}

/* Margin - single sides (logical) */
.dbc-mt-xxs {
  margin-block-start: var(--spacing-xxs);
}
.dbc-mt-xs {
  margin-block-start: var(--spacing-xs);
}
.dbc-mt-sm {
  margin-block-start: var(--spacing-sm);
}
.dbc-mt-md {
  margin-block-start: var(--spacing-md);
}
.dbc-mt-lg {
  margin-block-start: var(--spacing-lg);
}
.dbc-mt-xl {
  margin-block-start: var(--spacing-xl);
}

.dbc-mb-xxs {
  margin-block-end: var(--spacing-xxs);
}
.dbc-mb-xs {
  margin-block-end: var(--spacing-xs);
}
.dbc-mb-sm {
  margin-block-end: var(--spacing-sm);
}
.dbc-mb-md {
  margin-block-end: var(--spacing-md);
}
.dbc-mb-lg {
  margin-block-end: var(--spacing-lg);
}
.dbc-mb-xl {
  margin-block-end: var(--spacing-xl);
}

.dbc-ms-xxs {
  margin-inline-start: var(--spacing-xxs);
}
.dbc-ms-xs {
  margin-inline-start: var(--spacing-xs);
}
.dbc-ms-sm {
  margin-inline-start: var(--spacing-sm);
}
.dbc-ms-md {
  margin-inline-start: var(--spacing-md);
}
.dbc-ms-lg {
  margin-inline-start: var(--spacing-lg);
}
.dbc-ms-xl {
  margin-inline-start: var(--spacing-xl);
}

.dbc-ms-auto {
  margin-inline-start: auto;
}

.dbc-me-xxs {
  margin-inline-end: var(--spacing-xxs);
}
.dbc-me-xs {
  margin-inline-end: var(--spacing-xs);
}
.dbc-me-sm {
  margin-inline-end: var(--spacing-sm);
}
.dbc-me-md {
  margin-inline-end: var(--spacing-md);
}
.dbc-me-lg {
  margin-inline-end: var(--spacing-lg);
}
.dbc-me-xl {
  margin-inline-end: var(--spacing-xl);
}

.dbc-me-auto {
  margin-inline-end: auto;
}

.dbc-mx-auto {
  margin-inline: auto;
}

/* Padding - all axes */
.dbc-p-0 {
  padding: 0;
}

.dbc-p-xxs {
  padding: var(--spacing-xxs);
}
.dbc-p-xs {
  padding: var(--spacing-xs);
}
.dbc-p-sm {
  padding: var(--spacing-sm);
}
.dbc-p-md {
  padding: var(--spacing-md);
}
.dbc-p-lg {
  padding: var(--spacing-lg);
}
.dbc-p-xl {
  padding: var(--spacing-xl);
}
.dbc-p-2xl {
  padding: var(--spacing-2xl);
}

/* Padding - block axis (top + bottom) */
.dbc-py-xxs {
  padding-block: var(--spacing-xxs);
}
.dbc-py-xs {
  padding-block: var(--spacing-xs);
}
.dbc-py-sm {
  padding-block: var(--spacing-sm);
}
.dbc-py-md {
  padding-block: var(--spacing-md);
}
.dbc-py-lg {
  padding-block: var(--spacing-lg);
}
.dbc-py-xl {
  padding-block: var(--spacing-xl);
}
.dbc-py-2xl {
  padding-block: var(--spacing-2xl);
}

/* Padding - inline axis (start + end) */
.dbc-px-xxs {
  padding-inline: var(--spacing-xxs);
}
.dbc-px-xs {
  padding-inline: var(--spacing-xs);
}
.dbc-px-sm {
  padding-inline: var(--spacing-sm);
}
.dbc-px-md {
  padding-inline: var(--spacing-md);
}
.dbc-px-lg {
  padding-inline: var(--spacing-lg);
}
.dbc-px-xl {
  padding-inline: var(--spacing-xl);
}
.dbc-px-2xl {
  padding-inline: var(--spacing-2xl);
}

/* Padding - single sides (logical) */
.dbc-pt-xxs {
  padding-block-start: var(--spacing-xxs);
}
.dbc-pt-xs {
  padding-block-start: var(--spacing-xs);
}
.dbc-pt-sm {
  padding-block-start: var(--spacing-sm);
}
.dbc-pt-md {
  padding-block-start: var(--spacing-md);
}
.dbc-pt-lg {
  padding-block-start: var(--spacing-lg);
}
.dbc-pt-xl {
  padding-block-start: var(--spacing-xl);
}

.dbc-pb-xxs {
  padding-block-end: var(--spacing-xxs);
}
.dbc-pb-xs {
  padding-block-end: var(--spacing-xs);
}
.dbc-pb-sm {
  padding-block-end: var(--spacing-sm);
}
.dbc-pb-md {
  padding-block-end: var(--spacing-md);
}
.dbc-pb-lg {
  padding-block-end: var(--spacing-lg);
}
.dbc-pb-xl {
  padding-block-end: var(--spacing-xl);
}

.dbc-ps-xxs {
  padding-inline-start: var(--spacing-xxs);
}
.dbc-ps-xs {
  padding-inline-start: var(--spacing-xs);
}
.dbc-ps-sm {
  padding-inline-start: var(--spacing-sm);
}
.dbc-ps-md {
  padding-inline-start: var(--spacing-md);
}
.dbc-ps-lg {
  padding-inline-start: var(--spacing-lg);
}
.dbc-ps-xl {
  padding-inline-start: var(--spacing-xl);
}

.dbc-pe-xxs {
  padding-inline-end: var(--spacing-xxs);
}
.dbc-pe-xs {
  padding-inline-end: var(--spacing-xs);
}
.dbc-pe-sm {
  padding-inline-end: var(--spacing-sm);
}
.dbc-pe-md {
  padding-inline-end: var(--spacing-md);
}
.dbc-pe-lg {
  padding-inline-end: var(--spacing-lg);
}
.dbc-pe-xl {
  padding-inline-end: var(--spacing-xl);
}