@keyframes mini-bubble-squish{0%,to{transform:scale(1)}30%{transform:scale(1.12,.82)}60%{transform:scale(.91,1.12)}82%{transform:scale(1.03,.97)}}.mini-bubble--squish{animation:.38s ease-out mini-bubble-squish}@keyframes mini-bubble-landing{0%,52%{opacity:0;transform:translateY(-12px)scale(.68,1.3)}57%{opacity:1;transform:translateY(2px)scale(1.24,.72)}70%{opacity:1;transform:translateY(-7px)scale(.86,1.16)}81%{transform:translateY(1px)scale(1.09,.91)}91%{transform:translateY(-2px)scale(.97,1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.mini-bubble--landing{animation:.84s cubic-bezier(.2,.8,.25,1) both mini-bubble-landing}button[title="Press and hold to open"]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.mini-bubble--squish,.mini-bubble--landing{animation:none}}@keyframes mini-bubble-charge{0%{opacity:.35;border-width:2px;transform:scale(1)}82%{opacity:.9;border-width:3px;transform:scale(1.06)}to{opacity:1;border-width:4px;transform:scale(1.12)}}.mini-bubble--charging{animation:2.5s linear forwards mini-bubble-charge}@keyframes mini-bubble-pop{0%{opacity:1;transform:scale(1)}22%{transform:scale(1.22,.78)}42%{transform:scale(.82,1.22)}58%{opacity:1;transform:scale(1.3)}64%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.mini-bubble--pop{animation:.45s ease-in both mini-bubble-pop}@media (prefers-reduced-motion:reduce){.mini-bubble--charging,.mini-bubble--pop{animation:none}}@keyframes mini-bubble-flung{0%{transform:translate(0, 0) rotate(var(--fling-angle)) scale(1, 1) rotate(calc(-1 * var(--fling-angle)));opacity:1}18%{transform:translate(calc(var(--fling-x) * .06), calc(var(--fling-y) * .06)) rotate(var(--fling-angle)) scale(1.45, .72) rotate(calc(-1 * var(--fling-angle)));opacity:1}45%{transform:translate(calc(var(--fling-x) * .35), calc(var(--fling-y) * .35)) rotate(var(--fling-angle)) scale(1.6, .66) rotate(calc(-1 * var(--fling-angle)));opacity:1}75%{transform:translate(calc(var(--fling-x) * .75), calc(var(--fling-y) * .75)) rotate(var(--fling-angle)) scale(1.3, .8) rotate(calc(-1 * var(--fling-angle)));opacity:1}to{transform:translate(var(--fling-x), var(--fling-y)) rotate(var(--fling-angle)) scale(1.15, .9) rotate(calc(-1 * var(--fling-angle)));opacity:1}}.mini-bubble--flung{animation:.62s cubic-bezier(.25,.6,.35,1) forwards mini-bubble-flung}@media (prefers-reduced-motion:reduce){.mini-bubble--flung{opacity:0;animation:none}}@keyframes mini-bubble-droplet{0%{opacity:0;transform:translate(0)scale(.4)}10%{opacity:1}55%{opacity:1;transform:translate(var(--drop-x), var(--drop-y)) scale(1.15, .85)}75%{opacity:.7;transform:translate(calc(var(--drop-x) * 1.08), calc(var(--drop-y) * 1.08)) scale(.9, 1.1)}to{opacity:0;transform:translate(calc(var(--drop-x) * 1.12), calc(var(--drop-y) * 1.12)) scale(.6)}}.mini-bubble-droplet{opacity:0;animation:.56s cubic-bezier(.2,.8,.3,1) both mini-bubble-droplet}@media (prefers-reduced-motion:reduce){.mini-bubble-droplet{display:none}}