.lt-speech{margin:0 0 34px;padding:18px 20px;border:1px solid #dce5ef;border-radius:8px;background:#f8fafc;color:var(--lt-ink)}
.lt-speech-track{display:flex;align-items:center;gap:14px}.lt-speech-play{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1.5px solid var(--lt-primary);border-radius:50%;background:#fff;color:var(--lt-primary)}.lt-speech-play svg{width:18px;height:18px}.lt-speech-pause-icon{display:none}.lt-speech[data-speech-state="playing"] .lt-speech-play-icon{display:none}.lt-speech[data-speech-state="playing"] .lt-speech-pause-icon{display:block}
.lt-speech-progress{width:100%;height:30px;appearance:none;border:0;overflow:hidden;background:#d7e3f1;mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22140%22 height=%2230%22%3E%3Cg fill=%22black%22%3E%3Crect x=%220%22 y=%2211%22 width=%223%22 height=%228%22 rx=%221%22/%3E%3Crect x=%227%22 y=%228%22 width=%223%22 height=%2214%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%224%22 width=%223%22 height=%2222%22 rx=%221%22/%3E%3Crect x=%2221%22 y=%227%22 width=%223%22 height=%2216%22 rx=%221%22/%3E%3Crect x=%2228%22 y=%2212%22 width=%223%22 height=%226%22 rx=%221%22/%3E%3Crect x=%2235%22 y=%229%22 width=%223%22 height=%2212%22 rx=%221%22/%3E%3Crect x=%2242%22 y=%223%22 width=%223%22 height=%2224%22 rx=%221%22/%3E%3Crect x=%2249%22 y=%220%22 width=%223%22 height=%2230%22 rx=%221%22/%3E%3Crect x=%2256%22 y=%226%22 width=%223%22 height=%2218%22 rx=%221%22/%3E%3Crect x=%2263%22 y=%2210%22 width=%223%22 height=%2210%22 rx=%221%22/%3E%3Crect x=%2270%22 y=%2212%22 width=%223%22 height=%226%22 rx=%221%22/%3E%3Crect x=%2277%22 y=%228%22 width=%223%22 height=%2214%22 rx=%221%22/%3E%3Crect x=%2284%22 y=%225%22 width=%223%22 height=%2220%22 rx=%221%22/%3E%3Crect x=%2291%22 y=%222%22 width=%223%22 height=%2226%22 rx=%221%22/%3E%3Crect x=%2298%22 y=%227%22 width=%223%22 height=%2216%22 rx=%221%22/%3E%3Crect x=%22105%22 y=%2211%22 width=%223%22 height=%228%22 rx=%221%22/%3E%3Crect x=%22112%22 y=%228%22 width=%223%22 height=%2214%22 rx=%221%22/%3E%3Crect x=%22119%22 y=%224%22 width=%223%22 height=%2222%22 rx=%221%22/%3E%3Crect x=%22126%22 y=%229%22 width=%223%22 height=%2212%22 rx=%221%22/%3E%3Crect x=%22133%22 y=%2212%22 width=%223%22 height=%226%22 rx=%221%22/%3E%3C/g%3E%3C/svg%3E");mask-size:140px 30px;mask-repeat:repeat-x}.lt-speech-progress::-webkit-progress-bar{background:#d7e3f1}.lt-speech-progress::-webkit-progress-value{background:var(--lt-primary)}.lt-speech-progress::-moz-progress-bar{background:var(--lt-primary)}
.lt-speech-info{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:13px}.lt-speech-title{font-weight:800;margin-right:auto}.lt-speech-speed{min-width:44px;min-height:36px;border:0;border-radius:4px;background:#e2ecf8;color:var(--lt-primary);font-weight:800}.lt-speech-time{color:var(--lt-muted);font-size:12px}.lt-speech-status{margin:8px 0 0;color:var(--lt-muted);font-size:12px}.lt-speech-status:empty{display:none}.lt-speech button:disabled{opacity:.5;cursor:not-allowed}
.lt-speech-play svg{display:block}
@media(max-width:480px){.lt-speech{padding:14px}.lt-speech-info{flex-wrap:wrap;gap:8px}.lt-speech-time{font-size:11px}}