.music-player,.music-player-footer{--music-player-bg: rgb(var(--color-background));--music-player-bg-alt: rgb(var(--color-background-contrast));--music-player-border: rgba(var(--color-foreground), .1);--music-player-text: rgb(var(--color-foreground));--music-player-text-dim: rgba(var(--color-foreground), .6);--music-player-accent: rgb(var(--color-button));--music-player-accent-text: rgb(var(--color-button-text));--music-player-btn-bg: rgba(var(--color-foreground), .08);--music-player-btn-hover: rgba(var(--color-foreground), .15);--music-player-progress-bg: rgba(var(--color-foreground), .15);--music-player-shadow: 0 -4px 20px rgba(var(--color-shadow), .15)}.music-player.music-player--inline{background:var(--music-player-bg)!important;border:1px solid var(--music-player-border)!important;border-radius:12px!important;padding:1.5rem!important;margin:2rem 0!important;box-shadow:0 4px 20px rgba(var(--color-shadow),.1)!important;position:relative!important;overflow:hidden!important;display:block!important}.music-player.music-player--inline:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.1),transparent)}.music-player--inline .music-player__container{display:grid!important;grid-template-columns:60px 1fr auto minmax(200px,2fr) auto!important;gap:1rem!important;align-items:center!important}@media (max-width: 749px){.music-player--inline .music-player__container{grid-template-columns:48px 1fr 48px!important;grid-template-rows:auto auto!important;gap:.5rem .75rem!important;padding:.75rem!important}.music-player--inline .music-player__cover{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;grid-row:1!important;grid-column:1!important;flex-shrink:0!important;position:relative!important;z-index:1!important}.music-player--inline .music-player__info{grid-row:1!important;grid-column:2!important;min-width:0;overflow:hidden}.music-player--inline .music-player__track-title,.music-player--inline .music-player__artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player--inline .music-player__controls{grid-row:1!important;grid-column:3!important}.music-player--inline .music-player__btn--play{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;aspect-ratio:1 / 1!important}.music-player--inline .music-player__btn--play svg{width:22px!important;height:22px!important}.music-player--inline .music-player__progress-container{grid-column:1 / -1!important;grid-row:2!important}.music-player--inline .music-player__volume{display:none!important}}.music-player__cover{width:60px;height:60px;min-width:60px;max-width:60px;border-radius:8px;overflow:hidden;background:transparent;flex-shrink:0;position:relative}.music-player__cover img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:2}.music-player__cover img+.music-player__cover-placeholder,.music-player__cover img~.music-player__cover-placeholder,.music-player__cover:has(img[src]:not([src=""])) .music-player__cover-placeholder{display:none!important}.music-player__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--music-player-text-dim);position:absolute;top:0;left:0;z-index:1;background:var(--music-player-btn-bg)}.music-player__info{min-width:0;overflow:hidden}.music-player__track-title{font-size:1.4rem;font-weight:600;color:var(--music-player-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.music-player__artist{font-size:1.2rem;color:var(--music-player-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.2rem}.music-player__controls{display:flex;align-items:center;gap:.5rem}.music-player__btn{background:var(--music-player-btn-bg);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--music-player-text);transition:all .2s ease}.music-player__btn:hover{background:var(--music-player-btn-hover);transform:scale(1.05)}.music-player__btn:active{transform:scale(.95)}.music-player__btn--play{width:56px;height:56px;background:var(--music-player-accent);color:var(--music-player-accent-text);box-shadow:0 2px 8px rgba(var(--color-shadow),.2)}.music-player__btn--play:hover{opacity:.9;box-shadow:0 4px 12px rgba(var(--color-shadow),.3)}.music-player__icon--pause,.music-player__icon--volume-off,.music-player.is-playing .music-player__icon--play{display:none}.music-player.is-playing .music-player__icon--pause{display:block}.music-player.is-muted .music-player__icon--volume-on{display:none}.music-player.is-muted .music-player__icon--volume-off{display:block}.music-player__progress-container{display:flex;flex-direction:column;gap:.5rem}.music-player__slider-wrapper{flex:1;min-width:0;padding:.5rem 0}.music-player__waveform{position:relative;height:40px;background:rgba(var(--color-foreground),.05);border-radius:4px;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.music-player__waveform-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.music-player__progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--music-player-progress-bg);cursor:pointer}.music-player__progress-fill{height:100%;background:var(--music-player-accent);width:0%;transition:width .1s linear}.music-player__time{display:flex;justify-content:space-between;font-size:1.1rem;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--music-player-text-dim);letter-spacing:.05em}.music-player__time-separator{margin:0 .3rem}.music-player__volume{display:flex;align-items:center;gap:.5rem}.music-player__btn--volume{width:36px;height:36px}.music-player__volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--music-player-progress-bg);border-radius:2px;cursor:pointer}.music-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--music-player-accent);cursor:pointer}.music-player__volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--music-player-accent);cursor:pointer;border:none}.music-player__led-strip{display:flex;gap:4px;justify-content:center;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--music-player-border);cursor:pointer;-webkit-user-select:none;user-select:none}.music-player__led-strip:hover .music-player__led{opacity:.8}.music-player__led{width:10px;height:10px;border-radius:50%;background:rgba(var(--color-foreground),.15);transition:background-color .15s ease,transform .15s ease;flex-shrink:0}.music-player--inline .music-player__led.is-active,.music-player .music-player__led.is-active{background:rgb(var(--color-button))!important;transform:scale(1.1)}.music-player--inline .music-player__led.is-current,.music-player .music-player__led.is-current{animation:led-pulse .5s ease-in-out infinite alternate}@keyframes led-pulse{0%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1.2)}}.music-player-footer-section:empty,.shopify-section.music-player-footer-section:empty{display:none!important}.music-player-footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;z-index:999999!important;background:var(--music-player-bg);border-top:1px solid var(--music-player-border);box-shadow:0 -4px 20px #00000026;transform:translateY(0);transition:transform .3s ease,opacity .3s ease;margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.music-player-footer.is-minimized{transform:translateY(100%)}.music-player-footer.is-minimized .music-player-footer__container{opacity:0;pointer-events:none}.music-player-footer.is-minimized .music-player-footer__restore-tab{transform:translateY(-100%);opacity:1;pointer-events:auto}.music-player-footer__restore-tab{position:absolute;bottom:100%;right:20px;display:flex;align-items:center;gap:0;padding:0;background:var(--music-player-bg);border:1px solid var(--music-player-border);border-bottom:none;border-radius:8px 8px 0 0;color:var(--music-player-text);font-size:1.2rem;font-weight:500;opacity:0;pointer-events:none;transform:translateY(0);transition:all .3s ease;box-shadow:0 -2px 10px #0000001a;overflow:hidden}.music-player-footer__mini-play{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--music-player-accent);color:var(--music-player-accent-text);border:none;cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.music-player-footer__mini-play:hover{opacity:.85}.music-player-footer__mini-play svg{width:16px;height:16px}.music-player-footer__mini-play .music-player-footer__icon--pause,.music-player-footer.is-playing .music-player-footer__mini-play .music-player-footer__icon--play{display:none}.music-player-footer.is-playing .music-player-footer__mini-play .music-player-footer__icon--pause{display:block}.music-player-footer__mini-info{display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;height:36px}.music-player-footer__mini-info:hover{background:var(--music-player-btn-hover)}.music-player-footer__mini-marquee{width:140px;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,black 8px,black calc(100% - 8px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8px,black calc(100% - 8px),transparent)}.music-player-footer__mini-title{display:inline-block;padding-left:8px}.music-player-footer__mini-title.needs-scroll{animation:marquee-bounce 8s ease-in-out infinite}@keyframes marquee-bounce{0%,10%{transform:translate(0)}45%,55%{transform:translate(calc(-100% + 140px))}90%,to{transform:translate(0)}}.music-player-footer__mini-time{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.1rem;color:var(--music-player-text-dim);flex-shrink:0}@media (max-width: 749px){.music-player-footer__restore-tab{right:10px}.music-player-footer__mini-marquee{width:80px}}.music-player-footer__container{display:grid;grid-template-columns:48px minmax(100px,200px) auto 1fr auto auto auto;gap:1rem;align-items:center;padding:.75rem 1.5rem;max-width:var(--page-width);margin:0 auto;transition:opacity .2s ease}.music-player-footer__btn--minimize,.music-player-footer__btn--close{flex-shrink:0}@media (max-width: 989px){.music-player-footer__container{grid-template-columns:44px minmax(80px,150px) auto 1fr auto auto auto;gap:.75rem;padding:.6rem 1rem}.music-player-footer__info{max-width:150px}}@media (max-width: 749px){.music-player-footer__container{display:grid!important;grid-template-columns:44px 1fr auto 28px 28px!important;grid-template-rows:auto auto!important;gap:.4rem .6rem!important;padding:.5rem .75rem!important}.music-player-footer__cover{grid-row:1!important;grid-column:1!important;width:44px!important;height:44px!important}.music-player-footer__info{grid-row:1!important;grid-column:2!important;min-width:0!important;max-width:none!important;padding-left:1rem!important}.music-player-footer__track,.music-player-footer__artist{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.music-player-footer__controls{grid-row:1!important;grid-column:3!important}.music-player-footer__btn--minimize{grid-row:1!important;grid-column:4!important}.music-player-footer__btn--close{grid-row:1!important;grid-column:5!important}.music-player-footer__progress-container{grid-row:2!important;grid-column:1 / -1!important;gap:.5rem!important}.music-player-footer__volume{display:none!important}.music-player-footer__time-current,.music-player-footer__time-duration{font-size:1.1rem!important;min-width:35px!important}.music-player-footer__btn--play{width:38px!important;height:38px!important}.music-player-footer__btn--minimize,.music-player-footer__btn--close{width:28px!important;height:28px!important;padding:4px!important}.music-player-footer__btn--minimize svg,.music-player-footer__btn--close svg{width:16px!important;height:16px!important}}@media (max-width: 480px){.music-player-footer__container{grid-template-columns:40px 1fr 34px 26px 26px!important;gap:.3rem .5rem!important;padding:.4rem .5rem!important}.music-player-footer__cover{width:40px!important;height:40px!important}.music-player-footer__info{padding-left:.75rem!important}.music-player-footer__track{font-size:1.2rem!important}.music-player-footer__artist{font-size:1rem!important}.music-player-footer__btn--play{width:34px!important;height:34px!important}.music-player-footer__btn--play svg{width:16px!important;height:16px!important}.music-player-footer__btn--minimize,.music-player-footer__btn--close{width:26px!important;height:26px!important;padding:3px!important}.music-player-footer__btn--minimize svg,.music-player-footer__btn--close svg{width:14px!important;height:14px!important}.music-player-footer__time-current,.music-player-footer__time-duration{font-size:1rem!important;min-width:30px!important}}.music-player-footer__cover{width:48px;height:48px;min-width:48px;max-width:48px;border-radius:6px;overflow:hidden;background:transparent;position:relative;flex-shrink:0}@media (max-width: 749px){.music-player-footer__cover{width:40px;height:40px}}.music-player-footer__cover-img{width:100%;height:100%;object-fit:cover;display:none;position:relative;z-index:2}.music-player-footer__cover-img.has-image{display:block}.music-player-footer__cover-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--music-player-text-dim);background:var(--music-player-btn-bg);z-index:1}.music-player-footer__cover-img.has-image~.music-player-footer__cover-placeholder{display:none!important}.music-player-footer__info{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit}.music-player-footer__info:hover .music-player-footer__track{color:var(--music-player-accent)}.music-player-footer__track{font-size:1.3rem;font-weight:500;color:var(--music-player-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.music-player-footer__artist{font-size:1.1rem;color:var(--music-player-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player-footer__controls{display:flex;align-items:center;gap:.5rem}.music-player-footer__btn{background:var(--music-player-btn-bg);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--music-player-text);transition:all .2s ease}.music-player-footer__btn svg{width:20px;height:20px}.music-player-footer__btn:hover{background:var(--music-player-btn-hover)}.music-player-footer__btn--play{width:44px;height:44px;background:var(--music-player-accent);color:var(--music-player-accent-text)}.music-player-footer__btn--play:hover{opacity:.9}.music-player-footer__btn--play svg{width:22px;height:22px}.music-player-footer__btn--volume,.music-player-footer__btn--minimize,.music-player-footer__btn--close{width:32px;height:32px}.music-player-footer__btn--minimize{background:transparent}.music-player-footer__btn--minimize:hover{background:var(--music-player-btn-hover)}.music-player-footer__btn--close{background:transparent}.music-player-footer__btn--close:hover{background:#dc354526;color:#dc3545}@media (max-width: 749px){.music-player-footer__btn--play{width:38px;height:38px}.music-player-footer__btn--play svg{width:18px;height:18px}}.music-player-footer__icon--pause,.music-player-footer__icon--volume-off,.music-player-footer.is-playing .music-player-footer__icon--play{display:none}.music-player-footer.is-playing .music-player-footer__icon--pause{display:block}.music-player-footer.is-muted .music-player-footer__icon--volume-on{display:none}.music-player-footer.is-muted .music-player-footer__icon--volume-off{display:block}.music-player-footer__time-current,.music-player-footer__time-duration{font-size:1.1rem;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--music-player-text-dim);min-width:40px;text-align:center}.music-player-footer__progress-container{display:flex!important;align-items:center;gap:.75rem;flex:1;min-width:150px}.music-player-footer__slider-wrapper{flex:1;min-width:100px}.music-player__progress-slider,.music-player-footer__progress-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,rgb(var(--color-button)) 0%,rgb(var(--color-button)) var(--progress, 0%),rgba(var(--color-foreground),.15) var(--progress, 0%),rgba(var(--color-foreground),.15) 100%);cursor:pointer;outline:none;transition:height .15s ease}.music-player__progress-slider:hover,.music-player-footer__progress-slider:hover{height:10px}.music-player__progress-slider::-webkit-slider-thumb,.music-player-footer__progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:rgb(var(--color-button));cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.music-player__progress-slider::-webkit-slider-thumb:hover,.music-player-footer__progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 10px rgba(var(--color-button),.5)}.music-player__progress-slider::-moz-range-thumb,.music-player-footer__progress-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:rgb(var(--color-button));cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.music-player__progress-slider::-moz-range-thumb:hover,.music-player-footer__progress-slider::-moz-range-thumb:hover{transform:scale(1.2)}.music-player__progress-slider::-moz-range-track,.music-player-footer__progress-slider::-moz-range-track{height:8px;border-radius:4px;background:rgba(var(--color-foreground),.15)}.music-player__progress-slider::-moz-range-progress,.music-player-footer__progress-slider::-moz-range-progress{height:8px;border-radius:4px 0 0 4px;background:rgb(var(--color-button))}.music-player-footer__waveform-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.music-player-footer__progress{position:absolute;bottom:0;left:0;right:0;height:100%;pointer-events:none}.music-player-footer__progress-fill{height:100%;background:linear-gradient(to right,rgba(var(--color-button),.2),rgba(var(--color-button),.05));width:0%;transition:width .1s linear;position:relative}.music-player-footer__progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--music-player-accent)}.music-player-footer__progress-handle{display:none}.music-player-footer__volume{display:flex;align-items:center;gap:.5rem}.music-player-footer__volume-slider{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:var(--music-player-progress-bg);border-radius:2px;cursor:pointer}.music-player-footer__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--music-player-accent);cursor:pointer}.music-player-footer__volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--music-player-accent);cursor:pointer;border:none}.music-player-footer:not(.is-minimized){animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media print{.music-player,.music-player-footer{display:none!important}}.music-player-footer__btn:focus-visible,.music-player__btn:focus-visible{outline:2px solid var(--music-player-accent);outline-offset:2px}.music-player-footer.autoplay-blocked .music-player-footer__btn--play{animation:pulse-play 1.5s ease-in-out infinite;box-shadow:0 0 rgba(var(--color-button),.7)}.music-player-footer__btn--play.needs-tap{animation:pulse-play 1.5s ease-in-out infinite;position:relative}.music-player-footer__btn--play.needs-tap:after{content:"TAP";position:absolute;top:-8px;right:-8px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:.8rem;font-weight:700;padding:2px 5px;border-radius:4px;animation:bounce-badge 1s ease-in-out infinite}@keyframes pulse-play{0%{box-shadow:0 0 rgba(var(--color-button),.7);transform:scale(1)}50%{box-shadow:0 0 0 12px rgba(var(--color-button),0);transform:scale(1.05)}to{box-shadow:0 0 rgba(var(--color-button),0);transform:scale(1)}}@keyframes bounce-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-music-player.css.map */