@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{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%}.flex{display:flex}.dif{display:inline-flex}.grid{display:flex-grid}.wrap{flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.col{flex-direction:column}.align-center{align-items:center}.align-start{align-items:start}.align-end{align-items:end}.align-self-center{align-self:center}.align-self-start{align-self:start}.align-self-end{align-self:end}.justify-center{justify-content:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.flex1{flex-grow:1}.flex2{flex-grow:2}.flex3{flex-grow:3}.gap4{gap:4px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.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}.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}.rel{position:relative}.abs{position:absolute}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.hidden{display:none!important}.frame{border:8px solid #A8B081;border-radius:16px;padding:4px}.knob{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}.toggle-switch-hit{display:block;padding:0;border:none;background:transparent;cursor:pointer;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;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:#d5dabd;font-family:Roboto Mono}.synth .title{background-color:#d5dabd;font-weight:600;padding:0 8px;position:absolute;top:10px}#synth-1{border:12px solid #0003;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin:1rem}._App_1ixd6_3{background-color:#fef9f2;background-color:#e5e3d1;background-color:#d5dabd;box-sizing:border-box;color:#644f44;display:grid;height:100%;min-height:100dvh;width:100%}