.jukebox[data-astro-cid-fbj2bkrc]{padding-block:clamp(2.5rem,6vw,5rem)}.jb-grid[data-astro-cid-fbj2bkrc]{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,5rem);max-width:1100px;margin:0 auto;display:grid}.ipod[data-astro-cid-fbj2bkrc]{--w:min(86vw, 360px);--body:var(--ink);--screen:var(--steel);--on-screen:var(--ink);--wheel:var(--terra);--on-wheel:var(--ink);--wheel-hover:var(--cream);--hole:var(--ink);--press:var(--cream);width:var(--w);padding:calc(var(--w) * .075) calc(var(--w) * .075) calc(var(--w) * .1);border-radius:calc(var(--w) * .08);background:var(--body);color:var(--ink);user-select:none}.screen[data-astro-cid-fbj2bkrc]{isolation:isolate;aspect-ratio:4/3;border-radius:calc(var(--w) * .03);background:var(--screen);color:var(--on-screen);outline-offset:4px;position:relative;overflow:hidden}.screen[data-astro-cid-fbj2bkrc]:focus-visible{outline:3px solid var(--cream)}.status[data-astro-cid-fbj2bkrc]{z-index:5;letter-spacing:.06em;height:22px;color:var(--on-screen);border-bottom:1.5px solid color-mix(in srgb, var(--on-screen) 22%, transparent);justify-content:space-between;align-items:center;padding:0 9px;font-size:10.5px;display:flex;position:absolute;inset:0 0 auto}.st-play[data-astro-cid-fbj2bkrc]{color:var(--terra);visibility:hidden;font-size:8px}.st-play[data-astro-cid-fbj2bkrc].on{visibility:visible}.st-batt[data-astro-cid-fbj2bkrc]{border:1.5px solid var(--on-screen);border-radius:2px;width:18px;height:9px;padding:1px;position:relative}.st-batt[data-astro-cid-fbj2bkrc]:after{content:"";background:var(--on-screen);width:2px;height:3px;position:absolute;top:2px;right:-4px}.st-batt[data-astro-cid-fbj2bkrc] i[data-astro-cid-fbj2bkrc]{background:var(--sage);width:75%;height:100%;display:block}.flow[data-astro-cid-fbj2bkrc]{position:absolute;inset:22px 0 0}.flow-stage[data-astro-cid-fbj2bkrc]{perspective:520px;perspective-origin:50% 42%;touch-action:pan-y;cursor:grab;position:absolute;inset:0}.flow-stage[data-astro-cid-fbj2bkrc]:active{cursor:grabbing}.cover[data-astro-cid-fbj2bkrc]{--cw:calc(var(--w) * .36);width:var(--cw);height:var(--cw);margin-left:calc(var(--cw) / -2);transform-style:preserve-3d;will-change:transform;position:absolute;top:9%;left:50%}.cover[data-astro-cid-fbj2bkrc] img[data-astro-cid-fbj2bkrc]{pointer-events:none;border-radius:3px;width:100%;height:100%;display:block}.flow-caption[data-astro-cid-fbj2bkrc]{text-align:center;z-index:200;position:absolute;inset:auto 0 7%}.flow-caption[data-astro-cid-fbj2bkrc] p[data-astro-cid-fbj2bkrc]{margin:0;line-height:1.3}.fc-title[data-astro-cid-fbj2bkrc]{font-size:12px;font-weight:500}.fc-sub[data-astro-cid-fbj2bkrc]{opacity:.6;font-size:10.5px}.menu[data-astro-cid-fbj2bkrc]{margin:0;padding:0;font-size:12.5px;list-style:none;position:absolute;inset:22px 0 0;overflow:hidden}.menu[data-astro-cid-fbj2bkrc][hidden]{display:none}.menu[data-astro-cid-fbj2bkrc] li[data-astro-cid-fbj2bkrc]{cursor:pointer;justify-content:space-between;align-items:center;height:12.5%;padding:0 10px;display:flex}.menu[data-astro-cid-fbj2bkrc] li[data-astro-cid-fbj2bkrc].on{background:var(--terra);color:var(--cream)}.chev[data-astro-cid-fbj2bkrc]{opacity:.8;font-size:15px}.wheel[data-astro-cid-fbj2bkrc]{aspect-ratio:1;width:70%;margin:calc(var(--w) * .1) auto 0;background:var(--wheel);touch-action:none;cursor:grab;border-radius:50%;position:relative}.wb[data-astro-cid-fbj2bkrc]{color:var(--on-wheel);cursor:pointer;width:26%;height:26%;font:400 clamp(.74rem, 2.8vw, .86rem) var(--font-body);letter-spacing:.08em;background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute}.wb[data-astro-cid-fbj2bkrc] svg[data-astro-cid-fbj2bkrc]{fill:currentColor;width:44%}.wb[data-astro-cid-fbj2bkrc]:hover{color:var(--wheel-hover)}.wb[data-astro-cid-fbj2bkrc]:focus-visible{outline:2px solid var(--on-wheel);outline-offset:-4px;border-radius:50%}.wb-menu[data-astro-cid-fbj2bkrc]{top:3%;left:37%}.wb-play[data-astro-cid-fbj2bkrc]{bottom:3%;left:37%}.wb-prev[data-astro-cid-fbj2bkrc]{top:37%;left:3%}.wb-next[data-astro-cid-fbj2bkrc]{top:37%;right:3%}.wheel-center[data-astro-cid-fbj2bkrc]{cursor:pointer;background:var(--hole);border:none;border-radius:50%;transition:background-color .12s;position:absolute;inset:31%}.wheel-center[data-astro-cid-fbj2bkrc]:active,.wheel-center[data-astro-cid-fbj2bkrc].pressed{background:var(--press)}.wheel-center[data-astro-cid-fbj2bkrc]:focus-visible{outline:2px solid var(--on-wheel);outline-offset:3px}.ipod[data-astro-cid-fbj2bkrc][data-finish=cream]{--wheel:var(--cream);--wheel-hover:var(--terra);--press:var(--terra)}.now[data-astro-cid-fbj2bkrc]{min-width:0}.now-kicker[data-astro-cid-fbj2bkrc]{letter-spacing:.16em;opacity:.75;margin-bottom:.4rem;font-size:.75rem}.now-title[data-astro-cid-fbj2bkrc]{margin-bottom:.3rem}.now-note[data-astro-cid-fbj2bkrc]{opacity:.85;margin-bottom:1.2rem}.now[data-astro-cid-fbj2bkrc] iframe[data-astro-cid-fbj2bkrc]{background:#00000014;border:0;border-radius:10px;width:100%;height:450px;overflow:hidden}.ipod-col[data-astro-cid-fbj2bkrc]{flex-direction:column;align-items:center;gap:1.6rem;display:flex}.how[data-astro-cid-fbj2bkrc]{flex-direction:column;align-items:flex-start;gap:.6rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.how[data-astro-cid-fbj2bkrc] li[data-astro-cid-fbj2bkrc]{white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.how[data-astro-cid-fbj2bkrc] svg[data-astro-cid-fbj2bkrc]{flex:none;width:22px;height:22px}.g-ring[data-astro-cid-fbj2bkrc]{fill:var(--terra)}.g-hole[data-astro-cid-fbj2bkrc]{fill:var(--ink)}.g-press[data-astro-cid-fbj2bkrc]{fill:var(--cream);stroke:var(--ink);stroke-width:1.6px}.g-arc[data-astro-cid-fbj2bkrc]{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.g-head[data-astro-cid-fbj2bkrc]{fill:var(--ink)}.dial[data-astro-cid-fbj2bkrc]{margin-top:1.6rem}.dial-frame[data-astro-cid-fbj2bkrc]{box-shadow:4px 4px 0 var(--terra);background:#f6ecd6;border-radius:12px;position:relative}.dial-pointer[data-astro-cid-fbj2bkrc]{z-index:2;border-inline:8px solid #0000;border-top:11px solid var(--terra);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.dial-track[data-astro-cid-fbj2bkrc]{--item:6.5rem;scroll-snap-type:x mandatory;padding:1.1rem calc(50% - var(--item) / 2) .9rem;scrollbar-width:none;cursor:grab;outline-offset:4px;border-radius:12px;display:flex;overflow-x:auto;mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.dial-track[data-astro-cid-fbj2bkrc]::-webkit-scrollbar{display:none}.dial-track[data-astro-cid-fbj2bkrc].dragging{cursor:grabbing;scroll-snap-type:none}.dial-track[data-astro-cid-fbj2bkrc]:focus-visible{outline:2px solid var(--ink)}.dial-year[data-astro-cid-fbj2bkrc]{width:var(--item);scroll-snap-align:center;font-family:var(--font-heading);color:var(--ink);opacity:.4;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:none;padding:.2rem 0 .35rem;font-size:1.15rem;transition:opacity .2s,font-size .2s}.dial-year[data-astro-cid-fbj2bkrc].on{opacity:1;box-shadow:inset 0 -2px 0 var(--terra);font-size:1.6rem}.dial-foot[data-astro-cid-fbj2bkrc]{opacity:.85;margin:.9rem 0 0;font-size:.82rem}.dial-shuffle[data-astro-cid-fbj2bkrc]{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.dial-shuffle[data-astro-cid-fbj2bkrc]:hover{color:var(--terra)}@media (width<=860px){.jb-grid[data-astro-cid-fbj2bkrc]{grid-template-columns:1fr;justify-items:center}.how[data-astro-cid-fbj2bkrc]{order:-1}.now[data-astro-cid-fbj2bkrc]{width:100%;max-width:560px}.dial-foot[data-astro-cid-fbj2bkrc]{text-align:center}}
