body{margin:0;padding:0;background:#0e0e0e;color:#fff}table{font-family:monospace;width:100%;text-align:center;border:none}tr.mutebuttonrow{height:15vh}div.mutebutton{background:#222;display:inline-block;width:10vw;padding-top:1.5vh;padding-bottom:1.5vh;font-size:4vh;border-bottom:2px solid #f60}div.mutebutton[data-channel=OUT]{border-bottom:2px solid #0f0}div.mutebutton[data-disabled],div.mutebutton[data-muted]{filter:brightness(.7);border-bottom:2px solid red}tr.fxbuttonrow{height:15vh}div.fxbutton{background:#222;display:inline-block;width:10vw;padding-top:1.5vh;padding-bottom:1.5vh;font-size:4vh;border-bottom:2px solid #f60;font-style:italic}div.resetvolumebutton{background:#222;display:inline-block;width:10vw;padding-top:1.5vh;padding-bottom:1.5vh;font-size:4vh;border-bottom:2px solid #0f0}div.resetvolumebutton[data-disabled]{filter:brightness(.7)}div.fxbutton[data-channel=OUT]{border-bottom:2px solid #0f0}div.fxbutton:not([data-active]),div.fxbutton[data-disabled]{filter:brightness(.7);border-bottom:2px solid red}input[type=range]{-webkit-appearance:none;height:1vw;width:60vh;margin:0;vertical-align:middle}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8vh;height:5vh;border-radius:2.5vh;background:#f60;cursor:pointer}input[type=range][data-channel^=OUT]::-webkit-slider-thumb{background:#0f0}div.slidercontainer{transform:rotate(-90deg);position:fixed;padding-top:2vw;padding-bottom:2vw;background:repeating-linear-gradient(-90deg,#777,#777 .3vh,#0e0e0e .3vh,#0e0e0e 10vh);border-left:1px solid #777}div.slidercontainer[data-channel=IN1]{bottom:calc(35vh - 2.5vw);left:calc(10vw - 30vh)}div.slidercontainer[data-channel=IN2]{bottom:calc(35vh - 2.5vw);left:calc(30vw - 30vh)}div.slidercontainer[data-channel=IN3]{bottom:calc(35vh - 2.5vw);left:calc(50vw - 30vh)}div.slidercontainer[data-channel=IN4]{bottom:calc(35vh - 2.5vw);left:calc(70vw - 30vh)}div.slidercontainer[data-channel=OUTL]{bottom:calc(35vh - 2.5vw);left:calc(87.5vw - 30vh)}div.slidercontainer[data-channel=OUTR]{bottom:calc(35vh - 2.5vw);left:calc(92.5vw - 30vh)}div.slidernumbers{position:fixed;top:30vh;width:5vw;font-size:2.5vh}div.slidernumbers *{margin:0;border:none;padding:0}div.slidernumbers table{height:70vh}div.slidernumbers table tr td{text-align:right}div.slidernumbers[data-channel=IN1]{left:0}div.slidernumbers[data-channel=IN2]{left:20vw}div.slidernumbers[data-channel=IN3]{left:40vw}div.slidernumbers[data-channel=IN4]{left:60vw}div.slidernumbers[data-channel=OUT]{left:77.5vw}div.outputchannellock{position:fixed;top:29vh;left:89vw}div.outputchannellock img{width:2vw;height:2vw;filter:contrast(0) brightness(2)}div.outputchannellock:not([data-unlocked]) img[src="png/unlock.png"]{display:none}div.outputchannellock[data-unlocked] img[src="png/lock.png"]{display:none}div.slidenum{display:inline-block;padding-left:.5em;padding-right:.5em;border-radius:6px;background:#222}