.blob-wrapper{display:flex;mix-blend-mode:multiply;position:relative}.blob{--size:var(--_size,250px);background:#fff;border-radius:50%;display:grid;filter:blur(6px) contrast(25) saturate(0);height:calc(var(--size)/3);place-content:center;place-items:center;position:relative;width:var(--size);& span{background:rgb(var(--_color-foreground,var(--color-foreground)));border-radius:50%;display:block;grid-area:1/1}& span:first-child{animation:sticky-blob-skewing-child .2s ease-in-out infinite alternate,sticky-blob-moving 2s cubic-bezier(.97,.01,.12,.99) infinite alternate;height:calc(var(--size)/10);width:calc(var(--size)/10)}& span:last-child{animation:sticky-blob-squishing 1s ease-in-out infinite alternate,sticky-blob-skewing 2s ease-in-out 1.5s infinite;height:calc(var(--size)/4);width:calc(var(--size)/4)}}@keyframes sticky-blob-skewing{0%{transform:skewX(6deg)}10%{transform:skewX(-6deg)}20%{transform:skewX(4deg)}30%{transform:skewX(-4deg)}40%{transform:skewX(2deg)}50%{transform:skewX(-6deg)}55%{transform:skewX(6deg)}60%{transform:skewX(-5deg)}65%{transform:skewX(5deg)}70%{transform:skewX(-4deg)}75%{transform:skewX(4deg)}80%{transform:skewX(-3deg)}85%{transform:skewX(3deg)}90%{transform:skewX(-2deg)}95%{transform:skewX(2deg)}to{transform:skewX(1deg)}}@keyframes sticky-blob-skewing-child{0%{transform:skewX(-10deg)}to{transform:skewX(10deg)}}@keyframes sticky-blob-moving{0%{transform:translate(calc(var(--size)/-2.5))}30%{transform:translate(calc(var(--size)/-10))}70%{transform:translate(calc(var(--size)/10))}to{transform:translate(calc(var(--size)/2.5))}}@keyframes sticky-blob-squishing{10%,40%,80%{transform:scaleY(.9)}0%,30%,60%,to{transform:scaleX(.9)}}