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}*{box-sizing:border-box}html{background-color:#000;font-family:Inter,sans-serif}.header{color:#fff;display:flex;justify-content:center;padding:40px;position:relative}.header__section{align-items:center;display:flex;padding:0 30px}.header__text{font-weight:900}.header__button{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}.header__button:hover{text-decoration:underline}.header__logo{font-size:32px;font-weight:900;margin:0;padding-right:25px;position:relative;-webkit-user-select:none;user-select:none}.header__version{font-size:15px;line-height:1;position:absolute;right:24px;top:5px;-webkit-transform:translateX(100%);transform:translateX(100%)}.header__overlay{align-items:center;background:#000;display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.instrument-wrapper{display:flex;margin:0 0 30px}.track{background:#ccc;padding:5px}.note{border:0;padding:0}.stepActive,.stepInactive{color:#fff;height:30px;width:30px}.stepActive{background-color:#222}.stepInactive{background-color:#888}.stepWrap{display:inline-block;position:relative}.lightActive,.lightInactive{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lightActive{background-color:#ff0}.instrument__column{display:flex;flex-basis:33.33333%;flex-grow:0;flex-shrink:0;padding:0 30px}.instrument{border-radius:32px;flex:1 0 auto;padding:40px 35px}.instrument__title{flex:1 0 auto;font-size:16px;margin:0}.instrument__header{display:flex;margin:0 0 20px}.instrument__grid{color:#fff}.instrument__toggle-wrapper{align-self:flex-end;margin:0 -4px}.instrument__toggle{border:0;border-radius:999px;cursor:pointer;font-size:12px;font-weight:900;margin:0 4px;padding:4px 9px;transition:background .1s ease}.instrument__row{display:flex;gap:1px}.instrument__cell{border-radius:3px;flex:1 0 auto;height:15px;opacity:.6;transition:opacity .1s ease}.instrument__cell--active{background:#fff}.instrument__cell--playing{opacity:1}.instrument--drum{background:hsla(43,56%,65%,.1)}.instrument--drum .instrument__title{color:#d7bb72}.instrument--drum .instrument__toggle{background:#d7bb72}.instrument--drum .instrument__toggle--inactive{background:hsla(43,56%,65%,.08)}.instrument--bass{background:hsla(14,74%,69%,.1)}.instrument--bass .instrument__title{color:#ea9074}.instrument--bass .instrument__toggle{background:#ea9074}.instrument--bass .instrument__toggle--inactive{background:hsla(14,74%,69%,.08)}.instrument--bass .instrument__cell--active{background:#ea9074}.instrument--synth{background:rgba(122,92,209,.15)}.instrument--synth .instrument__title{color:#7a5cd1}.instrument--synth .instrument__toggle{background:#7a5cd1}.instrument--synth .instrument__toggle--inactive{background:rgba(122,92,209,.12)}.instrument--synth .instrument__cell--active{background:#7a5cd1}
/*# sourceMappingURL=main.0d26f66f.css.map*/