.track-preview{color:#aaa;align-items:center;gap:12px;width:280px;max-width:100%;margin-top:12px;display:flex}.track-preview audio{display:none}.track-preview-toggle{width:32px;height:32px;color:var(--primary);cursor:pointer;background:0 0;border:1px solid #303030;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;padding:0;display:flex}.track-preview-toggle:hover{border-color:var(--primary)}.track-preview-toggle:focus-visible{outline:1px solid var(--primary);outline-offset:3px}.track-preview-progress{background:#303030;flex:1;min-width:20px;height:1px;overflow:hidden}.track-preview-progress span{background:var(--primary);transform-origin:0;width:100%;height:100%;display:block}.track-preview-label{letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-family:inherit;font-size:12px;font-weight:400;line-height:1.5}.track-preview-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.track-preview{gap:10px;width:250px}}