.tla-player{--tla-border:#e7e7ea;--tla-bg:#fff;--tla-text:#17171a;--tla-muted:#6f7178;margin:0 0 24px;padding:16px 18px;border:1px solid var(--tla-border);border-radius:14px;background:var(--tla-bg);color:var(--tla-text);box-shadow:0 4px 18px rgba(0,0,0,.035)}.tla-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tla-icon{font-size:20px}.tla-control-row{display:flex;align-items:center;gap:10px}.tla-play{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:999px;background:#1f2937;color:#fff;cursor:pointer;font-size:15px;line-height:1}.tla-progress{flex:1;min-width:100px}.tla-time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--tla-muted);white-space:nowrap}.tla-volume-wrap{display:flex;align-items:center;gap:5px}.tla-volume{width:75px}.tla-speed{min-width:70px;padding:6px 8px;border:1px solid var(--tla-border);border-radius:8px;background:#fff}.tla-autoplay-fallback{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid #e1e5ea;border-radius:10px;background:#f8fafc;color:#1f2937;cursor:pointer}.tla-autoplay-fallback[hidden]{display:none}.tla-autoplay-fallback>span:first-child{font-size:22px}.tla-autoplay-fallback strong,.tla-autoplay-fallback small{display:block}.tla-autoplay-fallback small{margin-top:2px;color:#667085}.tla-player--hidden-controls{padding:0;border:0;background:transparent;box-shadow:none}.tla-player--hidden-controls .tla-controls{display:none}.tla-player--hidden-controls .tla-autoplay-fallback{margin-bottom:20px}@media(max-width:680px){.tla-control-row{flex-wrap:wrap}.tla-progress{order:5;flex-basis:100%;width:100%}.tla-volume-wrap{margin-left:auto}.tla-volume{width:58px}}