@property --bl-lx{syntax:"<percentage>";inherits:false;initial-value:32%}@property --bl-ly{syntax:"<percentage>";inherits:false;initial-value:28%}.bubble-logo{font-size:calc(var(--bubble-logo-size,40px) / 100);vertical-align:middle;flex:none;width:100em;height:100em;line-height:0;display:inline-block;position:relative}.bubble-logo__float{display:block;position:absolute;top:4em;bottom:4em;left:4em;right:4em}.bubble-logo__orb{isolation:isolate;background:#b44bd6;border-radius:50%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.bubble-logo__orb>span,.bubble-logo__spinner>span{pointer-events:none;display:block;position:absolute}.bubble-logo__squish{transition:scale .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.bubble-logo__spinner{border-radius:50%;top:0;bottom:0;left:0;right:0}.bubble-logo--playful{cursor:grab;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.bubble-logo--playful.is-dragging{cursor:grabbing;z-index:60}.bubble-logo--playful.is-dragging .bubble-logo__squish{scale:1.08}.bubble-logo__color{background:linear-gradient(135deg,#6a3df0 0%,#8e44ec 22%,#c04bd8 42%,#ff5c7a 62%,#ff7a2e 80%,#ff9a1f 100%);border-radius:50%;animation:14s linear infinite bubble-logo-spin;top:0;bottom:0;left:0;right:0}.bubble-logo__shade{border-radius:inherit;background:radial-gradient(circle at 32% 28%,#ffffff80 0%,#ffffff1f 30%,#fff0 52%,#2808461f 78%,#28084661 100%);top:0;bottom:0;left:0;right:0}.bubble-logo__film{display:none!important}.bubble-logo__bounce{background:radial-gradient(closest-side,#ffdcc88c,#ffdcc800);border-radius:50%;width:62em;height:28em;top:66em;left:22em;transform:rotate(-24deg)}.bubble-logo__window{background:linear-gradient(160deg,#fff9,#fff0);border-radius:45% 55% 40% 60%/50% 45% 55% 50%;width:14em;height:21em;top:16em;left:60em;transform:rotate(28deg)}.bubble-logo__glare{background:radial-gradient(closest-side,#ffffffe6,#ffffff59 55%,#fff0);border-radius:50%;width:40em;height:26em;top:9em;left:13em;transform:rotate(-32deg)}.bubble-logo__spark{background:#fff;border-radius:50%;width:9em;height:7em;top:18em;left:23em;transform:rotate(-32deg)}.bubble-logo__rim{border-radius:inherit;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1.2em #ffffff38,inset 0 0 6em #fff3}.bubble-logo__float{animation:6s ease-in-out infinite bubble-logo-bob}@keyframes bubble-logo-spin{to{transform:rotate(1turn)}}@keyframes bubble-logo-bob{0%,to{transform:translate(0,0)}50%{transform:translateY(-2.5em)}}.bubble-logo[data-motion=rich] .bubble-logo__orb{animation:8s ease-in-out infinite bubble-logo-morph}.bubble-logo[data-motion=rich] .bubble-logo__color{animation-duration:10s}.bubble-logo[data-motion=rich] .bubble-logo__shade{background:radial-gradient(circle at var(--bl-lx,32%) var(--bl-ly,28%), #ffffff80 0%, #ffffff1f 30%, #fff0 52%, #2808461f 78%, #28084661 100%);animation:8s ease-in-out infinite bubble-logo-light}.bubble-logo[data-motion=rich] .bubble-logo__film{mix-blend-mode:overlay;opacity:.85;background:conic-gradient(#ff9ad5,#b9a6ff,#8fe3ff,#9dffd2,#fff3a6,#ffb38f,#ff9ad5);border-radius:50%;animation:7s linear infinite reverse bubble-logo-spin;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(closest-side,#0000 62%,#000 100%);mask-image:radial-gradient(closest-side,#0000 62%,#000 100%);display:block!important}.bubble-logo[data-motion=rich] .bubble-logo__glare,.bubble-logo[data-motion=rich] .bubble-logo__spark{animation:8s ease-in-out infinite bubble-logo-glide}.bubble-logo[data-motion=rich] .bubble-logo__window{animation:8s ease-in-out infinite bubble-logo-window}.bubble-logo[data-motion=rich] .bubble-logo__bounce{animation:8s ease-in-out infinite bubble-logo-bounce}.bubble-logo[data-motion=rich] .bubble-logo__float{animation:6s ease-in-out infinite bubble-logo-drift}@keyframes bubble-logo-morph{0%,to{border-radius:50%}20%{border-radius:58% 42% 53% 47%/45% 56% 44% 55%}40%{border-radius:46% 54% 42% 58%/56% 44% 57% 43%}60%{border-radius:54% 46% 58% 42%/43% 57% 45% 55%}80%{border-radius:43% 57% 47% 53%/55% 46% 54% 45%}}@keyframes bubble-logo-light{0%,to{--bl-lx:30%;--bl-ly:26%}50%{--bl-lx:40%;--bl-ly:32%}}@keyframes bubble-logo-glide{0%,to{translate:0}50%{translate:7em 4em}}@keyframes bubble-logo-window{0%,to{opacity:1;translate:0}50%{opacity:.6;translate:4em 6em}}@keyframes bubble-logo-bounce{0%,to{translate:0}50%{translate:-5em -2em}}@keyframes bubble-logo-drift{0%,to{transform:translate(0,0)scale(1)}30%{transform:translate(.8em,-2.4em)scale(.97,1.03)}65%{transform:translate(-.6em,-1.2em)scale(1.03,.97)}}@media (prefers-reduced-motion:reduce){.bubble-logo__float,.bubble-logo__orb,.bubble-logo__orb>span,.bubble-logo__spinner>span{animation:none!important}.bubble-logo__squish{transition:none}}