.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);background:var(--speech-bubble-bg);border:1px solid var(--speech-bubble-border);color:var(--speech-bubble-text);cursor:pointer;border-radius:12px;margin:8px 0;padding:12px 16px;transition:box-shadow .3s,padding .2s;position:relative}.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{border-top:1px solid var(--speech-bubble-controls-border);align-items:center;gap:8px;padding-top:8px;display:flex}.speech-bubble__progress-bar{background:var(--speech-bubble-progress-bg);cursor:pointer;border-radius:3px;flex:1;height:6px;transition:height .15s;overflow:hidden}.speech-bubble__progress-bar:hover{height:8px}.speech-bubble__progress-fill{background:var(--speech-bubble-progress-fill);border-radius:3px;height:100%;transition:width .1s linear}.speech-bubble__time{font-variant-numeric:tabular-nums;color:var(--speech-bubble-time);white-space:nowrap;text-align:center;min-width:70px;font-size:.75rem}.speech-bubble__speed-select{width:70px}.speech-bubble__speed-select::part(combobox){min-height:28px;padding:0 8px;font-size:.75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.speech-bubble__tail{border-style:solid;border-width:8px 8px 0;border-color:var(--speech-bubble-tail) transparent transparent;position:absolute;bottom:-8px;left:20px}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)}