body .speech-bubble{text-align:left;overflow-wrap:anywhere;align-items:flex-end;gap:12px;width:fit-content;min-width:0;max-width:100%;margin:0;padding:0;display:flex}body .speech-bubble>.speech-bubble-body{border-radius:var(--radius-panel);background:var(--surface-subtle);min-width:0;color:var(--ink);text-align:left;font:inherit;border:0;order:1;padding:18px 24px;display:block;position:relative}body .speech-bubble-avatar{background:var(--speech-bubble-avatar);width:40px;height:40px;color:var(--ink);font-family:var(--font-rounded);font-size:var(--type-meta-size);font-weight:var(--weight-rounded);font-synthesis:none;border-radius:50%;flex:0 0 40px;order:2;justify-content:center;align-items:center;line-height:1;display:flex}body .speech-bubble[data-tone=pink]>.speech-bubble-body{background:var(--speech-bubble-pink)}body .speech-bubble[data-tone=paper]>.speech-bubble-body{background:var(--paper)}body .speech-bubble[data-side=start]>.speech-bubble-body{border-bottom-left-radius:6px}body .speech-bubble[data-side=end]>.speech-bubble-body{border-bottom-right-radius:6px}body .speech-bubble[data-align=center]{place-self:center;margin-inline:auto}body .speech-bubble[data-align=start]{place-self:flex-start start;margin-inline:0 auto}body .speech-bubble[data-align=end]{place-self:flex-end end;margin-inline:auto 0}body .speech-bubble--copyable>.speech-bubble-body{min-height:64px;padding-right:72px}body .speech-bubble[data-tone]>.speech-bubble-body>.speech-bubble-text{color:inherit;font-family:inherit;font-size:var(--type-body-size);font-weight:var(--weight-regular);line-height:var(--type-body-line);letter-spacing:var(--tracking-body);white-space:pre-line;background:0 0;margin:0;padding:0;display:block}body .speech-bubble-copy{-webkit-appearance:none;appearance:none;cursor:var(--cursor-pointer,pointer);-webkit-user-select:text;user-select:text;transition:opacity var(--motion-control)}body .speech-bubble-copy:focus-visible{outline:2px solid var(--ink);outline-offset:4px}body .speech-bubble .article-example-copy{width:44px;height:44px;color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}@media (hover:hover) and (pointer:fine){body .speech-bubble-copy:hover{opacity:.8}}@media (max-width:760px){body .speech-bubble{gap:8px}body .speech-bubble>.speech-bubble-body{padding:16px 20px}body .speech-bubble--copyable>.speech-bubble-body{padding-right:64px}body .speech-bubble-avatar{flex-basis:36px;width:36px;height:36px}body .speech-bubble .article-example-copy{top:8px;right:8px}}@media (prefers-reduced-motion:reduce){body .speech-bubble-copy{transition:none}}
