:root {
  --dxp-c-column-container-spacing-block-start: 0;
  --dxp-c-column-container-spacing-inline-end: 0;
  --dxp-c-column-container-spacing-block-end: 0;
  --dxp-c-column-container-spacing-inline-start: 0;
  --dxp-c-column-container-spacing-block-start-mobile: 0;
  --dxp-c-column-container-spacing-inline-end-mobile: 0;
  --dxp-c-column-container-spacing-block-end-mobile: 0;
  --dxp-c-column-container-spacing-inline-start-mobile: 0;
  --dxp-c-column-content-spacing-block-start: 0;
  --dxp-c-column-content-spacing-inline-end: 0;
  --dxp-c-column-content-spacing-block-end: 0;
  --dxp-c-column-content-spacing-inline-start: 0;
  --dxp-c-column-content-spacing-block-start-mobile: 0;
  --dxp-c-column-content-spacing-inline-end-mobile: 0;
  --dxp-c-column-content-spacing-block-end-mobile: 0;
  --dxp-c-column-content-spacing-inline-start-mobile: 0;
  --dxp-c-header-container-spacing-block-start: 1rem;
  --dxp-c-header-container-spacing-inline-end: 1rem;
  --dxp-c-header-container-spacing-block-end: 1rem;
  --dxp-c-header-container-spacing-inline-start: 1rem;
  --dxp-c-header-container-spacing-block-start-mobile: .75rem;
  --dxp-c-header-container-spacing-inline-end-mobile: .75rem;
  --dxp-c-header-container-spacing-block-end-mobile: .75rem;
  --dxp-c-header-container-spacing-inline-start-mobile: .75rem;
  --dxp-c-footer-container-spacing-block-start: 1rem;
  --dxp-c-footer-container-spacing-inline-end: 1rem;
  --dxp-c-footer-container-spacing-block-end: 1rem;
  --dxp-c-footer-container-spacing-inline-start: 1rem;
  --dxp-c-footer-container-spacing-block-start-mobile: .75rem;
  --dxp-c-footer-container-spacing-inline-end-mobile: .75rem;
  --dxp-c-footer-container-spacing-block-end-mobile: .75rem;
  --dxp-c-footer-container-spacing-inline-start-mobile: .75rem;
}

.component-wrapper-spacer {
  margin-bottom: var(--dxp-c-component-wrapper-spacer-size, var(--dxp-c-l-component-spacer-size, var(--dxp-s-component-wrapper-spacer-size)));
  display: block;
}

@media (max-width: 64em) {
  .component-wrapper-spacer {
    margin-bottom: var(--dxp-c-component-wrapper-spacer-size-tablet, var(--dxp-c-m-component-spacer-size, var(--dxp-s-component-wrapper-spacer-size-mobile)));
  }
}

@media (max-width: 47.9375em) {
  .component-wrapper-spacer {
    margin-bottom: var(--dxp-c-component-wrapper-spacer-size-mobile, var(--dxp-c-s-component-spacer-size, var(--dxp-s-component-wrapper-spacer-size-mobile)));
  }
}