.ja-ap-section--bleed{padding-block:clamp(40px,6vw,80px);background:#070b16}.ja-ap-section--bleed .ja-head,.ja-ap-section--bleed .ja-head__heading{color:#fff}.ja-ap{--ap-bg: #0b1020;--ap-bg-2: #121a33;--ap-fg: #ffffff;--ap-muted: rgba(255, 255, 255, .62);--ap-line: rgba(255, 255, 255, .1);--ap-row-hover: rgba(255, 255, 255, .06);--ap-btn-bg: rgba(255, 255, 255, .08);--ap-btn-fg: #fff;--ap-range-track: rgba(255, 255, 255, .16);--ap-range-buffer: rgba(255, 255, 255, .32);--ap-list-bg: rgba(0, 0, 0, .14);--ap-accent: var(--ja-ap-accent, #a6d608);--ap-accent-rgb: var(--ja-ap-accent-rgb, 166 214 8);--ap-accent2-rgb: var(--ja-ap-accent2-rgb, 53 182 255);--ap-radius: var(--ja-ap-radius, 24px);--ap-art: min(var(--ja-ap-art-size, 340px), 100%, 78vw);--ap-disc-inset: 17%;--ap-ring-inset: 15%;--ap-shadow-card: 0 30px 70px -40px rgba(0, 0, 0, .6);--ap-shadow-disc: 0 24px 50px -20px rgba(0, 0, 0, .7);--ap-shadow-play: 0 12px 30px -10px rgba(var(--ap-accent-rgb) / .8);--ap-pad: clamp(20px, 4vw, 48px);position:relative;display:block;overflow:hidden;border-radius:var(--ap-radius);background:radial-gradient(120% 80% at 0% 0%,rgba(var(--ap-accent-rgb) / .22),transparent 55%),radial-gradient(90% 70% at 100% 100%,rgba(var(--ap-accent2-rgb) / .16),transparent 60%),linear-gradient(160deg,var(--ap-bg-2),var(--ap-bg));color:var(--ap-fg);box-shadow:var(--ap-shadow-card);isolation:isolate}.ja-ap--brand{--ap-bg: #04102e;--ap-bg-2: rgb(var(--ja-blue, 0 83 226))}.ja-ap--light,.ja-ap--glass{--ap-bg: #ffffff;--ap-bg-2: rgb(var(--ja-cloud, 247 250 255));--ap-fg: rgb(var(--ja-ink, 17 17 17));--ap-muted: rgba(17, 17, 17, .6);--ap-line: rgba(var(--ja-mist, 221 229 241) / 1);--ap-row-hover: rgba(var(--ja-accent, 0 83 226) / .06);--ap-btn-bg: rgba(17, 17, 17, .06);--ap-btn-fg: rgb(var(--ja-ink, 17 17 17));--ap-range-track: rgba(17, 17, 17, .12);--ap-range-buffer: rgba(17, 17, 17, .26);--ap-list-bg: rgba(var(--ja-cloud, 247 250 255) / .6);--ap-shadow-card: var(--ja-shadow-lg, 0 18px 44px -20px rgba(9, 30, 66, .32));border:1px solid var(--ap-line)}.ja-ap--glass{--ap-line: rgba(255, 255, 255, .7);--ap-list-bg: rgba(255, 255, 255, .35);background:#ffffff8c;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}.ja-ap--flat{--ap-shadow-card: none;--ap-shadow-disc: none;--ap-shadow-play: none}.ja-ap--flat .ja-ap__ring-fg{filter:none}.ja-ap--flat .ja-ap__range::-webkit-slider-thumb{box-shadow:none}.ja-ap--flat .ja-ap__range::-moz-range-thumb{box-shadow:none}.ja-ap--viz-off,.ja-ap--viz-linear{--ap-disc-inset: 4%;--ap-ring-inset: 1.5%}.ja-ap__stage{position:relative;display:grid;align-items:center;gap:clamp(20px,3.5vw,48px);min-width:0;padding:var(--ap-pad)}.ja-ap__stage>*{position:relative;z-index:1}@media(min-width:769px){.ja-ap__stage{grid-template-columns:var(--ap-art) minmax(0,1fr)}.ja-ap--hero.ja-ap--art-right .ja-ap__stage{grid-template-columns:minmax(0,1fr) var(--ap-art)}.ja-ap--hero.ja-ap--art-right .ja-ap__art{order:2}.ja-ap--hero.ja-ap--art-top .ja-ap__stage{grid-template-columns:minmax(0,1fr);justify-items:center}.ja-ap--hero.ja-ap--art-top .ja-ap__now{width:min(100%,640px);text-align:center}.ja-ap--hero.ja-ap--art-top .ja-ap__label,.ja-ap--hero.ja-ap--art-top .ja-ap__controls{justify-content:center}.ja-ap--hero.ja-ap--art-top .ja-ap__volume{margin-left:0}}@media(max-width:768px){.ja-ap__now{text-align:center}.ja-ap__label{justify-content:center}}.ja-ap__art{position:relative;width:var(--ap-art);max-width:100%;aspect-ratio:1;margin-inline:auto;flex:none}.ja-ap__viz{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ja-ap__viz--linear{inset:auto 0 0;z-index:0;height:46%;opacity:.9}.ja-ap__ring{position:absolute;inset:var(--ap-ring-inset);width:auto;height:auto;rotate:-90deg;pointer-events:none}.ja-ap__ring circle{fill:none;stroke-width:2.2}.ja-ap__ring-bg{stroke:var(--ap-line)}.ja-ap__ring-fg{stroke:var(--ap-accent);stroke-linecap:round;stroke-dasharray:304.73;stroke-dashoffset:304.73;transition:stroke-dashoffset .25s linear;filter:drop-shadow(0 0 6px rgba(var(--ap-accent-rgb) / .6))}.ja-ap__disc{position:absolute;inset:var(--ap-disc-inset);overflow:hidden;border-radius:50%;background:#0a0a0a;box-shadow:var(--ap-shadow-disc),inset 0 0 0 1px #ffffff14;transition:scale .6s var(--ja-ease-spring, cubic-bezier(0, 1, .3, 1));isolation:isolate}.ja-ap__cover{display:block;width:100%;height:100%;object-fit:cover}.ja-ap__cover[hidden]{display:none}.ja-ap__cover-fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,rgba(var(--ap-accent-rgb) / .95),rgba(var(--ap-accent2-rgb) / .95));color:#0000008c}.ja-ap__cover-fallback[hidden]{display:none}.ja-ap__cover-fallback svg{width:38%;height:38%}.ja-ap--art-vinyl .ja-ap__disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.06) 0 1px,transparent 1px 5px),radial-gradient(circle at 50% 50%,transparent 0 31%,rgba(0,0,0,.35) 32%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply;pointer-events:none}.ja-ap--art-vinyl .ja-ap__cover,.ja-ap--art-vinyl .ja-ap__cover-fallback{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(34% at 50% 50%)}.ja-ap--art-vinyl .ja-ap__disc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 33%,rgba(14,14,14,.92) 34%,#111 55%,#0b0b0b 100%);z-index:-1}.ja-ap--art-vinyl .ja-ap__hole{position:absolute;top:50%;left:50%;width:6%;height:6%;translate:-50% -50%;border-radius:50%;background:var(--ap-bg);box-shadow:inset 0 1px 2px #000c}.ja-ap--art-vinyl .ja-ap__sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 200deg,transparent 0 20%,rgba(255,255,255,.12) 26%,transparent 32%,transparent 60%,rgba(255,255,255,.08) 68%,transparent 74%);pointer-events:none}.ja-ap--art-vinyl .ja-ap__disc{animation:ja-ap-spin 14s linear infinite;animation-play-state:paused}.ja-ap.is-playing.ja-ap--art-vinyl .ja-ap__disc{animation-play-state:running}@keyframes ja-ap-spin{to{rotate:360deg}}.ja-ap--art-card .ja-ap__disc{border-radius:calc(var(--ap-radius) * .8);animation:ja-ap-breathe 2.4s ease-in-out infinite;animation-play-state:paused}.ja-ap--art-card .ja-ap__hole,.ja-ap--art-card .ja-ap__sheen,.ja-ap--art-card .ja-ap__ring{display:none}.ja-ap.is-playing.ja-ap--art-card .ja-ap__disc{animation-play-state:running}@keyframes ja-ap-breathe{0%,to{scale:1}50%{scale:1.025}}.ja-ap--art-orb .ja-ap__hole,.ja-ap--art-orb .ja-ap__sheen{display:none}.ja-ap--art-orb .ja-ap__disc{transition:box-shadow .6s ease,scale .6s var(--ja-ease-spring, ease)}.ja-ap.is-playing.ja-ap--art-orb .ja-ap__disc{box-shadow:var(--ap-shadow-disc),0 0 0 1px #ffffff1a,0 0 48px rgba(var(--ap-accent-rgb) / .45);scale:1.02}.ja-ap__now{min-width:0;width:100%;container-type:inline-size}@container (max-width: 430px){.ja-ap__controls{justify-content:center}.ja-ap__volume{flex-basis:100%;justify-content:center;margin:4px 0 0}.ja-ap__range--vol{width:min(180px,50cqw)}}.ja-ap__label{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--ap-muted);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ja-ap__title{margin:0;overflow:hidden;color:var(--ap-fg);font-family:var(--heading-font-family);font-size:clamp(1.4rem,3.2vw,2.4rem);font-weight:var(--heading-font-weight, 700);line-height:1.15;white-space:nowrap;text-overflow:ellipsis}.ja-ap__title-text{display:inline-block;max-width:100%}.ja-ap__title.is-long{text-overflow:clip}.ja-ap__title.is-long .ja-ap__title-text{animation:ja-ap-marquee var(--ap-marquee-d, 8s) ease-in-out infinite alternate;animation-delay:1.2s;max-width:none}@keyframes ja-ap-marquee{0%,12%{translate:0 0}88%,to{translate:calc(var(--ap-shift, 0px) * -1) 0}}.ja-ap__artist{margin:6px 0 0;overflow:hidden;color:var(--ap-muted);font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.ja-ap__artist:empty{display:none}.ja-ap__eq{display:inline-flex;align-items:flex-end;gap:2px;width:16px;height:14px}.ja-ap__eq i{flex:1;height:100%;border-radius:1px;background:var(--ap-accent);transform-origin:bottom;scale:1 .3;animation:ja-ap-eq 1s ease-in-out infinite;animation-play-state:paused}.ja-ap__eq i:nth-child(2){animation-delay:-.3s}.ja-ap__eq i:nth-child(3){animation-delay:-.6s}.ja-ap__eq i:nth-child(4){animation-delay:-.15s}.ja-ap.is-playing .ja-ap__eq i{animation-play-state:running}@keyframes ja-ap-eq{0%,to{scale:1 .3}30%{scale:1 1}60%{scale:1 .5}}.ja-ap__scrub{margin-top:clamp(16px,3vw,28px)}.ja-ap__range{--thumb: 16px;display:block;width:100%;height:20px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:none}.ja-ap__range:focus{outline:none}.ja-ap__range:focus-visible{outline:2px solid var(--ap-accent);outline-offset:4px;border-radius:6px}.ja-ap__range::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--ap-accent) 0 calc(var(--p) * 1%),var(--ap-range-buffer) 0 calc(var(--b) * 1%),var(--ap-range-track) 0)}.ja-ap__range::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--ap-accent) 0 calc(var(--p) * 1%),var(--ap-range-buffer) 0 calc(var(--b) * 1%),var(--ap-range-track) 0)}.ja-ap__range::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc((5px - var(--thumb)) / 2);border:3px solid var(--ap-bg);border-radius:50%;background:var(--ap-accent);box-shadow:0 2px 8px #00000059;-webkit-appearance:none;appearance:none;transition:scale .25s var(--ja-ease-bounce, ease)}.ja-ap__range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:3px solid var(--ap-bg);border-radius:50%;background:var(--ap-accent);box-shadow:0 2px 8px #00000059;transition:scale .25s var(--ja-ease-bounce, ease)}.ja-ap__range:hover::-webkit-slider-thumb,.ja-ap__range:active::-webkit-slider-thumb{scale:1.2}.ja-ap__range:hover::-moz-range-thumb,.ja-ap__range:active::-moz-range-thumb{scale:1.2}.ja-ap__times{display:flex;justify-content:space-between;margin-top:4px;color:var(--ap-muted);font-size:.82rem;font-variant-numeric:tabular-nums}.ja-ap__controls{display:flex;flex-wrap:wrap;align-items:center;gap:4px clamp(4px,1.2vw,12px);margin-top:clamp(14px,2.4vw,24px)}.ja-ap__btn{position:relative;display:grid;flex:none;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ap-btn-fg);cursor:pointer;transition:background-color .25s ease,color .25s ease,scale .3s var(--ja-ease-bounce, ease),opacity .25s ease}.ja-ap__btn svg{width:22px;height:22px}.ja-ap__btn:hover{background:var(--ap-btn-bg)}.ja-ap__btn:active{scale:.92}.ja-ap__btn:focus-visible{outline:2px solid var(--ap-accent);outline-offset:2px}.ja-ap__btn--hidden{display:none!important}.ja-ap__btn:disabled{opacity:.32;cursor:default;background:transparent;scale:1}.ja-ap.is-single :is(.ja-ap__btn--next,.ja-ap__btn--shuffle){display:none}.ja-ap__icon-restart{display:none}.ja-ap__btn--prev.is-restart .ja-ap__icon-restart{display:block}.ja-ap__btn--prev.is-restart .ja-ap__icon-prev{display:none}.ja-ap__btn--prev .ja-ap__icon-restart{transition:rotate .5s var(--ja-ease-spring, ease)}.ja-ap__btn--prev.is-restart:active .ja-ap__icon-restart{rotate:-360deg;transition-duration:0s}.ja-ap__btn[aria-pressed=true]{color:var(--ap-accent)}.ja-ap__btn--play{width:64px;height:64px;background:var(--ap-accent);color:#0b1020;box-shadow:var(--ap-shadow-play)}.ja-ap__btn--play:hover{background:var(--ap-accent);filter:brightness(1.06);scale:1.05}.ja-ap__btn--play svg{width:28px;height:28px}.ja-ap__icon-pause,.ja-ap__icon-muted{display:none}.ja-ap.is-playing .ja-ap__icon-pause{display:block}.ja-ap.is-playing .ja-ap__icon-play{display:none}.ja-ap.is-muted .ja-ap__icon-muted{display:block}.ja-ap.is-muted .ja-ap__icon-vol{display:none}.ja-ap__icon-play{translate:2px 0}.ja-ap__spinner{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;display:none;border:3px solid transparent;border-top-color:var(--ap-accent);border-right-color:rgba(var(--ap-accent-rgb) / .4);border-radius:50%;animation:ja-ap-spin .9s linear infinite}.ja-ap.is-loading .ja-ap__spinner{display:block}.ja-ap__repeat-one{position:absolute;right:8px;bottom:8px;display:none;width:14px;height:14px;border-radius:50%;background:var(--ap-accent);color:#0b1020;font-size:9px;font-weight:800;line-height:14px;text-align:center}.ja-ap__btn--repeat[data-mode=one] .ja-ap__repeat-one{display:block}.ja-ap__volume{display:flex;align-items:center;gap:4px;min-width:0;margin-left:auto}.ja-ap__range--vol{--thumb: 12px;width:clamp(60px,9vw,96px)}@media(pointer:coarse){.ja-ap__range--vol{display:none}}@media(max-width:768px){.ja-ap__controls{justify-content:center}.ja-ap__volume{margin-left:0}}@media(max-width:520px){.ja-ap__volume{flex-basis:100%;justify-content:center;margin-top:4px}.ja-ap__range--vol{width:min(180px,50vw)}.ja-ap__btn{width:42px;height:42px}.ja-ap__btn--play{width:60px;height:60px}}.ja-ap__list-wrap{border-top:1px solid var(--ap-line);background:var(--ap-list-bg)}.ja-ap__list-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px clamp(16px,3vw,40px) 6px}.ja-ap__list-title{font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.ja-ap__list-meta{color:var(--ap-muted);font-size:.82rem;text-align:right}.ja-ap__list{margin:0;padding:6px clamp(8px,2vw,24px) clamp(12px,2vw,20px);list-style:none;counter-reset:none}.ja-ap--list-scroll .ja-ap__list{max-height:426px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--ap-accent-rgb) / .6) transparent}.ja-ap--list-scroll.ja-ap--dense .ja-ap__list{max-height:342px}.ja-ap__track{position:relative;display:flex;align-items:center;border-radius:14px;transition:background-color .2s ease}.ja-ap__track:hover{background:var(--ap-row-hover)}.ja-ap__track.is-active{background:rgba(var(--ap-accent-rgb) / .12);color:var(--ap-fg)}.ja-ap__track.is-missing{opacity:.45}.ja-ap__track.is-error .ja-ap__dur{color:#ff7b7b}.ja-ap__track-btn{display:grid;flex:1 1 auto;grid-template-columns:30px 48px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:10px 12px;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ja-ap--no-numbers .ja-ap__track-btn{grid-template-columns:48px minmax(0,1fr) auto}.ja-ap--no-thumbs .ja-ap__track-btn{grid-template-columns:30px minmax(0,1fr) auto}.ja-ap--no-numbers.ja-ap--no-thumbs .ja-ap__track-btn{grid-template-columns:minmax(0,1fr) auto}.ja-ap--no-numbers .ja-ap__num,.ja-ap--no-thumbs .ja-ap__thumb{display:none}.ja-ap--dense .ja-ap__track-btn{padding:6px 10px;gap:10px}.ja-ap--dense .ja-ap__thumb{width:36px;height:36px;border-radius:8px}.ja-ap--dense .ja-ap__track-artist{display:none}.ja-ap__track-btn:disabled{cursor:default}.ja-ap__track-btn:focus-visible{outline:2px solid var(--ap-accent);outline-offset:-2px}.ja-ap__num{position:relative;display:grid;height:24px;place-items:center;color:var(--ap-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.ja-ap__num>*{grid-area:1 / 1}.ja-ap__num .ja-ap__eq,.ja-ap__num-play{display:none}.ja-ap__num-play{width:20px;height:20px;color:var(--ap-fg)}.ja-ap__track.is-active .ja-ap__num-text{display:none}.ja-ap__track.is-active .ja-ap__num .ja-ap__eq{display:inline-flex}.ja-ap.is-playing .ja-ap__track.is-active .ja-ap__eq i{animation-play-state:running}@media(hover:hover){.ja-ap__track:not(.is-active):not(.is-missing):hover .ja-ap__num-text{display:none}.ja-ap__track:not(.is-active):not(.is-missing):hover .ja-ap__num-play{display:block}}.ja-ap__thumb{display:grid;width:48px;height:48px;overflow:hidden;place-items:center;border-radius:10px;background:rgba(var(--ap-accent-rgb) / .18);color:var(--ap-accent)}.ja-ap__thumb img{width:100%;height:100%;object-fit:cover}.ja-ap__thumb svg{width:22px;height:22px}.ja-ap__meta{display:flex;flex-direction:column;min-width:0;gap:2px}.ja-ap__track-title{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ja-ap__track.is-active .ja-ap__track-title{color:var(--ap-accent)}.ja-ap__track-artist{overflow:hidden;color:var(--ap-muted);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.ja-ap__dur{color:var(--ap-muted);font-size:.88rem;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:560px){.ja-ap__track-btn{grid-template-columns:24px 40px minmax(0,1fr) auto;gap:10px;padding:8px}.ja-ap--no-numbers .ja-ap__track-btn{grid-template-columns:40px minmax(0,1fr) auto}.ja-ap--no-thumbs .ja-ap__track-btn{grid-template-columns:24px minmax(0,1fr) auto}.ja-ap__thumb{width:40px;height:40px}}.ja-ap__empty{padding:24px;color:var(--ap-muted);text-align:center}.ja-ap--compact{--ap-art: 76px;--ap-disc-inset: 4%;--ap-ring-inset: 1.5%}.ja-ap--compact .ja-ap__stage{grid-template-columns:var(--ap-art) minmax(0,1fr);gap:16px;padding:14px clamp(14px,2.4vw,28px)}.ja-ap--compact .ja-ap__viz,.ja-ap--compact .ja-ap__label{display:none}.ja-ap--compact .ja-ap__now{text-align:left}.ja-ap--compact .ja-ap__title{font-size:1.1rem}.ja-ap--compact .ja-ap__artist{font-size:.9rem;margin-top:2px}.ja-ap--compact .ja-ap__scrub{margin-top:8px}.ja-ap--compact .ja-ap__times{margin-top:0;font-size:.75rem}.ja-ap--compact .ja-ap__controls{margin-top:4px;gap:2px;justify-content:flex-start}.ja-ap--compact .ja-ap__btn{width:38px;height:38px}.ja-ap--compact .ja-ap__btn svg{width:19px;height:19px}.ja-ap--compact .ja-ap__btn--play{width:46px;height:46px}.ja-ap--compact .ja-ap__btn--play svg{width:22px;height:22px}.ja-ap--compact .ja-ap__volume{flex-basis:auto;margin:0 0 0 auto}@media(min-width:769px){.ja-ap--compact .ja-ap__now{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title controls" "artist controls" "scrub scrub";column-gap:20px;align-items:center}.ja-ap--compact .ja-ap__title{grid-area:title}.ja-ap--compact .ja-ap__artist{grid-area:artist}.ja-ap--compact .ja-ap__scrub{grid-area:scrub}.ja-ap--compact .ja-ap__controls{grid-area:controls;margin-top:0}}@media(max-width:768px){.ja-ap--compact .ja-ap__stage{grid-template-columns:64px minmax(0,1fr)}.ja-ap--compact .ja-ap__controls{justify-content:center}.ja-ap--compact .ja-ap__volume{margin-left:0}}@media(prefers-reduced-motion:reduce){.ja-ap__disc,.ja-ap__eq i,.ja-ap__title-text{animation:none!important}.ja-ap__ring-fg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/ja-audio.css.map */