@layer components{._root_1ore8_2{--fader-w:var(--knob-size);grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:var(--block-gutter) auto var(--block-gutter) auto var(--block-gutter) auto var(--block-gutter) auto var(--block-gutter) auto;align-items:stretch;gap:0;min-width:0;display:grid}._faderCol_1ore8_15,._pads_1ore8_16,._functions_1ore8_17{grid-template-rows:subgrid;grid-row:1/-1;place-items:start center;display:grid}._faderCol_1ore8_15{grid-column:1}._pads_1ore8_16{column-gap:var(--block-gutter);grid-column:2;grid-template-columns:repeat(4,auto);margin-inline-start:var(--mixer-gap)}._functions_1ore8_17{grid-column:4;grid-template-columns:auto var(--knob-size) var(--knob-size) auto;column-gap:var(--block-gutter);justify-items:center}._gutter_1ore8_43{grid-template-columns:var(--led) minmax(0, 1fr);align-self:center;place-items:center start;column-gap:var(--led-gap);width:var(--key-w);min-width:0;color:oklch(from var(--ink) l c h / .72);padding-inline-start:var(--led-inset);display:grid}._aLight_1ore8_60{grid-area:3/1}._bLight_1ore8_65{grid-area:5/1}._cLight_1ore8_70{grid-area:7/1}._dLight_1ore8_75{grid-area:9/1}._volumeLabel_1ore8_80{color:oklch(from var(--ink) l c h / .72);grid-area:1/1;align-self:center}._callout_1ore8_90{grid-area:1/2/auto/5;grid-template-columns:subgrid;pointer-events:none;min-width:0;color:oklch(from var(--ink) l c h / .72);display:grid}._calloutPads_1ore8_100{grid-column:1;grid-template-columns:var(--mixer-gap) var(--key-w) var(--block-gutter) var(--key-w) var(--block-gutter) var(--key-w) var(--block-gutter) var(--key-w);grid-template-rows:minmax(0,1fr);min-width:0;height:100%;display:grid}._stem_1ore8_111{width:1px;height:calc(var(--block-gutter) / 2);background:currentColor;grid-area:1/6;place-self:end center}._rulePads_1ore8_121{background:linear-gradient(currentcolor, currentcolor) right center / calc(100% - var(--key-w) / 2) 1px no-repeat;grid-area:1/6/auto/-1;align-self:center;height:1px}._ruleWell_1ore8_131{background:currentColor;grid-column:2;align-self:center;height:1px}._ruleFns_1ore8_138{--ink-gap:.4em;--bpm-half:1.26em;--met-half:3.72em;--bpm-c:calc(var(--block-gutter) + var(--knob-size) / 2);--met-c:calc(2 * var(--block-gutter) + var(--knob-size) * 3 / 2);height:1px;font-size:var(--text-legend);-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(var(--bpm-c) - var(--bpm-half) - var(--ink-gap)), transparent calc(var(--bpm-c) - var(--bpm-half) - var(--ink-gap)), transparent calc(var(--bpm-c) + var(--bpm-half) + var(--ink-gap)), #000 calc(var(--bpm-c) + var(--bpm-half) + var(--ink-gap)), #000 calc(var(--met-c) - var(--met-half) - var(--ink-gap)), transparent calc(var(--met-c) - var(--met-half) - var(--ink-gap)), transparent 100%);mask-image:linear-gradient(to right, #000 0, #000 calc(var(--bpm-c) - var(--bpm-half) - var(--ink-gap)), transparent calc(var(--bpm-c) - var(--bpm-half) - var(--ink-gap)), transparent calc(var(--bpm-c) + var(--bpm-half) + var(--ink-gap)), #000 calc(var(--bpm-c) + var(--bpm-half) + var(--ink-gap)), #000 calc(var(--met-c) - var(--met-half) - var(--ink-gap)), transparent calc(var(--met-c) - var(--met-half) - var(--ink-gap)), transparent 100%);background:currentColor;grid-column:3;align-self:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._volume_1ore8_80{grid-area:2/1}._keys_1ore8_169{grid-area:4/1}._faderKey_1ore8_174{grid-area:5/1}._fader_1ore8_15{min-height:0;grid-area:6/1/11;align-content:center;align-self:stretch;justify-items:center;padding-block-end:var(--key-h);display:grid}._shift_1ore8_191{grid-area:10/1;align-self:end}._sound_1ore8_197{grid-area:2/1}._main_1ore8_202{grid-area:2/2}._tempo_1ore8_207{grid-area:2/3}._a_1ore8_60{grid-area:4/1}._p7_1ore8_217{grid-area:4/2}._p8_1ore8_222{grid-area:4/3}._p9_1ore8_227{grid-area:4/4}._level_1ore8_232{grid-area:3/2}._pitch_1ore8_237{grid-area:3/3}._time_1ore8_242{grid-area:3/4}._b_1ore8_65{grid-area:6/1}._p4_1ore8_252{grid-area:6/2}._p5_1ore8_257{grid-area:6/3}._p6_1ore8_262{grid-area:6/4}._lpf_1ore8_267{grid-area:5/2}._hpf_1ore8_272{grid-area:5/3}._toFx_1ore8_277{grid-area:5/4}._c_1ore8_70{grid-area:8/1}._p1_1ore8_287{grid-area:8/2}._p2_1ore8_292{grid-area:8/3}._p3_1ore8_297{grid-area:8/4}._atk_1ore8_302{grid-area:7/2}._rel_1ore8_307{grid-area:7/3}._pan_1ore8_312{grid-area:7/4}._d_1ore8_75{grid-area:10/1}._dot_1ore8_322{grid-area:10/2}._p0_1ore8_327{grid-area:10/3}._enter_1ore8_332{grid-area:10/4}._tune_1ore8_337{grid-area:9/2}._vel_1ore8_342{grid-area:9/3}._mod_1ore8_347{grid-area:9/4}._bpm_1ore8_352,._metronome_1ore8_353{color:oklch(from var(--ink) l c h / .72);background:0 0;align-self:center}._bpm_1ore8_352{grid-area:1/2}._metronome_1ore8_353{grid-area:1/3}._gain_1ore8_369{--bracket-ink:var(--primary);--bracket-inset-start:calc(var(--knob-size) / 2);--bracket-inset-end:calc(var(--key-w) - var(--key-h) / 2);min-width:0;grid-area:2/1/5;margin-inline-end:calc(var(--bracket-gap) - var(--block-gutter))}._gain_1ore8_369:before,._gain_1ore8_369:after{transform:translate(50%)}._knobX_1ore8_385{grid-area:2/2}._knobY_1ore8_390{grid-area:2/3}._badge_1ore8_395{border-radius:calc(3 / var(--spec-n,952) * var(--art,100cqi));color:var(--frame);letter-spacing:.08em;align-self:center;padding:.12em .35em}._xLabel_1ore8_403{background:var(--enamel);grid-area:3/2}._yLabel_1ore8_409{background:var(--key-dark);grid-area:3/3}._recordLights_1ore8_415{width:var(--key-w);grid-area:9/2;grid-template-columns:1fr 1fr;align-self:center;place-items:center;display:grid}._swing_1ore8_426{--bracket-ink:var(--key-grey);--bracket-inset-start:calc(var(--knob-size) / 2);--bracket-inset-end:calc(var(--key-w) - var(--key-h) / 2);min-width:0;grid-area:2/4/5;margin-inline-start:calc(var(--bracket-gap) - var(--block-gutter) - 11.4 / var(--spec-n) * var(--art))}._swing_1ore8_426:before,._swing_1ore8_426:after{transform:translate(-50%)}._sample_1ore8_448{grid-area:4/2}._timing_1ore8_453{grid-area:4/3}._fx_1ore8_458{grid-area:6/2}._erase_1ore8_463{grid-area:6/3}._minus_1ore8_468{grid-area:8/2}._plus_1ore8_473{grid-area:8/3}._record_1ore8_415{grid-area:10/2}._play_1ore8_483{grid-area:10/3}:is([data-group=a] ._aLight_1ore8_60 ._pip_1ore8_56,[data-group=b] ._bLight_1ore8_65 ._pip_1ore8_56,[data-group=c] ._cLight_1ore8_70 ._pip_1ore8_56,[data-group=d] ._dLight_1ore8_75 ._pip_1ore8_56,[data-fader-fn="7"] ._level_1ore8_232 ._pip_1ore8_56,[data-fader-fn="8"] ._pitch_1ore8_237 ._pip_1ore8_56,[data-fader-fn="9"] ._time_1ore8_242 ._pip_1ore8_56,[data-fader-fn="4"] ._lpf_1ore8_267 ._pip_1ore8_56,[data-fader-fn="5"] ._hpf_1ore8_272 ._pip_1ore8_56,[data-fader-fn="6"] ._toFx_1ore8_277 ._pip_1ore8_56,[data-fader-fn="1"] ._atk_1ore8_302 ._pip_1ore8_56,[data-fader-fn="2"] ._rel_1ore8_307 ._pip_1ore8_56,[data-fader-fn="3"] ._pan_1ore8_312 ._pip_1ore8_56,[data-fader-fn=\.] ._tune_1ore8_337 ._pip_1ore8_56,[data-fader-fn="0"] ._vel_1ore8_342 ._pip_1ore8_56,[data-fader-fn=Enter] ._mod_1ore8_347 ._pip_1ore8_56,._functions_1ore8_17:has(._record_1ore8_415 [aria-pressed=true]) ._recordLights_1ore8_415 ._pip_1ore8_56){--led-fill:var(--signal);--led-on:1}._root_18g08_2{--speaker-face:oklch(55% .006 50);width:100%;min-width:0;height:100%;min-height:0}._driver_18g08_12,._baffle_18g08_13,._grille_18g08_14{grid-area:1/1}._driver_18g08_12{--speaker-w:calc(302 / var(--spec-n,952) * var(--art,100cqi));--speaker-h:calc(var(--art,100cqi) * 259 / var(--spec-n,952));--size:calc(min(var(--speaker-w), var(--speaker-h)) * .86);--surface:var(--key-black);width:var(--size);height:var(--size);aspect-ratio:1;border-radius:var(--radius-full);background:linear-gradient(calc(90deg + atan2(var(--cast-y), var(--cast-x))), oklch(from var(--key-black) calc(l - .05) c h), var(--key-black) 50%, oklch(from var(--key-black) calc(l + .05) c h));box-shadow:inset calc(var(--cast-x) * 2px) calc(var(--cast-y) * 2px) 1px 0 oklch(from var(--spec) l c h / .45), inset calc(var(--cast-x) * 4px) calc(var(--cast-y) * 4px) 3px 0 oklch(from var(--spec) l c h / .22), inset calc(var(--cast-x) * 24px) calc(var(--cast-y) * 24px) calc(var(--size) * .5) oklch(from var(--ao) l c h / .55), inset calc(var(--light-x) * 1.5px) calc(var(--light-y) * 1.5px) 2px oklch(from var(--spec) l c h / .28);place-self:center;place-items:center;display:grid}[data-speaker=square] ._driver_18g08_12{--size:calc(var(--speaker-side,0px) * .86)}._cap_18g08_55{border-radius:var(--radius-full);background:linear-gradient(calc(90deg + atan2(var(--cast-y), var(--cast-x))), oklch(from var(--key-black) calc(l - .02) c h), oklch(from var(--visor) calc(l + .06) c h));width:25%;height:25%;box-shadow:inset calc(var(--cast-x) * 2px) calc(var(--cast-y) * 2px) 2px oklch(from var(--ao) l c h / .4), inset calc(var(--light-x) * 1px) calc(var(--light-y) * 1px) 1px oklch(from var(--spec) l c h / .22)}._baffle_18g08_13{background:radial-gradient(circle closest-side at center, transparent 82%, oklch(from var(--ao) l c h / .72) 86%, oklch(from var(--speaker-face) calc(l - .24) c h) 91%);place-self:stretch stretch;width:100%;height:100%}._grille_18g08_14{--grille-pad:calc(3 / var(--spec-n,952) * var(--art,100cqi));width:100%;min-width:0;height:100%;min-height:0;padding:var(--grille-pad);box-shadow:inset 0 0 0 var(--grille-pad) var(--speaker-face);background:0 0;grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(14,minmax(0,1fr));place-self:stretch stretch;display:grid}._web_18g08_101{--grain-inset:0;--mesh-x:calc(100% / 14);--mesh-y:calc(100% / 12);z-index:0;pointer-events:none;background:linear-gradient(calc(90deg + atan2(var(--cast-y), var(--cast-x))), oklch(from var(--speaker-face) calc(l + var(--wash-hi)) c h), var(--speaker-face) 58%);-webkit-mask-image:radial-gradient(circle closest-side,#0000 70%,#000 72%);mask-image:radial-gradient(circle closest-side,#0000 70%,#000 72%);-webkit-mask-size:var(--mesh-x) var(--mesh-y);mask-size:var(--mesh-x) var(--mesh-y);grid-area:1/1/-1/-1;-webkit-mask-repeat:repeat;mask-repeat:repeat}._web_18g08_101:before{-webkit-mask-image:radial-gradient(circle closest-side,#0000 70%,#000 72%);mask-image:radial-gradient(circle closest-side,#0000 70%,#000 72%);-webkit-mask-size:var(--mesh-x) var(--mesh-y);mask-size:var(--mesh-x) var(--mesh-y);-webkit-mask-repeat:repeat;mask-repeat:repeat}._hole_18g08_125,._blind_18g08_126{--dx:calc(var(--lamp-x) - var(--here-x));--dy:calc(var(--lamp-y) - var(--here-y));--dist:hypot(var(--dx), var(--dy));--light-x:calc(var(--dx) / max(var(--dist), .001));--light-y:calc(var(--dy) / max(var(--dist), .001));--cast-x:calc(var(--light-x) * -1);--cast-y:calc(var(--light-y) * -1);--falloff:calc(1 / (1 + var(--dist) * .35));--lip-hi:oklch(from var(--spec) l c h / max(.5, calc(var(--light-key) * .62 * var(--falloff))));--lip-shade:oklch(from var(--ao) l c h / max(.32, calc(((var(--light-key) - var(--light-fill)) * .4 + .22) * (1.05 - var(--falloff) * .2))));z-index:1;aspect-ratio:1;border-radius:var(--radius-full);width:70%;box-shadow:inset calc(var(--cast-x) * 2.5px) calc(var(--cast-y) * 2.5px) 4px 0 oklch(from var(--ao) l c h / .72), inset calc(var(--light-x) * 1px) calc(var(--light-y) * 1px) 1.5px 0 oklch(from var(--spec) l c h / .28);place-self:center}._blind_18g08_126{background:var(--speaker-face)}}