.audio-player-wrapper,.player-slider{position:relative;width:100%}.player-slider{height:6px;border-radius:3px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:height .2s ease}.player-slider:hover{height:8px}.progress-slider{--progress-background:rgba(99,102,241,0.2);--progress-foreground:rgb(99,102,241);background-color:var(--progress-background);cursor:pointer;position:relative}.progress-slider .slider-track{position:absolute;height:100%;background-color:var(--progress-foreground);border-radius:inherit;transition:background-color .15s ease}.progress-slider .slider-thumb{position:absolute;top:50%;width:12px;height:12px;background-color:var(--progress-foreground);border:2px solid white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;cursor:grab;opacity:.8;z-index:2}.progress-slider:not([data-disabled]) .slider-thumb:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 2px 8px rgba(99,102,241,.3);opacity:1}.progress-slider .slider-thumb:active,.progress-slider[data-dragging=true] .slider-thumb{cursor:grabbing;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 4px 12px rgba(99,102,241,.4);opacity:1}.progress-slider:hover{--progress-background:rgba(99,102,241,0.3)}.progress-slider[data-dragging=true]{--progress-background:rgba(99,102,241,0.4)}.progress-slider[data-dragging=true] .slider-thumb:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.4) 0,rgba(99,102,241,0) 70%);transform:translate(-50%,-50%);z-index:-1;animation:pulse 1.5s ease-in-out infinite}.progress-slider:not([data-disabled]):hover .slider-thumb:before,.progress-slider[data-dragging=true] .slider-thumb:before{content:attr(data-time);position:absolute;top:-24px;left:50%;transform:translateX(-50%);background-color:rgba(99,102,241,.9);color:white;padding:2px 6px;border-radius:4px;font-size:10px;white-space:nowrap;transition:opacity .2s ease;pointer-events:none;opacity:1}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:.7}}.progress-slider[data-dragging=true] .slider-track{background-color:var(--progress-foreground)}@media (max-width:640px){.progress-slider .slider-thumb{width:16px;height:16px;border-width:3px}.progress-slider .slider-thumb:active,.progress-slider:not([data-disabled]) .slider-thumb:hover,.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 rgba(99,102,241,.5)}.progress-slider .slider-thumb,.progress-slider .slider-track{will-change:transform}.volume-slider{--volume-background:rgba(75,85,99,0.2);--volume-foreground:rgb(75,85,99);background-color:var(--volume-background);width:80px}.volume-slider .slider-track{background-color:var(--volume-foreground);transition:background-color .15s ease}.volume-slider .slider-thumb{width:10px;height:10px;background-color:var(--volume-foreground);border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;opacity:.8}.volume-slider:not([data-disabled]) .slider-thumb:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 2px 4px rgba(0,0,0,.2);opacity:1}.volume-slider .slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,.25);opacity:1}[data-disabled]{opacity:.5}[data-disabled],[data-disabled] .slider-thumb{cursor:not-allowed}