.audio-player-wrapper{width:100%;position:relative}.player-slider{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:3px;width:100%;height:6px;transition:height .2s;position:relative}.player-slider:hover{height:8px}.progress-slider{--progress-background:#6366f133;--progress-foreground:#6366f1;background-color:var(--progress-background);cursor:pointer;position:relative}.progress-slider .slider-track{background-color:var(--progress-foreground);border-radius:inherit;height:100%;transition:background-color .15s;position:absolute}.progress-slider .slider-thumb{background-color:var(--progress-foreground);cursor:grab;opacity:.8;z-index:2;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:transform .2s,box-shadow .2s,opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001a}.progress-slider:not([data-disabled]) .slider-thumb:hover{opacity:1;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 2px 8px #6366f14d}.progress-slider .slider-thumb:active,.progress-slider[data-dragging=true] .slider-thumb{cursor:grabbing;opacity:1;transform:translate(-50%,-50%)scale(1.3);box-shadow:0 4px 12px #6366f166}.progress-slider:hover{--progress-background:#6366f14d}.progress-slider[data-dragging=true]{--progress-background:#6366f166}.progress-slider[data-dragging=true] .slider-thumb:after{content:"";z-index:-1;background:radial-gradient(circle,#6366f166 0%,#6366f100 70%);border-radius:50%;width:24px;height:24px;animation:1.5s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-slider:not([data-disabled]):hover .slider-thumb:before,.progress-slider[data-dragging=true] .slider-thumb:before{content:attr(data-time);color:#fff;white-space:nowrap;pointer-events:none;opacity:1;background-color:#6366f1e6;border-radius:4px;padding:2px 6px;font-size:10px;transition:opacity .2s;position:absolute;top:-24px;left:50%;transform:translate(-50%)}@keyframes pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.2)}to{opacity:.7;transform:translate(-50%,-50%)scale(1)}}.progress-slider[data-dragging=true] .slider-track{background-color:var(--progress-foreground)}@media (max-width:640px){.progress-slider .slider-thumb{border-width:3px;width:16px;height:16px}.progress-slider:not([data-disabled]) .slider-thumb:hover,.progress-slider .slider-thumb:active,.progress-slider[data-dragging=true] .slider-thumb{transform:translate(-50%,-50%)scale(1.1)}.player-slider{height:8px}.player-slider:hover{height:10px}}.progress-slider:focus-within .slider-thumb{box-shadow:0 0 0 2px #6366f180}.progress-slider .slider-track,.progress-slider .slider-thumb{will-change:transform}.volume-slider{--volume-background:#4b556333;--volume-foreground:#4b5563;background-color:var(--volume-background);width:80px}.volume-slider .slider-track{background-color:var(--volume-foreground);transition:background-color .15s}.volume-slider .slider-thumb{background-color:var(--volume-foreground);opacity:.8;border:2px solid #fff;width:10px;height:10px;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 1px 3px #0000001a}.volume-slider:not([data-disabled]) .slider-thumb:hover{opacity:1;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 2px 4px #0003}.volume-slider .slider-thumb:active{cursor:grabbing;opacity:1;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 2px 6px #00000040}[data-disabled]{opacity:.5;cursor:not-allowed}[data-disabled] .slider-thumb{cursor:not-allowed}