@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html,body{height:100%}body{background-color:var(--back);line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate;height:100%}.db{display:block}.df{display:flex}.dg{display:grid}.di{display:inline}.dib{display:inline-block}.ma4{margin:4px}.ma5{margin:5px}.ma8{margin:8px}.ma10{margin:10px}.ma12{margin:12px}.ma16{margin:16px}.ma20{margin:20px}.ma30{margin:30px}.ma40{margin:40px}.ma50{margin:50px}.mr4{margin-right:4px}.mr5{margin-right:5px}.mr8{margin-right:8px}.mr10{margin-right:10px}.mr12{margin-right:12px}.mr16{margin-right:16px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr40{margin-right:40px}.mr50{margin-right:50px}.mb4{margin-bottom:4px}.mb5{margin-bottom:5px}.mb8{margin-bottom:8px}.mb10{margin-bottom:10px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.ml4{margin-left:4px}.ml5{margin-left:5px}.ml8{margin-left:8px}.ml10{margin-left:10px}.ml12{margin-left:12px}.ml16{margin-left:16px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.pa4{padding:4px}.pa5{padding:5px}.pa8{padding:8px}.pa10{padding:10px}.pa12{padding:12px}.pa16{padding:16px}.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w120{width:120px}.w125{width:125px}.w150{width:150px}.w175{width:175px}.w200{width:200px}.w100pc{width:100%}.oc{outline:1px solid cyan}.of{outline:1px solid fuchsia}.ol{outline:1px solid lime}.ot{outline:1px solid teal}.oy{outline:1px solid yellow}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.hidden{display:none!important}.frame{border:8px solid #A8B081;border-radius:16px;padding:4px}.knob{cursor:pointer;padding:4px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.knob-face{position:relative;width:100%;aspect-ratio:1;min-height:0}.knob-img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center center;pointer-events:none}.number-input{cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.toggle{cursor:pointer}.toggle-switch-hit{background:transparent;border:none;cursor:pointer;display:block;padding:0;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.toggle-switch-img{display:block;filter:contrast(1.4);width:100%;height:auto;object-fit:contain;pointer-events:none}.dial{container-type:inline-size;cursor:pointer;display:flex;align-items:stretch;flex-direction:column;padding:.5rem;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}.dial-face{position:relative;width:100%;aspect-ratio:1;flex:1 1 auto;min-height:0}.dial .title{font-size:clamp(.5rem,15cqw,3rem);font-weight:700;line-height:1;margin:0 0 4px;text-align:center;text-transform:uppercase;white-space:nowrap;font-size:12cqw;overflow:hidden}.dial .subtitle{font-size:1.5rem;font-size:clamp(.9rem,10cqw,2rem);font-weight:700;line-height:1;margin:0 0 4px;text-align:center;font-size:4cqw;white-space:nowrap;overflow:hidden;font-size:12cqw}.dial-svg{width:100%;height:100%}.dial-dot{position:absolute;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);pointer-events:none}.dial-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;font-variant-numeric:tabular-nums}.synth{background-color:var(--bg);flex:1;font-family:var(--font-mono);height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.synth .border-text{background-color:var(--bg);color:var(--faded);font-weight:900;padding:0 8px;position:relative;top:12px}.synth *{color:#000;line-height:1;margin:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.synth .medium{font-size:1.25rem;font-weight:700}.synth .large{font-size:2.5rem;font-weight:700}.synth .big{font-size:5rem;font-weight:900}.synth .title{margin:1.5rem 0 0;text-align:center}.synth .main{display:flex;align-items:center;flex-direction:column;gap:2rem;justify-content:space-around;flex:1;padding:0 0 2rem}.synth .params{display:flex;flex-direction:column}.synth .param{display:flex;align-items:center;flex-direction:column}.synth .main .param:nth-child(2){position:relative;top:1rem}.synth .label{flex:1;position:relative;top:-8px;user-select:none;-webkit-user-select:none}@media screen and (min-width:800px){.synth{border:8px solid var(--black);border-radius:16px;flex:unset;height:unset;min-width:280px}.synth .title{border-radius:16px 16px 0 0}.synth .main{display:flex}.synth .main .param:first-child{margin-bottom:2rem}}@media(orientation:landscape){.synth .title{line-height:1.25;margin:1.5rem 0 0 1.5rem;max-width:200px;text-align:left}.synth .main{display:grid;grid-template-columns:1fr 1fr 1fr}.synth .main .param:nth-child(1){position:relative;top:10px}.synth .main .param:nth-child(2){position:relative;top:5px}}:root{--font-body: sans-serif;--font-sans: Jost, sans-serif;--font-mono: "Roboto Mono", monospace;--black: #000;--white: #FFF;--ink: #444;--paper: #EEE;--shadow: #CCC;--subtle: #00000011;--subtle2: #FFFFFF11;--hint: #888;--back: #444;--bg1: #F8E81C;--bg: gold;--text: #000;--faded: #0008}._App_9jhwh_4{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:100%}