.bench{display:flex;flex-flow:column;align-items:center;border-top:1px solid #f0f0f0}.dark .bench{background:#ffffff1a;border-top:1px solid #222}.bench>div,.bench>p,.bench ul{text-align:left}textarea,input,.bits,code{font-family:monospace;font-size:.9375rem}textarea{width:100%;height:250px;border:none;border-bottom:1px solid #DDD;box-shadow:inset 0 1px 2px #00000063,0 -1px 1px #ffffff80,0 1px #ffffff80;padding:1em 2em}textarea,code{color:#44f}.dark textarea{border-bottom:none;box-shadow:inset 0 1px 2px #0003,0 -1px 1px #0000001a,0 1px #00000080}code{background:#00000005;padding:0 .25em}input.perfect-inset{height:34px;width:100%;border-radius:3px;border:1px solid transparent;border-top:none;border-bottom:1px solid #DDD;box-shadow:inset 0 1px 2px #00000063,0 -1px 1px #fff,0 1px #fff}textarea.codes{height:250px}textarea.fmts{height:100px}.dark textarea,.dark input[type=text],.dark code{border:none;color:#9b4;background:#222}.dark button{color:#aaa;background:#444}.v-space{display:inline-block;min-width:2em}button{min-width:2.5em;padding:7px 12px;color:#333;background:#ddd;border:none}button.small,.box button{padding:4px 12px}button.active{color:#444;background:#9d0}button:hover,button:active{color:#444;background:#e43}.dark button.active{background:#9b4}.dark button:hover,.dark button:active{background:#e43}.bench .code-lines{width:100%}.box{background:#0000000d}.box.even{background:#0000001a}.box.error{background:#ff00000d}.box.error.even{background:#ff00001a}.box.cursor{background:#99cc9980}.box button,.box input{visibility:hidden}.box:hover button,.box:hover input,.box:active button,.box:active input,.box button.active,.box input.active{visibility:visible}input{padding:5px .5em;border:none;border-top:1px solid transparent;border-bottom:1px solid #DDD;box-shadow:inset 0 1px 2px #00000063,0 -1px 1px #ffffff80,0 1px #ffffff80;text-align:center}input.small,.box input{padding:2px .5em}.dark input{border-bottom:none;box-shadow:inset 0 1px 2px #0003,0 -1px 1px #0000001a,0 1px #0003;color:#9b4}input[type=text]{color:#44f;background:#0000001a}input[type=number]{max-width:3.5em;background:#0000000d}input.vanish{width:1px;transform:translate(-100vw);padding:0}.bit-rows{display:inline-block}.bits{color:#aaa;letter-spacing:1px}.bits span,.bits b,.bits i{padding:1px 0;border-radius:2px}.bits i{color:#977;background:#ffdd}.bits b{color:#0a0;background:#cfc}.bits .truncated{border-left:6px solid #f44}.bits .zerofill{border-right:6px solid #f44}.bits .hex{color:#444;background:#fcf}.bits .dec{color:#444;background:#cff}.bits .chr{color:#444;background:#8cf}.bits .chr .ctrl{background:#f88}.bits .chr .inv{color:#fff}.comments{margin-left:1em}.bits em{color:transparent}.bits .h0{color:#3500ff}.bits .h1{color:#4700ff}.bits .h2{color:#5800ff}.bits .h3{color:#6a00ff}.bits .h4{color:#7c00ff}.bits .h5{color:#8d00ff}.bits .h6{color:#9f00ff}.bits .h7{color:#b000ff}.bits .h8{color:#c200ff}.bits .h9{color:#d400ff}.bits .h10{color:#e500ff}.bits .h11{color:#f700ff}.bits .h12{color:#ff00f6}.bits .h13{color:#ff00e4}.bits .h14{color:#ff00d3}.bits .h15{color:#ff00c1}.bits .h16{color:#ff00af}.bits .h17{color:#ff009e}.bits .h18{color:#ff008c}.bits .h19{color:#ff007b}.bits .h20{color:#ff0069}.bits .h21{color:#ff0057}.bits .h22{color:#ff0046}.bits .h23{color:#ff0034}.bits .h24{color:#ff0023}*{box-sizing:border-box}body{margin:0;padding:0}#app{min-height:100vh;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background:#fff}h1{clear:both;margin:0;padding:0}.tagline{margin:0 0 .5em}a.dense,h1.dense,.tagline.dense{display:inline-block;margin:0;padding:0 .5em;font-size:1em;line-height:2}.left{float:left;margin-right:2em}.right{float:right;margin-left:2em}a{color:#e43}#app.dark{color:#aaa;background:#222}.dark h1,.dark a{color:#9b4}