.Synth-module-scss-module__Du0HrW__synth-container{flex-grow:1;justify-content:center;align-items:center;display:flex}.Synth-module-scss-module__Du0HrW__synth-container+p{margin-top:20px}.Synth-module-scss-module__Du0HrW__synth h1,.Synth-module-scss-module__Du0HrW__synth h2,.Synth-module-scss-module__Du0HrW__synth h3,.Synth-module-scss-module__Du0HrW__synth h4,.Synth-module-scss-module__Du0HrW__synth h5,.Synth-module-scss-module__Du0HrW__synth h6,.Synth-module-scss-module__Du0HrW__synth label,.Synth-module-scss-module__Du0HrW__synth p{font-family:var(--font-synth);text-transform:lowercase;font-size:12px}.Synth-module-scss-module__Du0HrW__synth{--accent-color:#d9a443;--input-background-color:#f7f3a2;--outline-color:#000;--disabled-color:#525252;--synth-background-color:#f4f4d5;background-color:var(--synth-background-color);padding-bottom:20px}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__title{background-color:var(--accent-color);border-radius:29px 29px 0 0;padding:16px 20px}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__title .Synth-module-scss-module__Du0HrW__synth-title{font-size:16px}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__synth-padding{padding:20px}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__synth-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:767px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__synth-modules{grid-template-areas:"oscillator1 oscillator2""oscillator3 volumelfo""envelopegain filter""envelopefilter oscilloscope""keyboard keyboard"}}@media (min-width:768px) and (max-width:1023px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__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) and (max-width:1439px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__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:1440px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__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"}}.Synth-module-scss-module__Du0HrW__synth{border:2px solid var(--accent-color);border-radius:32px;height:100%}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module{border:1px solid var(--accent-color);border-radius:12px}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__header{background-color:var(--accent-color);border-radius:10px 10px 0 0;align-items:center;min-height:26px;padding:4px;display:flex}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__header.Synth-module-scss-module__Du0HrW__header--no-border-radius{border-radius:0}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__header h2{margin-bottom:0}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__header input:where([type=checkbox][role=switch]){appearance:none;font-size:inherit;box-sizing:content-box;vertical-align:text-bottom;width:2em;height:1em;color:inherit;border:1px solid;border-radius:1em;margin-left:auto;position:relative}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__header input:where([type=checkbox][role=switch]):checked{color:var(--disabled-color)}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__header input:where([type=checkbox][role=switch]):not(:checked):before{left:1em}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__header input:where([type=checkbox][role=switch]):before{content:"";box-sizing:border-box;background:currentColor;border:1px solid;border-radius:50%;width:.7em;height:.7em;margin:0 .15em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__header input:where([type=checkbox][role=switch]):focus{outline:2px solid var(--outline-color);border-color:var(--outline-color);box-shadow:0 0 0 2px var(--outline-color);border-radius:4px}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__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}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__module .Synth-module-scss-module__Du0HrW__controls{flex-direction:column;gap:12px;padding:8px;display:flex}.Synth-module-scss-module__Du0HrW__synth label{padding-bottom:4px;display:flex}.Synth-module-scss-module__Du0HrW__synth label .Synth-module-scss-module__Du0HrW__right{margin-left:auto}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__range-container input[type=range]{appearance:none;background:var(--input-background-color);border:1px solid #000;border-radius:4px;width:100%;height:16px;margin:0}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__range-container input[type=range]::-webkit-slider-thumb{appearance:none;opacity:1;background:#000;width:6px;height:16px}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__range-container input[type=range]:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color);outline:none}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__select-container select{background-color:var(--input-background-color);border:0 solid #0000;border:var(--outline-color)solid 1px;cursor:pointer;width:100%;color:var(--outline-color);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;border-radius:4px;padding:4px}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__select-container select:hover{border-color:var(--accent-color)}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__select-container select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color);outline:none}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscillator-1{grid-area:oscillator1}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscillator-2{grid-area:oscillator2}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscillator-3{grid-area:oscillator3}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__volume-lfo{grid-area:volumelfo}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__envelope--gain{grid-area:envelopegain}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__filter{grid-area:filter}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__envelope--filter{grid-area:envelopefilter}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__keyboard{grid-area:keyboard;justify-content:center;display:flex}@media (min-width:768px) and (max-width:1023px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__keyboard .Synth-module-scss-module__Du0HrW__keys{width:500px!important}}@media (min-width:1024px) and (max-width:1439px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__keyboard .Synth-module-scss-module__Du0HrW__keys{width:500px!important}}@media (min-width:1440px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__keyboard .Synth-module-scss-module__Du0HrW__keys{width:500px!important}}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__keyboard .Synth-module-scss-module__Du0HrW__keys ul{display:initial}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscilloscope{flex-direction:column;grid-area:oscilloscope;height:100%;display:flex}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscilloscope .Synth-module-scss-module__Du0HrW__canvas-container{flex:1;min-height:0;position:relative}.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscilloscope .Synth-module-scss-module__Du0HrW__canvas{border-radius:0 0 10px 12px;width:100%;height:100%;display:block}@media (min-width:768px) and (max-width:1023px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscilloscope .Synth-module-scss-module__Du0HrW__canvas{border-radius:0 0 16px 16px}}@media (min-width:1024px) and (max-width:1439px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscilloscope .Synth-module-scss-module__Du0HrW__canvas{border-radius:0 0 16px 16px}}@media (min-width:1440px){.Synth-module-scss-module__Du0HrW__synth .Synth-module-scss-module__Du0HrW__oscilloscope .Synth-module-scss-module__Du0HrW__canvas{border-radius:0 0 16px 16px}}