.audio-player{align-items:center;gap:12px;margin-top:12px;display:flex}.audio-player button{cursor:pointer;background:currentColor;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:transform .15s;display:grid}.audio-player button:hover{transform:scale(1.06)}.audio-player button:active{transform:scale(.97)}.audio-player svg{width:17px;height:17px;fill:var(--audio-mark,#fff)}.audio-track{cursor:pointer;flex:1;min-width:0;height:20px;position:relative}.audio-track:before{content:"";background:color-mix(in srgb, currentColor 26%, transparent);border-radius:99px;position:absolute;inset:8px 0}.audio-track:hover:before{background:color-mix(in srgb, currentColor 38%, transparent)}.audio-track i{background:currentColor;border-radius:99px;max-width:100%;height:4px;position:absolute;top:8px;left:0}.audio-time{font-variant-numeric:tabular-nums;opacity:.75;flex:none;font-size:12.5px}.audio-player .audio-speed{border:1px solid color-mix(in srgb, currentColor 30%, transparent);width:auto;height:auto;color:inherit;font-variant-numeric:tabular-nums;opacity:.75;background:0 0;border-radius:99px;padding:4px 9px;font-size:12px}.audio-player .audio-speed:hover{opacity:1;border-color:currentColor;transform:none}.audio-player .audio-speed:active{transform:scale(.96)}