.jjc-player{--jjc-player-accent-rgb: 189, 89, 255;display:block;position:relative;isolation:isolate;overflow:hidden;color:var(--jjc-player-text, #fff);background:var(--jjc-player-background, #070510);background-position:center;background-size:cover;padding-block:var(--jjc-player-padding-top, 72px) var(--jjc-player-padding-bottom, 72px)}.jjc-player__anchor{position:absolute;top:-9rem}.jjc-player__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--jjc-player-accent) 32%,transparent),transparent 38%),linear-gradient(var(--jjc-player-overlay),var(--jjc-player-overlay));opacity:var(--jjc-player-overlay-opacity, .55);pointer-events:none}.jjc-player__inner{position:relative}.jjc-player__header{max-width:780px;margin:0 auto 42px;text-align:center}.jjc-player__eyebrow,.jjc-player__track-kicker{margin:0 0 8px;color:var(--jjc-player-accent);font-size:1.1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.jjc-player__heading{margin:0;color:inherit;font-size:clamp(3.4rem,6vw,6.8rem);line-height:.98;letter-spacing:-.045em}.jjc-player__intro{max-width:620px;margin:18px auto 0;color:var(--jjc-player-muted);font-size:1.6rem}.jjc-player__carousel-shell{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:12px;align-items:center}.jjc-player__releases{display:flex;gap:clamp(16px,2vw,28px);align-items:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--jjc-player-accent) 65%,transparent) transparent;padding:18px 10px 28px}.jjc-player__release{position:relative;flex:0 0 clamp(150px,18vw,220px);min-width:0;scroll-snap-align:center}.jjc-player__release-select{width:100%;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.jjc-player__release-art{position:relative;display:block;overflow:hidden;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:var(--jjc-player-surface);box-shadow:0 18px 46px #00000057;transform:translateY(0) scale(1);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.jjc-player__release-art img{width:100%;height:100%;object-fit:cover}.jjc-player__release-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--jjc-player-accent);font-size:3rem;font-weight:800;letter-spacing:.12em}.jjc-player__release-more{position:absolute;right:10px;top:10px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;background:#05030cad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.6rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.jjc-player__release-more:hover,.jjc-player__release-more:focus-visible{border-color:var(--jjc-player-accent);background:color-mix(in srgb,var(--jjc-player-accent) 28%,#05030c);transform:scale(1.08)}.jjc-player__release-select:hover .jjc-player__release-art,.jjc-player__release-select:focus-visible .jjc-player__release-art{border-color:color-mix(in srgb,var(--jjc-player-accent) 75%,#fff);transform:translateY(-5px)}.jjc-player__release.is-active .jjc-player__release-art{border-color:var(--jjc-player-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--jjc-player-accent) 34%,transparent),0 20px 54px color-mix(in srgb,var(--jjc-player-accent) 26%,transparent);transform:translateY(-7px) scale(1.035)}.jjc-player__release-name,.jjc-player__release-year{display:block}.jjc-player__release-name{margin-top:15px;overflow:hidden;font-size:1.5rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.jjc-player__release-year{margin-top:4px;color:var(--jjc-player-muted);font-size:1.2rem}.jjc-player__carousel-button,.jjc-player__transport-button,.jjc-player__play-button,.jjc-player__details-toggle{color:inherit;font:inherit;cursor:pointer}.jjc-player__carousel-button,.jjc-player__transport-button{display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#100b1db8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,background .2s ease,transform .2s ease}.jjc-player__carousel-button{width:46px;height:46px}.jjc-player__carousel-button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.jjc-player__carousel-button:hover,.jjc-player__carousel-button:focus-visible,.jjc-player__transport-button:hover,.jjc-player__transport-button:focus-visible{border-color:var(--jjc-player-accent);background:color-mix(in srgb,var(--jjc-player-accent) 20%,var(--jjc-player-surface));transform:scale(1.06)}.jjc-player__stage{position:relative;margin-top:28px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:color-mix(in srgb,var(--jjc-player-surface) 88%,transparent);box-shadow:0 34px 90px #00000061;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.jjc-player__now-playing{transition:margin-right .3s ease,padding .3s ease,grid-template-columns .3s ease}.jjc-player__stage.is-library-open .jjc-player__now-playing{grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:24px;margin-right:min(52%,610px);padding:28px}.jjc-player__stage.is-library-open .jjc-player__release-title{margin-bottom:16px;font-size:clamp(2.4rem,3.2vw,4rem)}.jjc-player__stage.is-library-open .jjc-player__transport{margin-top:16px}.jjc-player__stage.is-library-open .jjc-player__play-button{width:54px;height:54px}.jjc-player__now-playing{display:grid;grid-template-columns:minmax(240px,380px) minmax(0,1fr);gap:clamp(32px,6vw,78px);align-items:center;padding:clamp(24px,5vw,64px)}.jjc-player__active-art-wrap{position:relative;aspect-ratio:1}.jjc-player__active-art{position:relative;z-index:1;width:100%;height:100%;border-radius:22px;object-fit:cover;box-shadow:0 22px 60px #0000007a}.jjc-player__active-glow{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:var(--jjc-player-accent);filter:blur(70px);opacity:.34}.jjc-player__release-meta{margin:0 0 8px;color:var(--jjc-player-muted);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.jjc-player__release-title{margin:0 0 26px;color:inherit;font-size:clamp(3rem,5vw,5.8rem);line-height:1;letter-spacing:-.04em}.jjc-player__track-kicker{margin-bottom:4px}.jjc-player__track-title{margin:0;color:inherit;font-size:clamp(1.8rem,2.5vw,2.8rem);font-weight:700}.jjc-player__track-position{margin:6px 0 0;color:var(--jjc-player-muted);font-size:1.2rem}.jjc-player__transport{display:flex;gap:16px;align-items:center;margin-top:26px}.jjc-player__transport-button{width:48px;height:48px;font-size:2rem}.jjc-player__play-button{display:grid;width:68px;height:68px;place-items:center;border:0;border-radius:50%;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--jjc-player-accent) 76%,#fff),var(--jjc-player-accent));box-shadow:0 10px 34px color-mix(in srgb,var(--jjc-player-accent) 40%,transparent);font-size:2.2rem;transition:box-shadow .2s ease,transform .2s ease}.jjc-player__play-button:hover,.jjc-player__play-button:focus-visible{box-shadow:0 12px 44px color-mix(in srgb,var(--jjc-player-accent) 58%,transparent);transform:scale(1.06)}.jjc-player__timeline{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:12px;align-items:center;max-width:620px;margin-top:22px;color:var(--jjc-player-muted);font-size:1.1rem;font-variant-numeric:tabular-nums}.jjc-player__progress{width:100%;height:18px;margin:0;accent-color:var(--jjc-player-accent);cursor:pointer}.jjc-player__services{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.jjc-player__options{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.jjc-player__option-button,.jjc-player__explicit-toggle,.jjc-player__library-close,.jjc-player__consent-cancel,.jjc-player__consent-confirm{color:inherit;font:inherit;cursor:pointer}.jjc-player__option-button,.jjc-player__explicit-toggle{display:inline-flex;gap:8px;align-items:center;min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff0b;font-size:1.15rem}.jjc-player__option-button:hover,.jjc-player__option-button:focus-visible,.jjc-player__explicit-toggle:hover,.jjc-player__explicit-toggle:focus-visible{border-color:var(--jjc-player-accent)}.jjc-player__switch{position:relative;display:inline-flex;width:31px;height:18px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#00000047}.jjc-player__switch span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--jjc-player-muted);transition:transform .2s ease,background .2s ease}.jjc-player__explicit-toggle[aria-checked=true] .jjc-player__switch{border-color:var(--jjc-player-accent);background:color-mix(in srgb,var(--jjc-player-accent) 35%,transparent)}.jjc-player__explicit-toggle[aria-checked=true] .jjc-player__switch span{background:#fff;transform:translate(13px)}.jjc-player__service-link{display:inline-flex;gap:8px;align-items:center;min-height:40px;padding:9px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:inherit;background:#ffffff0e;font-size:1.2rem;font-weight:700;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.jjc-player__service-link:hover,.jjc-player__service-link:focus-visible{border-color:var(--jjc-player-accent);color:inherit;background:color-mix(in srgb,var(--jjc-player-accent) 14%,transparent);transform:translateY(-2px)}.jjc-player__library{position:absolute;inset:0 0 0 auto;z-index:4;width:min(52%,610px);overflow-y:auto;padding:clamp(24px,4vw,48px);border-left:1px solid rgba(255,255,255,.14);background:color-mix(in srgb,var(--jjc-player-surface) 96%,transparent);box-shadow:-24px 0 60px #00000047;animation:jjc-library-in .28s ease both}@keyframes jjc-library-in{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}.jjc-player__library-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.jjc-player__drawer-now-playing{margin:8px 0 0;color:var(--jjc-player-muted);font-size:1.15rem}.jjc-player__library-close{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff0d;font-size:2.3rem;line-height:1}.jjc-player__library-close:hover,.jjc-player__library-close:focus-visible{border-color:var(--jjc-player-accent)}.jjc-player__library-heading h4{margin:0;color:inherit;font-size:clamp(2.2rem,3vw,3.2rem)}.jjc-player__details-toggle{margin-top:20px;padding:9px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:transparent;font-size:1.2rem}.jjc-player__details-toggle:hover,.jjc-player__details-toggle:focus-visible,.jjc-player__details-toggle[aria-expanded=true]{border-color:var(--jjc-player-accent)}.jjc-player__track-list{columns:2;column-gap:18px;margin:0;padding:0;list-style:none;counter-reset:jjc-track}.jjc-player__track-item{min-width:0;margin-bottom:8px;break-inside:avoid;counter-increment:jjc-track}.jjc-player__track-button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:12px 14px;border:1px solid transparent;border-radius:12px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.jjc-player__track-button:before{content:counter(jjc-track,decimal-leading-zero);color:var(--jjc-player-muted);font-size:1.1rem;font-variant-numeric:tabular-nums}.jjc-player__track-button:hover,.jjc-player__track-button:focus-visible,.jjc-player__track-item.is-active .jjc-player__track-button{border-color:color-mix(in srgb,var(--jjc-player-accent) 52%,transparent);background:color-mix(in srgb,var(--jjc-player-accent) 10%,transparent)}.jjc-player__track-item.is-explicit-locked .jjc-player__track-button{color:color-mix(in srgb,var(--jjc-player-muted) 66%,transparent);filter:saturate(.45)}.jjc-player__track-item.is-explicit-locked .jjc-player__track-button:hover,.jjc-player__track-item.is-explicit-locked .jjc-player__track-button:focus-visible{border-color:#ffffff3d;background:#ffffff0b;color:var(--jjc-player-text);filter:none}.jjc-player__track-name{overflow:hidden;font-size:1.3rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.jjc-player__explicit{padding:1px 5px;border:1px solid currentColor;border-radius:3px;color:var(--jjc-player-muted);font-size:.85rem;font-weight:800}.jjc-player__release-notes{max-width:760px;margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:var(--jjc-player-muted)}.jjc-player__consent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:20px;background:#020107db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jjc-player__consent[hidden]{display:none}.jjc-player__consent-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:transparent}.jjc-player__consent-dialog{position:relative;z-index:1;width:min(100%,520px);padding:clamp(26px,5vw,42px);border:1px solid color-mix(in srgb,var(--jjc-player-accent) 56%,transparent);border-radius:24px;background:var(--jjc-player-surface, #100b1d);box-shadow:0 30px 100px #0000009e}.jjc-player__consent-dialog h3{margin:0 0 12px;color:inherit;font-size:clamp(2.4rem,4vw,3.5rem)}.jjc-player__consent-dialog>p:not(.jjc-player__eyebrow){margin:0;color:var(--jjc-player-muted);font-size:1.4rem;line-height:1.55}.jjc-player__consent-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:26px}.jjc-player__consent-cancel,.jjc-player__consent-confirm{min-height:42px;padding:10px 17px;border-radius:999px;font-weight:700}.jjc-player__consent-cancel{border:1px solid rgba(255,255,255,.22);background:transparent}.jjc-player__consent-confirm{border:0;color:#fff;background:var(--jjc-player-accent)}.jjc-player__empty{padding:40px;border:1px dashed rgba(255,255,255,.28);border-radius:18px;color:var(--jjc-player-muted);text-align:center}@media screen and (max-width:749px){.jjc-player__carousel-shell{grid-template-columns:minmax(0,1fr)}.jjc-player__carousel-button{display:none}.jjc-player__releases{margin-inline:-1.5rem;padding-inline:1.5rem}.jjc-player__release{flex-basis:42vw}.jjc-player__now-playing{grid-template-columns:minmax(0,1fr);padding:22px}.jjc-player__active-art-wrap{width:min(76vw,360px);margin-inline:auto}.jjc-player__primary{text-align:center}.jjc-player__transport,.jjc-player__services{justify-content:center}.jjc-player__timeline{margin-inline:auto}.jjc-player__track-list{columns:1}.jjc-player__library-heading{align-items:flex-start}.jjc-player__stage.is-library-open .jjc-player__now-playing{margin-right:0}.jjc-player__library{width:100%;border-left:0}.jjc-player__options{justify-content:center}}@media(prefers-reduced-motion:reduce){.jjc-player *,.jjc-player *:before,.jjc-player *:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/jjc-music-player.css.map */