.ell-music{position:fixed;bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));left:1.6rem;z-index:4;display:flex;flex-direction:column;padding:.6rem 1.2rem .6rem .6rem;border:.1rem solid rgba(255,255,255,.7);border-radius:4rem;background:#ffffff9e;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 .4rem 2rem #1111111a;color:#111;font:inherit;transition:border-radius .25s ease}.ell-music[hidden]{display:none}.ell-music--right{left:auto;right:1.6rem}.ell-music.is-open{width:min(28rem,calc(100vw - 3.2rem));border-radius:2.4rem}.ell-music__row{display:flex;align-items:center;gap:1rem}.ell-music__disc{position:relative;flex:none;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.ell-music__vinyl{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--ell-disc, #111111) 0 55%,rgba(255,255,255,.16) 56% 57%,var(--ell-disc, #111111) 58% 70%,rgba(255,255,255,.12) 71% 72%,var(--ell-disc, #111111) 73% 100%);box-shadow:inset 0 0 0 .1rem #0000002e;animation:ell-spin 6s linear infinite;animation-play-state:paused}.ell-music.is-playing .ell-music__vinyl{animation-play-state:running}.ell-music__logo{width:58%;height:58%;border-radius:50%;object-fit:contain}.ell-music__ov{position:absolute;top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;display:grid;place-items:center;border-radius:50%;background:#00000080;color:#fff;transition:opacity .2s ease}.ell-music__ov svg{width:1.2rem;height:1.2rem;margin-left:.1rem;fill:currentColor}.ell-music.is-playing .ell-music__ov{opacity:0}@keyframes ell-spin{to{transform:rotate(360deg)}}.ell-music__eq{display:inline-flex;align-items:flex-end;gap:.2rem;height:1.6rem}.ell-music__eq i{display:block;width:.3rem;height:.5rem;border-radius:.2rem;background:#111}.ell-music.is-playing .ell-music__eq i{animation:ell-eq 1s ease-in-out infinite}.ell-music.is-playing .ell-music__eq i:nth-child(2){animation-delay:.2s}.ell-music.is-playing .ell-music__eq i:nth-child(3){animation-delay:.4s}.ell-music.is-playing .ell-music__eq i:nth-child(4){animation-delay:.6s}@keyframes ell-eq{0%,to{height:.5rem}50%{height:1.5rem}}.ell-music.is-open .ell-music__eq{display:none}.ell-music__text{display:none;flex:1;flex-direction:column;min-width:0;max-width:16rem;line-height:1.2;text-align:left}.ell-music__text b,.ell-music__text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ell-music__text b{font-size:1.2rem;font-weight:600}.ell-music__text small{font-size:1.05rem;opacity:.6}@media screen and (min-width:750px){.ell-music__text{display:flex}}.ell-music.is-open .ell-music__text{display:flex;max-width:none}.ell-music__more,.ell-music__mute{display:grid;flex:none;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:transparent;color:#111;cursor:pointer;-webkit-tap-highlight-color:transparent}.ell-music__more:hover,.ell-music__mute:hover,.ell-music.is-open .ell-music__more{background:#11111114}.ell-music__more svg,.ell-music__mute svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ell-music__panel{display:none;align-items:center;gap:1rem;padding:.8rem .6rem .2rem}.ell-music.is-open .ell-music__panel{display:flex}.ell-music__mute .ell-music__spk-off,.ell-music.is-muted .ell-music__mute .ell-music__spk-on{display:none}.ell-music.is-muted .ell-music__mute .ell-music__spk-off{display:block}.ell-music__vol{flex:1;min-width:0;height:2.4rem;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.ell-music__vol[hidden]{display:none}.ell-music__vol::-webkit-slider-runnable-track{height:.3rem;border-radius:.2rem;background:#1113}.ell-music__vol::-moz-range-track{height:.3rem;border-radius:.2rem;background:#1113}.ell-music__vol::-webkit-slider-thumb{width:1.6rem;height:1.6rem;margin-top:-.65rem;border:0;border-radius:50%;background:#111;-webkit-appearance:none;appearance:none}.ell-music__vol::-moz-range-thumb{width:1.6rem;height:1.6rem;border:0;border-radius:50%;background:#111}.ell-music__tip{position:absolute;left:.4rem;bottom:calc(100% + .9rem);padding:.7rem 1.3rem;border-radius:4rem;background:#111;color:#fff;font-size:1.2rem;white-space:nowrap;opacity:0;transform:translateY(.4rem);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.ell-music__tip:after{content:"";position:absolute;bottom:-.4rem;left:1.8rem;width:.8rem;height:.8rem;background:#111;transform:rotate(45deg)}.ell-music--right .ell-music__tip{left:auto;right:.4rem}.ell-music--right .ell-music__tip:after{left:auto;right:1.8rem}.ell-music__tip.is-visible{opacity:1;transform:none}.ell-music.is-waiting .ell-music__disc{animation:ell-music-pulse 1.6s ease-out infinite}@keyframes ell-music-pulse{0%{box-shadow:0 0 #11111159}to{box-shadow:0 0 0 1rem #1110}}@media screen and (max-width:749px){body.has-ellipsis-sticky-atc .ell-music{bottom:calc(8.6rem + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.ell-music__vinyl,.ell-music.is-playing .ell-music__eq i,.ell-music.is-waiting .ell-music__disc,.ell-music__tip{animation:none;transition:none}.ell-music.is-playing .ell-music__eq i{height:.9rem}}.ell-music{box-sizing:border-box;z-index:44;width:var(--ell-music-width, auto);max-width:calc(100vw - 2 * var(--ell-music-edge, 16px));min-height:var(--ell-music-height, 0px);bottom:calc(var(--ell-music-bottom, 16px) + env(safe-area-inset-bottom,0px));left:var(--ell-music-edge, 16px);padding:var(--ell-music-pad-y, 6px) var(--ell-music-pad-x, 10px);border:var(--ell-music-border-width, 1px) solid var(--ell-music-border, rgba(255,255,255,.72));border-radius:var(--ell-music-radius, 40px);background:linear-gradient(135deg,var(--ell-music-glass, rgba(255,255,255,.58)),var(--ell-music-mid, rgba(255,255,255,.18)) 55%,var(--ell-music-end, rgba(229,226,241,.35)));color:var(--ell-music-ink, #17171c);-webkit-backdrop-filter:blur(var(--ell-music-blur, 30px)) saturate(var(--ell-music-saturation, 165%));backdrop-filter:blur(var(--ell-music-blur, 30px)) saturate(var(--ell-music-saturation, 165%));box-shadow:0 10px var(--ell-music-shadow-blur, 28px) var(--ell-music-shadow, rgba(20,20,30,.13)),inset 0 1px 1px var(--ell-music-highlight, rgba(255,255,255,.95)),inset 0 -1px 1px var(--ell-music-highlight-low, rgba(255,255,255,.3));transition:bottom .38s cubic-bezier(.22,1,.36,1),border-radius .25s ease}.ell-music--right{left:auto;right:var(--ell-music-edge, 16px)}.ell-music.is-open{width:min(var(--ell-music-panel-width, 280px),calc(100vw - 2 * var(--ell-music-edge, 16px)));border-radius:var(--ell-music-panel-radius, 24px)}.ell-music__row{gap:var(--ell-music-gap, 10px)}.ell-music__disc{width:var(--ell-music-disc-size, 36px);height:var(--ell-music-disc-size, 36px)}.ell-music__more,.ell-music__mute{color:var(--ell-music-ink, #17171c)}.ell-music__eq i,.ell-music__vol::-webkit-slider-thumb{background:var(--ell-music-ink, #17171c)}.ell-music__vol::-moz-range-thumb{background:var(--ell-music-ink, #17171c)}.ell-music :focus-visible{outline:2px solid var(--ell-music-ink, #17171c);outline-offset:3px}@media screen and (max-width:749px){body:has(.ellipsis-sticky-atc.is-visible) .ell-music{bottom:calc(max(var(--ell-music-bottom, 16px),86px) + env(safe-area-inset-bottom,0px))}body:not(.overflow-hidden):not(:has(.ellipsis-sticky-atc.is-visible)):has([data-ellipsis-mobile-dock].is-visible) .ell-music{bottom:calc(max(var(--ell-music-bottom, 16px),72px + var(--ell-music-dock-gap, 12px)) + env(safe-area-inset-bottom,0px))}body.overflow-hidden .ell-music{visibility:hidden;pointer-events:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ell-music{background:var(--ell-music-solid, rgba(245,245,248,.94))}}@media(prefers-reduced-motion:reduce){.ell-music{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/ellipsis-music.css.map */