@import url(https://fonts.cdnfonts.com/css/signpainter);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#593209;background-image:url(/static/media/wood-pattern.7723af6206c4fed53548.png)}.App{text-align:center}.controlsContainer{gap:30px;justify-content:center;padding-top:40px;width:100%}.App{display:flex;gap:30px;padding:50px}.canva{background-color:#666;border-radius:10px}.solos{align-items:center;display:flex;justify-content:space-around;padding:30px}.solos button{border-radius:50px;height:100px;width:100px}.solos button svg{-webkit-transform:scale(2.5);transform:scale(2.5)}.fulltrackcontainer,.rightPanel{display:flex;flex-direction:column;justify-content:space-between}.rightPanel{gap:30px;width:40%}.nameplate{font:SignPainter;font-family:SignPainter;font-size:42px;font-weight:800;font-weight:700;text-shadow:0 1px 0 hsla(0,0%,100%,.3),0 -1px 0 rgba(0,0,0,.7)}.panel{border:2px double #222;box-shadow:0 0 4px 2px #ccc;flex-direction:column}.panel,.panel div{display:flex;position:relative}.rivet{border:1px solid #000;border-radius:50%;box-shadow:inset 0 0 1px 1px #555;content:"";height:5px;position:absolute!important;width:5px}.rivet.tl{left:10px;top:10px}.rivet.tr{right:10px;top:10px}.rivet.bl{bottom:10px;left:10px}.rivet.br{bottom:10px;right:10px}.sliders{flex-direction:row-reverse;gap:30px;height:350px;justify-content:center;width:600px}label{background-color:#fff;font-family:monospace;margin-bottom:30px;padding:5px;-webkit-transform:rotate(3deg);transform:rotate(3deg)}.metal{background-color:#e6e6e6;box-shadow:inset 0 0 0 4px #262626,inset 0 -1px 5px 4px rgba(38,38,38,.8),inset 0 -1px 0 7px rgba(0,0,0,.25),inset 0 2px 1px 7px hsla(0,0%,100%,.7),0 -5px 6px 4px rgba(0,0,0,.15),0 5px 6px 4px hsla(0,0%,100%,.5);color:#333;outline:none;text-shadow:hsla(0,0%,40%,.5) 0 -1px 0,hsla(0,0%,100%,.6) 0 2px 1px;transition:color .2s}.metal.linear{background-image:-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-linear-gradient(left,transparent,transparent 4%,rgba(0,0,0,.03) 4.5%),-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,.15) 2.2%),linear-gradient(180deg,#c7c7c7,#e6e6e6 47%,#c7c7c7 53%,#b3b3b3);background-size:50px 600px}@-webkit-keyframes active{0%{box-shadow:0 0 3px 1px #fcfcfc,0 0 8px #d6d7d9,inset 0 0 10px 0 rgba(0,0,250,.6)}to{box-shadow:0 0 3px 1px #fcfcfc,0 0 8px #d6d7d9,inset 0 0 3px 3px #cecfd1}}@keyframes active{0%{box-shadow:0 0 3px 1px #fcfcfc,0 0 8px #d6d7d9,inset 0 0 10px 0 rgba(0,0,250,.6)}to{box-shadow:0 0 3px 1px #fcfcfc,0 0 8px #d6d7d9,inset 0 0 3px 3px #cecfd1}}[role=button],button{align-items:center;-webkit-appearance:none;background-image:linear-gradient(0deg,#d8d9db 0,#fff 80%,#fdfdfd);border:1px solid #8f9092;border-radius:30px;color:#606060;cursor:pointer;display:flex;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;height:50px;justify-content:center;outline:none;text-shadow:0 1px #fff;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:50px}[role=button]::-moz-focus-inner,button::-moz-focus-inner{border:0}[role=button]>*,button>*{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}[role=button]:hover:not([disabled]),button:hover:not([disabled]){box-shadow:0 0 3px 1px #fcfcfc,0 0 8px #d6d7d9,inset 0 0 3px 3px #cecfd1}[role=button]:hover:not([disabled])>*,button:hover:not([disabled])>*{-webkit-transform:scale(.975);transform:scale(.975)}[role=button]:focus:not(:active),button:focus:not(:active){-webkit-animation:active .9s infinite alternate;animation:active .9s infinite alternate;outline:none}[role=button]:active:not([disabled]),button:active:not([disabled]){box-shadow:0 0 3px 1px #fcfcfc,0 0 8px #d6d7d9,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}[role=button]:active:not([disabled])>*,button:active:not([disabled])>*{-webkit-transform:scale(.95);transform:scale(.95)}[role=button]:disabled,button:disabled{cursor:not-allowed;opacity:.6}[role=button].icon,button.icon{width:50px}[role=button].icon svg,button.icon svg{height:30px;margin-top:3px;width:30px}[role=button].active,button.active{box-shadow:0 0 10px 5px #6f0;color:#6f0}.trackContainer{display:flex;flex-direction:column;height:10px;justify-content:center;margin-top:150px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100px}input[type=range]{align-self:center;background:repeating-linear-gradient(90deg,#ccc,#ccc .0625em,transparent 0,transparent 2em) no-repeat 50% .4375em border-box,repeating-linear-gradient(90deg,#ccc,#ccc .0625em,transparent 0,transparent 2em) no-repeat 50% 4.1875em border-box,linear-gradient(90deg,hsla(0,0%,53%,0),#888,hsla(0,0%,53%,0)) no-repeat 50% 50% border-box;background-size:12.0625em .625em,12.0625em .625em,100% 2.25em;border:1.5em solid transparent;cursor:pointer;font-size:1em;height:2.25em;margin:-.75em 0;padding:0;width:13em}input[type=range],input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{background:hsla(0,0%,88%,.825);border-radius:.1875em;height:.5em;position:relative;width:13em}input[type=range]::-moz-range-track{background:hsla(0,0%,88%,.825);border-radius:.1875em;height:.5em;width:13em}input[type=range]::-ms-track{background:hsla(0,0%,88%,.825);border:none;border-radius:.1875em;color:transparent;height:.5em;width:13em}input[type=range]::-ms-fill-lower{display:none}input[type=range]::-webkit-slider-thumb{background:radial-gradient(#ebe1e0 10%,hsla(5,22%,90%,.2) 0,hsla(5,22%,90%,0) 72%) no-repeat 50% 50%,radial-gradient(at 100% 50%,#eee,#dedede 71%,transparent 0) no-repeat 2.5em 50%,linear-gradient(90deg,#eee,#ccc) no-repeat 100% 50%,radial-gradient(at 0 50%,#ccc,#bababa 71%,transparent 0) no-repeat .75em 50%,linear-gradient(90deg,#eee,#ccc) no-repeat 0 50%,linear-gradient(silver,#fcfcfc,#fcfcfc,silver);background-size:.825em 100%;border:none;border-radius:.5em;box-shadow:-.125em 0 .25em #928886,inset -1px 0 1px #fff;height:2em;margin-top:-.75em;width:4em}input[type=range]::-moz-range-thumb{background:radial-gradient(#ebe1e0 10%,hsla(5,22%,90%,.2) 0,hsla(5,22%,90%,0) 72%) no-repeat 50% 50%,radial-gradient(at 100% 50%,#eee,#dedede 71%,transparent 0) no-repeat 2.5em 50%,linear-gradient(90deg,#eee,#ccc) no-repeat 100% 50%,radial-gradient(at 0 50%,#ccc,#bababa 71%,transparent 0) no-repeat .75em 50%,linear-gradient(90deg,#eee,#ccc) no-repeat 0 50%,linear-gradient(silver,#fcfcfc,#fcfcfc,silver);background-size:.825em 100%;border:none;border-radius:.5em;box-shadow:-.125em 0 .25em #928886,inset -1px 0 1px #fff;height:2em;width:4em}input[type=range]::-ms-thumb{background:radial-gradient(#ebe1e0 10%,hsla(5,22%,90%,.2) 0,hsla(5,22%,90%,0) 72%) no-repeat 50% 50%,radial-gradient(at 100% 50%,#eee,#dedede 71%,transparent 0) no-repeat 2.5em 50%,linear-gradient(90deg,#eee,#ccc) no-repeat 100% 50%,radial-gradient(at 0 50%,#ccc,#bababa 71%,transparent 0) no-repeat .75em 50%,linear-gradient(90deg,#eee,#ccc) no-repeat 0 50%,linear-gradient(silver,#fcfcfc,#fcfcfc,silver);background-size:.825em 100%;border:none;border-radius:.5em;box-shadow:-.125em 0 .25em #928886,inset -1px 0 1px #fff;height:2em;width:4em}input[type=range]::-webkit-slider-runnable-track:after,input[type=range]::-webkit-slider-runnable-track:before{font:.75em/8em trebuchet ms,arial,sans-serif;position:absolute}input[type=range]::-webkit-slider-runnable-track:before{right:100%;top:50%;-webkit-transform:translate(50%,-50%) rotate(90deg) translateY(32%);transform:translate(50%,-50%) rotate(90deg) translateY(32%)}input[type=range]::-webkit-slider-runnable-track:after{left:50%;width:3em;word-spacing:1em}input[type=range]:first-of-type::-webkit-slider-runnable-track:before{content:"320Hz"}input[type=range]:first-of-type::-webkit-slider-runnable-track:after{bottom:100%;text-align:right;-webkit-transform:translate(-50%,50%) rotate(90deg) translate(-4.375em);transform:translate(-50%,50%) rotate(90deg) translate(-4.375em)}input[type=range]:nth-of-type(2)::-webkit-slider-runnable-track:before{content:"600Hz"}input[type=range]:nth-of-type(3)::-webkit-slider-runnable-track:before{content:"1KHz"}input[type=range]:nth-of-type(4)::-webkit-slider-runnable-track:before{content:"3KHz"}input[type=range]:nth-of-type(5)::-webkit-slider-runnable-track:before{content:"6KHz"}input[type=range]:nth-of-type(6)::-webkit-slider-runnable-track:before{content:"12KHz"}input[type=range]:nth-of-type(6)::-webkit-slider-runnable-track:after{top:100%;-webkit-transform:translate(-50%,-50%) rotate(90deg) translate(4.375em);transform:translate(-50%,-50%) rotate(90deg) translate(4.375em)}input[type=range]:first-of-type::-webkit-slider-runnable-track:after,input[type=range]:nth-of-type(6)::-webkit-slider-runnable-track:after{content:"+18 0 -18"}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#898586}input[type=range]:focus::-moz-range-track{background:#898586}input[type=range]:focus::-ms-track{background:#898586}
/*# sourceMappingURL=main.eb174c9d.css.map*/