.audio-player{box-sizing:border-box;background:#1c1c1c;border:1px solid #ffffff14;border-radius:34px;align-items:center;gap:12px;width:100%;max-width:1024px;padding:16px;display:flex}.audio-player__toggle,.audio-player__mute{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:inline-flex}.audio-player__toggle:hover,.audio-player__mute:hover{opacity:.8}.audio-player__toggle:disabled,.audio-player__mute:disabled{opacity:.4;cursor:default}.audio-player__toggle{background:#ffffff1a;border-radius:50%;width:40px;height:40px}.audio-player__toggle:hover:not(:disabled){opacity:1;background:#ffffff2e}.audio-player__mute{width:32px;height:32px}.audio-player__time{font-variant-numeric:tabular-nums;color:#ffffffb3;flex-shrink:0;min-width:40px;font-size:13px}.audio-player__time--total{text-align:right}.audio-player__seek{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex:auto;align-items:center;min-width:0;height:28px;display:flex;position:relative}.audio-player__seek:before{content:"";background:#fff3;border-radius:2px;width:100%;height:4px;display:block}.audio-player__seek:focus-visible .audio-player__seek-thumb{box-shadow:0 0 0 3px #ffffff59}.audio-player__seek[aria-disabled=true]{cursor:default;opacity:.6;pointer-events:none}.audio-player__seek-fill{height:4px;width:var(--audio-progress,0%);pointer-events:none;background:#fff;border-radius:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.audio-player__seek-thumb{top:50%;left:var(--audio-progress,0%);pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.audio-player__volume{appearance:none;background:linear-gradient(to right, #fff 0%, #fff var(--audio-volume,100%), #fff3 var(--audio-volume,100%), #fff3 100%);cursor:pointer;border-radius:2px;outline:none;flex:0 0 80px;width:80px;height:4px}.audio-player__volume::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.audio-player__volume::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.audio-player__volume:focus{outline:none}.audio-player__volume:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #ffffff59}@media (max-width:640px){.audio-player{border-radius:24px;gap:8px;padding:10px 12px}.audio-player__volume,.audio-player__mute{display:none}}