.p3-dla_synth-container{flex-grow:1;justify-content:center;align-items:center;display:flex}.p3-dla_synth-container+p{margin-top:var(--space-500)}.p3-dla_synth h1,.p3-dla_synth h2,.p3-dla_synth h3,.p3-dla_synth h4,.p3-dla_synth h5,.p3-dla_synth h6,.p3-dla_synth label,.p3-dla_synth p{font-family:var(--font-synth);text-transform:lowercase;font-size:12px}.p3-dla_synth{background-color:var(--color-chiffon);padding-bottom:var(--space-500)}.p3-dla_synth .p3-dla_title{background-color:var(--color-mustard);padding:var(--space-400) var(--space-500);border-radius:var(--corner-700) var(--corner-700) 0 0}.p3-dla_synth .p3-dla_title .p3-dla_synth-title{margin-bottom:0;font-size:16px}.p3-dla_synth .p3-dla_synth-padding{padding:var(--space-500)}.p3-dla_synth .p3-dla_synth-modules{gap:var(--space-300);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"oscillator1 oscillator2""oscillator3 volumelfo""envelopegain.""filter envelopefilter""keyboard keyboard";display:grid}@media (min-width:768px){.p3-dla_synth .p3-dla_synth-modules{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"oscillator1 oscillator2 oscillator3 volumelfo""envelopegain filter envelopefilter.""keyboard keyboard keyboard keyboard"}}.p3-dla_synth{border:var(--stroke-200) solid var(--color-mustard);border-radius:var(--corner-800);height:100%}.p3-dla_synth .p3-dla_module{border:var(--stroke-100) solid var(--color-mustard);border-radius:var(--corner-300)}.p3-dla_synth .p3-dla_module .p3-dla_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}.p3-dla_synth .p3-dla_module .p3-dla_header.p3-dla_header--no-border-radius{border-radius:0}.p3-dla_synth .p3-dla_module .p3-dla_header h2{margin-bottom:0}.p3-dla_synth .p3-dla_module .p3-dla_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}.p3-dla_synth .p3-dla_module .p3-dla_header input:where([type=checkbox][role=switch]):checked{color:var(--color-gray)}.p3-dla_synth .p3-dla_module .p3-dla_header input:where([type=checkbox][role=switch]):not(:checked):before{left:1em}.p3-dla_synth .p3-dla_module .p3-dla_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%)}.p3-dla_synth .p3-dla_module .p3-dla_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)}.p3-dla_synth .p3-dla_module .p3-dla_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}.p3-dla_synth .p3-dla_module .p3-dla_controls{padding:var(--space-200);gap:var(--space-300);flex-direction:column;display:flex}.p3-dla_synth label{padding-bottom:var(--space-100);display:flex}.p3-dla_synth label .p3-dla_right{margin-left:auto}.p3-dla_synth .p3-dla_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}.p3-dla_synth .p3-dla_range-container input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-black);width:6px;height:var(--space-400);opacity:1}.p3-dla_synth .p3-dla_range-container input[type=range]:focus{border-color:var(--color-mustard);box-shadow:0 0 0 var(--stroke-200) var(--color-mustard);outline:none}.p3-dla_synth .p3-dla_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}.p3-dla_synth .p3-dla_select-container select:hover{border-color:var(--color-mustard)}.p3-dla_synth .p3-dla_select-container select:focus{border-color:var(--color-mustard);box-shadow:0 0 0 var(--stroke-200) var(--color-mustard);outline:none}.p3-dla_synth .p3-dla_oscillator-1{grid-area:oscillator1}.p3-dla_synth .p3-dla_oscillator-2{grid-area:oscillator2}.p3-dla_synth .p3-dla_oscillator-3{grid-area:oscillator3}.p3-dla_synth .p3-dla_volume-lfo{grid-area:volumelfo}.p3-dla_synth .p3-dla_envelope--gain{grid-area:envelopegain}.p3-dla_synth .p3-dla_filter{grid-area:filter}.p3-dla_synth .p3-dla_envelope--filter{grid-area:envelopefilter}.p3-dla_synth .p3-dla_keyboard{grid-area:keyboard;justify-content:center;display:flex}@media (min-width:768px){.p3-dla_synth .p3-dla_keyboard .p3-dla_keys{width:500px!important}}.p3-dla_synth .p3-dla_keyboard .p3-dla_keys ul{display:initial}.p3-dla_synth .p3-dla_keyboard .p3-dla_keys ul li{margin-left:0}