#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.step-sequencer{width:100%;display:flex;flex-direction:column;align-items:center}.sequencer-instrument{margin-top:20px;margin-bottom:20px}.track{display:flex;justify-content:center;min-height:15px;max-height:25px}.cell{width:22px;height:22px;margin:1px}@media only screen and (max-width: 400px){.cell{width:16px;height:16px}}.sequencer-controls{height:10%;min-width:200px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.play-stop-button{width:45px;height:45px;display:flex;align-items:center;justify-content:center}:root{--background-color: #282a36;--background-secondary-color: #44475a;--foreground-color: #f8f8f2;--purple: #bd93f9;--orange: #FF5523;--yellow: #f1fa8c;--pink: #ff79c6;--cyan: #8be9fd;--gray: #999;--green: #17bd17;--blue: #6969e0}@font-face{font-family:TR-909;src:local("TR-909"),url(/jamvas/assets/TR-909-35884531.ttf) format("truetype")}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}