@property --synth-body{syntax:"<color>";inherits:true;initial-value:#7b55d9}@property --u{syntax:"<length>";inherits:true;initial-value:1px}.synth_stage___FTk_{display:flex;flex-direction:column;gap:8px;box-sizing:border-box;height:100vh;height:100dvh;min-height:330px;padding:calc(var(--ed-nav-h) + 8px) max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px));color:var(--ed-fg);font-family:var(--ed-font-body)}@media (min-width:720px){.synth_stage___FTk_{gap:12px;padding-right:max(24px,env(safe-area-inset-right,0px));padding-bottom:20px;padding-left:max(24px,env(safe-area-inset-left,0px))}}.synth_head__oGUsy{display:flex;flex:none;align-items:center;gap:16px;min-height:36px}.synth_title__HkHEC{margin:0;font-family:var(--ed-font-display);font-size:clamp(22px,2.5vw,32px);font-weight:600;line-height:1.1;letter-spacing:-.03em;white-space:nowrap}.synth_title__HkHEC em{font-family:var(--ed-font-serif);font-weight:400;letter-spacing:-.01em}.synth_hint__T0l9_{display:none;flex:1;min-width:0;margin:0;overflow:hidden;color:var(--ed-fg-3);font-family:var(--ed-font-mono);font-size:11px;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1100px){.synth_hint__T0l9_{display:block}}.synth_hint__T0l9_ kbd{padding:1px 5px;border:1px solid var(--ed-line);border-radius:3px;color:var(--ed-fg-2);font:inherit}@media (hover:none){.synth_desk__j9B8I,.synth_hotkey__CLNbT{display:none}}.synth_headSide__0CYce{display:flex;align-items:center;gap:12px;margin-left:auto}.synth_colours__zjuW8{display:none;gap:8px}.synth_colour__Kq25e{flex:none;width:22px;height:22px;padding:0;border:2px solid var(--ed-ink);border-radius:50%;background:var(--synth-body);box-shadow:0 0 0 1px var(--ed-line-strong);cursor:pointer;transition:transform .2s var(--ed-ease),box-shadow .2s,--synth-body .6s var(--ed-ease)}.synth_colour__Kq25e:hover{transform:scale(1.15)}.synth_colour__Kq25e[aria-pressed=true],.synth_cycle__TuPtO{box-shadow:0 0 0 2px var(--ed-fg)}@media (min-width:520px){.synth_colours__zjuW8{display:flex}.synth_cycle__TuPtO{display:none}}@media (max-height:480px) and (orientation:landscape){.synth_stage___FTk_{gap:0;padding-top:calc(var(--ed-nav-h) + 4px);padding-bottom:6px}.synth_head__oGUsy{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%)}.synth_headSide__0CYce{display:none}}.synth_fit__I0qQM{display:grid;flex:1;min-height:0;place-items:center;container-type:size}.synth_colour__Kq25e[data-colour=violet],.synth_device__ZdF3D[data-colour=violet]{--synth-body:color-mix(in oklab,var(--ed-violet) 86%,white)}.synth_colour__Kq25e[data-colour=cobalt],.synth_device__ZdF3D[data-colour=cobalt]{--synth-body:color-mix(in oklab,var(--ed-cobalt) 82%,white)}.synth_colour__Kq25e[data-colour=raspberry],.synth_device__ZdF3D[data-colour=raspberry]{--synth-body:color-mix(in oklab,var(--ed-raspberry) 94%,white)}.synth_colour__Kq25e[data-colour=ember],.synth_device__ZdF3D[data-colour=ember]{--synth-body:var(--ed-ember)}.synth_colour__Kq25e[data-colour=forest],.synth_device__ZdF3D[data-colour=forest]{--synth-body:color-mix(in oklab,var(--ed-forest) 86%,white)}.synth_colour__Kq25e[data-colour=ink],.synth_device__ZdF3D[data-colour=ink]{--synth-body:#23262f}.synth_device__ZdF3D{--u:1px;--raised:linear-gradient(180deg,rgba(255,255,255,0.22),rgba(255,255,255,0.03) 46%,transparent),var(--synth-body);--print:rgba(255,255,255,0.96);--depth:max(2px,calc(3 * var(--u)));--label:max(8px,calc(9 * var(--u)));--legend:max(8.5px,calc(10 * var(--u)));position:relative;display:grid;box-sizing:border-box;border-radius:calc(30 * var(--u));background:radial-gradient(120% 70% at 15% 0,rgba(255,255,255,.13),transparent 60%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.26)),var(--synth-body);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 calc(-1 * var(--depth)) 0 rgba(0,0,0,.28),0 40px 80px -40px rgba(0,0,0,.9),0 0 140px -50px var(--synth-body);transition:--synth-body .6s var(--ed-ease);animation:synth_arrive__K7JjK .9s var(--ed-ease) both;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@keyframes synth_arrive__K7JjK{0%{opacity:0;transform:translateY(24px) scale(.975)}}.synth_well__LREwM{border-radius:calc(20 * var(--u));background:rgba(0,0,0,.17);box-shadow:inset 0 2px 5px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.18)}.synth_bezel__RAu05{position:relative;grid-area:screen;min-width:0;min-height:0;border-radius:calc(24 * var(--u));background:#05060a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.25),0 -1px 0 rgba(0,0,0,.4)}.synth_bezel__RAu05:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 38%);pointer-events:none}.synth_screen__vy2dd{position:absolute;top:calc(10 * var(--u));left:calc(10 * var(--u));width:calc(100% - 20 * var(--u));height:calc(100% - 20 * var(--u));border-radius:calc(12 * var(--u));font-family:var(--ed-font-mono)}.synth_knobs__KY5tZ{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:space-evenly;justify-items:center;min-width:0;min-height:0}.synth_knobsLeft__KmF3l{grid-area:knobsL}.synth_knobsRight__rmadd{grid-area:knobsR}.synth_knob__IF1_9{display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--u));min-width:0}.synth_button__Ku0vV,.synth_knobLabel__uJA75,.synth_padLabel__3BNBN,.synth_stepNote__W8yhl,.synth_tab__nUzAx{font-family:var(--ed-font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.synth_knobLabel__uJA75{color:var(--print);font-size:var(--label);line-height:1.25}.synth_dial__qz9ip{position:relative;width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:50%;cursor:ns-resize;touch-action:none}.synth_dial__qz9ip:focus{outline:none}.synth_dial__qz9ip svg{position:absolute;inset:0;width:100%;height:100%}.synth_ringTrack__83T4G,.synth_ringValue__lBzpA{fill:none;stroke-width:3;stroke-linecap:round}.synth_ringTrack__83T4G{stroke:rgba(0,0,0,.32)}.synth_ringValue__lBzpA{stroke:#fff;stroke-dasharray:100;transition:stroke-dashoffset .5s var(--ed-ease),stroke .2s}.synth_cap__OWT4e{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.22),transparent 55%),#14161d;box-shadow:0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 3px rgba(0,0,0,.6);transform:rotate(var(--turn));transition:transform .5s var(--ed-ease)}.synth_cap__OWT4e:after{content:"";position:absolute;top:10%;left:46.5%;width:7%;height:26%;border-radius:2px;background:#fff}.synth_dial__qz9ip[data-dragging] .synth_cap__OWT4e,.synth_dial__qz9ip[data-dragging] .synth_ringValue__lBzpA{transition:none}.synth_dial__qz9ip:focus-visible .synth_ringValue__lBzpA,.synth_dial__qz9ip[data-dragging] .synth_ringValue__lBzpA{stroke:var(--ed-signal);filter:drop-shadow(0 0 4px var(--ed-signal))}.synth_dial__qz9ip:focus-visible .synth_cap__OWT4e:after,.synth_dial__qz9ip[data-dragging] .synth_cap__OWT4e:after{background:var(--ed-signal);box-shadow:0 0 6px var(--ed-signal)}@media (hover:hover){.synth_dial__qz9ip:hover .synth_cap__OWT4e{box-shadow:0 calc(6 * var(--u)) calc(12 * var(--u)) rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 3px rgba(0,0,0,.6)}}.synth_sound__p8u9G,.synth_transport__0flBP{display:grid;gap:calc(8 * var(--u));min-width:0;min-height:0;padding:calc(10 * var(--u))}.synth_sound__p8u9G{grid-area:sound;grid-template-rows:repeat(2,minmax(0,1fr))}.synth_transport__0flBP{grid-area:transport;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.synth_row__LcwrN{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(8 * var(--u));min-width:0;min-height:0}.synth_button__Ku0vV,.synth_step__Rt4Wy,.synth_tab__nUzAx{min-width:0;min-height:0;margin:0 0 var(--depth);padding:0;border:0;cursor:pointer}.synth_button__Ku0vV,.synth_step__Rt4Wy{background:var(--raised);box-shadow:0 var(--depth) 0 rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .08s,box-shadow .08s,color .2s,filter .2s,text-shadow .2s}.synth_button__Ku0vV{display:flex;align-items:center;justify-content:center;border-radius:calc(11 * var(--u));color:var(--print);font-size:var(--legend);font-weight:600}.synth_button__Ku0vV svg{width:calc(26 * var(--u));height:calc(16 * var(--u));overflow:visible}.synth_button__Ku0vV path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.synth_button__Ku0vV:hover:not(:disabled),.synth_step__Rt4Wy:hover{filter:brightness(1.1)}}.synth_button__Ku0vV:active:not(:disabled),.synth_step__Rt4Wy:active{transform:translateY(var(--depth));box-shadow:0 0 0 rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.4)}.synth_button__Ku0vV[aria-pressed]{position:relative;padding-top:calc(8 * var(--u))}.synth_button__Ku0vV[aria-pressed]:before{content:"";position:absolute;top:17%;left:50%;width:calc(14 * var(--u));height:max(3px,calc(3.5 * var(--u)));margin-left:calc(-7 * var(--u));border-radius:2px;background:rgba(0,0,0,.42);transition:background .25s,box-shadow .25s}.synth_button__Ku0vV[aria-pressed=true]:before{background:var(--ed-signal);box-shadow:0 0 10px 1px var(--ed-signal);transition-duration:0s}.synth_button__Ku0vV[data-tone=rec][aria-pressed=true]{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.03) 46%,transparent),#c2183a}.synth_button__Ku0vV[data-tone=rec][aria-pressed=true]:before{background:#fff;box-shadow:0 0 10px 1px #ff5c7a}.synth_button__Ku0vV[data-tone=play][data-beat]{filter:brightness(1.25);transition-duration:0s}.synth_button__Ku0vV[data-tone=play][data-beat]:before{box-shadow:0 0 14px 4px var(--ed-signal)}.synth_button__Ku0vV:disabled{color:rgba(255,255,255,.3);cursor:default}.synth_button__Ku0vV:focus-visible,.synth_colour__Kq25e:focus-visible,.synth_step__Rt4Wy:focus-visible,.synth_tab__nUzAx:focus-visible{outline:2px solid var(--ed-signal);outline-offset:2px}.synth_tabs__pWx4j{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(4 * var(--u));min-width:0;min-height:0;padding:calc(4 * var(--u));border-radius:calc(13 * var(--u));background:rgba(0,0,0,.22);box-shadow:inset 0 2px 5px rgba(0,0,0,.4)}.synth_tab__nUzAx{margin:0;border-radius:calc(9 * var(--u));background:transparent;color:rgba(255,255,255,.82);font-size:var(--legend);font-weight:600;transition:background .25s var(--ed-ease),color .25s}.synth_tab__nUzAx[aria-pressed=true]{background:var(--raised);box-shadow:0 2px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.4);color:#fff}.synth_steps__Vs7R_{display:grid;grid-area:steps;grid-template-columns:repeat(16,minmax(0,1fr));gap:calc(6 * var(--u));min-width:0;min-height:0}.synth_step__Rt4Wy:nth-child(4n+1):not(:first-child){margin-left:calc(5 * var(--u))}.synth_step__Rt4Wy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4 * var(--u));border-radius:calc(9 * var(--u));color:var(--print)}.synth_stepLed__BCCeL{width:calc(14 * var(--u));height:max(3px,calc(4 * var(--u)));border-radius:2px;background:rgba(0,0,0,.42);transition:background .25s,box-shadow .25s;animation:synth_sweep__Alla_ .5s calc(.5s + var(--i) * 45ms) both}@keyframes synth_sweep__Alla_{40%{background:var(--ed-signal);box-shadow:0 0 10px var(--ed-signal)}}.synth_stepNote__W8yhl{font-size:max(7px,calc(8 * var(--u)));letter-spacing:.02em;line-height:1;text-transform:none}.synth_step__Rt4Wy[data-on] .synth_stepNote__W8yhl{font-weight:700}.synth_step__Rt4Wy[data-on] .synth_stepLed__BCCeL{background:#fff;box-shadow:0 0 6px rgba(255,255,255,.6)}.synth_step__Rt4Wy[data-now]{filter:brightness(1.22)}.synth_step__Rt4Wy[data-now] .synth_stepLed__BCCeL{background:var(--ed-signal);box-shadow:0 0 12px 2px var(--ed-signal);transition-duration:0s}.synth_step__Rt4Wy[data-cursor]{outline:2px solid #fff;outline-offset:1px}.synth_pads__VlN2s{--lower:15;display:flex;grid-area:pads;flex-direction:column;gap:calc(6 * var(--u));min-width:0;min-height:0;padding:calc(10 * var(--u));border-radius:calc(24 * var(--u));touch-action:none}.synth_padsUpper__vFnYQ{position:relative;flex:0.76 1 0;min-height:0}.synth_padsLower__hVyQN{display:flex;flex:1 1 0;min-height:0}.synth_padsUpper__vFnYQ .synth_pad__iZtj4{position:absolute;top:0;bottom:0;left:calc(var(--before) * 100% / var(--lower));width:calc(100% / var(--lower));transform:translateX(-50%)}.synth_padsLower__hVyQN .synth_pad__iZtj4{flex:1 1 0;min-width:0}.synth_pad__iZtj4{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(5 * var(--u));cursor:pointer;animation:synth_pop__nx8uc .5s calc(.25s + var(--i) * 16ms) var(--ed-ease) both}@keyframes synth_pop__nx8uc{0%{opacity:0;translate:0 14px}}.synth_pad__iZtj4:before{content:"";position:absolute;inset:0 calc(3 * var(--u)) var(--depth);border-radius:999px;background:var(--raised);box-shadow:0 var(--depth) 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.45);transition:translate .07s,box-shadow .07s,filter .2s}@media (hover:hover){.synth_pad__iZtj4:hover:before{filter:brightness(1.08)}}.synth_pad__iZtj4[data-held]:before{translate:0 var(--depth);box-shadow:0 0 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.45)}.synth_padLabel__3BNBN,.synth_padLight__1yCzQ{position:relative;pointer-events:none}.synth_pad__iZtj4[data-held] .synth_padLabel__3BNBN{translate:0 var(--depth)}.synth_pad__iZtj4[data-held] .synth_padLight__1yCzQ{translate:calc(var(--bend, 0) * 9 * var(--u)) var(--depth)}.synth_padLight__1yCzQ{width:max(3px,calc(5 * var(--u)));height:42%;border-radius:3px;background:rgba(0,0,0,.42);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);transition:background .35s,box-shadow .35s}.synth_pad__iZtj4[data-lit] .synth_padLight__1yCzQ{background:var(--ed-signal);box-shadow:0 0 calc(14px + var(--bloom, 0) * 26px) calc(3px + var(--bloom, 0) * 7px) var(--ed-signal),0 0 2px #fff;transition-duration:0s}.synth_padLabel__3BNBN{height:var(--label);color:var(--print);font-size:var(--label);letter-spacing:.02em;line-height:1}@container (min-aspect-ratio: 5/4) and (min-height: 430px){.synth_device__ZdF3D{--u:min(calc(100cqw / 1120),calc(100cqh / 664),1.3px);--layout:wide;grid-template-columns:minmax(0,1fr) calc(300 * var(--u)) minmax(0,1fr);grid-template-rows:calc(158 * var(--u)) calc(116 * var(--u)) calc(42 * var(--u)) calc(232 * var(--u));grid-template-areas:"knobsL screen knobsR" "sound screen transport" "steps steps steps" "pads pads pads";gap:calc(20 * var(--u)) calc(26 * var(--u));width:calc(1120 * var(--u));height:calc(664 * var(--u));padding:calc(28 * var(--u));border-radius:calc(36 * var(--u))}}@container (not (min-aspect-ratio: 5/4)) and (min-width: 620px){.synth_device__ZdF3D{--u:min(calc(100cqw / 760),calc(100cqh / 786),1.35px);--layout:tall;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:calc(116 * var(--u)) calc(116 * var(--u)) calc(44 * var(--u)) minmax(0,1fr) calc(158 * var(--u));grid-template-areas:"screen sound" "screen transport" "steps steps" "pads pads" "knobsL knobsR";gap:calc(18 * var(--u));width:calc(760 * var(--u));height:min(100cqh,calc(940 * var(--u)));padding:calc(24 * var(--u));border-radius:calc(36 * var(--u))}}@container (not (min-aspect-ratio: 5/4)) and (not (min-width: 620px)){.synth_device__ZdF3D{--u:min(calc(100cqw / 370),calc(100cqh / 540),1.6px);--layout:phone;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:calc(144 * var(--u)) minmax(0,1fr) calc(38 * var(--u)) repeat(3,calc(46 * var(--u)));gap:calc(8 * var(--u));width:calc(370 * var(--u));height:min(100cqh,calc(720 * var(--u)));padding:calc(10 * var(--u))}.synth_bezel__RAu05{grid-area:1/1/2/-1}.synth_pads__VlN2s{--lower:8;grid-area:2/1/3/-1}.synth_pad__iZtj4[data-far]{display:none}.synth_device__ZdF3D [data-b=play]{grid-area:3/1/4/3}.synth_tabs__pWx4j{display:grid;grid-area:3/3/4/-1}.synth_device__ZdF3D [data-b=rec]{grid-area:4/1/5/3}.synth_device__ZdF3D [data-b=clear]{grid-area:4/3/5/5}.synth_device__ZdF3D [data-b=octDown]{grid-area:4/5/5/7}.synth_device__ZdF3D [data-b=octUp]{grid-area:4/7/5/9}.synth_steps__Vs7R_{grid-area:5/1/7/-1;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);row-gap:calc(8 * var(--u))}.synth_step__Rt4Wy:nth-child(4n+1):not(:first-child){margin-left:0}.synth_step__Rt4Wy:nth-child(8n+5){margin-left:calc(5 * var(--u))}.synth_device__ZdF3D [data-g=waves]{grid-area:4/1/5/-1}.synth_device__ZdF3D [data-g=presets]{grid-area:5/1/6/-1}.synth_device__ZdF3D [data-b=arp]{grid-area:6/1/7/3}.synth_device__ZdF3D [data-b=hold]{grid-area:6/3/7/5}.synth_device__ZdF3D [data-b=mode]{grid-area:6/5/7/9}.synth_knobs__KY5tZ{grid-area:4/1/7/-1}}@container (min-aspect-ratio: 5/4) and (not (min-height: 430px)){.synth_device__ZdF3D{--u:min(calc(100cqw / 840),calc(100cqh / 264),1.5px);--layout:flat;grid-template-columns:repeat(3,calc(66 * var(--u))) repeat(8,minmax(0,1fr));grid-template-rows:calc(52 * var(--u)) calc(52 * var(--u)) minmax(0,1fr) minmax(0,1fr);gap:calc(8 * var(--u));width:calc(840 * var(--u));height:min(100cqh,calc(320 * var(--u)));padding:calc(10 * var(--u));border-radius:calc(26 * var(--u))}.synth_bezel__RAu05{grid-area:1/1/3/4;border-radius:calc(18 * var(--u))}.synth_screen__vy2dd{top:calc(7 * var(--u));left:calc(7 * var(--u));width:calc(100% - 14 * var(--u));height:calc(100% - 14 * var(--u));border-radius:calc(10 * var(--u))}.synth_device__ZdF3D [data-b=play]{grid-area:3/1/5/2}.synth_tabs__pWx4j{display:contents}.synth_tab__nUzAx{margin-bottom:var(--depth);border-radius:calc(11 * var(--u));background:var(--raised);box-shadow:0 var(--depth) 0 rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.4);color:var(--print)}.synth_tab__nUzAx[aria-pressed=true]{box-shadow:0 var(--depth) 0 rgba(0,0,0,.38),inset 0 0 0 max(1.5px,calc(2 * var(--u))) rgba(255,255,255,.8);color:#fff}.synth_device__ZdF3D [data-t=seq]{grid-area:3/2/4/3}.synth_device__ZdF3D [data-t=sound]{grid-area:3/3/4/4}.synth_device__ZdF3D [data-t=tone]{grid-area:4/2/5/3}.synth_device__ZdF3D [data-t=shape]{grid-area:4/3/5/4}.synth_pads__VlN2s{grid-area:3/4/5/-1;padding:calc(8 * var(--u));border-radius:calc(20 * var(--u))}.synth_device__ZdF3D [data-b=rec]{grid-area:1/4/2/6}.synth_device__ZdF3D [data-b=clear]{grid-area:1/6/2/8}.synth_device__ZdF3D [data-b=octDown]{grid-area:1/8/2/10}.synth_device__ZdF3D [data-b=octUp]{grid-area:1/10/2/12}.synth_steps__Vs7R_{grid-area:2/4/3/-1;gap:calc(4 * var(--u))}.synth_device__ZdF3D [data-g=waves]{grid-area:1/4/2/8}.synth_device__ZdF3D [data-g=presets]{grid-area:1/8/2/12}.synth_device__ZdF3D [data-b=arp]{grid-area:2/4/3/6}.synth_device__ZdF3D [data-b=hold]{grid-area:2/6/3/8}.synth_device__ZdF3D [data-b=mode]{grid-area:2/8/3/12}.synth_knobs__KY5tZ{grid-area:1/4/3/-1;grid-template-columns:repeat(8,minmax(0,1fr))}}@container (not (min-aspect-ratio: 5/4)) and (not (min-width: 620px)){.synth_sound__p8u9G,.synth_transport__0flBP{display:contents}.synth_device__ZdF3D:not([data-tab=seq]) [data-page=seq],.synth_device__ZdF3D:not([data-tab=shape]) [data-page=shape],.synth_device__ZdF3D:not([data-tab=sound]) [data-page=sound],.synth_device__ZdF3D:not([data-tab=tone]) [data-page=tone]{display:none}.synth_device__ZdF3D [data-page]{animation:synth_page__qJXXX .3s var(--ed-ease) both}}@container (min-aspect-ratio: 5/4) and (not (min-height: 430px)){.synth_sound__p8u9G,.synth_transport__0flBP{display:contents}.synth_device__ZdF3D:not([data-tab=seq]) [data-page=seq],.synth_device__ZdF3D:not([data-tab=shape]) [data-page=shape],.synth_device__ZdF3D:not([data-tab=sound]) [data-page=sound],.synth_device__ZdF3D:not([data-tab=tone]) [data-page=tone]{display:none}.synth_device__ZdF3D [data-page]{animation:synth_page__qJXXX .3s var(--ed-ease) both}}@keyframes synth_page__qJXXX{0%{opacity:0;translate:0 6px}}@supports not (container-type:size){.synth_stage___FTk_{height:auto}.synth_fit__I0qQM{display:block}.synth_device__ZdF3D{display:flex;flex-direction:column;gap:12px;width:min(100%,440px);margin-inline:auto;padding:12px}.synth_bezel__RAu05{order:-2;height:160px}.synth_pads__VlN2s{--lower:8;order:-1;height:200px}.synth_pad__iZtj4[data-far]{display:none}.synth_sound__p8u9G,.synth_transport__0flBP{grid-template-rows:none;grid-auto-rows:44px}.synth_row__LcwrN{grid-auto-rows:44px}.synth_steps__Vs7R_{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:42px}.synth_knobs__KY5tZ{row-gap:12px;padding-block:6px}}@media (prefers-reduced-motion:reduce){.synth_device__ZdF3D,.synth_device__ZdF3D [data-page],.synth_pad__iZtj4,.synth_stepLed__BCCeL{animation:none}.synth_cap__OWT4e,.synth_ringValue__lBzpA{transition:none}}