.uncoder-audio{--uncoder-audio-btn: 40px;--uncoder-audio-icon: 40%;--uncoder-audio-gap: 14px;--uncoder-audio-bar: 4px;--uncoder-audio-track: color-mix(in srgb, currentColor 18%, transparent);--uncoder-audio-fill: currentColor;--uncoder-audio-p: 0%}.uncoder-audio__el{display:block;width:100%}.uncoder-audio.is-ready .uncoder-audio__el,.uncoder-audio:not(.is-ready) .uncoder-audio__ui{display:none}.uncoder-audio__ui{display:flex;align-items:center;gap:var(--uncoder-audio-gap)}.uncoder-audio--button .uncoder-audio__ui{display:inline-flex}.uncoder .uncoder-audio__toggle{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--uncoder-audio-btn);height:var(--uncoder-audio-btn);margin:0;padding:0;border:0;border-radius:50%;background-color:#111;color:#fff;cursor:pointer;line-height:1;transition:background-color .2s,color .2s,transform .2s}.uncoder-audio__toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.uncoder-audio__icon{width:var(--uncoder-audio-icon);height:var(--uncoder-audio-icon);fill:currentColor}.uncoder-audio__icon--play{translate:6% 0}.uncoder-audio__icon--pause,.uncoder-audio.is-playing .uncoder-audio__icon--play{display:none}.uncoder-audio.is-playing .uncoder-audio__icon--pause{display:block}.uncoder-audio__title{flex:none}.uncoder .uncoder-audio__seek{flex:1 1 auto;min-width:48px;height:16px;margin:0;padding:0;background:transparent;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.uncoder-audio__seek::-webkit-slider-runnable-track{height:var(--uncoder-audio-bar);border-radius:999px;background:linear-gradient(to right,var(--uncoder-audio-fill) var(--uncoder-audio-p),var(--uncoder-audio-track) var(--uncoder-audio-p))}.uncoder-audio__seek::-moz-range-track{height:var(--uncoder-audio-bar);border-radius:999px;background:linear-gradient(to right,var(--uncoder-audio-fill) var(--uncoder-audio-p),var(--uncoder-audio-track) var(--uncoder-audio-p))}.uncoder-audio__seek::-webkit-slider-thumb{width:10px;height:10px;margin-top:calc((var(--uncoder-audio-bar) - 10px) / 2);border:0;border-radius:50%;background:var(--uncoder-audio-fill);opacity:0;transition:opacity .15s;-webkit-appearance:none;appearance:none}.uncoder-audio__seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--uncoder-audio-fill);opacity:0;transition:opacity .15s}.uncoder-audio__seek:is(:hover,:focus-visible)::-webkit-slider-thumb,.uncoder-audio.is-playing .uncoder-audio__seek::-webkit-slider-thumb{opacity:1}.uncoder-audio__seek:is(:hover,:focus-visible)::-moz-range-thumb,.uncoder-audio.is-playing .uncoder-audio__seek::-moz-range-thumb{opacity:1}.uncoder-audio__seek:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}.uncoder-audio__time{flex:none;font-size:.75em;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.7}.uncoder-audio__placeholder{margin:0;padding:12px 14px;border:1px dashed var(--uncoder-c-border, #d1d5db);border-radius:8px;font:13px/1.4 system-ui,sans-serif;opacity:.75}@media(prefers-reduced-motion:reduce){.uncoder-audio__toggle,.uncoder-audio__seek::-webkit-slider-thumb{transition:none}}