.blob{--blob-size: 98px;--y-bounce: 2%;align-items:center;animation:bounce 7s ease-in-out infinite;display:grid;justify-content:center;transform:translateZ(0);transition:scale .3s cubic-bezier(.34,1.56,.64,1)}.blob .blob-bg{animation:rotate 20s linear infinite forwards;border-radius:500px;filter:blur(11px);grid-area:1/1;height:var(--blob-size);pointer-events:none;width:var(--blob-size)}.blob .blob-faces{grid-area:1/1;place-self:var(--face-position-y) var(--face-position-x);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-face-excited,.blob.blob-expression-happy .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))}}