@font-face{font-family:VT323;src:url(./VT323-Regular-DICElq-Y.ttf)format("truetype");font-weight:400;font-style:normal}html{color:#fff;text-transform:uppercase;background:url(./background-DR22YJKP.png) 50%;font-family:VT323;font-size:20px}#container{flex-wrap:wrap;display:flex}.cp-ADSRVisualizer canvas{width:100%;height:110px}.cp-fieldset{box-sizing:border-box;background:#00000040;border:none;margin:.5rem .1rem;padding:.25rem;transition:all .2s linear}.cp-fieldset>:not(legend){max-height:500px;transition:all .2s ease-in-out;overflow:hidden}.cp-fieldset label{margin:.5rem 0 .2rem;font-size:.75rem;display:block}.cp-fieldset legend{background:#00000080;border-top:1px solid red;border-bottom:1px solid red;border-radius:2px;padding:.25rem .5rem;font-size:.9rem;position:relative;overflow:visible}.cp-fieldset__hide-button{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.cp-fieldset .cp-fieldset legend{border-color:#9c8559}.cp-fieldset--hidden>:not(legend){max-height:0}.cp-fieldset--operator{width:calc(25% - .2rem)}.cp-fieldset--reverb{width:14rem}.cp-fieldset__cell{opacity:1;vertical-align:top;transition:inherit}.cp-fieldset__cell input,.cp-fieldset__cell select{box-sizing:border-box;width:calc(100% - .5rem);max-width:8rem;margin:0}.cp-fieldset__cell input[type=checkbox],.cp-fieldset__cell select[type=checkbox]{width:auto}.cp-fieldset__cell button{margin:.5rem 0 0}.cp-fieldset__cell--half{width:50%;display:inline-block}.cp-fieldset__cell--quarter{width:25%;display:inline-block}.cp-fieldset__cell.invisible{opacity:0}.cp-fieldset__cell.hidden{display:none}.cp-fieldset--column{flex-direction:column;display:flex}.cp-fieldset .center{text-align:center}select,button,input{color:#fff;text-transform:capitalize;background:#000;border:0;padding:.125rem}select+select,select+button,select+input,button+select,button+button,button+input,input+select,input+button,input+input{margin-left:.25rem}input[type=range].vert{-webkit-appearance:slider-vertical}button{padding-left:.5rem;padding-right:.5rem}button.attention{animation:5s infinite pulse}button.attention:after{content:"*"}@keyframes pulse{0%{transform:scale(1)}20%{transform:scale(1.1)rotate(0)}22%{transform:scale(1.1)rotate(-5deg)}24%{transform:scale(1.1)rotate(5deg)}24%{transform:scale(1.1)rotate(-5deg)}28%{transform:scale(1.1)rotate(5deg)}30%{transform:scale(1.1)rotate(0)}50%{transform:scale(1)}}