.blob-figure{aspect-ratio:1.13;background:radial-gradient(16% 11% at 30% 19%,#ffffffd0,#0000 70%),radial-gradient(60% 40% at 40% 22%,#8ff5b455,#0000 70%),radial-gradient(85% 90% at 50% 36%,#2bd065 0,#16b347 45%,#0c8f35 78%,#097a2c);border-radius:50% 50% 47% 47%/58% 58% 42% 42%;display:block;position:relative;box-shadow:inset 0 -2.4cqi 3cqi #9cf5b98c,inset 0 0 1.2cqi .4cqi #5ee38d66,0 4cqi 9cqi -5cqi #06401d80;container-type:inline-size}.blob-eye{background:#fff;border-radius:999px;width:10%;height:28%;position:absolute;top:33%;left:30.5%}.blob-wink{border:0 solid #fff;width:16%;position:absolute;left:56%}.is-wink .blob-wink{background:#fff;border-radius:999px;width:15%;height:3.8cqi;top:45.5%}.is-smile .blob-wink{border-bottom-width:3.6cqi;border-radius:0 0 50% 50%/0 0 100% 100%;height:10%;top:41%}@media (prefers-reduced-motion:no-preference){.blob-figure{animation:5s ease-in-out infinite blob-float}.blob-eye{animation:4.6s infinite blob-blink}}@keyframes blob-float{50%{translate:0 -3%}}@keyframes blob-blink{0%,94%,to{scale:1}97%{scale:1 .1}}.hero-blob{z-index:2;width:39%;height:164%;position:absolute;top:-30%;left:33%}.hero-blob-figure{aspect-ratio:auto;width:100%;height:100%;transition:opacity .4s var(--ease)}.hero-blob canvas{opacity:0;width:150%;height:150%;transition:opacity .5s var(--ease);position:absolute;top:-25%;left:-25%}.hero-blob.is-live canvas{opacity:1}.hero-blob.is-live .hero-blob-figure{opacity:0}.hero-blob.is-hovered canvas{cursor:pointer}@media (prefers-reduced-motion:no-preference){.hero-blob{animation:blob-arrive 1.4s var(--ease) .3s both}}@keyframes blob-arrive{0%{translate:46%;scale:0}22%{translate:46%;scale:.42}32%{translate:46%;scale:.38}68%{translate:20% -24%;scale:.9}86%{translate:0 3%;scale:1.06 .94}to{translate:0;scale:1}}