.blob{--blob-size:98px;--y-bounce:2%;justify-content:center;align-items:center;transition:scale .3s cubic-bezier(.34,1.56,.64,1);animation:7s ease-in-out infinite bounce;display:grid;transform:translateZ(0)}.blob .blob-bg{filter:blur(11px);height:var(--blob-size);pointer-events:none;width:var(--blob-size);border-radius:500px;grid-area:1/1;animation:20s linear infinite forwards rotate}.blob .blob-faces{place-self:var(--face-position-y) var(--face-position-x);grid-area:1/1;position:relative}.blob .blob-faces svg{display:none}.blob.blob-color-dawn{animation-delay:.5s}.blob.blob-color-dawn .blob-bg{background:linear-gradient(111.26deg,#bca2f3 9%,#ff7aa2 55.26%,#f3d4a2 89.74%)}.blob.blob-color-breeze .blob-bg{background:linear-gradient(128.68deg,#8ad9ae 14.86%,#eddd01 78.91%)}.blob.blob-color-vibes{animation-delay:.75s}.blob.blob-color-vibes .blob-bg{background:linear-gradient(132.34deg,#57e2c1 10.13%,#e68bdc 67.53%,#ffa2a2 90%)}.blob.blob-expression-excited .blob-faces .blob-face-excited,.blob.blob-expression-happy .blob-faces .blob-face-happy{display:block}.blob.blob-awww{--blob-size:125px}.blob.blob-awww .blob-faces{justify-self:center;transform:translateY(-8px)}.blob.blob-awww .blob-faces svg{display:block}.blob.blob-awww .blob-hands{grid-area:1/1;place-self:end center}.blob.blob-awww .blob-hands .left-hand{transform:translate(-30px,-15px)}.blob.blob-awww .blob-hands .right-hand{transform:translate(8px,-4px)}@keyframes rotate{50%{transform:rotate(-1turn)scale(1.125)}to{transform:rotate(-2turn)scale(1)}}@keyframes bounce{20%{transform:translateY(var(--y-bounce))}50%{transform:translateY(calc(var(--y-bounce) * -1))}80%{transform:translateY(var(--y-bounce))}}