:root{--audio-player-height: 8rem}.audio-player-bar{--audio-player-background: linear-gradient(90deg, #22163f 0%, #110e18 50%, #2a1024 100%);--audio-player-border: rgba(169, 139, 255, .22);--audio-player-text: #f4efe9;--audio-player-muted: #b3aabf;--audio-player-wave: rgba(244, 239, 233, .28);--audio-player-wave-played: #f8c920;--audio-player-wave-played-stops: #7b49d9, #bf33be, #f6446e, #f78448, #f8c920;--audio-player-playhead: #f4efe9;--audio-player-accent: #f8c920;--audio-player-focus: #a98bff;--audio-player-button: linear-gradient(100deg, #f6446e 0%, #f78448 48%, #f8c920 100%);--audio-player-button-hover: linear-gradient(100deg, #f7587d 0%, #f8935d 48%, #ffd65a 100%);--audio-player-button-icon: #14101a;position:fixed;left:0;right:0;bottom:0;z-index:99;height:var(--audio-player-height);background:var(--audio-player-background);color:var(--audio-player-text);border-top:1px solid var(--audio-player-border);box-shadow:0 -.4rem 1.6rem #00000059;transform:translateY(100%);transition:transform .3s ease}.audio-player-bar[hidden]{display:none}.audio-player-bar.is-open{transform:translateY(0)}body[class*=overflow-hidden] .audio-player-bar{z-index:1}.audio-player-bar__inner{display:flex;align-items:center;gap:1.6rem;height:100%;padding:0 2.4rem}.audio-player-bar__art{flex:0 0 5rem;width:5rem;height:5rem;overflow:hidden;border-radius:.4rem;background-color:#ffffff14}.audio-player-bar__image{display:block;width:100%;height:100%;object-fit:cover}.audio-player-bar__toggle,.audio-player-bar__close{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:0;cursor:pointer}.audio-player-bar__toggle{width:3.2rem;height:3.2rem;border-radius:50%;background:var(--audio-player-button);color:var(--audio-player-button-icon);transition:transform .2s ease}.audio-player-bar__toggle:hover{background:var(--audio-player-button-hover);transform:scale(1.08)}.audio-player-bar__toggle:active{transform:scale(.97)}.audio-player-bar__toggle:disabled{background:#f4efe91f;color:var(--audio-player-muted);opacity:1;cursor:not-allowed;transform:none}.audio-player-bar__icon{display:flex;line-height:0}.audio-player-bar__icon .icon{width:1.1rem;height:1.4rem}.audio-player-bar__icon--play .icon{margin-left:.2rem}.audio-player-bar__spinner{display:flex;justify-content:center}.audio-player-bar .spinner .path{stroke:var(--audio-player-button-icon)}.audio-player-bar__title{flex:0 0 auto;max-width:22rem;margin:0;overflow:hidden;color:var(--audio-player-text);font-size:1.4rem;font-weight:600;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.audio-player-bar__title[hidden]{display:none}.audio-player-bar__waveform{position:relative;flex:1 1 auto;min-width:0;height:5rem;cursor:pointer;touch-action:none}.audio-player-bar.is-unavailable .audio-player-bar__waveform{opacity:.4;cursor:default}.audio-player-bar__canvas{display:block;width:100%;height:100%}.audio-player-bar__genre{display:flex;align-items:center;flex:0 1 auto;gap:.6rem;max-width:24rem;margin:0;color:var(--audio-player-text);font-size:1.3rem;font-weight:600;line-height:1.3;white-space:nowrap}.audio-player-bar__genre[hidden]{display:none}.audio-player-bar__genre-icon{flex:0 0 1.6rem;width:1.6rem;height:1.6rem;color:var(--audio-player-accent)}.audio-player-bar__genre-text{overflow:hidden;text-overflow:ellipsis}.audio-player-bar__close{width:3.2rem;height:3.2rem;margin-right:-.8rem;background:transparent;color:var(--audio-player-muted)}.audio-player-bar__close:hover{color:var(--audio-player-text)}.audio-player-bar__close .icon{width:1.2rem;height:1.2rem}.audio-player-bar__close .icon-close path{stroke:currentColor}.audio-player-bar__toggle:focus-visible,.audio-player-bar__close:focus-visible,.audio-player-bar__art:focus-visible,.audio-player-bar__waveform:focus-visible{outline:.2rem solid var(--audio-player-focus);outline-offset:.2rem}body.audio-player-open{padding-bottom:var(--audio-player-height)}body.audio-player-open #scroll:not(.scrollhide){bottom:calc(40px + var(--audio-player-height))}@media screen and (max-width:767px){:root{--audio-player-height: 6.4rem}.audio-player-bar__inner{gap:1rem;padding:0 1.2rem}.audio-player-bar__art{flex-basis:4.4rem;width:4.4rem;height:4.4rem}.audio-player-bar__waveform{height:4rem}.audio-player-bar__title{max-width:14rem;font-size:1.3rem}.audio-player-bar__genre{max-width:12rem;font-size:1.2rem}}@media screen and (max-width:575px){.audio-player-bar__genre{display:none}.audio-player-bar__title{flex-shrink:1;max-width:10rem;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.audio-player-bar,.audio-player-bar__toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/audio-player-bar.css.map */