.collection-player-bar{position:fixed;bottom:0;left:0;right:0;width:100%;display:none;background:#1a1a1a;color:#fff;align-items:center;justify-content:space-between;padding:12px 20px;z-index:10000;box-shadow:0 -2px 10px #00000080;border-top:1px solid rgba(255,255,255,.1)}.collection-player-left{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-items:center;flex:0 0 260px;max-width:320px;overflow:hidden}.collection-player-left{color:inherit;text-decoration:none}.collection-player-left[aria-disabled=true]{pointer-events:none;opacity:.8}.player-cover{width:64px;height:64px;border-radius:10px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.08);grid-row:1 / span 2}.player-cover img{width:100%;height:100%;object-fit:cover;display:block}.player-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.player-meta .meta-icon{margin-right:4px;opacity:.85}.player-meta .meta-icon__svg{width:14px;height:14px;display:inline-block;vertical-align:middle}.player-meta .meta-bpm-value,.player-meta .meta-key-value{vertical-align:middle}.player-meta .player-meta{flex-direction:row;font-size:12px;color:#aaa}.player-title{font-size:15px;font-weight:800;color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-tagline{font-size:12px;letter-spacing:.02em;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-player-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:640px;margin:0 auto}.player-progress-wrapper{width:100%;display:flex;align-items:center;gap:10px}.player-time{font-size:12px;color:#aaa;min-width:35px;text-align:center;flex-shrink:0}.player-progress-container{flex:1;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.player-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#ff5900,#ff3500);transition:width .1s linear}.player-controls{display:flex;align-items:center;justify-content:center;gap:16px}.player-btn{background:#ffffff1a;border:none;color:#fff;font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.player-btn svg{width:18px;height:18px;fill:currentColor}.player-btn-main svg{width:20px;height:20px}.player-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.player-btn:disabled{opacity:.3;cursor:not-allowed}.player-btn-main{width:48px;height:48px;background:#ff5900;font-size:20px}.player-btn-main:hover:not(:disabled){background:#ff6b1a;box-shadow:0 0 20px #ff590066;transform:scale(1.05)}.collection-player-right{display:flex;align-items:center;gap:10px;flex:0 0 220px;max-width:220px;justify-content:flex-end}.player-volume{display:flex;align-items:center;gap:8px}.player-volume-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#fff;opacity:.9}.player-volume-slider{width:90px;padding:0;height:2px;-webkit-appearance:none;appearance:none;border-radius:999px;outline:none;cursor:pointer;position:relative}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:#ff5900;border-radius:50%;box-shadow:0 0 0 2px #ff590026;cursor:pointer}.player-volume-slider::-moz-range-thumb{width:10px;height:10px;background:#ff5900;border-radius:50%;border:none;box-shadow:0 0 0 2px #ff590026;cursor:pointer}.player-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#ff5900 0%,#ff5900 var(--volume-percent, 50%),rgba(255,255,255,.2) var(--volume-percent, 50%),rgba(255,255,255,.2) 100%);border-radius:999px}input.player-volume-slider:focus,input.player-volume-slider:active{outline:none!important;box-shadow:none!important;border:none!important}@media (max-width: 768px){.collection-player-bar{flex-direction:column;gap:10px;padding:10px}.collection-player-left,.collection-player-right{flex:0 0 auto;max-width:100%;width:100%;justify-content:center}.collection-player-center{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/global-audio-player.css.map */
