html,body{height:100%;margin:0}#bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#app{z-index:1;color:#fff;padding:40px;position:relative}.next{background:repeating-linear-gradient(45deg,#dcdcdc,#dcdcdc 5px,#718096 5px 10px)}.liquid-box{background:#777;border-radius:20px;width:120px;height:120px;position:relative;overflow:hidden}.wave-svg{width:200%;height:100%;position:absolute;top:0;left:-50%}.wave{animation:4s linear infinite waveMove}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(100px)}}canvas{image-rendering:pixelated}