@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap);.Alert_Alert__6Df8L{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.Alert_AlertContent__58fQu{background-color:#e5e5e5;border-radius:10px;box-shadow:0 0 15px 1px rgba(0,0,0,.5);color:#1a1a1a;font-size:1.5rem;font-weight:600;padding:2rem 3rem}.Alert_AlertButton__ABArD{background-color:#1a1a1a;border:none;display:block;font-size:1rem;font-weight:600;margin:2rem auto 0;padding:1rem}.Alert_Hide__OBIn4{display:none}.Maschine_Maschine__rXFok{align-items:center;-webkit-animation:Maschine_fadeIn__UY4cX 2s ease forwards;animation:Maschine_fadeIn__UY4cX 2s ease forwards;border:2px solid #d5dce2;border-bottom-color:#b8c2cc;border-radius:10px;box-sizing:border-box;-webkit-column-gap:3rem;column-gap:3rem;display:flex;height:600px;justify-content:center;padding:3rem;width:1200px}@-webkit-keyframes Maschine_fadeIn__UY4cX{0%{opacity:0;-webkit-transform:perspective(1) rotateX(0);transform:perspective(1) rotateX(0)}to{box-shadow:0 60px 123px -25px rgba(22,31,39,.42),0 35px 75px -35px rgba(19,26,32,.08);opacity:1;-webkit-transform:perspective(75em) rotateX(18deg);transform:perspective(75em) rotateX(18deg)}}@keyframes Maschine_fadeIn__UY4cX{0%{opacity:0;-webkit-transform:perspective(1) rotateX(0);transform:perspective(1) rotateX(0)}to{box-shadow:0 60px 123px -25px rgba(22,31,39,.42),0 35px 75px -35px rgba(19,26,32,.08);opacity:1;-webkit-transform:perspective(75em) rotateX(18deg);transform:perspective(75em) rotateX(18deg)}}@media screen and (max-height:650px),screen and (max-width:1340px){.Maschine_Maschine__rXFok{-webkit-animation:none;animation:none}}.Controls_Controls__Cwp78{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;grid-template-rows:2fr 1fr 1fr 1fr;height:520px;width:520px}.Credits_Credits__30Ess{align-items:center;color:#e5e5e5;-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;font-size:1rem;font-weight:600;height:100%;justify-content:center;padding:1rem;text-transform:uppercase;width:100%}.Credits_Credits__30Ess svg{fill:#e5e5e5;cursor:pointer;height:18px;-webkit-transform:translateY(2px);transform:translateY(2px);transition:all .1s ease-in-out;width:18px}.Credits_Credits__30Ess a:hover svg{fill:#a0a0a0}.Credits_CreditsCredits__0bxt7{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex}.Display_Display__Vb9mS{border:2px solid #d5dce2;border-bottom-color:#b8c2cc;border-radius:10px;box-sizing:border-box;color:#e5e5e5;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem;width:520px}.Display_DisplayBPM__k96U1{align-items:flex-start;display:flex;justify-content:flex-start}.Display_DisplayBPM__k96U1 .Display_BPM__WsgzF{background-color:transparent;border:none;color:#e5e5e5;font-size:1rem;margin-left:.5rem;outline:0;width:10%}.Display_DisplayBPM__k96U1 input[type=number]{-webkit-appearance:textfield;appearance:textfield;margin:0 0 0 .5rem}.Display_DisplayBPM__k96U1 input[type=number]::-webkit-inner-spin-button,.Display_DisplayBPM__k96U1 input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Display_DisplayBPM__k96U1 .Display_BpmIcons__sEGu6{display:grid;-webkit-transform:translate(-10px);transform:translate(-10px)}.Display_DisplayBPM__k96U1 .Display_BpmIcons__sEGu6 svg{fill:#e5e5e5;cursor:pointer;width:6px}.Display_DisplayBPM__k96U1 .Display_BpmIcons__sEGu6 svg:first-of-type{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.Display_DisplayBPM__k96U1 .Display_BpmIcons__sEGu6 svg:last-of-type{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.Display_DisplayDrum__Vzsvj{color:#a0a0a0;font-size:1.5rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.BPM_BPMWrapper__3nE2z{align-items:flex-start;display:flex;justify-content:flex-start}.BPM_BPMWrapper__3nE2z .BPM_BPM__fbSvi{background-color:transparent;border:none;color:#e5e5e5;font-size:1rem;margin-left:.5rem;outline:0;width:10%}.BPM_BPMWrapper__3nE2z input[type=number]{-webkit-appearance:textfield;appearance:textfield;margin:0 0 0 .5rem}.BPM_BPMWrapper__3nE2z input[type=number]::-webkit-inner-spin-button,.BPM_BPMWrapper__3nE2z input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.BPM_BPMWrapper__3nE2z .BPM_BpmIcons__OEgWW{display:grid;-webkit-transform:translate(-10px);transform:translate(-10px)}.BPM_BPMWrapper__3nE2z .BPM_BpmIcons__OEgWW svg{fill:#e5e5e5;cursor:pointer;width:6px}.BPM_BPMWrapper__3nE2z .BPM_BpmIcons__OEgWW svg:first-of-type{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.BPM_BPMWrapper__3nE2z .BPM_BpmIcons__OEgWW svg:last-of-type{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.Sequencer_Sequencer__OkaeX{display:grid;grid-template-columns:repeat(1fr);grid-template-rows:1fr}.Sequencer_SequencerPointer__S3s\+b{grid-gap:0 .5rem;display:grid;gap:0 .5rem;grid-template-columns:repeat(4,1fr 1fr 1fr 1fr);grid-template-rows:1fr;height:10px;justify-items:center;margin-bottom:.7rem}.Sequencer_PointerStep__APqmC{border:2px solid #d5dce2;border-bottom-color:#b8c2cc;border-radius:100px;height:7px;transition:all .1s ease-in-out;width:7px}.Sequencer_FirstBeat__d9YFR{background-color:#e5e5e5}.Sequencer_PointerStepActive__FdrRw{background-color:#81b29a;border-color:#81b29a;color:#81b29a}.Sequencer_SequencerSequence__mk6B\+{grid-gap:0 .5rem;display:grid;gap:0 .5rem;grid-template-columns:repeat(4,1fr 1fr 1fr 1fr);grid-template-rows:1fr;height:34px}.Sequencer_Step__wz9W4{border:2px solid #d5dce2;border-bottom-color:#b8c2cc;border-radius:10px;cursor:pointer;transition:all .1s ease-in-out}.Sequencer_StepActive__I\+pLx{background-color:#e5e5e5}.Sequencer_StepActive__I\+pLx.Sequencer_FirstBeat__d9YFR:after{background-color:#1a1a1a!important}.Reset_Reset__bXTBC{grid-gap:1.5rem;background-color:transparent;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%;width:100%}.Reset_ResetButton__Nyfh9{align-items:center;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem;text-transform:uppercase}.Transport_Transport__3BExu{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;height:100%;width:100%}.Transport_TransportButton__YP\+vY,.Transport_TransportButtonWrapper__gVaGx{display:flex;flex-direction:column;row-gap:.5rem}.Transport_TransportButton__YP\+vY{align-items:center;box-sizing:border-box;cursor:pointer;height:100%;justify-content:center;width:100%}.Transport_TransportButton__YP\+vY svg{width:14px}.Transport_Play__VFOjX svg{fill:#81b29a}.Transport_Pause__XYrAu svg{fill:#f2cc8f}.Transport_Stop__Ecp0Y svg{fill:#e07a5f}.Transport_ButtonLabel__Tgezs{box-sizing:border-box;color:#e5e5e5;display:flex;font-size:1rem;font-weight:600;justify-content:center;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.Transport_TransportVolume__mO3ye{align-items:center;color:#e5e5e5;display:flex;flex-direction:column;justify-content:space-between}.Transport_TransportTrigger__ZKU5L{box-shadow:0 0 15px -3px rgba(255,243,202,.5);-webkit-filter:brightness(1.1);filter:brightness(1.1)}.Volume_Volume__W7tSg{flex-direction:column;row-gap:.5rem}.Volume_Volume__W7tSg,.Volume_VolumeKnob__fd6uA{align-items:center;display:flex;justify-content:center}.Volume_VolumeKnob__fd6uA{background-color:transparent;color:#e5e5e5;height:62px;text-align:center;width:62px}.Volume_VolumeKnob__fd6uA,.Volume_VolumeLabel__EdjJg{font-size:1rem;font-weight:600;text-transform:uppercase}.Drumpads_Drumpads__YcLK0{border:2px solid #d5dce2;border-bottom-color:#b8c2cc;border-radius:10px;box-sizing:border-box;height:520px;padding:1rem;width:520px}.Drumpads_DrumpadsGrid__zUB6q{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;height:100%}.Drumpad_Drumpad__udoTO{background-color:#e5e5e5;cursor:pointer;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;height:100%;justify-content:space-between;transition:all .1s ease-in-out;transition:background-color .25s ease-in-out;width:-webkit-max-content;width:max-content;width:100%}.Drumpad_DrumpadKey__bhgsy,.Drumpad_DrumpadName__ov4Zn{display:block;font-size:1.25rem;font-weight:600;padding:.5rem;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Drumpad_DrumpadName__ov4Zn{font-size:1rem}.Drumpad_DrumpadActive__31XpG{box-shadow:0 0 15px -3px rgba(255,243,202,.5);-webkit-filter:brightness(1.1);filter:brightness(1.1);scale:.975}*{font-family:Lato,sans-serif;margin:0;padding:0}body{background-color:#1a1a1a}button{background-color:transparent;border:2px solid #d5dce2;border-bottom-color:#b8c2cc;border-radius:10px;color:#e5e5e5;cursor:pointer}button:active{box-shadow:0 0 15px -3px rgba(255,243,202,.5);-webkit-filter:brightness(1.1);filter:brightness(1.1)}a{color:#a0a0a0;font-size:1rem;text-decoration:none;transition:all .1s ease-in-out}a:hover{color:#e5e5e5}.App{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;width:100vw}@media screen and (max-height:650px),screen and (max-width:1340px){.App{-webkit-transform:scale(.85);transform:scale(.85)}}@media screen and (max-height:540px),screen and (max-width:1030px){.App{-webkit-transform:scale(.75);transform:scale(.75)}}@media screen and (max-height:470px),screen and (max-width:910px){.App{-webkit-transform:scale(.6);transform:scale(.6)}}@media screen and (max-height:380px),screen and (max-width:730px){.App{-webkit-transform:scale(.5);transform:scale(.5)}}.knob-markers{stroke:#a0a0a0}.knob-track{stroke:#81b29a}.knob-value{fill:#e5e5e5}
/*# sourceMappingURL=main.03b2189a.css.map*/