.t7VfFW_synth-container{flex-grow:1;justify-content:center;align-items:center;display:flex}.t7VfFW_synth-container+p{margin-top:var(--space-500)}.t7VfFW_synth h1,.t7VfFW_synth h2,.t7VfFW_synth h3,.t7VfFW_synth h4,.t7VfFW_synth h5,.t7VfFW_synth h6,.t7VfFW_synth label,.t7VfFW_synth p{font-family:var(--font-synth);text-transform:lowercase;font-size:12px}.t7VfFW_synth{background-color:var(--color-chiffon);padding-bottom:var(--space-500)}.t7VfFW_synth .t7VfFW_title{background-color:var(--color-mustard);padding:var(--space-400) var(--space-500);border-radius:var(--corner-700) var(--corner-700) 0 0}.t7VfFW_synth .t7VfFW_title .t7VfFW_synth-title{margin-bottom:0;font-size:16px}.t7VfFW_synth .t7VfFW_synth-padding{padding:var(--space-500)}.t7VfFW_synth .t7VfFW_synth-modules{gap:var(--space-300);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"oscillator1 oscillator2""oscillator3 volumelfo""envelopegain filter""envelopefilter oscilloscope""keyboard keyboard";display:grid}@media (min-width:768px){.t7VfFW_synth .t7VfFW_synth-modules{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"oscillator1 oscillator2 oscillator3 volumelfo""envelopegain filter envelopefilter oscilloscope""keyboard keyboard keyboard keyboard"}}@media (min-width:1024px){.t7VfFW_synth .t7VfFW_synth-modules{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"oscillator1 oscillator2 oscillator3 volumelfo envelopegain""filter envelopefilter oscilloscope oscilloscope oscilloscope""keyboard keyboard keyboard keyboard keyboard"}}.t7VfFW_synth{border:var(--stroke-200) solid var(--color-mustard);border-radius:var(--corner-800);height:100%}.t7VfFW_synth .t7VfFW_module{border:var(--stroke-100) solid var(--color-mustard);border-radius:var(--corner-300)}.t7VfFW_synth .t7VfFW_module .t7VfFW_header{background-color:var(--color-mustard);min-height:26px;padding:var(--space-100);border-radius:var(--corner-250) var(--corner-250) 0 0;align-items:center;display:flex}.t7VfFW_synth .t7VfFW_module .t7VfFW_header.t7VfFW_header--no-border-radius{border-radius:0}.t7VfFW_synth .t7VfFW_module .t7VfFW_header h2{margin-bottom:0}.t7VfFW_synth .t7VfFW_module .t7VfFW_header input:where([type=checkbox][role=switch]){appearance:none;font-size:inherit;box-sizing:content-box;border:var(--stroke-100) solid;border-radius:var(--corner-250);vertical-align:text-bottom;width:2em;height:1em;color:inherit;margin-left:auto;position:relative}.t7VfFW_synth .t7VfFW_module .t7VfFW_header input:where([type=checkbox][role=switch]):checked{color:var(--color-gray)}.t7VfFW_synth .t7VfFW_module .t7VfFW_header input:where([type=checkbox][role=switch]):not(:checked):before{left:1em}.t7VfFW_synth .t7VfFW_module .t7VfFW_header input:where([type=checkbox][role=switch]):before{content:"";box-sizing:border-box;border:var(--stroke-100) solid;border-radius:var(--corner-200);background:currentColor;width:.7em;height:.7em;margin:0 .15em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.t7VfFW_synth .t7VfFW_module .t7VfFW_header input:where([type=checkbox][role=switch]):focus{outline:var(--stroke-200) solid var(--color-black);border-radius:var(--corner-100);border-color:var(--color-black);box-shadow:0 0 0 var(--stroke-200) var(--color-black)}.t7VfFW_synth .t7VfFW_module .t7VfFW_header label:has(+input[type=checkbox]){clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.t7VfFW_synth .t7VfFW_module .t7VfFW_controls{padding:var(--space-200);gap:var(--space-300);flex-direction:column;display:flex}.t7VfFW_synth label{padding-bottom:var(--space-100);display:flex}.t7VfFW_synth label .t7VfFW_right{margin-left:auto}.t7VfFW_synth .t7VfFW_range-container input[type=range]{appearance:none;width:100%;height:var(--space-400);background:var(--color-lemon);border:var(--color-black) solid var(--stroke-100);border-radius:var(--corner-100);margin:0}.t7VfFW_synth .t7VfFW_range-container input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-black);width:6px;height:var(--space-400);opacity:1}.t7VfFW_synth .t7VfFW_range-container input[type=range]:focus{border-color:var(--color-mustard);box-shadow:0 0 0 var(--stroke-200) var(--color-mustard);outline:none}.t7VfFW_synth .t7VfFW_select-container select{width:100%;padding:var(--space-100);background-color:var(--color-lemon);border:var(--color-black) solid var(--stroke-100);border-radius:0;border-radius:var(--corner-100);cursor:pointer;color:var(--color-black);font-size:12px;line-height:1.5;font-family:var(--font-synth);text-transform:lowercase;appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z'%3E%3C/path%3E%3C/svg%3E");background-position:right .7em top 50%;background-repeat:no-repeat,repeat;background-size:1em}.t7VfFW_synth .t7VfFW_select-container select:hover{border-color:var(--color-mustard)}.t7VfFW_synth .t7VfFW_select-container select:focus{border-color:var(--color-mustard);box-shadow:0 0 0 var(--stroke-200) var(--color-mustard);outline:none}.t7VfFW_synth .t7VfFW_oscillator-1{grid-area:oscillator1}.t7VfFW_synth .t7VfFW_oscillator-2{grid-area:oscillator2}.t7VfFW_synth .t7VfFW_oscillator-3{grid-area:oscillator3}.t7VfFW_synth .t7VfFW_volume-lfo{grid-area:volumelfo}.t7VfFW_synth .t7VfFW_envelope--gain{grid-area:envelopegain}.t7VfFW_synth .t7VfFW_filter{grid-area:filter}.t7VfFW_synth .t7VfFW_envelope--filter{grid-area:envelopefilter}.t7VfFW_synth .t7VfFW_keyboard{grid-area:keyboard;justify-content:center;display:flex}@media (min-width:768px){.t7VfFW_synth .t7VfFW_keyboard .t7VfFW_keys{width:500px!important}}.t7VfFW_synth .t7VfFW_keyboard .t7VfFW_keys ul{display:initial}.t7VfFW_synth .t7VfFW_keyboard .t7VfFW_keys ul li{margin-left:0}.t7VfFW_synth .t7VfFW_oscilloscope{flex-direction:column;grid-area:oscilloscope;height:100%;display:flex}.t7VfFW_synth .t7VfFW_oscilloscope .t7VfFW_canvas-container{flex:1;min-height:0;position:relative}.t7VfFW_synth .t7VfFW_oscilloscope .t7VfFW_canvas{border-radius:0 0 var(--corner-250) var(--corner-300);width:100%;height:100%;display:block}@media (min-width:768px){.t7VfFW_synth .t7VfFW_oscilloscope .t7VfFW_canvas{border-radius:0 0 var(--corner-400) var(--corner-400)}}
@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron Fallback;src:local(Arial);ascent-override:81.5%;descent-override:19.59%;line-gap-override:0.0%;size-adjust:124.05%}.C00Hva_className{font-family:Orbitron,Orbitron Fallback;font-style:normal}.C00Hva_variable{--font-synth:"Orbitron", "Orbitron Fallback"}