@layer scenes {
      [data-8b-live] #footer {
        timeline-scope: --footer-word;
      }

      [data-8b-live] #footer .ft-word {
        view-timeline: --footer-word block;
        view-timeline-inset: 0;
      }

      [data-8b-live] #footer .ghost>span {
        animation-name: footer-sink;
        animation-timeline: --footer-word;
        animation-range: cover 0px cover calc(var(--footer-run, 100vh) * 0.35);
        animation-timing-function: cubic-bezier(0.3333, 0, 0.6667, 0);
        animation-fill-mode: both;
      }

      [data-8b-live] #footer .ft-word>span {
        animation-name: footer-grow;
        animation-timeline: --footer-word;
        animation-range: cover calc(var(--footer-run, 100vh) * 0.25) cover var(--footer-run, 100vh);
        animation-timing-function: linear(0, 0.0001, 0.0005, 0.0017, 0.004, 0.0078, 0.0135, 0.0214, 0.032, 0.0456, 0.0625, 0.0832, 0.108, 0.1373, 0.1715, 0.2109, 0.256, 0.3071, 0.3645, 0.4287, 0.5, 0.5713, 0.6355, 0.6929, 0.744, 0.7891, 0.8285, 0.8627, 0.892, 0.9168, 0.9375, 0.9544, 0.968, 0.9786, 0.9865, 0.9922, 0.996, 0.9983, 0.9995, 0.9999, 1);
        animation-fill-mode: both;
        transform-origin: 0% 100%;
      }

      [data-8b-live] #footer .ft-word>.ft-b {
        transform-origin: 100% 100%;
      }

      @keyframes footer-sink {
        0% {
          translate: 0px 0%;
        }

        100% {
          translate: 0px 130%;
        }
      }

      @keyframes footer-grow {
        0% {
          scale: var(--footer-from, 1);
        }

        100% {
          scale: 1;
        }
      }
    }