.bt-shot{padding:var(--space-80) var(--tile-pad);background:var(--tile-deep);grid-column:span 6;margin:0;display:grid}@media (width<=640px){.bt-shot{padding:var(--space-56) var(--tile-pad)}}.bt-shot{--pedal-a:var(--cb-slide);--pedal-b:var(--cb-click);--pedal-c:var(--cb-hide);--pedal-slide:var(--cb-cyan);--pedal-press:var(--cb-coral);--pedal-arrow:var(--cb-click);justify-items:center}.bt-shot .bt-pedal{z-index:1;aspect-ratio:949/1100;width:min(100%,53.4891vh,534.891px);line-height:0;display:block;position:relative}.bt-shot .bt-screen{width:100%;height:100%;display:block;position:relative}.bt-shot .bt-screen>img{filter:drop-shadow(0 2px 3px #00000047)drop-shadow(0 12px 18px #00000042)drop-shadow(0 40px 64px #00000057);width:100%;height:100%;display:block}.bt-shot .bt-plate{visibility:hidden;position:absolute;inset:0}.bt-shot .bt-screen[data-swapped]>img:not(.bt-plate){visibility:hidden}.bt-shot .bt-screen[data-swapped] .bt-plate{visibility:visible}.bt-shot .bt-faders{pointer-events:none;position:absolute;inset:0;container-type:size}.bt-shot .bt-fader{width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);translate:calc((var(--l0) + var(--v) * var(--dl)) * 1cqw) calc((var(--t0) + var(--v) * var(--dt)) * 1cqh);cursor:grab;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;display:none;position:absolute;top:0;left:0}.bt-shot .bt-fader:before{content:"";box-shadow:var(--shadow);visibility:hidden;position:absolute;inset:0}.bt-shot .bt-fader img{visibility:hidden;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bt-shot .bt-fader.is-dragging{cursor:grabbing}.bt-shot .bt-faders[data-live] .bt-fader{pointer-events:auto;will-change:translate;display:block}.bt-shot .bt-screen[data-swapped] .bt-fader:before,.bt-shot .bt-screen[data-swapped] .bt-fader img{visibility:visible}.bt-shot .bt-buttons{--fade:var(--duration-settle);--fade-ease:var(--ease-sweep);pointer-events:none;opacity:0;transition:opacity var(--duration-hint) var(--ease-interaction);will-change:translate;position:absolute;inset:0}.bt-shot .bt-screen.is-ready .bt-buttons{opacity:1}.bt-shot .bt-button{left:calc((var(--x) - 5) * 1%);top:calc(var(--ring-y) * 1% - 4.31364%);aspect-ratio:1;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;--ring:#fcfcfa;background:0 0;border:0;border-radius:50%;width:10%;padding:0;position:absolute}.bt-shot .bt-button[data-state="0"] .bt-bloom{opacity:.85}.bt-shot .bt-button[data-state="1"]{--ring:#00b4ff}.bt-shot .bt-button[data-state="2"]{--ring:#ff4673}.bt-shot .bt-button[data-state="3"]{--ring:#aa78f0}.bt-shot .bt-button[data-state="4"] svg{opacity:0}.bt-shot .bt-button svg{width:100%;height:100%;display:block;overflow:visible}.bt-shot .bt-button svg,.bt-shot .bt-button .bt-bloom{transition:opacity var(--fade) var(--fade-ease) var(--beat)}.bt-shot .bt-button stop{transition:stop-color var(--fade) var(--fade-ease) var(--beat)}.bt-shot [data-pedal=cxm-1978] .bt-button[data-state="0"] svg{opacity:0}.bt-shot [data-pedal=cxm-1978] .bt-button[data-state="1"]{--ring:#2878ff}.bt-shot [data-pedal=cxm-1978] .bt-button[data-state="2"]{--ring:#ff2837}.bt-shot .bt-button,.bt-shot .bt-lamp{--beat:calc(var(--i,0) * var(--duration-tap) / 2)}.bt-shot .bt-button[data-held],.bt-shot .bt-lamp[data-held]{--fade:var(--duration-hint);--fade-ease:var(--ease-interaction);--beat:0s}.bt-shot .bt-light{mix-blend-mode:plus-lighter}.bt-shot .bt-glow-stop{stop-color:var(--ring)}.bt-shot .bt-core-stop{stop-color:color-mix(in srgb, var(--ring) 40%, white)}.bt-shot .bt-lamp{left:calc((var(--x) - 2.5) * 1%);top:calc(var(--y) * 1% - 2.15682%);aspect-ratio:1;pointer-events:none;--lamp:#28ff5a;width:5%;position:absolute}.bt-shot .bt-lamp[data-state=red]{--lamp:#ff1e1e}.bt-shot .bt-lamp svg{width:100%;height:100%;transition:opacity var(--fade) var(--fade-ease) var(--beat);display:block;overflow:visible}.bt-shot .bt-lamp[data-state=off] svg{opacity:0}.bt-shot .bt-lamp stop{transition:stop-color var(--fade) var(--fade-ease) var(--beat)}.bt-shot .bt-lamp-hot{stop-color:color-mix(in srgb, var(--lamp) 35%, white)}.bt-shot .bt-lamp-lens{stop-color:var(--lamp)}.bt-shot .bt-foot{left:calc((var(--x) - 4.5) * 1%);top:calc(var(--y) * 1% - 3.88227%);aspect-ratio:1;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:9%;padding:0;position:absolute}.bt-shot .bt-cursor{z-index:4;pointer-events:none;opacity:0;width:1.5rem;height:1.5rem;transition:opacity var(--duration-hint) var(--ease-interaction);margin:-.75rem 0 0 -.75rem;position:absolute;top:0;left:0}.bt-shot .bt-cursor svg{width:100%;height:100%;display:block;overflow:visible}.bt-shot .bt-cursor g{transform-box:view-box;transform-origin:50%}.bt-shot .bt-cursor [data-part=slide],.bt-shot .bt-cursor [data-part=press]{opacity:0}.bt-shot .bt-cursor path{fill:none;stroke-linecap:round;stroke-linejoin:round}.bt-shot .bt-arrow{stroke:var(--pedal-arrow);display:none}.bt-shot .bt-cursor-ink{fill:var(--cb-ink);stroke:var(--cb-ink);stroke-width:4.5px}.bt-shot .bt-cursor-lit{fill:#fff;stroke:#fff;stroke-width:2px}.bt-shot [data-part=slide] .bt-cursor-lit{stroke:var(--pedal-slide)}.bt-shot [data-part=press] .bt-cursor-lit{stroke:var(--pedal-press)}.bt-shot .bt-hits-toggle{z-index:1;gap:var(--space-8);margin-top:var(--space-16);padding:var(--space-8) var(--space-12);color:var(--text);text-transform:none;background:var(--tile);box-shadow:inset 0 0 0 var(--hairline) var(--rule);cursor:pointer;align-items:center;display:inline-flex;position:relative}.bt-shot .bt-hits-toggle input{accent-color:var(--accent);margin:0}.bt-shot:has(.bt-hits-toggle input:checked) .bt-fader,.bt-shot:has(.bt-hits-toggle input:checked) .bt-button,.bt-shot:has(.bt-hits-toggle input:checked) .bt-foot{outline:.125rem dashed var(--pedal-press);outline-offset:-.125rem}.bt-shot:has(.bt-hits-toggle input:checked) .bt-fader{outline:none}.bt-shot:has(.bt-hits-toggle input:checked) .bt-fader:after{content:"";border:.125rem dashed var(--pedal-slide);pointer-events:none;position:absolute;inset:0}.bt-shot .bt-screen[data-cursor],.bt-shot .bt-screen[data-cursor] .bt-fader,.bt-shot .bt-screen[data-cursor] .bt-button,.bt-shot .bt-screen[data-cursor] .bt-foot{cursor:none}.bt-shot .bt-screen[data-cursor] .bt-cursor{opacity:1;transition:none}.bt-shot .bt-try{z-index:1;margin:var(--space-16) 0 0;color:var(--text);text-transform:none;display:none;position:relative}@media (pointer:coarse){.bt-shot .bt-try{display:block}}.bt-shot .bt-led{opacity:0;transition:opacity var(--duration-hint) var(--ease-interaction);left:calc(var(--led-x) * 1%);top:calc(var(--led-y) * 1%);width:calc(var(--led-w) * 1%);height:calc(var(--led-h) * 1%);pointer-events:none;display:block;position:absolute;transform:translate(-50%,-50%)}.bt-shot .bt-screen.is-ready .bt-led{opacity:1}.bt-shot .bt-led svg{width:100%;height:100%;display:block}.bt-shot .led-off{fill:#ff3c3c24}.bt-shot .led-on{fill:#ff3a3a}.bt-shot{position:relative;overflow:hidden}.bt-field{z-index:0;pointer-events:none;opacity:.6;contain:strict;will-change:transform;position:absolute;inset:0}.bt-field canvas{width:100%;height:100%;display:block}:root[data-theme=dark] .bt-field{filter:drop-shadow(0 0 .5rem #0009)}@media (width<=640px){:root[data-theme=dark] .bt-field{filter:none}}:root[data-theme=light] .bt-shot{--pedal-a:var(--cxm-blue);--pedal-b:var(--cxm-red);--pedal-c:var(--cxm-silver);--pedal-slide:var(--cxm-blue);--pedal-press:var(--cxm-red);--pedal-arrow:var(--cxm-red)}:root[data-theme=dark] .bt-screen[data-shows=light],:root[data-theme=light] .bt-screen[data-shows=dark]{display:none}