._keyboardContainer_r9641_1{position:relative;margin-right:20px;width:100%;display:flex;flex-direction:column;margin-bottom:12px}._keyboard_r9641_1{background:#000;border-radius:0 0 4px 4px;position:relative;padding:0 3px 4px;box-shadow:0 4px 6px -1px #7e5095,0 4px 6px -1px #3c194d}._keyboard_r9641_1:before{content:"";background:linear-gradient(180deg,#532673,#1a171c);display:flex;position:relative;width:calc(100% + 160px);height:12px;left:-129px;z-index:5000}._pianoKeys_r9641_31{position:relative;height:100%;display:flex;gap:2px}._leftShadow_r9641_38{pointer-events:none;position:absolute;background:linear-gradient(270deg,#fff0,#80808080,#000);filter:blur(9px);width:20px;height:100%;z-index:10}._rightShadow_r9641_53{pointer-events:none;position:absolute;right:0;background:linear-gradient(90deg,#fff0,#80808080,#000);filter:blur(9px);width:20px;height:100%;z-index:10}._whiteKey_r9641_69{height:144px;flex:1;background:linear-gradient(180deg,#fff,#ccc);box-shadow:inset 0 .5px .5px 1px #0006,inset 0 0 .5px 1.5px #e6e6e680,inset 0 0 .5px 2.5px #e6e6e680;border-left:1px solid #444;border-right:1px solid #444;border-bottom:3px solid #666;border-radius:0 0 5px 5px;cursor:pointer;transition:all .15s ease}._whiteKey_r9641_69:before{z-index:1000;content:"";display:block;height:60px;background:linear-gradient(0deg,#ccc0,#80808060,#333333d9)}._whiteKeyActive_r9641_96{background:linear-gradient(to bottom,#fff,#f8f8f8 75%,#f0f0f0 85%,#e8e8e8,#ddd 95%);transform:translateY(2px);box-shadow:0 1px 2px #0000001a,inset 0 1px 1px #d4e0f7}._blackKey_r9641_109{position:absolute;border-radius:0 0 5px 5px;height:88px;border-top:2px solid var(--key-black-hover);background:linear-gradient(to bottom,hsl(220,13%,22%),var(--key-black));cursor:pointer;transition:all .15s ease;z-index:20;box-shadow:0 4px 6px #0000004d,inset 0 1px 1px #373d48;transform:translateY(-2px)}._blackKey_r9641_109:after{content:"";top:0;position:absolute;left:4px;right:4px;bottom:15px;background:linear-gradient(180deg,#4d4d4d,#333);box-shadow:inset 0 0 12px #ffffff1a;border-radius:0 0 5px 5px;overflow:hidden;overflow:clip;transform:rotateX(-10deg);transform-origin:top center}._blackKeyActive_r9641_136{background:linear-gradient(to bottom,var(--key-black-hover),var(--key-black))}._blackKeyActive_r9641_136:after{transform:translateY(2px);transform-origin:top center}._keyboardControls_r9641_148{display:flex;justify-content:flex-end;padding:4px 8px;margin-bottom:4px}._button_r9641_155{padding:.875rem 1.75rem;background:linear-gradient(to bottom,#434956,#373d48);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}._button_r9641_155:hover{background:linear-gradient(to bottom,#4e5565,#434956)}._buttonActive_r9641_177{background:linear-gradient(to bottom,#596273,#4e5565);box-shadow:inset 0 1px 1px #646e82}:root{--primary-color: hsl(51, 100%, 50%);--background-color: hsl(0, 0%, 10%);--text-color: hsl(220, 13%, 90%);--grid-cell-size: 36px;--border-radius: 8px;--synth-bg: hsl(0, 0%, 18%);--control-bg: hsl(0, 0%, 12%);--knob-size: 45px;--section-spacing: .75rem}._synthSides_8ntrv_13{background:#b3914d;padding:0 22px;width:fit-content;margin:25% auto 0;border-radius:4px;background:linear-gradient(180deg,#4d3e21,#b3914d 3%,#aa8a49 99%,#4d3e21)}._backPanel_8ntrv_30{height:16px;background:linear-gradient(0deg,#1b141f 0,#1b141f 1px,#582a6f 1px,#582a6f 2px,#623e74 4px,#372640);border-bottom:1px solid hsl(0,0%,0%)}._synth_8ntrv_13{display:flex;flex-direction:column;margin:0 auto;width:930px;background-color:#512f6a;border-left:4px solid hsl(0,0%,0%);border-right:4px solid hsl(0,0%,0%)}._sequencerControls_8ntrv_52{display:flex;gap:.5rem}._controlsContainer_8ntrv_57{display:flex;flex-direction:column;height:200px}._innerControlsContainer_8ntrv_62{display:grid;grid-template-columns:24% 1% 50% 1% 24%;height:100%}._box_8ntrv_68{border:2px solid hsla(280,30%,80%,.4);border-radius:2px;position:relative;height:95%;margin:4px;background:#572e6b;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}._indent_8ntrv_82{width:8px;height:100%;background:linear-gradient(90deg,#36293d,#8245a1,#1a171c,#623e74,#739)}._horizontalIndent_8ntrv_95{align-self:flex-end;width:100%;height:8px;background:linear-gradient(0deg,#36293d,#8245a1,#1a171c,#623e74,#739)}@media(max-width:1200px){._controlsContainer_8ntrv_57,._effectsPanel_8ntrv_114{grid-template-columns:1fr}}@media(max-width:768px){:root{--knob-size: 35px}}@media(max-width:480px){:root{--knob-size: 30px}}._toggleSlider_8ntrv_131{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#434956;transition:.4s;border-radius:20px}._toggleSlider_8ntrv_131:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#e2e4e9;transition:.4s;border-radius:50%}input:checked+._toggleSlider_8ntrv_131{background-color:#3c71dd}input:checked+._toggleSlider_8ntrv_131:before{transform:translate(20px)}._modWheels_8ntrv_163{display:flex;gap:15px;justify-content:center;align-items:center;width:100px}._modWheelwell_8ntrv_171{--gap: 0px;position:relative;height:calc(112px + 8 * var(--gap));padding:var(--gap);border-radius:2px;border-top:2px solid hsl(0,0%,12.5%);border-bottom:2px solid hsl(0,0%,12.5%);border-left:2px solid hsl(0,0%,12.5%);border-right:2px solid hsl(0,0%,12.5%);box-shadow:inset 0 4px 8px #170c1d,inset 0 8px 16px #170c1d}._modWheel_8ntrv_163{--grooves: repeating-linear-gradient( 0deg, transparent 0px 1px, hsla(280, 15%, 6%, .25) 2px 4px );--train-track-left: linear-gradient( 90deg, transparent 0px 4px, hsla(280, 30%, 60%, .5) 4px 6px, transparent 3px );--train-track-right: linear-gradient( 270deg, transparent 0px 4px, hsla(280, 30%, 60%, .5) 4px 6px, transparent 3px );--base-texture: linear-gradient( 180deg, hsl(280, 25%, 20%), hsl(0, 0%, 100%) 28%, hsl(280, 25%, 20%) );position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;background:var(--base-texture);cursor:pointer}._modWheelKnob_8ntrv_219{position:relative;display:flex;width:12px;height:9px;background:linear-gradient(180deg,#404040,#bfbfbf 37.5%,#d9d9d9 62.5%,#404040);border-top:1.5px solid hsl(0,0%,25%);border-bottom:1.5px solid hsl(0,0%,25%)}._keyRow_8ntrv_235{display:flex;overflow:clip;background:linear-gradient(180deg,#682d86 98%,#2d1339)}._firstBox_8ntrv_245{display:flex;flex-direction:column;align-items:center;justify-content:center}._SliderRoot_skcqn_1{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;width:130px;max-width:100%;height:20px}._SliderTrack_skcqn_12{background-color:#1a1a1a;position:relative;flex-grow:1;border-radius:3px;height:6px}._SliderRange_skcqn_20{position:absolute;box-shadow:#000 0 1px 2px inset;background-color:#cd5ff1;border-radius:3px;height:6px}._SliderThumb_skcqn_28{display:block;width:10px;height:20px;background:repeating-linear-gradient(rgba(40,31,46,.3) 0px,rgba(40,31,46,.3) 1px,transparent 1px,transparent 2px) center 4px / calc(100% - 5px) 8px no-repeat,radial-gradient(180% 78% at 50% 27.5%,#fff,#fff 60%,#8b74a2 70%,#8e7ca0 79%,#8e7ca0 90%) center center / 100% 100%;box-shadow:#301f3f 0 0 3px inset;background-position:center 4px,center center;border-radius:2px}._SliderThumb_skcqn_28:focus{outline:none}._volumeContainer_h0rdv_1{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._logo_kn42w_1{font-size:1.5rem;font-weight:900;color:var(--text-primary);background:#000;padding:25px 20px;border-radius:5px;margin-bottom:10px}._effectContainer_146t7_1{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._effectLabel_146t7_11{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#cec2d6}._effectControls_146t7_18{display:flex;flex-direction:column;gap:.5rem;width:100%}._footer_k7fhv_1{position:fixed;bottom:0;left:0;right:0;padding:.5rem 1rem;background:#0e0812e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.7rem;color:var(--text-secondary);text-transform:none;font-weight:500}._link_k7fhv_15{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}._link_k7fhv_15:hover{color:var(--text-primary)}._linkContent_k7fhv_25{display:inline-flex;align-items:center;gap:.25rem}:root{--keyboard-bg: hsl(220, 13%, 15%);--keyboard-border: hsl(220, 13%, 25%);--key-white: hsl(0, 0%, 100%);--key-white-hover: hsl(220, 10%, 95%);--key-white-active: hsl(220, 70%, 85%);--key-black: hsl(220, 13%, 18%);--key-black-hover: hsl(220, 13%, 25%);--key-black-active: hsl(220, 70%, 30%);--text-primary: hsl(220, 13%, 95%);--text-secondary: hsl(220, 13%, 65%)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}#root,#__next{isolation:isolate}@font-face{font-family:Cartograph;src:url(/assets/cartograph-DBXffOAX.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cartograph;src:url(/assets/cartograph-900-B6OhQR6Q.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-center-column{display:flex;align-items:center;justify-content:center;flex-direction:column}.flex-column-between{display:flex;flex-direction:column;margin:0 auto}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.gap-5{gap:5rem}body{background-size:400% 400%;background-image:linear-gradient(30deg,#000,#1d0f24);font-family:Cartograph;text-transform:uppercase;text-align:center;font-size:1rem;font-weight:900;color:#cec2d6}