theme-footer-takeover {
  display: block;
  isolation: isolate;
}

@media (prefers-reduced-motion: no-preference) {
  theme-footer-takeover > [data-footer-backdrop] {
    position: sticky;
    top: var(--footer-backdrop-top, 0px);
    z-index: 1;
  }

  theme-footer-takeover > [data-footer-front] {
    position: relative;
    z-index: 2;
  }
}