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:#eceff3;font-family:monospace;font-size:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"TR-909";src:local("TR-909"),url(/static/media/TR-909.a474f333.ttf) format("truetype");font-weight:400}.App{padding:0 10px}h1{font-size:45px;margin-bottom:5px}h1,h2{font-family:"TR-909"}a:link,a:visited{text-decoration:none;color:#000}a:hover{color:grey}a:active,a:hover{text-decoration:none}a:active{color:#d3d3d3}button{border-radius:0;border:1.5px solid #2b2f38;background-color:#c9d6df;padding:8px 5px;box-shadow:.2px .2px 1px #6f7c94;font-family:"TR-909";font-size:16px}button:active,button:disabled{border:2px solid #c9d6df}option,select{background-color:#fff}input,option,select{font-family:monospace}@media (max-width:373px){button{font-size:14px;padding:7px 4px}}.LandingPage,.LandingPage_login{display:flex;flex-direction:column;align-items:center}.LandingPage_intro{text-align:left;max-width:600px;font-size:smaller}.LandingPage_input{margin-bottom:10px}.LandingPage_signup{margin-top:5px;font-size:smaller;text-decoration:underline}h1{text-align:center}h3{margin-bottom:10px}.CreateAccount,.CreateAccount_form{display:flex;flex-direction:column;align-items:center}.CreateAccount_input{margin-bottom:10px}.SavePattern,.SavePattern_form{display:flex;flex-direction:column;align-items:center}.SavePattern_input{margin-bottom:10px}label{display:block;font-size:smaller}button{margin:0 2.5px}.ValidateNameEntry_error{color:red;font-size:smaller}.Interface{display:flex;flex-direction:column}header{display:flex;flex-direction:row;justify-content:center}header>button{align-self:center}header>a{margin-bottom:30px}.TransportControls{display:flex;flex-direction:row;justify-content:center}.TransportSliders{margin-top:10px;display:flex;flex-direction:column;align-items:center;font-size:18px}input[type=range]{-webkit-appearance:none;width:225px;background:#6f7c94;height:8px;border:1px solid #2b2f38;margin:5px;box-shadow:.2px .2px 1px #6f7c94}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #000;height:15px;width:15px;border-radius:0;background:#c9d6df;cursor:pointer;margin-top:0;box-shadow:.2px .2px 1px #6f7c94}input[type=range]::-moz-range-thumb{border:1px solid #000;height:15px;width:15px;border-radius:0;background:#c9d6df;cursor:pointer;margin-top:0;box-shadow:.2px .2px 1px #6f7c94}input[type=range]::-ms-thumb{border:1px solid #000;height:15px;width:15px;border-radius:0;background:#c9d6df;cursor:pointer;margin-top:0;box-shadow:.2px .2px 1px #6f7c94}.PatternSelect{margin-top:10px;display:flex;flex-direction:row;justify-content:center}.PatternSelect>label{align-self:center;margin-right:5px}.PatternSelect_button{margin-left:5px;margin-right:0}@media (max-width:330px){.PatternSelect{flex-direction:column;max-width:150px;align-self:center;margin-top:5px}.PatternSelect>label{margin-bottom:3px}.PatternSelect_button{max-width:100px;align-self:center;margin-top:5px}}.Sequencer{align-items:center}.Sequencer,.Sequencer_display{display:flex;flex-direction:column}.Sequencer_display{align-items:flex-end;margin:20px 0 0}.Sequencer_channel{display:flex;flex-direction:row;align-items:center}.Sequencer_channel>label{margin-right:10px}@media (max-width:373px){.Sequencer_channel>label{margin-right:5px}}.step{border:1px solid #000;border-right:none;margin:0;cursor:pointer;background-color:#fefefe;font-size:16px}.step:last-child{border-right:1px solid #000}.row>.step{border-bottom:none}.clicked{background-color:#6f7c94}.current_step{border-left:3px solid #2b2f38}.row:last-child{border-bottom:1px solid #000}@media (max-width:373px){.step{font-size:smaller;padding:1.5px 0}.row:last-child>.step{border-bottom:1px solid #000}}.StepTracker{margin-left:52px}.tracker{font-size:smaller;padding-right:60px}.fourth,.second,.third{margin-left:12px}@media (max-width:360px){.StepTracker{margin-left:48px}.tracker{font-size:smaller;padding-right:52px}.second{margin-left:10px}.third{margin-left:8px}.fourth{margin-left:4px}}.ClearSteps{display:flex;flex-direction:row;justify-content:center}.ClearSteps>button{margin-top:10px}
/*# sourceMappingURL=main.a7a1bd37.chunk.css.map */