body,div,footer,h1,h2,h3,h4,h5,h6,header,html,main{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:20px 0 20px 0}.app{font-family:American Typewriter,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh}.darkmode{background-color:#000;color:grey}header{padding:5px 0 5px 10px;margin:0 0 10px 0}main{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:calc(100vh - 120px)}.nav{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 10px 0 0}.nav__item{padding:10px}.nav__header{font-weight:700}.nav__link{cursor:pointer}.nav__link:hover{background-color:#add8e6}.darkmode .nav__link:hover{background-color:#a9a9a9;color:#000}.content{-webkit-box-flex:6;-ms-flex:6;flex:6}footer{padding:10px 0 10px 0;margin:100px 0 0 0}.text-center,footer{text-align:center}.center{margin:0 auto 0 auto}hr{border:1px dashed;width:20%}.pane__error{background-color:salmon;padding:10px}.pane__ok{background-color:#90ee90;padding:10px}.midi[data-v-0935a035]{height:2rem;padding:5px;width:500px}.byte[data-v-f9da9352]{display:-webkit-box;display:-ms-flexbox;display:flex}.bit[data-v-f9da9352]{border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-weight:700;padding:5px 0 5px 0}.bit[data-v-f9da9352]:last-of-type{border-right:1px solid #000}.home{max-width:800px}.debugger{margin-top:30px;border-width:10px;border-style:solid;border-color:#add8e6;text-align:center}.debugger-invalid{border-color:salmon}.debugger-valid{border-color:#90ee90}input[type=text]{height:2rem;padding:5px;width:90%;font-size:1.8rem;text-align:center}.box,input[type=text]{margin:10px auto 20px auto}.box{padding:10px;width:100%;border-radius:5px}.bytes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.byte{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 5px 0 5px;margin:0 20px 0 20px}.byte-invalid{background-color:#d3d3d3}p.error[data-v-42372dba]{background-color:salmon;padding:10px}p.ok[data-v-42372dba]{background-color:#90ee90;padding:10px}section+section[data-v-41150e79]{margin-top:30px}ul[data-v-968e3ca4]{list-style:none;padding:0 0 0 5px}li[data-v-968e3ca4]{margin:0}label.gray[data-v-968e3ca4]{color:grey}.input__selector[data-v-57deafec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:400px}.input__option[data-v-57deafec]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;padding:10px 0 10px 0;font-weight:700;cursor:pointer;border:1px solid #fff}.input__option[data-v-57deafec]:hover{border:1px dotted #000}.input__option__selected[data-v-57deafec]{background-color:beige}.mixer[data-v-57deafec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:800px}.mixer button[data-v-57deafec]{border:1px solid;padding:5px 5px 5px 5px}.mixer .deck[data-v-57deafec]{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;border:1px solid}.mixer .deck__name[data-v-57deafec]{text-align:center;font-weight:700;font-size:24px}.mixer .deck__volume[data-v-57deafec]{height:100px;padding:80px 0 0 0;text-align:center}.mixer .deck__faders[data-v-57deafec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mixer .deck__fader input[type=range][data-v-57deafec]{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}.mixer .deck__controls[data-v-57deafec]{text-align:center;padding:5px;margin-top:5px}