.szp-player{--szp-accent:var(--accent,#ed3039);--szp-fg:var(--text-main,#f4f2ee);--szp-muted:var(--text-muted,#a4a4a4);--szp-track:#4a4a4a;width:100%;min-width:0;color:var(--szp-fg);align-items:center;gap:15px;font:14px/1.4 Lato,Arial,sans-serif;display:flex}.szp-player *{box-sizing:border-box}.szp-play{width:52px;height:52px;color:var(--szp-fg);cursor:pointer;background:0 0;border:1px solid #747474;border-radius:50%;flex:0 0 52px;place-items:center;padding:0;font-size:18px;line-height:1;transition:border-color .15s,background .15s,color .15s;display:grid}.szp-play:hover,.szp-player.is-playing .szp-play{border-color:var(--szp-accent);background:var(--szp-accent);color:#fff}.szp-play:focus-visible{outline:2px solid var(--szp-accent);outline-offset:3px}.szp-play:disabled{opacity:.4;cursor:not-allowed;color:var(--szp-muted);background:0 0;border-color:#747474}.szp-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.szp-name{min-width:0}.szp-name strong{letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;font:400 21px/1.2 Anton,Impact,sans-serif;display:block}.szp-name small{color:var(--szp-muted);overflow-wrap:anywhere;margin-top:2px;font-size:13px;display:block}.szp-row{align-items:center;gap:12px;min-width:0;display:flex}.szp-seek{cursor:pointer;appearance:none;background:0 0;flex:1;width:100%;min-width:0;height:18px;margin:0}.szp-seek:disabled{cursor:default}.szp-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--szp-accent) var(--szp-pct,0%),var(--szp-track) var(--szp-pct,0%));height:4px}.szp-seek::-moz-range-track{background:var(--szp-track);height:4px}.szp-seek::-moz-range-progress{background:var(--szp-accent);height:4px}.szp-seek::-webkit-slider-thumb{appearance:none;background:var(--szp-fg);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.szp-seek::-moz-range-thumb{background:var(--szp-fg);border:0;border-radius:50%;width:14px;height:14px}.szp-seek:disabled::-webkit-slider-thumb{background:#777}.szp-seek:disabled::-moz-range-thumb{background:#777}.szp-seek:focus-visible{outline:2px solid var(--szp-accent);outline-offset:3px}.szp-time{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--szp-muted);white-space:nowrap;flex:none;font-size:12px}.szp-error{color:var(--szp-accent);margin:0;font-size:12px}.szp-compact{gap:10px}.szp-compact .szp-play{flex-basis:38px;width:38px;height:38px;font-size:13px}.szp-compact .szp-time{font-size:11px}@media (max-width:420px){.szp-player{gap:11px}.szp-play{flex-basis:44px;width:44px;height:44px}.szp-name strong{font-size:18px}.szp-row{gap:8px}.szp-time{font-size:11px}}
