.sfr4{margin:28px 0 32px;padding:18px 20px;border:1px solid #e2e2e2;border-radius:10px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.05);font-family:inherit}.sfr4-top{display:flex;gap:10px;align-items:center}.sfr4 button,.sfr4 select,.sfr4 input{font:inherit}.sfr4-main{display:inline-flex;align-items:center;gap:11px;padding:12px 20px;border:0;border-radius:6px;background:#202020;color:#fff;font-weight:600;cursor:pointer}.sfr4-stop{width:48px;height:46px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}.sfr4-progress{display:grid!important;grid-template-columns:52px minmax(120px,1fr) 52px;gap:10px;align-items:center;margin-top:17px!important;visibility:visible!important;opacity:1!important}.sfr4-seek{display:block!important;width:100%!important;height:20px!important;visibility:visible!important;opacity:1!important;accent-color:#202020;cursor:pointer}.sfr4-cur,.sfr4-total{font-size:13px;color:#666;font-variant-numeric:tabular-nums}.sfr4-total{text-align:right}.sfr4-bottom{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:11px;color:#666;font-size:14px}.sfr4-bottom label{display:flex;gap:8px;align-items:center}.sfr4-rate{padding:6px 26px 6px 8px;border:1px solid #ddd;border-radius:5px;background:#fff}.sfr4-status{font-size:13px}.sfr4-audio{display:none!important}@media(max-width:600px){.sfr4{padding:15px}.sfr4-progress{grid-template-columns:44px 1fr 44px;gap:7px}.sfr4-status{flex-basis:100%}}