.blob-wrapper{position:relative;isolation:isolate}.blob{width:100%;height:100%;background:var(--blob-color);border-radius:55% 45% 65% 35%/60% 55% 45% 40%;animation:blobMorph 4s ease-in-out infinite,jello-horizontal 3s ease-in-out infinite;box-shadow:0 .15em .3em #0003;position:relative;z-index:1}.blob.scale-animation{animation:blobScale 2s ease infinite,jello-horizontal 3s ease-in-out infinite}.eye{position:absolute;width:14%;height:14%;background:#fff;box-shadow:0 0 .5rem #fff296cc;border-radius:50%;top:35%;z-index:3;transition:transform .3s cubic-bezier(.22,1,.36,1)}#eye-left{left:30%}#eye-right{right:30%}.pupil{width:40%;height:40%;background:#fff;border-radius:50%;transition:transform .1s ease}.dot{position:absolute;background-color:var(--blob-color);border-radius:50%;opacity:.9;animation:dotMorph 4s ease-in-out infinite alternate;filter:blur(1px);z-index:0;box-shadow:0 .05em .15em #00000026}.dot.blend{mix-blend-mode:multiply;opacity:1;background-color:var(--blob-color);filter:blur(1px);z-index:1}.dot:nth-child(4){width:22%;height:22%;top:88%;left:10%;animation-delay:0s;z-index:10}.dot:nth-child(5){width:16%;height:16%;top:96%;left:57%;animation-delay:1s}.dot:nth-child(6){width:12%;height:12%;top:15%;left:95%;animation-delay:2s}.dot:nth-child(7){width:18%;height:18%;top:50%;left:-10%;animation-delay:.3s}.dot:nth-child(8){width:10%;height:10%;top:5%;left:40%;animation-delay:1.3s}@keyframes blobScale{0%{border-radius:55% 45% 65% 35%/60% 55% 45% 40%;transform:scale(1)}25%{border-radius:60% 40% 70% 30%/55% 50% 50% 45%;transform:scale(1.12)}50%{border-radius:50% 50% 60% 40%/65% 60% 40% 35%;transform:scale(2.58)}75%{border-radius:45% 55% 60% 40%/55% 50% 50% 45%;transform:scale(1.11)}to{border-radius:55% 45% 65% 35%/60% 55% 45% 40%;transform:scale(1)}}@keyframes blobMorph{0%{border-radius:55% 45% 65% 35%/60% 55% 45% 40%;transform:scale(1)}25%{border-radius:60% 40% 70% 30%/55% 50% 50% 45%;transform:scale(1.02)}50%{border-radius:50% 50% 60% 40%/65% 60% 40% 35%;transform:scale(.98)}75%{border-radius:45% 55% 60% 40%/55% 50% 50% 45%;transform:scale(1.01)}to{border-radius:55% 45% 65% 35%/60% 55% 45% 40%;transform:scale(1)}}@keyframes jello-horizontal{0%,to{transform:scaleZ(1)}30%{transform:scale3d(1.04,.96,1)}40%{transform:scale3d(.96,1.04,1)}50%{transform:scale3d(1.03,.97,1)}60%{transform:scale3d(.97,1.03,1)}}@keyframes dotMorph{0%{transform:scale(1) rotate(0);border-radius:50%}25%{transform:scale(1.05) rotate(5deg);border-radius:45% 55% 55% 45%}50%{transform:scale(1.1) rotate(-3deg);border-radius:60% 40% 50% 50%}75%{transform:scale(1.05) rotate(3deg);border-radius:50% 60% 40% 50%}to{transform:scale(1) rotate(0);border-radius:50%}}