.AttackDecay{-webkit-flex-basis:125px;flex-basis:125px}.AttackDecay .controlWrap{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.AttackDecay label{font-size:small}.AttackDecay .noClick{border:1px solid rgba(10,10,10,.7);width:55px;height:55px;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:690px){.AttackDecay{-webkit-flex-basis:auto;flex-basis:auto}}.Pattern{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.Pattern,.Pattern .patternWrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:calc(100% - 4px)}.Pattern .patternWrap{-webkit-flex-basis:270px;flex-basis:270px;-webkit-flex-direction:column;flex-direction:column}.Pattern .infoWrap,.Pattern .patternWrap{-webkit-justify-content:space-around;justify-content:space-around}.Pattern .infoWrap{min-height:65px;display:-webkit-flex;display:flex;-webkit-flex-flow:nowrap;flex-flow:nowrap}.Pattern .infoWrap.left{-webkit-align-items:flex-start;align-items:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.Pattern .infoWrap.right{-webkit-align-items:flex-end;align-items:flex-end;-webkit-align-content:flex-end;align-content:flex-end}.Pattern .labelWrap{display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-align-content:space-between;align-content:space-between;width:calc(100% - 4px)}.Pattern .noClick{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Pattern .labelWrap.left{-webkit-align-items:flex-end;align-items:flex-end;text-align:right;font-size:small}.Pattern .labelWrap.right{-webkit-align-items:flex-start;align-items:flex-start;text-align:left;font-size:small}.Pattern .box.left{margin-right:8%}.Pattern .box.right{margin-left:8%}@media only screen and (max-width:690px){.Pattern .hideSmall{display:none}}@media only screen and (max-width:650px){.Pattern label{font-size:small}}.Equalizer{min-width:128px}.Equalizer .eqControlWrap{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;grid-column-gap:.35rem;-webkit-column-gap:.35rem;column-gap:.35rem}.Equalizer label{font-size:small}.Volume{-webkit-flex-direction:row;flex-direction:row;font-size:small}.Volume,.Volume .sliderWrap{display:-webkit-flex;display:flex}.Volume .sliderWrap{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:calc(100% - 4px)}.Volume label{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-orientation:upright;-webkit-text-orientation:upright}.Volume .fxLabel{font-size:smaller}@media only screen and (max-width:450px){.Volume .hideMobile{display:none}}@media only screen and (max-width:415px){.Volume label{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.Volume .sliderWrap{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}}.KickControl{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.KickControl label{font-size:small}.HatsControl{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.HatsControl label{font-size:small}.SnareControl{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.SnareControl label{font-size:small}.PercControl{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.PercControl label{font-size:small}.Channel{display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;justify-items:center;-webkit-align-content:space-evenly;align-content:space-evenly;border:2px solid rgba(255,255,0,.25);border-radius:10% 6% 10% 6%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;min-width:170px;background-color:rgba(60,60,60,.95);padding:.25rem;margin-bottom:1rem;-webkit-filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9));filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9))}.titleWrap{-webkit-flex-flow:row nowrap;flex-flow:row nowrap}.channelStrip,.titleWrap{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;justify-items:center;-webkit-align-content:space-evenly;align-content:space-evenly;-webkit-align-items:center;align-items:center}.channelStrip{width:100%}.channelWrap{-webkit-flex-basis:90%;flex-basis:90%;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;grid-row-gap:.25rem;row-gap:.25rem}.controls{width:270px}.knobWrap{display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-align-content:space-between;align-content:space-between}.channelName{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-orientation:upright;-webkit-text-orientation:upright}@media only screen and (max-width:690px){.Channel{max-width:30rem}.channelStrip{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;grid-row-gap:.5rem;row-gap:.5rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.channelStrip>:nth-child(2){-webkit-order:2;order:2}}@media only screen and (max-width:415px){.titleWrap{-webkit-flex-flow:row wrap;flex-flow:row wrap}.channelName{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}}.Reverb{-webkit-flex-basis:25%;flex-basis:25%;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-content:space-evenly;align-content:space-evenly;border:2px solid rgba(255,255,0,.25);border-radius:10% 6% 10% 6%;min-height:91px;width:30%;min-width:170px;max-width:20rem;background-color:rgba(60,60,60,.95);padding:.25rem;margin-bottom:1rem;-webkit-filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9));filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9))}.Reverb,.Reverb .wrap{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;justify-items:center}.Reverb .wrap{-webkit-flex-basis:90%;flex-basis:90%;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;grid-row-gap:.5rem;row-gap:.5rem}.Reverb label{font-size:small}@media only screen and (max-width:450px){.Reverb{display:none}}.Delay{-webkit-flex-basis:30%;flex-basis:30%;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-content:space-evenly;align-content:space-evenly;border:2px solid rgba(255,255,0,.25);border-radius:10% 6% 10% 6%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:30%;min-width:170px;max-width:20rem;background-color:rgba(60,60,60,.95);padding:.25rem;margin-bottom:1rem;-webkit-filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9));filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9))}.Delay,.Delay .wrap{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;justify-items:center}.Delay .wrap{-webkit-flex-basis:90%;flex-basis:90%;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;grid-row-gap:.5rem;row-gap:.5rem}.Delay label{font-size:small}@media only screen and (max-width:450px){.Delay{display:none}}.Compressor{-webkit-flex-basis:15%;flex-basis:15%;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-content:space-evenly;align-content:space-evenly;border:2px solid rgba(255,255,0,.25);border-radius:10% 6% 10% 6%;min-height:91px;width:70%;background-color:rgba(60,60,60,.95);padding:.25rem;margin-bottom:1rem;-webkit-filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9));filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9))}.Compressor,.Compressor .wrap{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;justify-items:center}.Compressor .wrap{-webkit-flex-basis:90%;flex-basis:90%;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;grid-row-gap:.5rem;row-gap:.5rem}.Compressor label{font-size:small}@media only screen and (max-width:450px){.Compressor{display:none}}.Power{-webkit-flex-basis:15%;flex-basis:15%;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-content:space-evenly;align-content:space-evenly;border:2px solid rgba(255,255,0,.25);border-radius:10% 6% 10% 6%;min-height:91px;width:30%;background-color:rgba(60,60,60,.95);padding:.25rem;margin-bottom:1rem;-webkit-filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9));filter:drop-shadow(0 0 .5rem rgba(20,20,20,.9))}.Power,.Power .wrap{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;justify-items:center}.Power .wrap{-webkit-flex-basis:90%;flex-basis:90%;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;grid-row-gap:.5rem;row-gap:.5rem}@media only screen and (max-width:450px){.Power{width:50%;-webkit-flex-basis:50%;flex-basis:50%}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34}.App{font-family:"Russo One",sans-serif;text-align:center;min-height:100vh;color:#bebebe;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.appWrap,.channelWrap{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;justify-items:center;-webkit-align-content:space-evenly;align-content:space-evenly;-webkit-align-items:center;align-items:center}.channelWrap{padding:1rem;max-width:50rem}@media only screen and (min-width:415px){.channelWrap>:first-child,.channelWrap>:nth-child(2),.channelWrap>:nth-child(3){margin-right:.5rem}}@media only screen and (max-width:690px) and (min-width:415px){.channelWrap>:first-child,.channelWrap>:nth-child(2){-webkit-flex-basis:30%;flex-basis:30%}.channelWrap>:nth-child(3),.channelWrap>:nth-child(4){-webkit-flex-basis:40%;flex-basis:40%}}@media only screen and (max-width:414px){.hideMobile{display:none}.channelWrap{padding:.5rem 0}}
/*# sourceMappingURL=main.b4b67e2d.chunk.css.map */