*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{--sequencer-bg:#151515;--app-bg:#1b1919;--instrument-name-color:#6c787f;--font-color:silver;--button-bg-color:#303030;--button-font-color:#d0d0d0;--input-color:#55585a;--input-font-color:#1b1b1b;--step-color:#55585a;--step-color--active:#ff6767;--step-color--active-mid:#893f3f;--step-color--active-low:#442826;--step-color--hover:#9e9999;--step-indicator-color:#474c50;--step-size:36px;--step-height:calc(var(--step-size) * 1.3);--step-border-radius:6px;--step-spacing:8px;--step-group-margin:calc(var(--step-spacing) * 2);--border-radius:8px;--accent-color:#cdc184;--track-name-width:100px;min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeLegibility;line-height:1.5;background-color:var(--app-bg);display:flex;align-items:center;justify-content:center}button,input{border:none;background-color:var(--input-color);color:var(--input-font-color)}