.cap-player{display:flex;align-items:center;gap:6px;width:100%;max-width:100%;box-sizing:border-box}
.cap-player .cap-play,.cap-player .cap-rw,.cap-player .cap-fw{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;color:#7b1fa2;-webkit-tap-highlight-color:transparent}
.cap-player .cap-play{width:28px;height:28px;border-radius:50%;border:1.5px solid #7b1fa2}
.cap-player .cap-play svg{width:11px;height:13px}
.cap-player .cap-rw,.cap-player .cap-fw{width:24px;height:24px;border-radius:50%;position:relative}
.cap-player .cap-rw svg,.cap-player .cap-fw svg{width:17px;height:17px;position:absolute;top:0;left:0}
.cap-player .cap-rw span,.cap-player .cap-fw span{position:relative;font-size:7px;font-weight:700;margin-top:1px}
.cap-player .cap-cur,.cap-player .cap-dur{font-family:monospace;font-size:10px;color:#6b7280;flex:0 0 auto;min-width:28px;text-align:center}
.cap-player .cap-seek{flex:1 1 auto;min-width:30px;height:16px;accent-color:#7b1fa2;cursor:pointer}
@media(max-width:768px){
.cap-player{gap:8px}
.cap-player .cap-play{width:36px;height:36px}
.cap-player .cap-rw,.cap-player .cap-fw{width:32px;height:32px}
.cap-player .cap-rw svg,.cap-player .cap-fw svg{width:22px;height:22px}
.cap-player .cap-rw span,.cap-player .cap-fw span{font-size:8px}
.cap-player .cap-seek{height:26px}
.cap-player .cap-cur,.cap-player .cap-dur{font-size:11px;min-width:32px}
}