.footer {
  --bottom-sheet-height: 7.5em;
  --promo-height: 50px;

  margin-top: auto;
}

@media screen and (max-width: 1366px) {
  :has([data-footer-spacing]) ~ .footer {
    background: var(--Base-Text-High-contrast);
    padding-bottom: var(--bottom-sheet-height);
  }

  :has([data-footer-spacing-signup]) ~ .footer {
    background: var(--Base-Text-High-contrast);
    padding-bottom: calc(var(--bottom-sheet-height) + var(--promo-height));
  }
}
