@font-face{font-family:ITC-Serif;src:url(/assets/ITC-Serif-Gothic-Bold-D504awvz.ttf) format("truetype");font-weight:400;font-style:normal}:root{--red: #cc131a;--orange: #f57916;--yellow: #e7e81e;--kindawhite: #e2e0bf}*{margin:0;box-sizing:border-box;padding:0;list-style-type:none;text-decoration:none}body{background-color:#000;color:var(--kindawhite);font-family:ITC-Serif,sans-serif;overflow-x:hidden}.main{display:flex;justify-content:center;align-items:center;flex-direction:column}.logowrapper{display:flex;justify-content:start;align-items:center;flex-direction:row;width:100%;height:2.5rem;background:linear-gradient(90deg,#262626,#424242);padding:.5rem .6rem;border-bottom:1px var(--kindawhite) solid}.logowrapper h2{margin-left:.5rem;margin-top:.2rem}.buttons808{width:3.1rem;height:1.6rem}.logo{width:3rem;height:1.5rem;overflow:hidden}.stepbutton{width:38px;height:65px;background-color:transparent;border-radius:5px;transition:transform .1s ease,box-shadow .1s ease}.stepbutton:active{transform:translateY(2px)}.sequencer{display:flex;justify-content:start;align-items:center;flex-direction:column;margin:4rem 0 1.5rem;gap:1.5rem;transform:translate(-50px)}.instr-name{width:100px}.instr-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row}.outerseq{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.5rem}.color-a{background-color:var(--red)}.color-b{background-color:var(--orange)}.color-c{background-color:var(--yellow)}.color-d{background-color:var(--kindawhite)}.blackbutton{margin:.3rem auto;width:14px;height:14px;background:radial-gradient(circle at top right,#5b5b5b4d,#000);border-radius:50%;border:1px rgba(0,0,0,.236) solid}.redbutton{margin:.3rem auto;width:14px;height:14px;background:radial-gradient(circle at top right,#ff393992,red);border-radius:50%;border:1px rgba(0,0,0,.181) solid}.innerstepbutton{width:38px;height:34px;border-radius:5px;box-shadow:0 2px 2px #6161617c,0 -1px 2px #d5d5d57e}.controls-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.controls{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1.5rem;border:1px solid var(--kindawhite);border-radius:6px;padding:1rem;background-color:#262626}.controls input{margin-left:.5rem;border:none;border-radius:4px;padding:.3rem;font-family:Helvetica,sans-serif;background-color:#424242;color:var(--kindawhite)}.controlbtn{font-family:Helvetica,sans-serif;border-radius:4px;padding:.3rem;background-color:#4b4a4a;color:var(--kindawhite);cursor:pointer;transition:background-color .2s ease}.controlbtn:hover{background-color:#5c5c5c}.save-section{display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.save-section input{padding:.3rem;border-radius:4px;border:1px solid var(--kindawhite);background-color:#262626;color:var(--kindawhite);font-family:Helvetica,sans-serif}.save-section button{font-family:Helvetica,sans-serif;border-radius:4px;padding:.3rem;background-color:#4b4a4a;color:var(--kindawhite);cursor:pointer;transition:background-color .2s ease}.save-section button:hover{background-color:#5c5c5c}.error-message{color:red;font-size:.9rem;margin-top:.5rem}.lights{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2rem;margin-bottom:1.5rem}