sh-view');
      const refreshFooter = document.querySelector('x-refresh-footer');
      const observer = new IntersectionObserver((e) => {
        if (e[0].isIntersecting) {
          content.style.backgroundColor = 'chartreuse';
        }
      }, {
        root: refreshView,
        threshold: 1,
      });
      observer.observe(refreshFooter);
    </script>
    <style>
    .refresh-view {
      width: 100%;
      height: 600px;
      background-color: green;
      --lynx-display: linear;
      --lynx-li