:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vertical{appearance:slider-vertical;width:30px;height:127px}.slidecontainer{width:100%}.slider{width:100%;height:25px;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:10px;background:#04aa6d;cursor:pointer}.slider::-moz-range-thumb{width:24px;height:10px;background:#04aa6d;cursor:pointer}header{padding:8px 4px}body{font-size:medium}main{padding:8px 4px}nav{padding:8px 4px}:root{--red: red;--red-bg: rgba(255, 0, 0, .2);--red-ol: rgba(255, 0, 0, .256);--red-on: red;--red-off: red;--red-txt: red;--green: green;--green-bg: rgba(0, 128, 0, .256);--green-ol: rgba(0, 128, 0, .256);--green-on: green;--green-off: green;--green-txt: black;--blue: blue;--blue-bg: rgba(0, 0, 255, .256);--blue-ol: rgba(0, 0, 255, .256);--blue-on: blue;--blue-off: blue;--blue-txt: blue;--lemon: yellow;--lemon-bg: rgba(255, 255, 0, .256);--orange-ol: rgba(255, 255, 0, .768);--lemon-on: yellow;--lemon-off: yellow;--lemon-txt: yellow;--orange: orange;--orange-bg: rgba(255, 166, 0, .256);--orange-ol: rgba(255, 166, 0, .768);--orange-on: orange;--orange-off: orange;--orange-txt: orange;--sky: skyblue;--sky-bg: rgba(135, 207, 235, .256);--sky-ol: rgba(135, 207, 235, .768);--sky-on: skyblue;--sky-off: skyblue;--sky-txt: skyblue;--purple: purple;--purple-bg: rgba(128, 0, 128, .256);--purple-ol: rgba(128, 0, 128, .768);--purple-on: purple;--purple-off: purple;--purple-txt: purple;--silver: silver;--silver-bg: rgba(192, 192, 192, .256);--silver-ol: rgba(192, 192, 192, .768);--silver-on: silver;--silver-off: silver;--silver-txt: silver;--grey: grey;--grey-bg: rgba(128, 128, 128, .256);--grey-ol: rgba(128, 128, 128, .768);--grey-on: grey;--grey-off: grey;--grey-txt: grey;--lime: lime;--lime-bg: rgba(0, 255, 0, .256);--lime-ol: rgba(0, 255, 0, .768);--lime-on: lime;--lime-off: lime;--lime-txt: lime;--lime: tomato;--lime: sky;--navy: navy;--white: white}a{color:var(--sky-off)}select option{font-size:medium;background:#000c;color:silver;text-shadow:0 1px 0 rgba(0,0,0,.4)}.btn,select{font-size:medium;background-color:#0000;border:1px solid var(--silver-off);color:var(--silver-off);transition-duration:.1s;border-radius:4px;padding:8px 16px;margin:2px;text-decoration:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn30{width:30px}.btn40{width:40px}.mix-btn{width:50px}.mix-tbl{padding:0}.btn.on,.btn:active,.btn:hover,.btn.router-link-active{color:var(--silver-txt);outline:3px solid var(--silver-ol);background-color:var(--silver-bg)}.btn.red.on,.btn.red:active,.btn.red:hover,.btn.red.router-link-active{color:var(--red-txt);outline:3px solid var(--red-ol);background-color:var(--red-bg)}.btn.green.on,.btn.green:active,.btn.green:hover,.btn.green.router-link-active{color:var(--green-txt);outline:3px solid var(--green-ol);background-color:var(--green-bg)}.btn.blue.on,.btn.blue:active,.btn.blue:hover,.btn.blue.router-link-active{color:var(--blue-txt);outline:3px solid var(--blue-ol);background-color:var(--blue-bg)}.btn.lemon.on,.btn.lemon:active,.btn.lemon:hover,.btn.lemon.router-link-active{color:var(--lemon-txt);outline:3px solid var(--lemon-ol);background-color:var(--lemon-bg)}.btn.orange.on,.btn.orange:active,.btn.orange:hover,.btn.orange.router-link-active{color:var(--orange-txt);outline:3px solid var(--orange-ol);background-color:var(--orange-bg)}.btn.sky.on,.btn.sky:active,.btn.sky:hover,.btn.sky.router-link-active{color:var(--sky-txt);outline:3px solid var(--sky-ol);background-color:var(--sky-bg)}.btn.purple.on,.btn.purple:active,.btn.purple:hover,.btn.purple.router-link-active{color:var(--purple-txt);outline:3px solid var(--purple-ol);background-color:var(--purple-bg)}.btn.lime.on,.btn.lime:active,.btn.lime:hover,.btn.lime.router-link-active{color:var(--lime-txt);outline:3px solid var(--lime-ol);background-color:var(--lime-bg)}.red{border:1px solid var(--red-off);color:var(--red-off)}.green{border:1px solid var(--green-off);color:var(--green-off)}.blue{border:1px solid var(--blue-off);color:var(--blue-off)}.lemon{border:1px solid var(--lemon-off);color:var(--lemon-off)}.orange{border:1px solid var(--orange-off);color:var(--orange-off)}.sky{border:1px solid var(--sky-off);color:var(--sky-off)}.purple{border:1px solid var(--purple-off);color:var(--purple-off)}.lime{border:1px solid var(--lime-off);color:var(--lime-off)}table[data-v-17ecbba8],th[data-v-17ecbba8],td[data-v-17ecbba8]{border:1px solid rgb(0,0,0);border-collapse:collapse;border-radius:1px}.key[data-v-17ecbba8]{height:128px}td[data-v-17ecbba8]{width:30px;background-color:#fff;color:gray}#k1[data-v-17ecbba8],#k3[data-v-17ecbba8],#k6[data-v-17ecbba8],#k8[data-v-17ecbba8],#k10[data-v-17ecbba8],#k13[data-v-17ecbba8],#k15[data-v-17ecbba8],#k18[data-v-17ecbba8],#k20[data-v-17ecbba8],#k22[data-v-17ecbba8],#k25[data-v-17ecbba8],#k27[data-v-17ecbba8],#k30[data-v-17ecbba8],#k32[data-v-17ecbba8],#k34[data-v-17ecbba8]{background-color:#000}td[data-v-17ecbba8]:hover{background-color:#d6eeee}