.content__content--_13ED{display:flex;justify-content:center;align-items:center;max-width:1280px;margin:0 auto;margin-bottom:200px}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;padding-top:30px;margin:0;background-color:#333;font-size:14px;line-height:16px;font-family:"SF-UI-display","Roboto",sans-serif;overflow-x:hidden}a{text-decoration:none}button,input{font-family:"SF-UI-display",sans-serif}

.knob__controlContainer--QJan0{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.knob__knob--oOpf4::after,.knob__knob--oOpf4::before,.knob__knobContainer--bU6iC::before{content:"";position:absolute;border-radius:50%}.knob__knob--oOpf4,.knob__knobContainer--bU6iC::before,.knob__knobContainer--bU6iC{width:70px;height:70px}.knob__knobContainer--bU6iC{margin:0 auto;position:relative;overflow:hidden;padding:15px;box-sizing:content-box;transform:rotate(17deg)}.knob__knobContainer--bU6iC::before{background:linear-gradient(0deg, #46425c 0%, #1b1225 0%);border-radius:50%;box-shadow:0 -10px 20px #757575,0px 10px 35px #111,inset 0px 5px 6px #4d4d4d,inset 0px -5px 6px #242424}.knob__knob--oOpf4{position:relative;transform:rotate(230deg)}.knob__knob--oOpf4::before{top:6px;left:50%;z-index:2;transform:translateX(-50%);width:3px;height:22px;background-color:#fff;box-shadow:0 0 10px #fff}.knob__knob--oOpf4::after{top:50%;left:50%;transform:translate(-50%, -50%);width:105%;height:105%;background:linear-gradient(90deg, hsl(0deg, 0%, 3%) 0%, hsl(0deg, 0%, 13%) 70%);border:2px solid #fff;box-shadow:0 0 10px #fff,inset 0 0 5px #fff}.knob__controlName--H3smz{margin-top:5px;color:rgba(255,255,255,.8)}.knob__result--Pqij9{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.8)}
.controls__controlsContainer--EYWP8{display:flex;justify-content:space-between;margin-bottom:125px;user-select:none}.controls__knobContainer--Gzd6h{display:flex}.controls__controlGroup--OyJKv{display:flex;position:relative;padding:10px;padding-bottom:20px;margin-right:25px;border:1px solid #fff;border-radius:5px;box-shadow:0 0 10px #fff,inset 0 0 5px #fff}.controls__groupName--wDzSZ{color:#fff;position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);text-shadow:0 0 2px #fff,0 0 2px #fff;font-size:16px;text-transform:uppercase}
.dropdown__container--VsMRC{flex:1 1 0%;position:absolute;z-index:10}
.oscillator-list__rangeList--JjddB{margin:0;padding:0;list-style:none;width:190px;background:linear-gradient(90deg, hsl(0deg, 0%, 3%) 0%, hsl(0deg, 0%, 13%) 70%);box-shadow:0 5px 15px #000}.oscillator-list__rangeList--JjddB .oscillator-list__rangeItem--pr_3V{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-top:1px solid #fff;color:#fff;font-size:20px;line-height:17px;text-transform:uppercase;cursor:pointer}.oscillator-list__rangeList--JjddB .oscillator-list__rangeItem--pr_3V:last-child{height:58px}.oscillator-list__rangeList--JjddB .oscillator-list__rangeItem--pr_3V:hover{text-shadow:0 0 2px #fff,0 0 2px #fff}
.oscillator-choice__choiceBox--VzYwL{justify-self:flex-end;display:flex;flex-direction:column;align-items:center}.oscillator-choice__rangeBtn--gVvYt{padding:0;border:0;background:rgba(0,0,0,0);cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:190px;padding:19px 15px;background:linear-gradient(90deg, hsl(0deg, 0%, 3%) 0%, hsl(0deg, 0%, 13%) 70%);color:#fff;font-size:20px;line-height:17px;text-transform:uppercase}.oscillator-choice__rangeBtn--gVvYt svg{stroke:#fff}.oscillator-choice__rangeBtn--gVvYt:hover{text-shadow:0 0 2px #fff,0 0 2px #fff}.oscillator-choice__reversed--cqU49 span{transform:rotate(180deg) translateY(-2px)}.oscillator-choice__groupName--sZLKM{margin-bottom:10px;text-shadow:0 0 2px #fff,0 0 2px #fff;text-align:center;font-size:16px;text-transform:uppercase;color:#fff}
.keys__keysContainer--ZexlD{position:relative;display:flex}
.key__blackKey--pKBb5,.key__whiteKey--Qv2_g{display:flex;justify-content:center;align-items:end;padding:10px 0;border-radius:0 0 5px 5px;cursor:pointer;user-select:none}.key__whiteKey--Qv2_g{width:68px;height:280px;z-index:1;border-left:1px solid #bababa;border-bottom:1px solid #bababa;border-radius:0 0 5px 5px;box-shadow:-1px 0 0 rgba(255,255,255,.8) inset,0 0 5px #ccc inset,0 0 3px rgba(0,0,0,.2);background:linear-gradient(to bottom, rgba(255, 255, 255, 0.775) 100% 0%, hsla(0deg, 0%, 93%, 0.577) 100%);color:rgba(0,0,0,.3)}.key__whiteKey--Qv2_g.key__pressed--lBue1{border-top:1px solid #787878;border-left:1px solid #999;border-bottom:1px solid #999;box-shadow:2px 0 3px rgba(0,0,0,.1) inset,-5px 5px 20px rgba(0,0,0,.2) inset,0 0 3px rgba(0,0,0,.2);background:linear-gradient(to top, hsla(0deg, 0%, 93%, 0.577) 0%, rgba(255, 255, 255, 0.775) 100%);outline:none}.key__blackKey--pKBb5{width:38px;height:160px;z-index:2;margin:0 0 0 -38px;transform:translateX(20px);box-shadow:-1px -1px 2px rgba(255,255,255,.2) inset,0 -5px 2px 3px rgba(0,0,0,.6) inset,0 2px 4px rgba(0,0,0,.5);background:linear-gradient(45deg, hsl(0deg, 0%, 13%) 0%, hsl(0deg, 0%, 33%) 100%);color:rgba(255,255,255,.5)}.key__blackKey--pKBb5.key__pressed--lBue1{box-shadow:-1px -1px 2px rgba(255,255,255,.2) inset,0 -2px 2px 3px rgba(0,0,0,.6) inset,0 1px 2px rgba(0,0,0,.5);background:linear-gradient(to right, hsl(0deg, 0%, 27%) 0%, hsl(0deg, 0%, 13%) 100%);outline:none}
.synth-container__container--mCKST{height:600px;padding:50px 30px 0 30px;background:linear-gradient(90deg, #220e27 0, #3d1a45 100%);border-radius:5px;box-shadow:7px 7px 25px rgba(0,0,0,.3)}