.speech-bubble{--speech-bubble-bg: var(--sl-color-green-50);--speech-bubble-border: var(--sl-color-green-200);--speech-bubble-text: var(--sl-color-neutral-900);--speech-bubble-shadow: var(--sl-color-green-200);--speech-bubble-controls-border: var(--sl-color-green-200);--speech-bubble-progress-bg: var(--sl-color-green-200);--speech-bubble-progress-fill: var(--sl-color-green-600);--speech-bubble-time: var(--sl-color-green-700);--speech-bubble-tail: var(--sl-color-green-50);position:relative;background:var(--speech-bubble-bg);border:1px solid var(--speech-bubble-border);border-radius:12px;padding:12px 16px;margin:8px 0;color:var(--speech-bubble-text);transition:box-shadow .3s ease,padding .2s ease;cursor:pointer}.speech-bubble--collapsed{padding:8px 12px}.speech-bubble--collapsed .speech-bubble__audio-controls{border-top:none;padding-top:0}.speech-bubble--playing{box-shadow:0 0 12px 2px var(--speech-bubble-shadow)}.speech-bubble--compact{padding:8px 12px}.speech-bubble__content{margin-bottom:12px}.speech-bubble__content p{margin:0}.speech-bubble__content,.speech-bubble__content p{color:inherit!important}.speech-bubble__content>*:first-child{margin-top:0}.speech-bubble__content>*:last-child{margin-bottom:0}.speech-bubble__audio-controls{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--speech-bubble-controls-border)}.speech-bubble__progress-bar{flex:1;height:6px;background:var(--speech-bubble-progress-bg);border-radius:3px;cursor:pointer;overflow:hidden;transition:height .15s ease}.speech-bubble__progress-bar:hover{height:8px}.speech-bubble__progress-fill{height:100%;background:var(--speech-bubble-progress-fill);border-radius:3px;transition:width .1s linear}.speech-bubble__time{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--speech-bubble-time);white-space:nowrap;min-width:70px;text-align:center}.speech-bubble__speed-select{width:70px}.speech-bubble__speed-select::part(combobox){font-size:.75rem;min-height:28px;padding:0 8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.speech-bubble__tail{position:absolute;left:20px;bottom:-8px;border-width:8px 8px 0;border-style:solid;border-color:var(--speech-bubble-tail) transparent transparent}html.sl-theme-dark .speech-bubble,.sl-theme-dark .speech-bubble{--speech-bubble-bg: var(--sl-color-green-900);--speech-bubble-border: var(--sl-color-green-700);--speech-bubble-text: var(--sl-color-green-100);--speech-bubble-shadow: var(--sl-color-green-700);--speech-bubble-controls-border: var(--sl-color-green-700);--speech-bubble-progress-bg: var(--sl-color-green-700);--speech-bubble-progress-fill: var(--sl-color-green-400);--speech-bubble-time: var(--sl-color-green-300);--speech-bubble-tail: var(--sl-color-green-900)}