<!doctype html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0f0f10;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size}
.n{display:flex;font-weight:800;font-size:16cqw;color:#f5efe6;line-height:1;font-variant-numeric:tabular-nums}
.dg{height:1em;overflow:hidden}.st{display:flex;flex-direction:column;animation:r 4s cubic-bezier(.25,1,.5,1) infinite}
.cm{color:#7dd3b0}.lb{color:#a8a29e;text-align:center;letter-spacing:.3em;font-size:2cqw;margin-top:2cqw;text-transform:uppercase}
</style></head>
<body><div class="stage"><div><div class="n" id="n"></div><div class="lb">clips in the library</div></div></div><script>var t="7,008",n=document.getElementById("n"),css="";t.split("").forEach(function(ch,i){if(ch===","){var c=document.createElement("span");c.className="cm";c.textContent=",";n.appendChild(c);return}var d=+ch,loops=2+i,total=loops*10+d,dg=document.createElement("div");dg.className="dg";var st=document.createElement("div");st.className="st";for(var k=0;k<=total;k++){var s=document.createElement("span");s.textContent=k%10;st.appendChild(s)}st.style.animationName="r"+i;css+="@keyframes r"+i+"{0%{transform:translateY(0)}55%,85%{transform:translateY(-"+total+"em)}100%{transform:translateY(0)}}";dg.appendChild(st);n.appendChild(dg)});var y=document.createElement("style");y.textContent=css;document.head.appendChild(y);</script></body></html>