.Synth-module-scss-module__8SdqTa__synth-container{flex-grow:1;justify-content:center;align-items:center;display:flex}.Synth-module-scss-module__8SdqTa__synth-container+p{margin-top:var(--space-500)}.Synth-module-scss-module__8SdqTa__synth h1,.Synth-module-scss-module__8SdqTa__synth h2,.Synth-module-scss-module__8SdqTa__synth h3,.Synth-module-scss-module__8SdqTa__synth h4,.Synth-module-scss-module__8SdqTa__synth h5,.Synth-module-scss-module__8SdqTa__synth h6,.Synth-module-scss-module__8SdqTa__synth label,.Synth-module-scss-module__8SdqTa__synth p{font-family:var(--font-synth);text-transform:lowercase;font-size:12px}.Synth-module-scss-module__8SdqTa__synth{background-color:var(--color-chiffon);padding-bottom:var(--space-500)}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__title{background-color:var(--color-mustard);padding:var(--space-400) var(--space-500);border-radius:var(--corner-700) var(--corner-700) 0 0}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__title .Synth-module-scss-module__8SdqTa__synth-title{margin-bottom:0;font-size:16px}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__synth-padding{padding:var(--space-500)}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__synth-modules{gap:var(--space-300);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"oscillator1 oscillator2""oscillator3 volume""keyboard keyboard";display:grid}@media (min-width:768px){.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__synth-modules{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"oscillator1 oscillator2 oscillator3 volume""keyboard keyboard keyboard keyboard"}}.Synth-module-scss-module__8SdqTa__synth{border:var(--stroke-200) solid var(--color-mustard);border-radius:var(--corner-800);height:100%}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module{border:var(--stroke-100) solid var(--color-mustard);border-radius:var(--corner-300)}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__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}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__header h2{margin-bottom:0}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__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}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__header input:where([type=checkbox][role=switch]):checked{color:var(--color-gray)}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__header input:where([type=checkbox][role=switch]):not(:checked):before{left:1em}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__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%)}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__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)}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__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__8SdqTa__synth .Synth-module-scss-module__8SdqTa__module .Synth-module-scss-module__8SdqTa__controls{padding:var(--space-200);gap:var(--space-300);flex-direction:column;display:flex}.Synth-module-scss-module__8SdqTa__synth label{padding-bottom:var(--space-100);display:flex}.Synth-module-scss-module__8SdqTa__synth label .Synth-module-scss-module__8SdqTa__right{margin-left:auto}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__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}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__range-container input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-black);width:6px;height:var(--space-400);opacity:1}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__range-container input[type=range]:focus{border-color:var(--color-mustard);box-shadow:0 0 0 var(--stroke-200) var(--color-mustard);outline:none}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__select-container select{width:100%;padding:var(--space-100);background-color:var(--color-lemon);border:0 solid #0000;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}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__select-container select:hover{border-color:var(--color-mustard)}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__select-container select:focus{border-color:var(--color-mustard);box-shadow:0 0 0 var(--stroke-200) var(--color-mustard);outline:none}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__oscillator-1{grid-area:oscillator1}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__oscillator-2{grid-area:oscillator2}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__oscillator-3{grid-area:oscillator3}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__volume{grid-area:volume}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__keyboard{grid-area:keyboard;justify-content:center;display:flex}@media (min-width:768px){.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__keyboard .Synth-module-scss-module__8SdqTa__keys{width:500px!important}}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__keyboard .Synth-module-scss-module__8SdqTa__keys ul{display:initial}.Synth-module-scss-module__8SdqTa__synth .Synth-module-scss-module__8SdqTa__keyboard .Synth-module-scss-module__8SdqTa__keys ul li{margin-left:0}