:root{font:normal 16px sans-serif}html{height:100%;position:relative}body{width:100%;min-height:100%;margin:0;padding:0;display:flex;flex-flow:row nowrap;align-items:stretch;position:relative;justify-content:center}.view[data-v-118c39ad]{display:flex;flex-flow:column nowrap;width:100%;height:100%}.view>nav[data-v-118c39ad]{display:none;text-align:center;padding:1em}.view>nav a[data-v-118c39ad]{display:inline-block;font-weight:700;padding:.5em 2em;text-decoration:none}.view>div[data-v-118c39ad]{position:relative;flex:1 1000 auto}input[data-v-013610c0]{font:normal 24px sans-serif}.output[data-v-013610c0]{position:sticky;transform:translateZ(0);top:1em;text-align:center}canvas[data-v-013610c0]{width:200px;height:200px}.panel[data-v-013610c0]{display:flex;flex-flow:column nowrap;align-items:center;margin-top:2em;position:relative;z-index:2}.panel>[data-v-013610c0]{margin-bottom:1em}.buttons[data-v-013610c0]{display:flex;flex-flow:row}button[data-v-013610c0]{padding:.3em .7em;border:1px solid rgba(0,0,0,.4);border-radius:0;font:inherit}button.selected[data-v-013610c0]{background:blue;color:#fff}