.speech-bubble{--bubble-bg:#000;--bubble-fg:#fff;left:var(--bubble-x,50%);top:var(--bubble-y,50%);width:var(--bubble-width,17rem);aspect-ratio:var(--aspect);translate:calc(-100% * var(--tip-x)) calc(-100% * var(--tip-y));pointer-events:none;margin:0;transition:opacity .2s ease-out;position:absolute}.speech-bubble[data-hidden]{opacity:0}.speech-bubble svg{width:100%;height:100%;display:block;overflow:visible}.speech-bubble__outline path{fill:var(--bubble-bg);stroke:var(--bubble-fg);stroke-width:calc(2 * var(--border-width));stroke-linejoin:round;vector-effect:non-scaling-stroke}.speech-bubble__fill path{fill:var(--bubble-bg)}.speech-bubble__text{left:calc((var(--body-x) + .14 * var(--body-w)) * 100%);top:calc(var(--body-y) * 100%);width:calc(.72 * var(--body-w) * 100%);height:calc(var(--body-h) * 100%);color:var(--bubble-fg);font-family:var(--font-dialog);font-weight:400;font-size:var(--bubble-font-size,.95rem);text-align:center;text-wrap:balance;place-items:center;line-height:1.25;display:grid;position:absolute}
