.beat-store-page.beat-store-page--player-visible{padding-bottom:calc(140px + 22rem)}.beat-player-overlay{position:fixed;inset:auto 0 0;z-index:1200;pointer-events:none}.beat-player-overlay__inner{width:100%}.beat-player-bar[hidden]{display:none!important}.beat-player-bar{--player-surface: radial-gradient(circle at top center, rgba(255, 255, 255, .1), transparent 56%), linear-gradient(180deg, rgba(19, 19, 19, .97), rgba(7, 7, 7, .94));--player-surface-strong: rgba(255, 255, 255, .96);--player-border: rgba(255, 255, 255, .12);--player-border-strong: rgba(255, 255, 255, .2);--player-text: rgba(255, 255, 255, .96);--player-enter-distance: 12px;--player-buy-price-chars: 8;--player-buy-btn-width: calc(var(--player-buy-price-chars) * 1ch + 3.2rem);position:fixed;bottom:2.4rem;left:50%;width:min(79.5rem,calc(100% - 2.8rem));max-width:79.5rem;padding:.8rem .92rem;pointer-events:auto;overflow:visible;isolation:isolate;border:1px solid var(--player-border);border-radius:.95rem;box-shadow:0 28px 44px #0000006b,0 0 0 1px #ffffff08,inset 0 1px #ffffff14,inset 0 -24px 38px #00000042;background:var(--player-surface)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translate(-50%,var(--player-enter-distance)) scale(.985);transition:opacity .26s var(--kajyn-ease-standard),transform .26s var(--kajyn-ease-standard),border-color var(--kajyn-duration-fast) var(--kajyn-ease-standard),box-shadow var(--kajyn-duration-fast) var(--kajyn-ease-standard),visibility 0s linear .26s}.beat-player-bar.active{border-color:#ffffff2e;opacity:1;visibility:visible;transform:translate(-50%) scale(1);transition:opacity .26s var(--kajyn-ease-standard),transform .26s var(--kajyn-ease-standard),border-color var(--kajyn-duration-fast) var(--kajyn-ease-standard),box-shadow var(--kajyn-duration-fast) var(--kajyn-ease-standard),visibility 0s linear 0s}.beat-player-bar.active .player-track-name{color:#fff}.beat-player-bar.active .progress-fill{background:linear-gradient(90deg,#ffffffd1,#fff)!important}.beat-player-bar.is-closing{pointer-events:none}.beat-player-bar.is-closing .player-content{opacity:0;transition:opacity .12s ease}.player-content{display:flex;align-items:center;flex-wrap:wrap;gap:1.08rem;position:relative;width:100%;border-radius:inherit}.player-album-cover{width:4.7rem;height:4.7rem;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.12);border-radius:.84rem;background:#ffffff08;box-shadow:0 10px 24px #00000047}.player-album-cover img{width:100%;height:100%;object-fit:cover}.player-controls{display:flex;align-items:center;align-self:center;gap:.5rem}.player-btn,.player-volume-btn,.player-close{width:3.1rem;height:var(--kajyn-button-height-sm);position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 3.1rem;border:1px solid transparent;border-radius:.62rem;cursor:pointer;box-shadow:none;background:transparent!important;color:var(--player-text)!important;transition:transform var(--kajyn-duration-fast) var(--kajyn-ease-standard),background-color var(--kajyn-duration-fast) var(--kajyn-ease-standard),border-color var(--kajyn-duration-fast) var(--kajyn-ease-standard),color var(--kajyn-duration-fast) var(--kajyn-ease-standard)}.player-btn[disabled]{opacity:.35;cursor:not-allowed}.player-btn:hover,.player-btn:focus-visible,.player-volume-btn:hover,.player-volume-btn:focus-visible,.player-close:hover,.player-close:focus-visible,.player-cart-btn:hover,.player-cart-btn:focus-visible{transform:translateY(-1px);border-color:transparent}.player-play{width:3.9rem!important;height:var(--kajyn-button-height-sm)!important;flex:0 0 3.9rem;background:#ffffff08!important;color:#fffffffa!important;border-color:#ffffff14;border-radius:.62rem}.player-play .pause-icon rect{fill:currentColor}.player-play[aria-pressed=true]{background:#ffffff14!important;border-color:#ffffff29}.player-play svg{width:1.55rem;height:1.55rem}.player-btn:hover,.player-btn:focus-visible,.player-volume-btn:hover,.player-volume-btn:focus-visible,.player-close:hover,.player-close:focus-visible{background:transparent!important;color:#ffffffb8!important}.player-play:hover,.player-play:focus-visible{background:#ffffff14!important;border-color:#ffffff24;color:#fff!important}.player-info{flex:1 1 auto;min-width:0;margin-right:0;padding-right:0;display:flex;flex-direction:column;justify-content:center;gap:.18rem;position:relative}.player-info:after{display:none}.player-track-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.28rem,1.14vw,1.56rem);line-height:1.08;font-weight:600;color:var(--player-text)}.player-track-meta{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.1;letter-spacing:.1em;text-transform:uppercase;color:#fff9}.beat-player-bar.active .player-track-meta{color:#ffffffad}.player-progress{display:flex;align-items:center;gap:.92rem;margin-top:.34rem;flex:1 0 100%;width:100%;order:2;padding-right:0;position:static}.player-btn svg,.player-volume-btn svg,.player-close svg{width:1.35rem;height:1.35rem;display:block;stroke:currentColor;fill:none}.player-btn path,.player-btn rect{fill:currentColor;stroke:none}.player-close path,.player-volume-btn path,.player-volume-btn line{fill:none;stroke:currentColor}.player-volume-btn polygon{fill:currentColor;stroke:currentColor}.player-progress .progress-bar{flex:1;height:.48rem;width:100%;position:relative;display:block;overflow:hidden;border-radius:999px;cursor:pointer;background:#ffffff1f!important}.player-progress .progress-fill{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2!important;display:block!important;opacity:1!important;border-radius:999px;background:linear-gradient(90deg,#ffffffb8,#fffffffa)!important;transform:scaleX(0);transform-origin:left center;transition:transform .08s linear;will-change:transform}.player-progress .progress-fill:after{content:"";position:absolute;top:50%;right:0;width:.68rem;height:.68rem;border-radius:999px;background:#fff;transform:translate(50%,-50%)}.progress-tooltip{position:absolute;top:-28px;transform:translate(-50%);opacity:0;pointer-events:none;white-space:nowrap;font-size:11px;line-height:1;padding:5px 7px;border-radius:6px;background:#111;color:#fff}.player-time{min-width:6.6rem;flex-shrink:0;text-align:right;font-size:.86rem;line-height:1;letter-spacing:.04em;color:#ffffffad!important}.beat-player-bar.active .player-time{color:#fffc!important}.player-volume-control{position:relative;display:flex;align-items:center;align-self:center;margin-left:0;z-index:40}.player-volume-btn{padding:0;flex-shrink:0}.player-volume-range{width:7rem;height:3px;margin-left:.6rem;appearance:none;-webkit-appearance:none;background:#ffffff2e;border-radius:2px;outline:none;cursor:pointer;flex-shrink:0}.player-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.player-volume-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}.player-cart-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;width:var(--player-buy-btn-width);min-width:var(--player-buy-btn-width);flex:0 0 var(--player-buy-btn-width);height:var(--kajyn-button-height-sm);align-self:center;margin-right:0;padding:0 .85rem;border:1px solid rgba(255,255,255,.18);border-radius:.62rem;background:#ffffff13!important;color:#fffffffa!important;font-size:1rem;font-weight:600;line-height:1;letter-spacing:.04em;box-shadow:none;transform:none}#playerCartBtn #playerCartPrice{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--player-buy-price-chars) * 1ch);text-align:center;font-variant-numeric:tabular-nums}.player-close{width:3rem;height:var(--kajyn-button-height-sm);align-self:center;color:#ffffff8f!important}.player-cart-btn:hover,.player-cart-btn:focus-visible{transform:translateY(-1px);background:#ffffff1f!important;border-color:#ffffff3d!important;color:#fff!important}@media(max-width:1100px){.beat-store-page.beat-store-page--player-visible{margin-bottom:19rem}.beat-player-bar{width:calc(100% - 1.2rem);bottom:1.2rem;padding:.82rem .86rem .86rem;border-radius:.95rem}.player-content{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"cover title cart close" "cover meta cart close" "progress progress progress progress" "controls volume . .";gap:.54rem .82rem;align-items:center}.player-album-cover{grid-area:cover;width:4rem;height:4rem;border-radius:.74rem}.player-controls{grid-area:controls;gap:.48rem}.player-btn,.player-volume-btn,.player-close{width:2.6rem;height:2.6rem;flex:0 0 2.6rem;padding:0;border-radius:.62rem}.player-play{width:3.16rem!important;height:2.6rem!important;flex:0 0 3.16rem}.player-btn svg,.player-volume-btn svg,.player-close svg,.player-cart-btn svg{width:1.35rem;height:1.35rem}.player-info{display:contents}.player-tags{display:none}.player-info:after{display:none}.player-track-name{grid-area:title;align-self:end;font-size:1rem;line-height:1.08;min-width:0}.player-track-meta{grid-area:meta;align-self:start;font-size:.6rem;line-height:1.12;min-width:0}.player-progress{grid-area:progress;gap:.72rem;margin-top:.12rem;width:100%;padding-right:0}.player-progress:after{display:none}.player-progress .progress-bar{height:.42rem}.player-progress .progress-fill:after{width:.6rem;height:.6rem}.player-time{min-width:4rem;font-size:.7rem}.player-volume-control{grid-area:volume;margin-left:0;justify-self:center}.player-cart-btn{grid-area:cart;width:var(--player-buy-btn-width);min-width:var(--player-buy-btn-width);flex:0 0 var(--player-buy-btn-width);height:2.6rem;padding:0 .82rem;border-radius:.62rem;gap:.4rem;font-size:.82rem;align-self:center;justify-self:end}.player-close{grid-area:close;align-self:start;justify-self:end}}@media(max-width:749px){.beat-store-page.beat-store-page--player-visible{margin-bottom:16.1rem}.beat-player-bar{--player-enter-distance: 12px;width:calc(100% - 1rem);bottom:max(.5rem,env(safe-area-inset-bottom));padding:.82rem .86rem calc(.86rem + env(safe-area-inset-bottom));border-radius:1.02rem;border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff0a,#fff0),#070707e6!important;box-shadow:0 18px 34px #00000047}.player-content{position:relative;grid-template-columns:3.8rem auto minmax(0,1fr) auto auto;grid-template-rows:3.5rem auto auto;grid-template-areas:"cover controls info cart close" "progress progress progress progress progress" ". . . . .";gap:.46rem .62rem;align-items:center;padding-bottom:0}.player-album-cover{grid-area:cover;width:3.5rem;height:3.5rem;align-self:center;border-radius:.86rem;box-shadow:0 10px 20px #0003}.player-info{grid-area:info;display:flex;flex-direction:column;align-self:center;justify-self:stretch;justify-content:center;align-items:flex-start;min-width:0;height:3.5rem;padding-right:0;text-align:left;gap:.24rem}.player-track-name{width:100%;font-size:1.12rem;line-height:1.14;padding-top:0;text-align:left}.player-track-meta{width:100%;font-size:.74rem;line-height:1.12;letter-spacing:.1em;white-space:normal;display:block;text-align:left}.player-progress{grid-area:progress;position:static;flex-direction:row;align-items:center;gap:.64rem;width:100%;margin-top:.12rem}.player-progress .progress-bar{flex:1 1 auto;width:auto;min-width:0;height:.2rem;border-radius:999px;background:#ffffff2e!important;box-shadow:none}.player-progress .progress-fill{background:linear-gradient(90deg,#ffffffeb,#fff)!important}.player-progress .progress-fill:after{width:.46rem;height:.46rem;background:#fffffff5}.player-time{min-width:fit-content;width:auto;flex:0 0 auto;text-align:right;font-size:.8rem;line-height:1;white-space:nowrap}.player-controls{grid-area:controls;align-self:center;height:100%;justify-self:start;align-items:center;gap:.3rem}.player-volume-range{display:none}.player-btn,.player-volume-btn,.player-close{width:2.22rem;height:2.22rem;flex:0 0 2.22rem;border-radius:.68rem;background:#ffffff0a!important;border-color:#ffffff14}.player-play{width:2.62rem!important;height:2.22rem!important;flex:0 0 2.62rem;border-radius:.68rem}.player-volume-control{display:none;justify-self:end}.player-close{grid-area:close;align-self:center;height:2.22rem;justify-self:end}.player-cart-btn{grid-area:cart;width:auto;min-width:7.2rem;flex:0 0 auto;height:2.22rem;padding:0 .82rem;align-self:center;justify-self:end;justify-content:center;align-items:center;gap:.34rem;border-radius:.68rem;font-size:.88rem;letter-spacing:.05em;background:#ffffff14!important}.player-cart-btn span{display:inline-flex;align-items:center;gap:.24rem}}@media(prefers-reduced-motion:reduce){.beat-player-bar,.beat-player-bar.active{visibility:visible;transform:translate(-50%);opacity:1;transition:none}}@media(max-width:430px){.beat-store-page.beat-store-page--player-visible{margin-bottom:15rem}.beat-player-bar{padding:.76rem .78rem calc(.8rem + env(safe-area-inset-bottom));border-radius:1.04rem}.player-content{grid-template-columns:3.2rem auto minmax(0,1fr) auto auto;grid-template-rows:3.2rem auto auto;gap:.42rem .5rem}.player-album-cover{width:3.2rem;height:3.2rem;border-radius:.82rem}.player-info{height:3.2rem;gap:.18rem}.player-track-name{font-size:1.06rem;line-height:1.14}.player-track-meta{font-size:.7rem}.player-progress{gap:.72rem;margin-top:.22rem}.player-progress .progress-bar{height:.18rem}.player-progress .progress-fill:after{width:.42rem;height:.42rem}.player-time{font-size:.76rem}.player-controls{gap:.26rem}.player-btn,.player-volume-btn,.player-close{width:2.08rem;height:2.08rem;flex:0 0 2.08rem;border-radius:.66rem}.player-play{width:2.42rem!important;height:2.08rem!important;flex:0 0 2.42rem;border-radius:.7rem}.player-close{height:2.08rem}.player-cart-btn{width:auto;min-width:6.6rem;flex:0 0 auto;height:2.08rem;padding:0 .72rem;gap:.3rem;border-radius:.7rem;font-size:.82rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/beat-player.css.map */