body{box-sizing:border-box;background-color:#fff;height:calc(100lvh + 3000px);margin:0;padding-top:55svh;font-family:sans-serif}body:after{content:"Loading...";text-transform:uppercase;letter-spacing:.1em;color:#0000;z-index:1000;opacity:0;pointer-events:none;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;font-weight:500;transition:opacity .4s 50ms,color .4s;display:flex;position:fixed;top:0;left:0}canvas{z-index:1;width:100%;max-width:800px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}p{color:#000;text-transform:uppercase;text-align:center;margin:0;font-size:min(25vw,200px);font-weight:700;position:relative}span{z-index:2;text-transform:uppercase;letter-spacing:.1em;color:#000;font-variant-numeric:tabular-nums;background-color:#fff;border:1px solid #0003;border-radius:5px;justify-content:center;align-items:center;padding:3px 5px 3px calc(5px + .1em);font-size:10px;font-weight:500;display:inline-flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.loading{height:auto}.loading:after{opacity:1;color:#000;pointer-events:auto;transition:none}.viewport-measurer{pointer-events:none;width:1px;height:100lvh;position:absolute;top:-100lvh;left:-100%}