#global-player{--pl-bg: rgba(10, 23, 32, .92);--pl-fg: #eaf3f8;--pl-mute: #c7dfec;--pl-accent: #b9dcf0;--pl-line: rgba(234, 243, 248, .16);position:fixed;z-index:9999;display:none;box-sizing:border-box;font-family:var(--font-body-family, ui-sans-serif, system-ui, sans-serif);color:var(--pl-fg);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#global-player *{box-sizing:border-box}#global-player.player-visible{display:block}#global-player{left:0;right:0;bottom:0;width:100%;background:var(--pl-bg);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-top:1px solid var(--pl-line);padding-bottom:env(safe-area-inset-bottom,0px);animation:pl-in .4s cubic-bezier(.16,1,.3,1)}@keyframes pl-in{0%{transform:translateY(100%);opacity:0}}.as-player__inner{position:relative;display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.4rem;min-height:7.2rem}.as-player__meta{display:flex;align-items:center;gap:1.1rem;flex:1 1 auto;min-width:0}.as-player__art{position:relative;flex:none;width:5rem;height:5rem;border-radius:.5rem;overflow:hidden;background:#10242f;box-shadow:0 0 0 1px var(--pl-line)}#global-cover{width:100%;height:100%;object-fit:cover;display:block}.as-player__text{min-width:0}.track-title{font-size:1.6rem;font-weight:650;letter-spacing:-.01em;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info{display:flex;gap:.8rem;margin-top:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;letter-spacing:.03em;color:var(--pl-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info span{position:relative}.track-info span+span:before{content:"\b7";margin-right:.8rem;opacity:.6}.as-player__track{display:flex;align-items:center;gap:1rem;min-width:0}.player-progress{position:relative;flex:1 1 auto;height:5px;border-radius:999px;background:#eaf3f82e;cursor:pointer;touch-action:none}.player-progress:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.player-progress-filled{position:relative;height:100%;width:0%;border-radius:999px;background:var(--pl-accent)}.player-thumb{position:absolute;top:50%;left:0;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #0a172059;transform:translate(-50%,-50%);pointer-events:none;opacity:1;transition:transform .15s ease}.player-progress:hover .player-thumb,.player-progress:focus-visible .player-thumb{transform:translate(-50%,-50%) scale(1.15)}.as-player__time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;color:var(--pl-mute);font-variant-numeric:tabular-nums;flex:none}@media(max-width:989px){.as-player__track{position:absolute;top:0;left:0;right:0;order:-1;gap:0}.as-player__time{display:none}.player-progress{height:4px;border-radius:0;background:#eaf3f824}.player-progress-filled{border-radius:0}.player-thumb{width:10px;height:10px;box-shadow:0 0 0 2px #0a172059}}.as-player__ctrl{display:flex;align-items:center;gap:.4rem;flex:none}.as-player__play,.as-player__nav,.as-player__close{-webkit-appearance:none;appearance:none;border:0;background:none;padding:0;cursor:pointer;color:var(--pl-fg);display:grid;place-items:center;border-radius:50%;transition:background-color .2s ease,color .2s ease,transform .15s ease,opacity .2s ease}.as-player__play{position:relative;width:4.6rem;height:4.6rem;background:var(--pl-accent);color:#0a1720;flex:none}.as-player__play:hover{transform:scale(1.05)}.as-player__play:active{transform:scale(.96)}.as-player__play .play-icon,.as-player__play .pause-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1.8rem;height:1.8rem}.as-player__nav{width:3.9rem;height:3.9rem;color:var(--pl-mute)}.as-player__nav:hover{color:#fff;background:#eaf3f81a}.as-player__nav svg{width:1.85rem;height:1.85rem}.as-player__loop{position:relative;width:3.9rem;height:3.9rem}.as-player__loop-dot{position:absolute;top:.6rem;right:.6rem;width:6px;height:6px;border-radius:50%;background:var(--pl-accent);opacity:0;transform:scale(.4);transition:opacity .18s ease,transform .18s ease}.as-player__loop[aria-pressed=true]{color:var(--pl-accent);background:#b9dcf024}.as-player__loop[aria-pressed=true] .as-player__loop-dot{opacity:1;transform:scale(1)}.as-player__close{width:3.6rem;height:3.6rem;color:var(--pl-mute);flex:none}.as-player__close:hover{color:#fff;background:#eaf3f81a}.as-player__close svg{width:1.5rem;height:1.5rem}.as-player__vol{display:none;align-items:center;gap:.8rem;flex:none;color:var(--pl-mute)}.as-player__vol svg{width:1.9rem;height:1.9rem;flex:none}.volume-slider{-webkit-appearance:none;appearance:none;width:9rem;height:4px;border-radius:999px;background:#eaf3f833;outline:none;cursor:pointer}.volume-slider:focus-visible{outline:2px solid var(--pl-accent);outline-offset:6px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;cursor:pointer}.as-player__buy{display:none;align-items:center;gap:.7rem;flex:none;padding:1rem 1.7rem;border:1px solid var(--pl-line);border-radius:999px;font-size:1.4rem;font-weight:600;color:var(--pl-fg);text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.as-player__buy:hover{background:var(--pl-accent);border-color:var(--pl-accent);color:#0a1720}.as-player__buy svg{width:1.3rem;height:1.3rem}.as-player__buy[hidden]{display:none!important}@media(min-width:560px){.as-player__buy{display:inline-flex}}@media(min-width:990px){#global-player{left:50%;right:auto;bottom:2rem;transform:translate(-50%);width:calc(100% - 4rem);max-width:120rem;border:1px solid var(--pl-line);border-radius:1.8rem;box-shadow:0 24px 60px -24px #040c12bf;animation:pl-in-d .45s cubic-bezier(.16,1,.3,1)}@keyframes pl-in-d{0%{transform:translate(-50%) translateY(120%);opacity:0}}.as-player__inner{gap:2.2rem;padding:1.4rem 1.8rem;min-height:8.6rem}.as-player__art{width:6rem;height:6rem;border-radius:.6rem}.as-player__meta{flex:0 1 22rem}.track-title{font-size:1.7rem}.as-player__track{flex:1 1 auto;min-width:16rem}.as-player__vol{display:flex}}@media(max-width:479px){#player-prev{display:none}.as-player__loop{width:3.4rem;height:3.4rem}.as-player__art{width:4.6rem;height:4.6rem}}@media(prefers-reduced-motion:reduce){#global-player,.as-player__play,.as-player__nav,.as-player__close,.player-thumb,.as-player__loop-dot{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/global-player.css.map */