.custom-audio-player-wrapper{min-height:90px;box-shadow:0 -10px 30px #00000080;display:flex;align-items:center;justify-content:space-between;padding:0 24px!important;max-width:1400px;margin:0 auto;height:100%;gap:20px}custom-audio-player{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(20px);width:95%;max-width:1200px;background:#14141499;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:12px;border:1px solid rgba(255,255,255,.1)}custom-audio-player.display-block{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.custom-audio-player-left-section{display:flex;align-items:center;width:25%;min-width:200px}.custom-audio-player-cover{width:56px;height:56px;border-radius:4px;margin-right:16px;object-fit:cover;display:block!important}.custom-audio-player-text-content{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.custom-audio-player-title{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color .2s}.custom-audio-player-title:hover{color:#e2e8f0;text-decoration:underline}.custom-audio-player-vendor{display:none;font-size:12px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color .2s}.custom-audio-player-vendor:hover{color:#fff;text-decoration:underline}.custom-audio-player-center-section{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:600px}.custom-audio-player-controls-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:8px}.custom-audio-player-progress-row{display:flex;align-items:center;width:100%;gap:12px}.amplitude-current-time,.amplitude-duration-time{font-size:11px;color:#a1a1aa;font-variant-numeric:tabular-nums;min-width:35px;text-align:center}.progress-container{flex:1;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative}.progress-bar{height:100%;background-color:#fff;width:0%;border-radius:2px;position:relative}.progress-container:hover .progress-bar:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-color:#fff;border-radius:50%;box-shadow:0 0 5px #0000004d}.custom-audio-player-right-section{display:flex;align-items:center;justify-content:flex-end;width:25%;min-width:200px;gap:20px}.custom-audio-player-volume-container{display:flex;align-items:center;gap:10px}.volume-icon{color:#a1a1aa;font-size:16px}.amplitude-volume-slider{-webkit-appearance:none;appearance:none;width:50px;height:4px;background:#fff3;border-radius:2px;outline:none}.amplitude-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;opacity:0;transition:opacity .2s}.custom-audio-player-volume-container:hover .amplitude-volume-slider::-webkit-slider-thumb{opacity:1}.amplitude-prev,.amplitude-next{color:#fff;font-size:16px;cursor:pointer;opacity:.8;transition:opacity .2s}.amplitude-prev:hover,.amplitude-next:hover{opacity:1}.amplitude-play-pause{width:32px;height:32px;cursor:pointer;background-size:16px;background-position:center;background-repeat:no-repeat;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s}.amplitude-play-pause:hover{transform:scale(1.1)}.amplitude-paused .amplitude-play-icon{display:flex}.amplitude-paused .amplitude-pause-icon,.amplitude-playing .amplitude-play-icon{display:none!important}.amplitude-playing .amplitude-pause-icon{display:flex!important}.custom-audio-player-add-to-cart{padding:4px 10px;height:28px;font-size:11px;font-weight:700;border-radius:6px;background:#fff!important;color:#0f172a!important;border:none;cursor:pointer;transition:all .2s;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;line-height:1}.custom-audio-player-add-to-cart svg{width:12px;height:12px}.custom-audio-player-add-to-cart:hover{background:#f1f5f9!important;transform:translateY(-1px)}.custom-audio-player-add-to-cart.in-cart{background:#1e293b!important;color:#fff!important}.custom-audio-player-add-to-cart.in-cart:hover{background:#334155!important;color:#fff!important}.custom-audio-player-add-to-cart .state-hover,.custom-audio-player-add-to-cart:hover .state-normal{display:none}.custom-audio-player-add-to-cart:hover .state-hover{display:inline-block}.custom-audio-player-close{background:none;border:none;color:#a1a1aa;cursor:pointer;padding:4px}.custom-audio-player-close:hover{color:#fff}@media(max-width:768px){.custom-audio-player-wrapper{flex-direction:column;padding:16px!important;height:auto;gap:16px}.custom-audio-player-left-section,.custom-audio-player-center-section,.custom-audio-player-right-section{width:100%;justify-content:center}.custom-audio-player-left-section{justify-content:flex-start}.custom-audio-player-right-section{justify-content:space-between}.custom-audio-player-close{position:absolute;top:16px;right:16px}}audio{display:none!important}.custom-audio-player-play-pause-grid .custom-audio-player-play-pause-grid--play{display:block!important}.custom-audio-player-play-pause-grid .custom-audio-player-play-pause-grid--pause,.custom-audio-player-play-pause-grid.is-playing .custom-audio-player-play-pause-grid--play{display:none!important}.custom-audio-player-play-pause-grid.is-playing .custom-audio-player-play-pause-grid--pause{display:block!important}.is-active-track{background-color:#ffffff14!important}.custom-audio-player-locator{width:8px;height:8px;background-color:#22c55e;border-radius:50%;margin-left:16px;cursor:pointer;box-shadow:0 0 8px #22c55e99;animation:locator-pulse 2s infinite;flex-shrink:0;transition:transform .2s}.custom-audio-player-locator:hover{transform:scale(1.5)}@keyframes locator-pulse{0%{opacity:1;box-shadow:0 0 #22c55eb3}70%{opacity:.7;box-shadow:0 0 0 6px #22c55e00}to{opacity:1;box-shadow:0 0 #22c55e00}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/custom-audio-player.css.map */