.am-machine[data-skin=jukebox]{--jb:#ff4f6d;--jb-chrome:#d3d8de}.jb-art{position:absolute;inset:0;overflow:hidden}.jb-shake{position:absolute;inset:0}.jb-bg{background:radial-gradient(56% 36% at 12% 10%,#ff3c9647,#0000 72%),radial-gradient(50% 34% at 92% 70%,#3cdcff33,#0000 72%),linear-gradient(#1c0a12 0%,#0c0508 78%,#2a1219 78.4%,#120609 100%);position:absolute;inset:0}.jb-halo{opacity:.55;background:radial-gradient(closest-side,#ff4f6d5c,#ff963c1f 60%,#0000);border-radius:50%;width:96cqw;height:112cqw;position:absolute;top:2cqw;left:2cqw}.jb-body{background:linear-gradient(90deg,#858b93,#f7f9fb 16%,#9aa0a8 38%,#eef0f3 62%,#858b93 84%,#d6dade);border-radius:32cqw 32cqw 2.4cqw 2.4cqw;width:64cqw;height:107cqw;position:absolute;top:5cqw;left:18cqw;box-shadow:0 4cqw 6cqw -1cqw #000c,0 0 0 .3cqw #0000008c}.jb-skin{background:linear-gradient(#ffffff1f,#0000 22% 70%,#0000004d),linear-gradient(90deg,#4f0b19,#a3162b 24%,#7c0f20 50%,#a3162b 76%,#4b0a17);border-radius:30.5cqw 30.5cqw 1.2cqw 1.2cqw;position:absolute;inset:1.5cqw;box-shadow:inset 0 0 0 .3cqw #00000080}.jb-bulbs i{aspect-ratio:1;width:2.5cqw;animation:1.8s ease-in-out infinite jb-bulb;animation-delay:calc(var(--i) * -.12s);background:radial-gradient(circle at 38% 34%,#fffbe0,#ffd666 45%,#e0861d);border-radius:50%;position:absolute;translate:-50% -50%;box-shadow:0 0 .9cqw #ffd666,0 0 2cqw #ffbe50b3}.jb-tube{background:#0a0508;border-radius:2.2cqw;width:4.4cqw;height:64cqw;position:absolute;top:40cqw;overflow:hidden;box-shadow:inset 0 0 0 .3cqw #ffffff4d,0 0 2cqw #ff4f6d66}.jb-tube.is-l{left:21.2cqw}.jb-tube.is-r{left:74.4cqw}.jb-liquid{opacity:.8;background:linear-gradient(#ff4f93,#ffb347,#4dffb0,#4dc3ff,#b57bff,#ff4f93);height:200%;animation:9s linear infinite jb-liquid;position:absolute;top:0;left:0;right:0}.jb-bubble{width:var(--z);aspect-ratio:1;animation:jb-bubble var(--t) ease-in infinite;animation-delay:var(--d);background:radial-gradient(circle at 34% 30%,#fff,#ffffff59 55%,#ffffff14);border-radius:50%;position:absolute;bottom:-3cqw}.jb-gloss{background:linear-gradient(#ffffff8c,#ffffff0d 60%,#ffffff4d);border-radius:2px;width:20%;position:absolute;top:0;bottom:0;left:14%}.jb-win{width:46cqw;height:44cqw;box-shadow:inset 0 0 0 .4cqw #000000b3, inset 0 1cqw 3cqw #0009, 0 0 0 .6cqw var(--jb-chrome), 0 0 0 .9cqw #6a7078;background:radial-gradient(70% 60% at 50% 74%,#ffc470 0,#c8622a 38%,#4b1020 78%,#24080f),#24080f;border-radius:23cqw 23cqw 2cqw 2cqw;position:absolute;top:14cqw;left:27cqw;overflow:hidden}.jb-wall{background:repeating-linear-gradient(90deg,#0003 0 .5cqw,#0000 .5cqw 2.2cqw);position:absolute;inset:0}.jb-rail{background:linear-gradient(#f4f6f8,#7a8088);border-radius:1cqw;height:1.4cqw;position:absolute;top:6cqw;left:3cqw;right:3cqw;box-shadow:0 .6cqw .8cqw #00000080}.jb-discs{position:absolute;inset:0}.jb-disc{left:calc(1cqw + var(--i) * 7.5cqw);z-index:calc(5 - var(--i));aspect-ratio:1;background:repeating-radial-gradient(circle,#1c1c1c 0 .2cqw,#0a0a0a .2cqw .5cqw);border-radius:50%;width:14cqw;position:absolute;top:15cqw;box-shadow:0 .6cqw 1.2cqw #0009,inset 0 0 0 .25cqw #ffffff1a}.jb-disc:first-child{z-index:1}.jb-disc:nth-child(2){z-index:2}.jb-disc:nth-child(3){z-index:5}.jb-disc:nth-child(4){z-index:3}.jb-disc:nth-child(5){z-index:2}.jb-disc-lab{aspect-ratio:1;background:radial-gradient(circle, #111 0 12%, transparent 13%), conic-gradient(from 30deg, #ffffffd9 0 70deg, transparent 70deg 250deg, #0006 250deg 300deg, transparent 300deg), var(--c);will-change:rotate;border-radius:50%;width:34%;position:absolute;top:50%;left:50%;translate:-50% -50%}.jb-turn{background:radial-gradient(at 50% 38%,#4a4f57,#14161a 70%);border-radius:50%;width:18cqw;height:6.4cqw;position:absolute;top:35.5cqw;left:14cqw;box-shadow:0 .8cqw 1.2cqw #0009,0 0 0 .3cqw #a6acb3}.jb-claw{width:2.4cqw;height:0;position:absolute;top:6.6cqw;left:21.8cqw;translate:-15cqw}.jb-rod{transform-origin:50% 0;background:linear-gradient(90deg,#7a8088,#f4f6f8,#7a8088);width:1cqw;height:5cqw;position:absolute;top:0;left:.7cqw;scale:1}.jb-grip{background:linear-gradient(#f4f6f8,#8a9098);border-radius:.4cqw .4cqw 1.2cqw 1.2cqw;width:3.2cqw;height:2.4cqw;position:absolute;top:4.6cqw;left:-.4cqw;box-shadow:0 .5cqw .7cqw #00000080}.jb-glass{pointer-events:none;background:linear-gradient(115deg,#ffffff3d 0 11%,#0000 11% 22%,#ffffff1a 22% 26%,#0000 26%);position:absolute;inset:0}.jb-plate{width:34cqw;height:8.4cqw;box-shadow:0 0 0 .4cqw var(--jb-chrome), 0 0 0 .7cqw #6a7078, 0 .8cqw 1.2cqw #00000080;background:linear-gradient(#f6ecd2,#e7d9b6);border-radius:1.2cqw;position:absolute;top:60.6cqw;left:27cqw}.jb-sel{background:#0b0507;border-radius:.8cqw;place-items:center;width:9.4cqw;height:5.4cqw;display:grid;position:absolute;top:1.5cqw;left:1.4cqw;box-shadow:inset 0 .3cqw .6cqw #000}.jb-sel-text{text-align:center;width:100%;font-family:var(--font-doto), ui-monospace, monospace;color:#ffb02e;text-shadow:0 0 .9cqw #ffb02ecc;white-space:nowrap;font-size:3.7cqw;font-weight:900;line-height:1}.jb-name{font-family:var(--font-anybody), "Arial Narrow", sans-serif;font-variation-settings:"wdth" 120;letter-spacing:.1em;text-transform:uppercase;color:#8a1226;font-size:2.7cqw;font-weight:900;line-height:1;position:absolute;top:3cqw;left:12.6cqw}.jb-feed{background:linear-gradient(135deg,#f2f4f6,#8b9199 55%,#c6cbd1);border-radius:1.2cqw;place-items:center;width:9.6cqw;height:8.4cqw;display:grid;position:absolute;top:60.6cqw;left:63.4cqw;box-shadow:0 0 0 .3cqw #4c5158,0 .8cqw 1.2cqw #00000080}.jb-feed-slot{background:#07030a;border-radius:1cqw;width:1.7cqw;height:5.2cqw;display:block;box-shadow:inset 0 .3cqw .5cqw #000,0 0 1.4cqw #ffb02e8c}.jb-grille{width:46cqw;height:34cqw;box-shadow:inset 0 0 0 .3cqw #0009, 0 0 0 .5cqw var(--jb-chrome), 0 0 0 .8cqw #6a7078;background:linear-gradient(#0000004d,#0000 30%,#00000059),repeating-linear-gradient(90deg,#d6dbe1 0 .9cqw,#6c727a .9cqw 1.15cqw,#3e0914 1.15cqw 3.2cqw);border-radius:1.4cqw;position:absolute;top:72cqw;left:27cqw}.jb-mouth{width:28cqw;height:6cqw;box-shadow:0 0 0 .7cqw var(--jb-chrome), 0 0 0 1cqw #6a7078, 0 .8cqw 1.4cqw 1cqw #0000008c;background:linear-gradient(#050203,#1d0509);border-radius:1.2cqw;position:absolute;top:87.6cqw;left:36cqw}.jb-mouth:after{content:"";opacity:.4;background:#ffb02e;border-radius:1cqw;height:22%;position:absolute;bottom:18%;left:4%;right:4%;box-shadow:0 0 1.6cqw #ffb02e,0 0 3.6cqw #ffb02eb3}.jb-base{background:linear-gradient(90deg,#858b93,#f7f9fb 16%,#9aa0a8 38%,#eef0f3 62%,#858b93 84%,#d6dade);border-radius:1cqw 1cqw .6cqw .6cqw;width:70cqw;height:5.4cqw;position:absolute;top:106.6cqw;left:15cqw;box-shadow:0 1.4cqw 2cqw #000000b3}.jb-packslot{z-index:6;width:22cqw;position:absolute;top:84cqw;left:7cqw;rotate:-8deg}.am-machine[data-skin=jukebox][data-phase=insert] .jb-packslot{animation:jb-feed var(--t-insert,1.5s) cubic-bezier(.45, 0, .25, 1) forwards}.am-machine[data-skin=jukebox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .jb-packslot{visibility:hidden}.am-machine[data-skin=jukebox][data-phase=insert] .jb-claw{animation:jb-claw-go var(--t-insert,1.5s) cubic-bezier(.4, 0, .2, 1) forwards}.am-machine[data-skin=jukebox][data-phase=work] .jb-claw{animation:jb-claw-pick var(--t-work,2.3s) cubic-bezier(.4, 0, .2, 1) forwards}.am-machine[data-skin=jukebox][data-phase=work] .jb-rod{animation:jb-rod-pick var(--t-work,2.3s) cubic-bezier(.4, 0, .2, 1) forwards}.am-machine[data-skin=jukebox][data-phase=work] .jb-disc.is-pick{animation:jb-disc-pick var(--t-work,2.3s) cubic-bezier(.4, 0, .2, 1) forwards}.am-machine[data-skin=jukebox]:is([data-phase=reveal],[data-phase=done]) .jb-claw{translate:0}.am-machine[data-skin=jukebox]:is([data-phase=reveal],[data-phase=done]) .jb-disc.is-pick{translate:0 16.5cqw;scale:1 .34}.am-machine[data-skin=jukebox][data-phase=insert] .jb-claw{translate:0}.am-machine[data-skin=jukebox][data-hype="2"] .jb-claw{animation:.32s ease-in-out infinite alternate jb-claw-mad}.am-machine[data-skin=jukebox][data-phase=reveal][data-i="0"] .jb-mouth:after,.am-machine[data-skin=jukebox][data-phase=reveal][data-i="2"] .jb-mouth:after,.am-machine[data-skin=jukebox][data-phase=reveal][data-i="4"] .jb-mouth:after{animation:.9s ease-out jb-flash-a}.am-machine[data-skin=jukebox][data-phase=reveal][data-i="1"] .jb-mouth:after,.am-machine[data-skin=jukebox][data-phase=reveal][data-i="3"] .jb-mouth:after{animation:.9s ease-out jb-flash-b}.jb-sparks{pointer-events:none;position:absolute;inset:0}.jb-sparks i:nth-child(2n){top:15%}.jb-sparks i:nth-child(3n){top:2%}.jb-sparks i{left:calc(16% + var(--i) * 13.5%);aspect-ratio:1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;background:#fff3c4;width:3.6cqw;position:absolute;top:6%}.jb-rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffc4508c 0 6deg, transparent 6deg 18deg, #ff4f6d73 18deg 24deg, transparent 24deg 36deg);opacity:0;pointer-events:none;border-radius:50%;width:150cqw;transition:opacity .4s;position:absolute;top:-20cqw;left:-25cqw;-webkit-mask:radial-gradient(closest-side,#0000 18%,#000 36%,#0000 100%);mask:radial-gradient(closest-side,#0000 18%,#000 36%,#0000 100%)}.jb-bulbs i:after{content:"";background:radial-gradient(circle, #fff 0 18%, hsl(calc(var(--i) * 26) 100% 62%) 34%, transparent 70%);opacity:0;border-radius:50%;position:absolute;inset:-45%}.am-machine[data-skin=jukebox][data-hype="2"] .jb-rays{opacity:1;animation:6s linear infinite am-spin}.am-machine[data-skin=jukebox][data-hype="2"] .jb-bulbs i{animation:.36s ease-in-out infinite jb-bulb-hype;animation-delay:calc(var(--i) * -.024s)}.am-machine[data-skin=jukebox][data-hype="2"] .jb-bulbs i:after{opacity:.9}.am-machine[data-skin=jukebox][data-hype="2"] .jb-disc:not(.is-pick){animation:.3s ease-in-out infinite alternate jb-hop;animation-delay:calc(var(--i) * -.07s)}.am-machine[data-skin=jukebox][data-hype="2"] .jb-sparks i{animation:.9s ease-out infinite jb-spark;animation-delay:calc(var(--i) * -.15s)}.am-machine[data-skin=jukebox][data-hype="1"] .jb-bulbs i{animation-duration:.8s}.am-machine[data-skin=jukebox][data-hype="2"] .jb-liquid{animation-duration:1.4s}.am-machine[data-skin=jukebox][data-hype="1"] .jb-liquid{animation-duration:3s}.am-machine[data-skin=jukebox][data-hype="2"] .jb-bubble{animation-duration:1.1s}.am-machine[data-skin=jukebox][data-hype="2"] .jb-halo{opacity:1;animation:.4s ease-in-out infinite alternate jb-halo}.am-machine[data-skin=jukebox][data-hype="2"] .jb-shake{animation:90ms linear infinite alternate jb-shake}.am-machine[data-skin=jukebox][data-hype="1"] .jb-shake{animation:.15s linear infinite alternate jb-shake}.am-machine[data-skin=jukebox]{--rack-ai:flex-end;--rack-pb:3cqw}.am-machine[data-skin=jukebox] .am-slot[data-state=new] .am-pop{transform-origin:50% 60%;animation-name:jb-eject}.am-thumb[data-skin=jukebox] .jb-claw{animation:4.4s ease-in-out infinite alternate jb-claw-idle}.am-thumb[data-skin=jukebox] .jb-packslot{display:none}.am-thumb[data-skin=jukebox] .jb-halo{opacity:.7}@keyframes jb-bulb{0%,to{opacity:.3;scale:.82}40%{opacity:1;scale:1.08}}@keyframes jb-liquid{0%{translate:0}to{translate:0 -50%}}@keyframes jb-bubble{0%{opacity:0;transform:translate(0)}12%{opacity:1}50%{transform:translate(.7cqw,-32cqw)}to{opacity:.9;transform:translate(-.5cqw,-68cqw)}}@keyframes jb-feed{0%{opacity:1;translate:0;rotate:-8deg;scale:1}22%{translate:3cqw -9cqw;rotate:-16deg;scale:1.04}66%{opacity:1;translate:38cqw -41cqw;rotate:28deg;scale:.6}92%{opacity:1;translate:49.4cqw -34.6cqw;rotate:90deg;scale:.3}to{opacity:0;translate:50.2cqw -34.6cqw;rotate:90deg;scale:.22}}@keyframes jb-bulb-hype{0%,to{opacity:.5;scale:.9}40%{opacity:1;scale:1.35}}@keyframes jb-hop{0%{translate:0}to{translate:0 -2.4cqw}}@keyframes jb-claw-go{0%,38%{translate:-15cqw}to{translate:0}}@keyframes jb-claw-pick{0%,8%{translate:0}26%,36%{translate:0}62%,70%{translate:0 16.5cqw}to{translate:0}}@keyframes jb-rod-pick{0%{scale:1}14%,36%{scale:1 2}62%,70%{scale:1}to{scale:1}}@keyframes jb-disc-pick{0%,36%{translate:0;scale:1}62%,to{translate:0 16.5cqw;scale:1 .34}}@keyframes jb-claw-mad{0%{translate:-14cqw}to{translate:14cqw}}@keyframes jb-claw-idle{0%{translate:-15cqw}45%{translate:0}to{translate:12cqw}}@keyframes jb-flash-a{0%{opacity:1;scale:1.06 1.8}to{opacity:.4;scale:1}}@keyframes jb-flash-b{0%{opacity:1;scale:1.06 1.8}to{opacity:.4;scale:1}}@keyframes jb-eject{0%{opacity:0;transform:translateY(2cqw)scale(.2)}20%{opacity:1}58%{transform:translateY(-4cqw)scale(1.05)}80%{transform:translateY(1.2cqw)scale(.99)}to{opacity:1;transform:none}}@keyframes jb-spark{0%{opacity:0;transform:scale(.2)rotate(0)}30%{opacity:1;transform:scale(1.1)rotate(40deg)}to{opacity:0;transform:scale(.3)rotate(120deg)translateY(-6cqw)}}@keyframes jb-halo{0%{scale:.96}to{scale:1.05}}@keyframes jb-shake{0%{transform:translate(-.3cqw,.15cqw)}to{transform:translate(.3cqw,-.15cqw)}}@media (prefers-reduced-motion:reduce){.jb-bulbs i{opacity:.85;animation:none}.jb-liquid{animation:none}}
.am-machine[data-skin=mixer]{--st:#ffb02e;--st-red:#ff3b3b}.st-art{position:absolute;inset:0;overflow:hidden}.st-shake{position:absolute;inset:0}.st-bg{background:radial-gradient(64% 36% at 50% 8%, #ffb02e4d, transparent 72%), conic-gradient(from 45deg at 50% 50%, #1c1f26 0 25%, #14161b 0 50%, #1c1f26 0 75%, #101216 0) 0 0 / 7cqw 7cqw;position:absolute;inset:0}.st-bg:after{content:"";opacity:0;background:radial-gradient(70% 50% at 50% 40%,#ff3b3b80,#0000 72%);position:absolute;inset:0}.am-machine[data-skin=mixer][data-hype="2"] .st-bg:after{animation:.24s step-end infinite st-alarm}.st-desk{background:repeating-linear-gradient(90deg,#00000038 0 .4cqw,#0000 .4cqw 3cqw),linear-gradient(#4a3020,#2a1a10 60%,#1a0f08);position:absolute;inset:80cqw 0 0;box-shadow:inset 0 .5cqw #ffdcaa38}.st-shadow{background:radial-gradient(closest-side,#000c,#0000);border-radius:50%;width:92cqw;height:7cqw;position:absolute;top:79cqw;left:4cqw}.st-cheek{background:repeating-linear-gradient(0deg,#00000024 0 .4cqw,#0000 .4cqw 2.2cqw),linear-gradient(90deg,#6d3f1f,#9a5b2d 40%,#5a3219);width:6.5cqw;height:76cqw;position:absolute;top:6cqw;box-shadow:inset 0 .5cqw #ffdcaa59,0 0 0 .3cqw #0000008c,0 2cqw 3cqw -.5cqw #000000b3}.st-cheek.is-l{border-radius:2cqw 0 0 1cqw;left:3cqw}.st-cheek.is-r{border-radius:0 2cqw 1cqw 0;left:90.5cqw}.st-panel{background:repeating-linear-gradient(0deg,#ffffff03 0 .3cqw,#0000 .3cqw .6cqw),linear-gradient(#3c4552,#272e38);width:81cqw;height:76cqw;position:absolute;top:6cqw;left:9.5cqw;box-shadow:inset 0 .4cqw #ffffff29,inset 0 -.6cqw #00000080,0 0 0 .3cqw #0009}.st-bridge{background:linear-gradient(#14181e,#1d232b);align-items:center;height:4cqw;padding-left:2cqw;display:grid;position:absolute;top:0;left:0;right:0;box-shadow:0 .4cqw .8cqw #00000080}.st-bridge span{letter-spacing:.3em;text-transform:uppercase;color:#ffecc8b3;font-size:1.9cqw;font-weight:800;line-height:1;transition:opacity .25s}.st-clips{opacity:0;background:radial-gradient(circle,#ff5a5a 0 .55cqw,#ff3b3b80 .7cqw,#0000 .95cqw) 0 0/3.2cqw 1.8cqw;height:1.8cqw;position:absolute;top:1.1cqw;left:2cqw;right:2cqw}.st-ch{top:5cqw;left:calc(1.5cqw + var(--i) * 10cqw);background:linear-gradient(#ffffff08,#0000);width:10cqw;height:69cqw;position:absolute;box-shadow:inset -.3cqw 0 #0006,inset .3cqw 0 #ffffff0d}.st-vu{background:linear-gradient(90deg,#0000 72%,#ff3b3bbf 72% 100%) 0 78%/100% 6% no-repeat,repeating-linear-gradient(90deg,#0000 0 .6cqw,#2814008c .6cqw .78cqw) 0 62%/100% 12% no-repeat,radial-gradient(circle at 50% 120%,#fff1cf,#e8c77a 58%,#b98a2c);border-radius:.8cqw;width:8.2cqw;height:6.8cqw;position:absolute;top:1cqw;left:.9cqw;overflow:hidden;box-shadow:inset 0 0 0 .3cqw #000000b3,inset 0 .4cqw .8cqw #0006,0 0 1.6cqw #ffb02e59}.st-red{opacity:0;background:radial-gradient(circle at 50% 120%,#ffd2c8e6,#ff3b3bd9 60%,#a00a0ae6);position:absolute;inset:0}.st-needle{z-index:1;transform-origin:50% 100%;width:.35cqw;height:5.2cqw;animation:3.2s ease-in-out infinite alternate st-needle-a;animation-delay:calc(var(--i,0) * -.6s);background:#1a1005;margin-left:-.17cqw;position:absolute;bottom:.4cqw;left:50%;rotate:-34deg}.st-knob{aspect-ratio:1;background:radial-gradient(circle at 36% 30%, color-mix(in srgb, var(--cap) 60%, #fff), var(--cap) 56%, color-mix(in srgb, var(--cap) 55%, #000));border-radius:50%;width:4.4cqw;position:absolute;left:1.6cqw;box-shadow:0 .6cqw .9cqw #0009,0 0 0 .4cqw #14181e,inset 0 .25cqw #fff6}.st-knob:after{content:"";transform-origin:50% 132%;width:9%;height:38%;rotate:var(--a);background:#fff;border-radius:2px;margin-left:-4.5%;position:absolute;top:6%;left:50%}.st-knob.k0{top:9.4cqw}.st-knob.k1{top:15.2cqw}.st-knob.k2{top:21cqw}.st-eq{color:#ffecc880;font-size:1.5cqw;font-weight:800;line-height:1;position:absolute;left:7cqw}.st-eq.k0{top:10.9cqw}.st-eq.k1{top:16.7cqw}.st-eq.k2{top:22.5cqw}.st-btn{border-radius:.5cqw;width:3.2cqw;height:2.2cqw;position:absolute;top:26.8cqw;box-shadow:0 .4cqw #0009,inset 0 .2cqw #ffffff73}.st-btn.is-r{background:#e5484d;left:1.6cqw}.st-btn.is-y{background:#f2c744;left:5.2cqw}.st-tape{white-space:nowrap;color:#2c3a80;height:3.2cqw;rotate:calc((var(--i) - 2.5) * .6deg);background:linear-gradient(#f3ead2,#e3d6b4);border-radius:.3cqw;place-items:center;font-size:1.75cqw;font-style:italic;font-weight:800;line-height:1;display:grid;position:absolute;top:30.6cqw;left:.6cqw;right:.6cqw;overflow:hidden;box-shadow:0 .2cqw .3cqw #0006}.st-fader{background:#07090c;border-radius:1cqw;width:1.2cqw;height:25cqw;position:absolute;top:36.4cqw;left:4.4cqw;box-shadow:inset 0 0 .5cqw #000,0 0 0 .3cqw #ffffff24}.st-fader:before{content:"";background:repeating-linear-gradient(0deg,#ffecc847 0 .2cqw,#0000 .2cqw 3.1cqw);position:absolute;inset:0 -3cqw;-webkit-mask:linear-gradient(90deg,#0000 0 18%,#000 18% 30%,#0000 30% 70%,#000 70% 82%,#0000 82%);mask:linear-gradient(90deg,#0000 0 18%,#000 18% 30%,#0000 30% 70%,#000 70% 82%,#0000 82%)}.st-fader i{width:5.4cqw;height:3cqw;translate:0 calc(4cqw + var(--i,0) * 2.8cqw);background:linear-gradient(90deg,#0000 47%,#2b2b2b 47% 53%,#0000 53%),linear-gradient(#f6f0e0,#c9bfa6);border-radius:.6cqw;margin-left:-2.7cqw;position:absolute;top:0;left:50%;box-shadow:0 .6cqw .9cqw #0009,inset 0 0 0 .2cqw #00000040}.st-num{text-align:center;font-family:var(--font-anybody), "Arial Narrow", sans-serif;color:#ffecc8bf;font-size:2.8cqw;font-weight:900;line-height:1;position:absolute;top:63.6cqw;left:0;right:0}.st-master{background:linear-gradient(#ffb02e12,#0000);width:17cqw;height:69cqw;position:absolute;top:5cqw;left:63cqw;box-shadow:inset .3cqw 0 #00000080}.st-mvu{background:radial-gradient(circle at 50% 120%,#fff1cf,#e8c77a 58%,#b98a2c);border-radius:.8cqw;width:15.2cqw;height:6.8cqw;position:absolute;top:1cqw;left:.9cqw;overflow:hidden;box-shadow:inset 0 0 0 .3cqw #000000b3,inset 0 .4cqw .8cqw #0006,0 0 1.8cqw #ffb02e66}.st-mvu .st-needle{height:5.4cqw}.st-mvu .is-a{animation-duration:2.6s;left:30%}.st-mvu .is-b{background:#5b1a0b;animation-duration:3.1s;animation-delay:-1s;left:70%}.st-ladder{background:#07090c;border-radius:.5cqw;width:2.4cqw;height:16cqw;position:absolute;top:10cqw;overflow:hidden;-webkit-mask:repeating-linear-gradient(0deg,#000 0 .9cqw,#0000 .9cqw 1.25cqw);mask:repeating-linear-gradient(0deg,#000 0 .9cqw,#0000 .9cqw 1.25cqw)}.st-ladder.is-a{left:3.2cqw}.st-ladder.is-b{left:8cqw}.st-ladder i{transform-origin:50% 100%;background:linear-gradient(0deg,#35e07a 0 55%,#f6d845 55% 80%,#ff3b3b 80%);animation:.8s ease-in-out infinite alternate st-ladder;position:absolute;inset:0;scale:1 .3}.st-ladder.is-b i{animation-duration:.64s;animation-delay:-.3s}.st-clip{aspect-ratio:1;background:#5a1010;border-radius:50%;width:2cqw;position:absolute;top:10.4cqw;left:12.6cqw;box-shadow:inset 0 .2cqw .4cqw #0009}.st-clip:after{content:"";background:radial-gradient(closest-side, #ffd0d0, var(--st-red) 45%, transparent);opacity:0;border-radius:50%;position:absolute;inset:-40%}.st-out{background:#050506;border-radius:.8cqw;width:13.8cqw;height:3.4cqw;position:absolute;top:29cqw;left:1.6cqw;box-shadow:inset 0 .4cqw .6cqw #000,0 0 0 .45cqw #c9a45a,0 0 0 .75cqw #6e5522,0 .8cqw 1cqw #00000080}.st-out i{background:var(--st-red);box-shadow:0 0 1.4cqw var(--st-red);opacity:.3;border-radius:1cqw;position:absolute;inset:.9cqw .8cqw}.st-outname,.st-jackname{letter-spacing:.2em;text-transform:uppercase;color:#ffecc899;font-size:1.6cqw;font-weight:800;line-height:1;position:absolute}.st-outname{text-align:center;top:34.4cqw;left:0;right:0}.st-jackname{letter-spacing:.12em;top:39.6cqw;left:7cqw}.st-jack{aspect-ratio:1;background:radial-gradient(circle,#050506 0 30%,#3a3f46 32% 44%,#0000 46%),radial-gradient(circle at 36% 30%,#f1f3f6,#9aa0a8 55%,#5a5f66);border-radius:50%;width:4.4cqw;position:absolute;top:38cqw;left:1.8cqw;box-shadow:0 .5cqw .8cqw #0009}.st-fader.is-master{height:20cqw;top:45cqw;left:7.2cqw}.st-fader.is-master i{width:7cqw;height:3.6cqw;margin-left:-3.5cqw;translate:0 5cqw}.st-in{background:linear-gradient(90deg,#e2c27a,#9c7a2c);border-radius:.8cqw;place-items:center;width:4cqw;height:18cqw;display:grid;position:absolute;top:40cqw;left:4.3cqw;box-shadow:0 0 0 .3cqw #4c3a12,0 .6cqw .9cqw #00000080}.st-in i{background:#040303;border-radius:1cqw;width:1.3cqw;height:14cqw;animation:1.4s ease-in-out infinite alternate st-in;display:block;box-shadow:inset 0 .3cqw .4cqw #000,0 0 1.2cqw #ffb02e80}.st-packslot{z-index:6;width:24cqw;position:absolute;top:88cqw;left:38cqw;rotate:-2deg}.am-machine[data-skin=mixer][data-phase=insert] .st-packslot{animation:st-plug var(--t-insert,1.2s) cubic-bezier(.5, 0, .3, 1) forwards}.am-machine[data-skin=mixer]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .st-packslot{visibility:hidden}.am-machine[data-skin=mixer]:is([data-phase=work],[data-phase=reveal]) .st-fader:not(.is-master) i{animation:st-fade calc(.9s + var(--i,0) * .17s) ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -.21s)}.am-machine[data-skin=mixer]:is([data-phase=work],[data-phase=reveal]) .st-fader.is-master i{animation:1.3s ease-in-out infinite alternate st-fade-m}.am-machine[data-skin=mixer]:is([data-phase=work],[data-phase=reveal]) .st-needle{animation-name:st-needle-b;animation-duration:.42s}.am-machine[data-skin=mixer]:is([data-phase=work],[data-phase=reveal]) .st-ladder i{animation-name:st-ladder-play;animation-duration:.4s}.am-machine[data-skin=mixer]:is([data-phase=work],[data-phase=reveal]) .st-knob:after{animation:1.1s ease-in-out infinite alternate st-wig}.am-machine[data-skin=mixer][data-phase=reveal]:is([data-i="0"],[data-i="2"],[data-i="4"]) .st-out i{animation:.9s ease-out st-flash-a}.am-machine[data-skin=mixer][data-phase=reveal]:is([data-i="1"],[data-i="3"]) .st-out i{animation:.9s ease-out st-flash-b}.am-machine[data-skin=mixer][data-hype="2"] .st-needle{animation:90ms linear infinite alternate st-peg}.am-machine[data-skin=mixer][data-hype="2"] .st-red{animation:.3s step-end infinite st-alarm}.am-machine[data-skin=mixer][data-hype="2"] .st-ch:nth-child(odd) .st-red{animation-delay:-.15s}.am-machine[data-skin=mixer][data-hype="2"] .st-clips{animation:.2s step-end infinite st-alarm}.am-machine[data-skin=mixer][data-hype="2"] .st-bridge span{opacity:0}.am-machine[data-skin=mixer][data-hype="2"] .st-ladder i{animation:.1s linear infinite alternate st-ladder-peg}.am-machine[data-skin=mixer][data-hype="2"] .st-clip:after{animation:.16s step-end infinite st-alarm}.am-machine[data-skin=mixer][data-hype="2"] .st-knob:after{animation:.18s linear infinite alternate st-wig}.am-machine[data-skin=mixer][data-hype="2"] .st-fader i{animation:.1s linear infinite alternate st-jit}.am-machine[data-skin=mixer][data-hype="2"] .st-shake{animation:90ms linear infinite alternate st-shake}.am-machine[data-skin=mixer][data-hype="1"] .st-needle{animation:.2s ease-in-out infinite alternate st-needle-b}.am-machine[data-skin=mixer][data-hype="1"] .st-shake{animation:.16s linear infinite alternate st-shake}.am-machine[data-skin=mixer][data-callout] .st-bridge span{opacity:0}.am-machine[data-skin=mixer]{--rack-ai:flex-end;--rack-pb:3cqw;--from-x:31cqw;--from-y:-40cqw;--from-s:.24;--from-r:24deg}.am-thumb[data-skin=mixer] .st-fader:not(.is-master) i{animation:st-fade calc(.9s + var(--i,0) * .17s) ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -.21s)}.am-thumb[data-skin=mixer] .st-needle{animation-name:st-needle-b;animation-duration:.6s}.am-thumb[data-skin=mixer] .st-ladder i{animation-name:st-ladder-play;animation-duration:.5s}.am-thumb[data-skin=mixer] .st-packslot{display:none}@keyframes st-needle-a{0%{rotate:-40deg}to{rotate:-20deg}}@keyframes st-needle-b{0%{rotate:-34deg}to{rotate:26deg}}@keyframes st-peg{0%{rotate:38deg}to{rotate:44deg}}@keyframes st-ladder{0%{scale:1 .18}to{scale:1 .45}}@keyframes st-ladder-play{0%{scale:1 .3}to{scale:1 .92}}@keyframes st-ladder-peg{0%{scale:1 .92}to{scale:1}}@keyframes st-fade{0%{translate:0 .6cqw}to{translate:0 21.4cqw}}@keyframes st-fade-m{0%{translate:0 .6cqw}to{translate:0 15.8cqw}}@keyframes st-jit{0%{translate:0 .4cqw}to{translate:0 1.6cqw}}@keyframes st-wig{0%{rotate:calc(var(--a) - 40deg)}to{rotate:calc(var(--a) + 40deg)}}@keyframes st-in{0%{opacity:.5}to{opacity:1}}@keyframes st-alarm{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes st-flash-a{0%{opacity:1;scale:1 1.9}to{opacity:.3;scale:1}}@keyframes st-flash-b{0%{opacity:1;scale:1 1.9}to{opacity:.3;scale:1}}@keyframes st-plug{0%{opacity:1;translate:0;rotate:-2deg;scale:1}22%{translate:0 -7cqw;rotate:-6deg;scale:1.05}78%{opacity:1;translate:-40cqw -50cqw;rotate:14deg;scale:.5}to{opacity:0;translate:-43.7cqw -55.8cqw;rotate:90deg;scale:.26}}@keyframes st-shake{0%{transform:translate(-.3cqw,.15cqw)}to{transform:translate(.3cqw,-.15cqw)}}@media (prefers-reduced-motion:reduce){.st-in i,.st-needle{animation:none}}
.am-machine[data-skin=musicbox]{--mb:#e8c170;--mb-wood:#7a2a1d}.mb-art{position:absolute;inset:0;overflow:hidden}.mb-shake{position:absolute;inset:0}.mb-box{width:100%;height:100%;position:absolute;top:-6cqw;left:0}.mb-bg{background:radial-gradient(circle at 18% 12%,#ffc87852 0 2cqw,#0000 3.4cqw),radial-gradient(circle at 78% 8%,#ffc87842 0 1.6cqw,#0000 3cqw),radial-gradient(circle at 90% 26%,#ffc87838 0 2.4cqw,#0000 3.6cqw),radial-gradient(circle at 8% 40%,#ffc87833 0 1.8cqw,#0000 3cqw),radial-gradient(64% 46% at 50% 56%,#ff96464d,#0000 72%),linear-gradient(#2a0b14 0%,#16050b 100%);position:absolute;inset:0}.mb-halo{opacity:.6;background:radial-gradient(closest-side,#ffbe6457,#ff8c3c1a 62%,#0000);border-radius:50%;width:92cqw;height:92cqw;position:absolute;top:14cqw;left:4cqw}.mb-table{background:radial-gradient(46% 16% at 50% 0,#0009,#0000 80%),repeating-linear-gradient(90deg,#00000038 0 .4cqw,#0000 .4cqw 3.4cqw),linear-gradient(#3a1a0f,#170a05);position:absolute;inset:106cqw 0 -6cqw;box-shadow:inset 0 .5cqw #ffdcaa38}.mb-sconce{width:4cqw;height:9cqw;position:absolute;top:24cqw}.mb-sconce.is-l{left:3cqw}.mb-sconce.is-r{left:93cqw}.mb-sconce:before{content:"";background:linear-gradient(90deg,#a67c2a,#f3d27a,#a67c2a);border-radius:.6cqw;width:2.4cqw;height:5cqw;position:absolute;top:4cqw;left:.8cqw}.mb-sconce i{transform-origin:50% 100%;background:radial-gradient(at 50% 70%,#fff6c8,#ffc65a 48%,#ff7a2a);border-radius:50%/62% 62% 38% 38%;width:2.8cqw;height:4.6cqw;animation:1.1s ease-in-out infinite alternate mb-flame;position:absolute;top:0;left:.6cqw;box-shadow:0 0 2.4cqw #ffb347,0 0 6cqw #ff963c99}.mb-sconce.is-r i{animation-delay:-.5s}.mb-lid{z-index:3;transform-origin:50% 100%;width:74cqw;height:38cqw;position:absolute;top:12cqw;left:13cqw;scale:1 -.684}.mb-mirror,.mb-lidtop{border-radius:3cqw 3cqw .6cqw .6cqw;position:absolute;inset:0}.mb-mirror{opacity:0;background:linear-gradient(135deg,#e8f0f8,#a6b9cf 38%,#f1f6fb 58%,#8499b2);overflow:hidden;box-shadow:inset 0 0 0 1.2cqw #5a1d14,inset 0 0 0 1.8cqw #d4a24c,inset 0 0 0 2.2cqw #3a0f0a,0 0 0 .3cqw #0009,0 -1cqw 3cqw #ffbe6440}.mb-shine{background:linear-gradient(100deg,#0000,#ffffffb3,#0000);width:26%;height:120%;animation:5s ease-in-out infinite mb-shine;position:absolute;top:-10%;left:0;rotate:18deg}.mb-lidtop{background:radial-gradient(circle,#e8c170 0 3.4cqw,#5a1d14 3.6cqw 6cqw,#e8c170 6.2cqw 6.8cqw,#7a2a1d 7cqw 11cqw,#d4a24c 11.2cqw 11.8cqw,#0000 12cqw),repeating-linear-gradient(90deg,#0000001f 0 .4cqw,#0000 .4cqw 2.4cqw),linear-gradient(#8a3524,#5a1d14);box-shadow:inset 0 0 0 1cqw #4a150d,inset 0 0 0 1.5cqw #d4a24c,0 0 0 .3cqw #0009}.am-machine[data-skin=musicbox][data-phase=insert] .mb-lid{animation:mb-lid-open var(--t-insert,1.8s) linear forwards}.am-machine[data-skin=musicbox][data-phase=insert] .mb-lidtop{animation:mb-lid-top var(--t-insert,1.8s) linear forwards}.am-machine[data-skin=musicbox][data-phase=insert] .mb-mirror{animation:mb-lid-mirror var(--t-insert,1.8s) linear forwards}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .mb-lid{scale:1}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .mb-lidtop{opacity:0}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .mb-mirror{opacity:1}.mb-in{width:74cqw;height:26cqw;position:absolute;top:50cqw;left:13cqw}.mb-floor{background:radial-gradient(80% 90% at 50% 40%,#a02636,#6b0f1d 70%,#3d0710),#6b0f1d;position:absolute;inset:0;box-shadow:inset 0 1.4cqw 2.4cqw #0009,inset 0 0 0 1cqw #4a150d,inset 0 0 0 1.4cqw #d4a24c}.mb-cyl{background:linear-gradient(#f3d27a,#b8862e 45%,#7a5410 80%,#c99a3c);border-radius:1.2cqw;width:60cqw;height:9cqw;position:absolute;top:9cqw;left:7cqw;overflow:hidden;box-shadow:0 1cqw 1.4cqw #0009,inset 0 0 0 .25cqw #00000059}.mb-pins{background:radial-gradient(circle,#4a2f06 0 .34cqw,#0000 .42cqw) 0 0/1.6cqw 1.6cqw;width:66cqw;height:100%;position:absolute;top:0;left:-2cqw}.mb-comb{transform-origin:50% 0;background:repeating-linear-gradient(90deg,#d8dde3 0 .5cqw,#0000 .5cqw .95cqw),linear-gradient(#8d949c,#5a6068);border-radius:0 0 .4cqw .4cqw;width:56cqw;height:3.2cqw;position:absolute;top:18.6cqw;left:9cqw;box-shadow:0 .6cqw .8cqw #00000080}.mb-dancer{z-index:5;opacity:0;width:14cqw;height:36cqw;position:absolute;top:-22cqw;left:30cqw;translate:0 6cqw}.mb-turn{animation:2.4s linear infinite mb-turn;position:absolute;inset:0}.mb-bun{aspect-ratio:1;background:#c99a3c;border-radius:50%;width:2.2cqw;position:absolute;top:0;left:5.9cqw}.mb-head{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#fff1c8,#e8c170 60%,#a67c2a);border-radius:50%;width:3.8cqw;position:absolute;top:1.5cqw;left:5.1cqw}.mb-torso{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(#fff3dc,#f5c9d4);width:3.4cqw;height:8cqw;position:absolute;top:5.2cqw;left:5.3cqw}.mb-arm{transform-origin:50% 0;background:#fff3dc;border-radius:1cqw;width:.9cqw;height:7cqw;position:absolute;top:5.6cqw}.mb-arm.is-l{left:4.6cqw;rotate:34deg}.mb-arm.is-r{left:8.5cqw;rotate:-34deg}.mb-tutu{clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);background:radial-gradient(circle at 50% 100%,#ffe8ef 0 30%,#f6b8c9 31% 62%,#e98aa5);width:14cqw;height:8.4cqw;position:absolute;top:12.2cqw;left:0}.mb-leg{background:#fff3dc;border-radius:1cqw;width:1cqw;height:11.4cqw;position:absolute;top:20.4cqw;left:6.5cqw}.mb-ped{background:linear-gradient(#f3d27a,#a67c2a);border-radius:50%;width:8cqw;height:3.4cqw;position:absolute;top:31.4cqw;left:3cqw;box-shadow:0 .8cqw 1cqw #00000080}.mb-notes{z-index:4;pointer-events:none;width:12cqw;height:6cqw;position:absolute;top:50cqw;left:44cqw}.mb-note{left:calc(var(--i) * 1.6cqw);width:4cqw;color:var(--mb);opacity:0;position:absolute;top:0}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .mb-note{animation:3.6s ease-out infinite mb-note;animation-delay:calc(var(--i) * -.51s)}.mb-front{z-index:3;background:repeating-linear-gradient(90deg,#00000024 0 .4cqw,#0000 .4cqw 2.6cqw),linear-gradient(#8a3524,#5a1d14 60%,#3d1109);border-radius:0 0 1.4cqw 1.4cqw;width:80cqw;height:30cqw;position:absolute;top:76cqw;left:10cqw;box-shadow:inset 0 -1cqw 2cqw #00000080,0 0 0 .3cqw #0009,0 3cqw 4cqw -1cqw #000c}.mb-lip{background:linear-gradient(#a63f2c,#6b2318);border-radius:1cqw;height:4cqw;position:absolute;top:-2.4cqw;left:-1cqw;right:-1cqw;box-shadow:inset 0 .4cqw #ffdcaa66,0 0 0 .3cqw #0000008c,0 .5cqw 1cqw #0006}.mb-inlay{border-radius:.8cqw;position:absolute;inset:3.4cqw;box-shadow:0 0 0 .35cqw #d4a24c,inset 0 0 0 .35cqw #d4a24c73}.mb-slot{background:linear-gradient(#f3d27a,#a67c2a);border-radius:.8cqw;place-items:center;width:24cqw;height:4.4cqw;display:grid;position:absolute;top:5.6cqw;left:28cqw;box-shadow:0 0 0 .3cqw #4a3208,0 .5cqw .8cqw #00000080}.mb-slot i{background:#050202;border-radius:1cqw;width:20cqw;height:1.3cqw;animation:1.6s ease-in-out infinite alternate mb-slot;display:block;box-shadow:inset 0 .3cqw .4cqw #000,0 0 1.2cqw #ffbe5a80}.mb-plate{background:linear-gradient(135deg,#f7dd8f,#a67c2a);border-radius:3.5cqw 3.5cqw .8cqw .8cqw;place-items:center;width:7cqw;height:9cqw;display:grid;position:absolute;top:16cqw;left:36.5cqw;box-shadow:0 0 0 .3cqw #4a3208,0 .5cqw .8cqw #00000080}.mb-plate i{clip-path:polygon(50% 0,100% 30%,70% 100%,30% 100%,0 30%);background:#120503;border-radius:.7cqw;width:1.4cqw;height:3.4cqw;display:block}.mb-foot{aspect-ratio:1;z-index:4;background:radial-gradient(circle at 34% 30%,#fff1c8,#c99a3c 60%,#7a5410);border-radius:50%;width:4.4cqw;position:absolute;top:104cqw;box-shadow:0 .6cqw .8cqw #0009}.mb-foot.is-l{left:12cqw}.mb-foot.is-r{left:83.6cqw}.mb-key{z-index:4;width:9cqw;height:12cqw;position:absolute;top:88cqw;left:90cqw}.mb-shaft{background:linear-gradient(#f7dd8f,#a67c2a);border-radius:1cqw;width:5.4cqw;height:1.6cqw;position:absolute;top:5.2cqw;left:0;box-shadow:0 .4cqw .6cqw #00000080}.mb-bow{background:radial-gradient(#0000 0 22%,#f7dd8f 24%,#c99a3c 60%,#8a6414);border-radius:50%;width:5cqw;height:9.2cqw;position:absolute;top:1.4cqw;left:4cqw;box-shadow:0 .5cqw .7cqw #00000080}.am-machine[data-skin=musicbox][data-phase=insert] .mb-bow{animation:mb-key-turn calc(var(--t-insert,1.5s) * .3) linear calc(var(--t-insert,1.5s) * .4) 2 both}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal]) .mb-bow{animation:2.4s linear infinite mb-key-turn}.mb-packslot{z-index:6;transform-origin:50% 0;width:24cqw;position:absolute;top:89cqw;left:38cqw;rotate:2deg}.am-machine[data-skin=musicbox][data-phase=insert] .mb-packslot{animation:mb-feed var(--t-insert,1.5s) cubic-bezier(.45, 0, .3, 1) forwards}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .mb-packslot{visibility:hidden}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .mb-dancer{opacity:1;translate:0}.am-machine[data-skin=musicbox][data-phase=work] .mb-dancer{animation:mb-up .9s var(--ease-spring) both}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal]) .mb-pins{animation:.8s linear infinite mb-pins}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal]) .mb-comb{animation:.11s linear infinite alternate mb-comb}.am-machine[data-skin=musicbox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .mb-slot i{animation-duration:.5s}.mb-sparks{z-index:5;pointer-events:none;width:0;height:0;position:absolute;top:66cqw;left:50cqw}.mb-sparks i{left:calc((var(--i) - 3.5) * 5cqw);aspect-ratio:1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;background:#fff1c8;width:2.6cqw;position:absolute;top:0}.am-machine[data-skin=musicbox][data-phase=reveal][data-i="0"] .mb-sparks i,.am-machine[data-skin=musicbox][data-phase=reveal][data-i="2"] .mb-sparks i,.am-machine[data-skin=musicbox][data-phase=reveal][data-i="4"] .mb-sparks i{animation:1.2s ease-out both mb-spark-a;animation-delay:calc(var(--i) * 50ms)}.am-machine[data-skin=musicbox][data-phase=reveal][data-i="1"] .mb-sparks i,.am-machine[data-skin=musicbox][data-phase=reveal][data-i="3"] .mb-sparks i{animation:1.2s ease-out both mb-spark-b;animation-delay:calc(var(--i) * 50ms)}.am-machine[data-skin=musicbox][data-hype="2"] .mb-dancer{animation:.35s ease-out both mb-leap-in,.5s ease-in-out .35s infinite alternate mb-leap}.am-machine[data-skin=musicbox][data-hype="2"] .mb-turn{animation-duration:.45s}.am-machine[data-skin=musicbox][data-hype="2"] .mb-pins{animation-duration:.2s}.am-machine[data-skin=musicbox][data-hype="2"] .mb-note{animation-duration:1.2s;animation-delay:calc(var(--i) * -.17s);width:5.4cqw}.am-machine[data-skin=musicbox][data-hype="2"] .mb-sconce i{animation:.18s ease-in-out infinite alternate mb-flame-hype}.am-machine[data-skin=musicbox][data-hype="2"] .mb-halo{opacity:1;animation:.4s ease-in-out infinite alternate mb-halo}.am-machine[data-skin=musicbox][data-hype="2"] .mb-shine{animation:.8s linear infinite mb-shine}.am-machine[data-skin=musicbox][data-hype="2"] .mb-shake{animation:90ms linear infinite alternate mb-shake}.am-machine[data-skin=musicbox][data-hype="1"] .mb-turn{animation-duration:.9s}.am-machine[data-skin=musicbox][data-hype="1"] .mb-pins{animation-duration:.4s}.am-machine[data-skin=musicbox]{--rack-ai:flex-end;--rack-pb:3cqw}.am-machine[data-skin=musicbox] .am-slot[data-state=new] .am-pop{transform-origin:50% 26%;animation-name:mb-rise}.am-thumb[data-skin=musicbox] .mb-box{top:-12cqw}.am-thumb[data-skin=musicbox] .mb-lid{scale:1}.am-thumb[data-skin=musicbox] .mb-lidtop{opacity:0}.am-thumb[data-skin=musicbox] .mb-mirror{opacity:1}.am-thumb[data-skin=musicbox] .mb-dancer{opacity:1;translate:0}.am-thumb[data-skin=musicbox] .mb-pins{animation:.8s linear infinite mb-pins}.am-thumb[data-skin=musicbox] .mb-note{animation:3.6s ease-out infinite mb-note;animation-delay:calc(var(--i) * -.51s)}.am-thumb[data-skin=musicbox] .mb-packslot{display:none}@keyframes mb-flame{0%{rotate:-3deg;scale:.92 1}to{rotate:3deg;scale:1.06 1.08}}@keyframes mb-flame-hype{0%{scale:1 1.2}to{scale:1.5 1.8}}@keyframes mb-shine{0%,40%{translate:-40cqw}to{translate:110cqw}}@keyframes mb-slot{0%{opacity:.55}to{opacity:1}}@keyframes mb-halo{0%{scale:.96}to{scale:1.06}}@keyframes mb-turn{0%{transform:scaleX(1)}12.5%{transform:scaleX(.71)}25%{transform:scaleX(.04)}37.5%{transform:scaleX(-.71)}50%{transform:scaleX(-1)}62.5%{transform:scaleX(-.71)}75%{transform:scaleX(-.04)}87.5%{transform:scaleX(.71)}to{transform:scaleX(1)}}@keyframes mb-key-turn{0%{transform:scaleX(1)}25%{transform:scaleX(.04)}50%{transform:scaleX(-1)}75%{transform:scaleX(-.04)}to{transform:scaleX(1)}}@keyframes mb-up{0%{opacity:0;translate:0 8cqw}to{opacity:1;translate:0}}@keyframes mb-pins{0%{translate:0}to{translate:-1.6cqw}}@keyframes mb-comb{0%{scale:1}to{scale:1 1.45}}@keyframes mb-note{0%{opacity:0;transform:translate(0)rotate(-8deg)scale(.6)}12%{opacity:1}50%{transform:translate(5cqw,-16cqw)rotate(10deg)scale(1)}to{opacity:0;transform:translate(-3cqw,-34cqw)rotate(-14deg)scale(1.1)}}@keyframes mb-feed{0%{opacity:1;translate:0;rotate:2deg;scale:1}18%{opacity:1;translate:0 -4cqw;rotate:-3deg;scale:1.03}40%{opacity:1;translate:0 -10cqw;rotate:0deg;scale:.83}48%{opacity:1;translate:0 -11.2cqw;rotate:0deg;scale:.83}86%{opacity:1;translate:0 -11.2cqw;rotate:0deg;scale:.83 .03}to{opacity:0;translate:0 -11.2cqw;rotate:0deg;scale:.83 .02}}@keyframes mb-leap-in{0%{translate:0;scale:1}to{translate:0 -15cqw;scale:1.12}}@keyframes mb-leap{0%{translate:0 -15cqw;scale:1.12}to{translate:0 -21cqw;scale:1.16}}@keyframes mb-lid-open{0%,50%{scale:1 -.684}62%{scale:1 -.42}72%{scale:1 0}84%{scale:1 .7}92%{scale:1 1.06}to{scale:1}}@keyframes mb-lid-top{0%,68%{opacity:1}72%,to{opacity:0}}@keyframes mb-lid-mirror{0%,70%{opacity:0}74%,to{opacity:1}}@keyframes mb-rise{0%{opacity:0;transform:translateY(4cqw)scale(.24)rotate(-6deg)}16%{opacity:1}44%{transform:translateY(2cqw)scale(.94)rotate(2deg)}66%{transform:translateY(-3cqw)scale(1.04)rotate(-1deg)}84%{transform:translateY(1cqw)scale(.995)}to{opacity:1;transform:none}}@keyframes mb-spark-a{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(calc((var(--i) - 3.5) * 3cqw), -34cqw) scale(1) rotate(160deg)}}@keyframes mb-spark-b{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(calc((var(--i) - 3.5) * 3cqw), -34cqw) scale(1) rotate(160deg)}}@keyframes mb-shake{0%{transform:translate(-.3cqw,.15cqw)}to{transform:translate(.3cqw,-.15cqw)}}@media (prefers-reduced-motion:reduce){.mb-sconce i,.mb-slot i,.mb-shine{animation:none}}
.am-machine[data-skin=vending]{--vd:#2dd4bf;--vd-dark:#0f766e;--vd-gold:#ffb02e}.vd-art{position:absolute;inset:0;overflow:hidden}.vd-shake{transform-origin:50% 100%;position:absolute;inset:0}.vd-bg{background:radial-gradient(60% 40% at 50% 38%,#2dd4bf42,#0000 72%),radial-gradient(40% 20% at 50% 100%,#ffffff1a,#0000 72%),linear-gradient(#0a1d20 0%,#061214 100%);position:absolute;inset:0}.vd-floor{background:radial-gradient(48% 70% at 50% 0,#000000b3,#0000 80%),#071416;position:absolute;inset:121cqw 0 0;box-shadow:inset 0 .3cqw #ffffff0f}.vd-body{background:linear-gradient(#ffffff29,#0000 14% 80%,#0000004d),linear-gradient(90deg,#0b6f68,#18bfac 18%,#12a091 55%,#0b766e);border-radius:2.4cqw 2.4cqw .6cqw .6cqw;width:76cqw;height:119cqw;position:absolute;top:3cqw;left:12cqw;box-shadow:inset 0 .45cqw #fff6,0 0 0 .35cqw #0009,0 3cqw 6cqw -1cqw #000c}.vd-head{background:linear-gradient(#fff,#d6f7f2);border-radius:1.4cqw;place-items:center;width:70cqw;height:10cqw;display:grid;position:absolute;top:2cqw;left:3cqw;box-shadow:inset 0 0 0 .35cqw #0000002e,0 0 2.6cqw #ffffff80}.vd-head span{font-family:var(--font-anybody), "Arial Narrow", sans-serif;font-variation-settings:"wdth" 130;letter-spacing:.12em;text-transform:uppercase;color:#0f766e;font-size:6cqw;font-weight:900;line-height:1;transition:opacity .25s}.vd-flash{border-radius:inherit;opacity:0;background:radial-gradient(70% 140%,#ffd666f2,#ffb02e66 60%,#0000);position:absolute;inset:0}.vd-bulbs i{left:calc(3.4cqw + var(--i) * 5.75cqw);top:calc(-.7cqw + var(--row) * 10cqw);aspect-ratio:1;opacity:.55;width:1.4cqw;animation:2.4s ease-in-out infinite vd-bulb;animation-delay:calc(var(--i) * -.2s);background:radial-gradient(circle at 38% 34%,#fffbe0,#ffd666 50%,#e0861d);border-radius:50%;position:absolute;box-shadow:0 0 .9cqw #ffd666e6}.vd-win{background:linear-gradient(#ffffffe6 0 .8cqw,#0000 .8cqw),linear-gradient(#14474a,#08201f 100%);border-radius:1.2cqw;width:48cqw;height:72cqw;position:absolute;top:15cqw;left:4cqw;overflow:hidden;box-shadow:inset 0 0 0 .4cqw #000000b3,inset 0 1cqw 3cqw #0000008c,0 0 0 .5cqw #e8fbf8}.vd-shelf{left:0;right:0;top:calc(var(--r) * 24cqw);height:24cqw;position:absolute}.vd-shelf:after{content:"";background:linear-gradient(#e8fbf8,#7aa6a2);height:1.2cqw;position:absolute;top:20.6cqw;left:0;right:0;box-shadow:0 .6cqw 1cqw #00000080}.vd-slot{width:9cqw;height:24cqw;position:absolute;top:0}.vd-slot:first-child{left:3cqw}.vd-slot:nth-child(2){left:19.5cqw}.vd-slot:nth-child(3){left:36cqw}.vd-item{transform-origin:50% 100%;background:radial-gradient(circle at 50% 38%, #ffffff8c 0 22%, transparent 24%), repeating-linear-gradient(135deg, #fff3 0 .6cqw, transparent .6cqw 1.4cqw), var(--c);border-radius:.8cqw;width:9cqw;height:11cqw;position:absolute;top:8cqw;left:0;box-shadow:0 .5cqw .8cqw #00000080,inset 0 0 0 .25cqw #ffffff59}.vd-coil{border-radius:1.1cqw;width:11cqw;height:2.2cqw;position:absolute;top:18.4cqw;left:-1cqw;overflow:hidden}.vd-coil i{background:repeating-linear-gradient(100deg,#eef6f6 0 .55cqw,#4a6568 .55cqw 1.42cqw);width:200%;height:100%;animation:5s linear infinite vd-coil;position:absolute;top:0;left:0}.vd-price{text-align:center;letter-spacing:.06em;color:#ffffff8c;font-size:1.6cqw;font-weight:800;line-height:1;position:absolute;top:22.2cqw;left:0;right:0}.vd-glass{pointer-events:none;background:linear-gradient(115deg,#fff3 0 10%,#0000 10% 20%,#ffffff14 20% 24%,#0000 24%);position:absolute;inset:0}.vd-panel{background:linear-gradient(#0f5f59,#0a4944);border-radius:1.2cqw;width:18cqw;height:72cqw;position:absolute;top:15cqw;left:55cqw;box-shadow:inset 0 0 0 .35cqw #00000080,inset 0 .4cqw #fff3}.vd-lcd{background:#050c0c;border-radius:.8cqw;place-items:center;width:14.8cqw;height:7cqw;display:grid;position:absolute;top:2cqw;left:1.6cqw;box-shadow:inset 0 .3cqw .6cqw #000,0 0 0 .25cqw #ffffff2e}.vd-lcd-text{text-align:center;width:100%;font-family:var(--font-doto), ui-monospace, monospace;color:var(--vd-gold);text-shadow:0 0 .9cqw #ffb02ed9;white-space:nowrap;font-size:4.4cqw;font-weight:900;line-height:1}.vd-keys{grid-template-columns:repeat(3,1fr);gap:.9cqw;width:14.4cqw;display:grid;position:absolute;top:11.6cqw;left:1.8cqw}.vd-keys i{color:#0f4a45;background:linear-gradient(#e9f6f4,#aac9c5);border-radius:.8cqw;place-items:center;height:5cqw;font-size:2.4cqw;font-style:normal;font-weight:900;line-height:1;display:grid;position:relative;box-shadow:0 .45cqw #5a7c78,0 .7cqw .8cqw #0006}.vd-keys i:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(closest-side,#ffffffb3,#ffb02ed9);position:absolute;inset:0}.vd-feed{background:linear-gradient(#e2f4f1,#86b0ab);border-radius:1cqw;place-items:center;width:14.8cqw;height:9cqw;display:grid;position:absolute;top:41cqw;left:1.6cqw;box-shadow:0 0 0 .3cqw #2c5a55,0 .6cqw .9cqw #0006,inset 0 .3cqw #ffffffb3}.vd-feed i{background:#031311;border-radius:1cqw;width:11cqw;height:1.6cqw;animation:1.4s ease-in-out infinite alternate vd-feed;display:block;box-shadow:inset 0 .3cqw .4cqw #000,0 0 1.4cqw #6effbeb3}.vd-feed:after{content:"";opacity:0;background:radial-gradient(closest-side,#dcfff0f2,#6effbe80 50%,#0000);border-radius:50%;height:56%;position:absolute;top:22%;left:10%;right:10%}.am-machine[data-skin=vending][data-phase=insert] .vd-feed:after{animation:vd-gulp var(--t-insert,1.4s) linear forwards}.vd-arrow{border:1.6cqw solid #0000;border-bottom-color:#6effbe;width:0;height:0;animation:1s ease-in-out infinite alternate vd-arrow;position:absolute;top:52.6cqw;left:50%;translate:-50%}.vd-led{aspect-ratio:1;background:#6effbe;border-radius:50%;width:3cqw;animation:1.2s step-end infinite vd-light;position:absolute;top:62cqw;left:7.4cqw;box-shadow:0 0 1.4cqw #6effbe}.vd-bin{background:linear-gradient(#010505,#0a1819);border-radius:1.4cqw;width:48cqw;height:20cqw;position:absolute;top:93cqw;left:4cqw;box-shadow:inset 0 1.2cqw 2cqw #000,0 0 0 .5cqw #e8fbf8,0 .5cqw 0 .5cqw #00000059}.vd-flap{transform-origin:50% 0;background:linear-gradient(#befff557,#befff514);border-radius:0 0 1cqw 1cqw;height:80%;position:absolute;top:0;left:3%;right:3%;transform:perspective(40cqw)rotateX(0)}.vd-foot{background:linear-gradient(#0b625b,#064641);border-radius:.6cqw;width:72cqw;height:4cqw;position:absolute;top:115cqw;left:2cqw}.vd-drop{z-index:4;opacity:0;pointer-events:none;width:9cqw;height:11cqw;position:absolute;top:50cqw;left:35.5cqw}.vd-drop i,.vd-fall i{background:radial-gradient(circle at 50% 38%, #ffffff8c 0 22%, transparent 24%), repeating-linear-gradient(135deg, #fff3 0 .6cqw, transparent .6cqw 1.4cqw), var(--c);border-radius:.8cqw;width:100%;height:100%;display:block;box-shadow:0 .5cqw .8cqw #00000080}.vd-fall{z-index:4;pointer-events:none;position:absolute;inset:0}.vd-fall i{left:var(--x);top:var(--y);opacity:0;width:9cqw;height:11cqw;position:absolute}.am-machine[data-skin=vending][data-phase=work] .vd-keys i:nth-child(8):after{animation:vd-key-a var(--t-work,1.9s) linear both}.am-machine[data-skin=vending][data-phase=work] .vd-keys i:nth-child(5):after{animation:vd-key-b var(--t-work,1.9s) linear both}.am-machine[data-skin=vending][data-phase=work] .vd-keys i:nth-child(8){animation:vd-press-a var(--t-work,1.9s) linear both}.am-machine[data-skin=vending][data-phase=work] .vd-keys i:nth-child(5){animation:vd-press-b var(--t-work,1.9s) linear both}.am-machine[data-skin=vending][data-phase=work] .vd-lcd-text{animation:.4s step-end infinite vd-blink}.am-machine[data-skin=vending][data-phase=work] .vd-slot.is-pick .vd-coil i{animation-duration:.2s}.am-machine[data-skin=vending]:is([data-phase=work],[data-phase=reveal]) .vd-slot.is-pick .vd-coil{box-shadow:0 0 1.6cqw var(--vd-gold), 0 0 0 .3cqw #ffb02eb3}.am-machine[data-skin=vending][data-phase=work] .vd-slot.is-pick .vd-item{animation:vd-push var(--t-work,1.9s) ease-in both}.am-machine[data-skin=vending][data-phase=work] .vd-drop{animation:vd-drop-work var(--t-work,1.9s) linear both}.am-machine[data-skin=vending][data-phase=work] .vd-flap{animation:vd-flap-a .7s ease-out calc(var(--t-work,1.9s) * .9) both}.vd-slot.is-pick:before{content:"";width:12.2cqw;height:16cqw;box-shadow:0 0 0 .4cqw var(--vd-gold), 0 0 2.4cqw var(--vd-gold);opacity:0;border-radius:1.2cqw;position:absolute;top:6.2cqw;left:-1.6cqw}.am-machine[data-skin=vending]:is([data-phase=work],[data-phase=reveal]) .vd-slot.is-pick:before{opacity:1;animation:.5s ease-in-out infinite alternate vd-select}.am-machine[data-skin=vending][data-phase=reveal] .vd-slot.is-pick .vd-coil i{animation-duration:.4s}.am-machine[data-skin=vending][data-phase=reveal]:is([data-i="0"],[data-i="2"],[data-i="4"]) .vd-drop{animation:1s cubic-bezier(.5,0,.9,.6) forwards vd-drop-a}.am-machine[data-skin=vending][data-phase=reveal]:is([data-i="1"],[data-i="3"]) .vd-drop{animation:1s cubic-bezier(.5,0,.9,.6) forwards vd-drop-b}.am-machine[data-skin=vending][data-phase=reveal]:is([data-i="0"],[data-i="2"],[data-i="4"]) .vd-flap{animation:.9s ease-out .55s both vd-flap-a}.am-machine[data-skin=vending][data-phase=reveal]:is([data-i="1"],[data-i="3"]) .vd-flap{animation:.9s ease-out .55s both vd-flap-b}.vd-packslot{z-index:6;transform-origin:50% 0;width:23cqw;position:absolute;top:88cqw;left:6cqw;rotate:-6deg}.am-machine[data-skin=vending][data-phase=insert] .vd-packslot{animation:vd-swallow var(--t-insert,1.4s) cubic-bezier(.45, 0, .3, 1) forwards}.am-machine[data-skin=vending]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .vd-packslot{visibility:hidden}.am-machine[data-skin=vending][data-hype="2"] .vd-fall i{animation:1.2s cubic-bezier(.5,0,.9,.6) infinite vd-all;animation-delay:calc(var(--n) * -.13s)}.am-machine[data-skin=vending][data-hype="2"] .vd-coil i{animation-duration:.18s}.am-machine[data-skin=vending][data-hype="1"] .vd-coil i{animation-duration:.5s}.am-machine[data-skin=vending][data-hype="2"] .vd-flash{animation:.3s step-end infinite vd-flash}.am-machine[data-skin=vending][data-hype="2"] .vd-bulbs i{animation:.36s step-end infinite vd-chase;animation-delay:calc((var(--i) + var(--row) * 6) * -.03s)}.am-machine[data-skin=vending][data-hype="1"] .vd-bulbs i{animation-duration:.7s}.am-machine[data-skin=vending][data-hype="2"] .vd-lcd-text{animation:.2s step-end infinite vd-blink}.am-machine[data-skin=vending][data-hype="2"] .vd-shake{animation:.14s ease-in-out infinite alternate vd-rock}.am-machine[data-skin=vending][data-hype="1"] .vd-shake{animation:.24s ease-in-out infinite alternate vd-rock}.am-machine[data-skin=vending][data-callout] .vd-head span{opacity:0}.am-machine[data-skin=vending]{--rack-ai:flex-end;--rack-pb:3cqw}.am-machine[data-skin=vending] .am-slot[data-state=new] .am-pop{transform-origin:50% 78%;animation-name:vd-pop}.am-thumb[data-skin=vending] .vd-slot.is-pick .vd-coil i{animation-duration:.8s}.am-thumb[data-skin=vending] .vd-packslot,.am-thumb[data-skin=vending] .vd-drop,.am-thumb[data-skin=vending] .vd-fall{display:none}@keyframes vd-light{0%,to{opacity:1}50%{opacity:.82}}@keyframes vd-bulb{0%,to{opacity:.4}50%{opacity:.95}}@keyframes vd-chase{0%{opacity:1}50%{opacity:.2}}@keyframes vd-flash{0%{opacity:.95}50%{opacity:.15}}@keyframes vd-coil{0%{translate:0}to{translate:-1.42cqw}}@keyframes vd-select{0%{opacity:.45}to{opacity:1}}@keyframes vd-blink{0%,60%{opacity:1}61%,to{opacity:.25}}@keyframes vd-feed{0%{opacity:.6}to{opacity:1}}@keyframes vd-arrow{0%{opacity:.5;translate:-50% .8cqw}to{opacity:1;translate:-50% -.4cqw}}@keyframes vd-key-a{0%,4%{opacity:0}8%{opacity:1}18%,to{opacity:0}}@keyframes vd-key-b{0%,18%{opacity:0}22%{opacity:1}32%,to{opacity:0}}@keyframes vd-press-a{0%,4%{translate:0}8%{translate:0 .4cqw}14%,to{translate:0}}@keyframes vd-press-b{0%,18%{translate:0}22%{translate:0 .4cqw}28%,to{translate:0}}@keyframes vd-push{0%,26%{opacity:1;translate:0;rotate:0deg;scale:1}34%{translate:0 .2cqw;rotate:-5deg;scale:1.05}42%{translate:0 .3cqw;rotate:5deg;scale:1.09}50%{translate:0 .4cqw;rotate:-7deg;scale:1.13}58%{translate:0 .5cqw;rotate:7deg;scale:1.17}66%{translate:0 .6cqw;rotate:-6deg;scale:1.2}72%{opacity:1;translate:0 .8cqw;rotate:9deg;scale:1.22}76%{opacity:0;translate:0 1.4cqw;rotate:18deg;scale:1.22}to{opacity:0;translate:0;rotate:0deg;scale:1}}@keyframes vd-drop-work{0%,74%{opacity:0;translate:0 .8cqw;rotate:9deg;scale:1.22}76%{opacity:1;translate:0 1.4cqw;rotate:18deg;scale:1.22}92%{opacity:1;translate:.6cqw 46cqw;rotate:24deg;scale:1}96%{translate:.8cqw 43.6cqw;rotate:20deg}to{opacity:0;translate:.9cqw 46.4cqw;rotate:22deg;scale:1}}@keyframes vd-drop-a{0%{opacity:1;translate:0;rotate:0deg}62%{opacity:1;translate:.6cqw 46cqw;rotate:8deg}72%{translate:.8cqw 43.6cqw}82%{opacity:1;translate:.9cqw 46.4cqw;rotate:10deg}to{opacity:0;translate:.9cqw 46.8cqw;rotate:10deg}}@keyframes vd-drop-b{0%{opacity:1;translate:0;rotate:0deg}62%{opacity:1;translate:.6cqw 46cqw;rotate:-8deg}72%{translate:.8cqw 43.6cqw}82%{opacity:1;translate:.9cqw 46.4cqw;rotate:-10deg}to{opacity:0;translate:.9cqw 46.8cqw;rotate:-10deg}}@keyframes vd-flap-a{0%{transform:perspective(40cqw)rotateX(0)}22%{transform:perspective(40cqw)rotateX(-50deg)}to{transform:perspective(40cqw)rotateX(0)}}@keyframes vd-flap-b{0%{transform:perspective(40cqw)rotateX(0)}22%{transform:perspective(40cqw)rotateX(-50deg)}to{transform:perspective(40cqw)rotateX(0)}}@keyframes vd-swallow{0%{opacity:1;translate:0;rotate:-6deg;scale:1}18%{opacity:1;translate:2cqw -8cqw;rotate:-10deg;scale:1.03}56%{opacity:1;translate:58.5cqw -22.5cqw;rotate:0deg;scale:.48}64%{opacity:1;translate:58.5cqw -24.5cqw;rotate:0deg;scale:.48}96%{opacity:1;translate:58.5cqw -24.5cqw;rotate:0deg;scale:.48 .03}to{opacity:0;translate:58.5cqw -24.5cqw;rotate:0deg;scale:.48 .02}}@keyframes vd-gulp{0%,58%{opacity:0}66%{opacity:1}92%{opacity:1}to{opacity:0}}@keyframes vd-all{0%{opacity:0;translate:0;rotate:0deg}8%{opacity:1}70%{opacity:1;translate:0 calc(96cqw - var(--y));rotate:24deg}to{opacity:0;translate:0 calc(98cqw - var(--y));rotate:30deg}}@keyframes vd-pop{0%{opacity:0;transform:translateY(0)scale(.26)}20%{opacity:1}48%{transform:translateY(-9cqw)scale(1.05)}64%{transform:translateY(3cqw)scale(.985)}78%{transform:translateY(-1.4cqw)scale(1)}to{opacity:1;transform:none}}@keyframes vd-rock{0%{rotate:-.7deg}to{rotate:.7deg}}@media (prefers-reduced-motion:reduce){.vd-led,.vd-bulbs i{animation:none}}
.am-machine[data-skin=vinyl]{--vy:#ff8a3d;--vy-hi:#ffb27a}.vy-art{position:absolute;inset:0;overflow:hidden}.vy-shake{position:absolute;inset:0}.vy-deck{width:100%;height:100%;position:absolute;top:-4cqw;left:0}.vy-shadow{background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;width:88cqw;height:9cqw;position:absolute;top:84cqw;left:6cqw}.vy-bg{background:radial-gradient(80% 52% at 50% 36%,#ff8a3d3d,#0000 72%),linear-gradient(#1b130d 0%,#0e0a07 62%,#2a1a10 62.5%,#170e08 100%);position:absolute;inset:0}.vy-wood{background:repeating-linear-gradient(90deg,#0000001c 0 .5cqw,#0000 .5cqw 2.1cqw,#ffd6aa0f 2.1cqw 2.4cqw,#0000 2.4cqw 4.6cqw),linear-gradient(160deg,#8f5d35,#5d3719 55%,#3a2110);border-radius:3.4cqw;width:92cqw;height:80cqw;position:absolute;top:9cqw;left:4cqw;box-shadow:inset 0 .5cqw #ffe6be4d,inset 0 -1.2cqw 2cqw #00000073,0 5cqw 6cqw -1cqw #000c,0 0 0 .25cqw #0009}.vy-plate{background:repeating-linear-gradient(0deg,#ffffff04 0 .3cqw,#0000 .3cqw .6cqw),linear-gradient(150deg,#2d2926 0%,#1a1715 58%,#100e0d 100%);border-radius:1.8cqw;width:86.4cqw;height:74.4cqw;position:absolute;top:11.8cqw;left:6.8cqw;box-shadow:inset 0 0 0 .3cqw #ffffff0f,inset 0 1cqw 2cqw #00000080}.vy-strobe{aspect-ratio:1;background:repeating-conic-gradient(#ffffff38 0 .7deg, transparent .7deg 3deg);opacity:.55;border-radius:50%;width:60.8cqw;position:absolute;top:16.6cqw;left:5.6cqw;-webkit-mask:radial-gradient(closest-side,#0000 93%,#000 94% 100%);mask:radial-gradient(closest-side,#0000 93%,#000 94% 100%)}.vy-platter{aspect-ratio:1;will-change:rotate;filter:drop-shadow(0 1.4cqw 1.6cqw #0009);border-radius:50%;width:56cqw;position:absolute;top:19cqw;left:8cqw}.vy-rim{background:conic-gradient(from 20deg,#b9bdc3,#7e838b,#d8dce1,#8b9097,#cdd1d6,#7e838b,#b9bdc3);border-radius:50%;position:absolute;inset:0}.vy-rim:after{content:"";background:repeating-conic-gradient(#0000008c 0 1.2deg, transparent 1.2deg 6deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 91%,#000 92% 98%,#0000 99%);mask:radial-gradient(closest-side,#0000 91%,#000 92% 98%,#0000 99%)}.vy-disc{background:radial-gradient(circle,#0000 0 17.5%,#fff0 17.5%),radial-gradient(circle,#0000 0 40%,#ffffff17 40.2% 40.7%,#0000 40.9% 54%,#ffffff17 54.2% 54.7%,#0000 54.9% 69%,#ffffff14 69.2% 69.7%,#0000 69.9%),repeating-radial-gradient(circle,#ffffff0b 0 .18cqw,#0000 .18cqw .46cqw),radial-gradient(circle,#1e1e1e 0%,#090909 70%,#151515 100%);border-radius:50%;position:absolute;inset:2.4%;box-shadow:inset 0 0 0 .25cqw #ffffff0f}.vy-label{aspect-ratio:1;background:radial-gradient(circle at 30% 24%, var(--vy-hi), var(--vy) 42%, #c9500f);border-radius:50%;width:36%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .3cqw #000000b3}.vy-label:before{content:"";background:conic-gradient(from 20deg, transparent 0 55deg, #fff6e6eb 55deg 100deg, transparent 100deg 240deg, #3c16008c 240deg 292deg, transparent 292deg);border-radius:50%;position:absolute;inset:8%;-webkit-mask:radial-gradient(closest-side,#0000 52%,#000 54% 96%,#0000 98%);mask:radial-gradient(closest-side,#0000 52%,#000 54% 96%,#0000 98%)}.vy-bars{background:linear-gradient(#2a1000,#2a1000) 0 100%/26% 55% no-repeat,linear-gradient(#2a1000,#2a1000) 50% 100%/26% 100% no-repeat,linear-gradient(#2a1000,#2a1000) 100% 100%/26% 78% no-repeat;border-radius:1px;width:22%;height:22%;position:absolute;top:50%;left:50%;translate:-50% -58%}.vy-gloss{aspect-ratio:1;background:conic-gradient(from 30deg, transparent 0 24deg, #fff3 46deg, transparent 72deg 196deg, #ffffff21 220deg, transparent 248deg);pointer-events:none;border-radius:50%;width:53.2cqw;position:absolute;top:20.4cqw;left:9.4cqw}.vy-spindle{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fff,#9aa0a8 60%,#4c5158);border-radius:50%;width:1.4cqw;position:absolute;top:46.3cqw;left:35.3cqw;box-shadow:0 .3cqw .6cqw #0009}.vy-aurora{aspect-ratio:1;opacity:0;pointer-events:none;background:conic-gradient(#ff4f93,#ffb347,#ffe66b,#4dffb0,#4dc3ff,#b57bff,#ff4f93);border-radius:50%;width:53.2cqw;transition:opacity .4s;position:absolute;top:20.4cqw;left:9.4cqw;-webkit-mask:radial-gradient(closest-side,#0000 38%,#000 40% 100%);mask:radial-gradient(closest-side,#0000 38%,#000 40% 100%)}.vy-brand{font-family:var(--font-anybody), "Arial Narrow", sans-serif;font-variation-settings:"wdth" 135;letter-spacing:.22em;text-transform:uppercase;color:#ffffff80;font-size:3.1cqw;font-weight:900;line-height:1;position:absolute;top:79.6cqw;left:11cqw}.vy-led{aspect-ratio:1;background:var(--vy);width:1.8cqw;box-shadow:0 0 1.6cqw var(--vy), 0 0 3.4cqw #ff8a3d99;border-radius:50%;animation:2.8s ease-in-out infinite vy-led;position:absolute;top:79.8cqw;left:76cqw}.vy-knob{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#6e7279,#2c2f33 55%,#17191b);border-radius:50%;width:8cqw;position:absolute;top:73.6cqw;left:82cqw;box-shadow:0 .8cqw 1.2cqw #0009,inset 0 .2cqw #ffffff40}.vy-knob i{background:var(--vy);transform-origin:50% 118%;border-radius:2px;width:7%;height:34%;position:absolute;top:8%;left:50%;translate:-50%;rotate:-28deg}.vy-knob b{color:#ffffff73;font-size:2.2cqw;font-weight:700;line-height:1;position:absolute}.vy-s33{top:.4cqw;left:-2.6cqw}.vy-s45{top:.4cqw;right:-2.8cqw}.vy-rest{background:linear-gradient(90deg,#4a4e55,#8d9299 45%,#3b3e44);border-radius:1cqw 1cqw 1.6cqw 1.6cqw;width:3.2cqw;height:5cqw;position:absolute;top:65cqw;left:82.4cqw;box-shadow:0 .4cqw .8cqw #0009}.vy-pivot{aspect-ratio:1;background:radial-gradient(circle,#2a2c30 0 16%,#9aa0a8 17% 20%,#0000 21%),radial-gradient(circle at 34% 28%,#b4b9c0,#5a5e65 56%,#2b2d31);border-radius:50%;width:11cqw;position:absolute;top:18.5cqw;left:77.5cqw;box-shadow:0 1cqw 1.6cqw #000000a6,inset 0 0 0 .3cqw #ffffff2e}.vy-arm{transform-origin:50% 0;will-change:rotate;width:1.3cqw;height:42cqw;transition:rotate .9s cubic-bezier(.4,0,.2,1);position:absolute;top:24cqw;left:82.4cqw}.vy-rod{background:linear-gradient(90deg,#6a6e75,#e3e6ea 46%,#7d828a);border-radius:1cqw;position:absolute;inset:0;box-shadow:1.2cqw 1cqw 1.2cqw #00000080}.vy-cw{background:linear-gradient(90deg,#3c3f44,#b6bbc1 46%,#4e5157);border-radius:1cqw;width:4.1cqw;height:7.4cqw;position:absolute;top:-10.5cqw;left:-1.4cqw;box-shadow:1cqw .8cqw 1cqw #00000080}.vy-head{transform-origin:50% 8%;background:linear-gradient(90deg,#1b1c1f,#4b4f56 45%,#17181a);border-radius:.8cqw .8cqw 1.2cqw 1.2cqw;width:5.1cqw;height:7.4cqw;position:absolute;top:39.4cqw;left:-1.9cqw;rotate:-14deg;box-shadow:1cqw 1cqw 1.2cqw #0000008c,inset 0 0 0 .2cqw #ffffff1f}.vy-head i{aspect-ratio:1;width:1.1cqw;box-shadow:0 0 1.6cqw var(--vy), 0 0 3.4cqw var(--vy);opacity:0;background:#fff;border-radius:50%;transition:opacity .3s;position:absolute;bottom:-.6cqw;left:50%;translate:-50%}.am-machine[data-skin=vinyl]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .vy-arm{rotate:40deg}.am-machine[data-skin=vinyl][data-phase=insert] .vy-arm{animation:vy-swing var(--t-insert,1.5s) cubic-bezier(.45, .05, .3, 1) forwards}.am-machine[data-skin=vinyl]:is([data-phase=insert],[data-phase=work],[data-phase=reveal],[data-phase=done]) .vy-head i{opacity:1}.am-machine[data-skin=vinyl]:is([data-phase=work],[data-phase=reveal]) .vy-arm .vy-rod{animation:.18s linear infinite alternate vy-tremble}.vy-packslot{z-index:6;width:26cqw;position:absolute;top:87cqw;left:37cqw;rotate:-3deg}.am-machine[data-skin=vinyl][data-phase=insert] .vy-packslot{animation:vy-load var(--t-insert,1.4s) cubic-bezier(.45, 0, .25, 1) forwards}.am-machine[data-skin=vinyl]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .vy-packslot{visibility:hidden}.vy-label:after{content:"";opacity:0;background:radial-gradient(closest-side,#ffecd2f2,#ff8a3d8c 55%,#0000);border-radius:50%;position:absolute;inset:-12%}.am-machine[data-skin=vinyl][data-phase=insert] .vy-label:after{animation:vy-merge var(--t-insert,1.4s) linear forwards}.am-machine[data-skin=vinyl][data-phase=reveal]:is([data-i="0"],[data-i="2"],[data-i="4"]) .vy-label:after{animation:.8s ease-out vy-flash-a}.am-machine[data-skin=vinyl][data-phase=reveal]:is([data-i="1"],[data-i="3"]) .vy-label:after{animation:.8s ease-out vy-flash-b}.vy-notes{pointer-events:none;width:12cqw;height:12cqw;position:absolute;top:40cqw;left:30cqw}.vy-note{left:calc(var(--i) * 2.6cqw);width:4.6cqw;color:var(--vy-hi);opacity:0;position:absolute;top:0}.am-machine[data-skin=vinyl]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .vy-note{animation:3.4s ease-out infinite vy-note;animation-delay:calc(var(--i) * -.68s)}.am-machine[data-skin=vinyl][data-hype="2"] .vy-note{animation-duration:1.3s;animation-delay:calc(var(--i) * -.26s);width:6cqw}.am-machine[data-skin=vinyl][data-hype="2"] .vy-aurora{opacity:.8;animation:.9s linear infinite am-spin}.am-machine[data-skin=vinyl][data-hype="2"] .vy-shake{animation:90ms linear infinite alternate vy-shake}.am-machine[data-skin=vinyl][data-hype="2"] .vy-led{animation-duration:.18s}.am-machine[data-skin=vinyl][data-hype="1"] .vy-shake{animation:.14s linear infinite alternate vy-shake}.am-machine[data-skin=vinyl][data-hype="1"] .vy-led{animation-duration:.45s}.am-machine[data-skin=vinyl]{--from-x:-14cqw;--from-y:-38cqw;--from-r:-40deg;--from-s:.22;--rack-ai:flex-end;--rack-pb:3cqw}.am-thumb[data-skin=vinyl] .vy-arm{rotate:40deg}.am-thumb[data-skin=vinyl] .vy-head i{opacity:1}.am-thumb[data-skin=vinyl] .vy-note{animation:3.4s ease-out infinite vy-note;animation-delay:calc(var(--i) * -.68s)}.am-thumb[data-skin=vinyl] .vy-packslot{display:none}.am-thumb[data-skin=vinyl] .vy-deck{top:0}@keyframes vy-led{0%,to{opacity:1}50%{opacity:.35}}@keyframes vy-swing{0%,62%{rotate:0deg}86%{rotate:43deg}94%{rotate:38deg}to{rotate:40deg}}@keyframes vy-load{0%{opacity:1;translate:0;rotate:-3deg;scale:1}16%{opacity:1;translate:0 -6cqw;rotate:-8deg;scale:1.04}52%{opacity:1;translate:-14cqw -62.2cqw;rotate:6deg;scale:.76}66%{opacity:1;translate:-14cqw -62.2cqw;rotate:120deg;scale:.66}80%{opacity:0;translate:-14cqw -62.2cqw;rotate:230deg;scale:.5}to{opacity:0;translate:-14cqw -62.2cqw;rotate:260deg;scale:.5}}@keyframes vy-merge{0%,60%{opacity:0;scale:.8}74%{opacity:1;scale:1.25}to{opacity:0;scale:1}}@keyframes vy-flash-a{0%{opacity:.95;scale:1.3}to{opacity:0;scale:1}}@keyframes vy-flash-b{0%{opacity:.95;scale:1.3}to{opacity:0;scale:1}}@keyframes vy-tremble{0%{translate:-.07cqw}to{translate:.07cqw .1cqw}}@keyframes vy-note{0%{opacity:0;transform:translate(0)rotate(-8deg)scale(.6)}12%{opacity:.95}50%{transform:translate(5cqw,-15cqw)rotate(10deg)scale(1)}to{opacity:0;transform:translate(-2cqw,-32cqw)rotate(-14deg)scale(1.1)}}@keyframes vy-shake{0%{transform:translate(-.3cqw,.2cqw)}to{transform:translate(.3cqw,-.2cqw)}}@media (prefers-reduced-motion:reduce){.vy-led{animation:none}}