.cp-player{--cp-accent:#f5f5f2;--cp-fill:0%;position:relative;min-width:0;width:100%;color:#eeeeec;font-family:inherit}
.cp-player-row{display:flex;align-items:center;gap:10px;min-height:40px}
.cp-player-play{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--cp-accent);color:#111111;cursor:pointer;transition:background 160ms}
.cp-player-play:hover{background:#ffffff}.cp-player-play:disabled{background:#555555;color:#1c1c1c;cursor:default}
.cp-player-play svg{display:block;width:15px;height:15px;fill:currentColor;stroke:none}
.cp-player-timeline{flex:1;min-width:0;padding-top:2px}
.cp-player-seek{-webkit-appearance:none;appearance:none;display:block;width:100%;height:22px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;touch-action:pan-x}
.cp-player-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--cp-accent) 0 var(--cp-fill),#ffffff27 var(--cp-fill) 100%)}
.cp-player-seek::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--cp-accent) 0 var(--cp-fill),#ffffff27 var(--cp-fill) 100%)}
.cp-player-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:7px;height:7px;margin-top:-2px;border:0;border-radius:50%;background:#f0f0f0}
.cp-player-seek::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#f0f0f0}
.cp-player-seek:disabled{opacity:.4;cursor:default}
.cp-player-times{display:flex;justify-content:space-between;gap:8px;font-size:8px;line-height:1;font-variant-numeric:tabular-nums;color:#909090}
.cp-player-elapsed{color:#c0c0c0}
.cp-player-mute{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:5px;border:0;border-radius:50%;background:transparent;color:#b0b0b0;cursor:pointer;transition:color 160ms,background 160ms}
.cp-player-mute:hover{background:#ffffff09;color:#f0f0f0}.cp-player-mute:disabled{opacity:.4;cursor:default}
.cp-player-mute svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cp-player-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.cp-player.has-error .cp-player-status{position:static;display:block;width:auto;height:auto;margin:4px 0 0;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:9px;line-height:1.5;color:#c5c5c5}
.cp-player-play:focus-visible,.cp-player-mute:focus-visible,.cp-player-seek:focus-visible{outline:2px solid var(--cp-accent);outline-offset:3px}
@media(max-width:760px){.cp-player-row{gap:8px}.cp-player-times{font-size:7px}}
@media(prefers-reduced-motion:reduce){.cp-player-play,.cp-player-mute{transition:none}}
.motion-paused .cp-player-play,.motion-paused .cp-player-mute{transition:none}