mobile-audio-player{display:none}@media(max-width:768px){custom-audio-player{display:none!important}mobile-audio-player{display:block;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);padding-bottom:env(safe-area-inset-bottom,0px)}mobile-audio-player.is-visible{transform:translateY(0)}.mobile-player-container{padding:12px 16px}.mobile-player-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mobile-player-cover{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#ffffff1a}.mobile-player-info{flex:1;min-width:0;overflow:hidden}.mobile-player-title{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:block;margin-bottom:2px}.mobile-player-title:hover{text-decoration:underline}.mobile-player-artist{font-size:12px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:block}.mobile-player-artist:hover{color:#fff}.mobile-player-close{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#a1a1aa;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-player-close:active{background:#fff3}.mobile-player-progress-container{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mobile-player-time{font-size:11px;color:#71717a;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.mobile-player-progress{flex:1;height:32px;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-player-progress-track{width:100%;height:4px;background:#ffffff26;border-radius:2px;position:relative;overflow:hidden}.mobile-player-progress-fill{height:100%;background:#fff;border-radius:2px;width:0%;transition:width .1s linear}.mobile-player-progress:active .mobile-player-progress-track{height:8px}.mobile-player-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0 4px}.mobile-player-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.mobile-player-btn{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;position:relative}.mobile-player-btn:active{transform:scale(.92)}.mobile-player-prev,.mobile-player-next{width:48px;height:48px;border-radius:50%;background:transparent;color:#ffffffb3}.mobile-player-prev:hover,.mobile-player-next:hover{color:#fff;background:#ffffff14}.mobile-player-prev:active,.mobile-player-next:active{background:#ffffff1f;color:#fff}.mobile-player-prev svg,.mobile-player-next svg{width:22px;height:22px}.mobile-player-play{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#fff,#e5e5e5);color:#0a0a0a;box-shadow:0 4px 20px #ffffff26,0 2px 8px #0000004d,inset 0 1px #ffffff80;margin:0 8px}.mobile-player-play:hover{background:linear-gradient(135deg,#fff,#f0f0f0);box-shadow:0 6px 24px #fff3,0 4px 12px #0000004d,inset 0 1px #ffffff80}.mobile-player-play:active{background:linear-gradient(135deg,#e5e5e5,#d4d4d4);box-shadow:0 2px 12px #ffffff1a,0 1px 4px #0003,inset 0 1px 2px #0000001a;transform:scale(.95)}.mobile-player-play svg{width:26px;height:26px}.mobile-player-play .play-icon{margin-left:3px}.mobile-player-play .pause-icon,.mobile-player-play.is-playing .play-icon{display:none}.mobile-player-play.is-playing .pause-icon{display:block;margin-left:0}.mobile-player-cart{padding:0 16px;height:40px;border-radius:20px;border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease;background:#ffffff1a;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;flex-shrink:0}.mobile-player-cart:hover{background:#ffffff26;border-color:#ffffff4d}.mobile-player-cart:active{transform:scale(.97);background:#fff3}.mobile-player-cart.in-cart{background:#22c55e;border-color:#22c55e;color:#fff}.mobile-player-cart.in-cart:hover{background:#16a34a;border-color:#16a34a}.mobile-player-cart svg{width:16px;height:16px}mobile-audio-player.is-mini .mobile-player-container{padding:8px 16px}mobile-audio-player.is-mini .mobile-player-progress-container,mobile-audio-player.is-mini .mobile-player-controls{display:none}mobile-audio-player.is-mini .mobile-player-top{margin-bottom:0}mobile-audio-player.is-mini .mobile-player-mini-controls{display:flex}.mobile-player-mini-controls{display:none;align-items:center;gap:8px}.mobile-player-mini-play{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#fff,#e5e5e5);color:#0a0a0a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 12px #ffffff1a,0 1px 4px #0003;transition:all .15s ease}.mobile-player-mini-play:active{transform:scale(.92);background:linear-gradient(135deg,#e5e5e5,#d4d4d4)}.mobile-player-mini-play svg{width:18px;height:18px}.mobile-player-mini-play .play-icon{margin-left:2px}.mobile-player-mini-play .pause-icon{display:none;margin-left:0}.mobile-player-mini-play.is-playing .play-icon{display:none}.mobile-player-mini-play.is-playing .pause-icon{display:block}.mobile-player-expand{width:100%;height:20px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;margin-bottom:-4px}.mobile-player-expand-handle{width:36px;height:4px;background:#ffffff4d;border-radius:2px}mobile-audio-player.is-mini .mobile-player-expand-handle{background:#ffffff26}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/mobile-audio-player.css.map */