.pi .pi-bubs{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;gap:4px;min-width:0;min-height:108px;display:flex}.pi .pi-bub{border:1px solid var(--f-line);max-width:100%;min-height:44px;color:var(--f-t1);font:500 15px/1.35 var(--font);transform-origin:0 100%;background:#fff;border-radius:16px 16px 16px 4px;padding:10px 14px;transition:all .32s cubic-bezier(.2,.9,.3,1);position:relative;box-shadow:0 1px 2px #0000001a,0 6px 16px #2589f614}.pi .pi-bub.react{background:color-mix(in srgb,var(--f-purple) 25%,#fff)}.pi .pi-bub.old{min-height:0;box-shadow:none;color:var(--f-t3);font:500 12.5px/1.3 var(--font);background:#fff9;border:0;border-radius:12px;padding:5px 9px}.pi .pi-bub.in{animation:.32s cubic-bezier(.2,.9,.3,1) both pi-bub}.pi .pi-bub.out{opacity:0;height:0;margin-top:-4px;padding-top:0;padding-bottom:0;transform:translateY(-10px)}.pi .pi-bub .dots{gap:4px;padding:6px 2px;display:inline-flex}.pi .pi-bub .dots i{background:var(--f-blue);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pi-dot}.pi .pi-bub .dots i:nth-child(2){animation-delay:.15s}.pi .pi-bub .dots i:nth-child(3){animation-delay:.3s}@keyframes pi-bub{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}@keyframes pi-dot{0%,to{opacity:.5;transform:none}40%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.pi .pi-bub{transition:none;animation:none}}