:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#5b2796;text-decoration:inherit}a:hover{color:#aa66f8;transition:all .5s ease-in}body{margin:0;display:flex;place-items:start;min-width:320px;max-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;display:flex;flex-direction:column;text-align:center;justify-content:start}#root h1{padding:.5em 0;border-bottom:solid white 2px;margin:0 .3em;align-self:center;min-width:640px;width:100%}.main-row{display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:100vh}.container{margin:0 auto;padding:2rem;width:inherit;max-width:1280px;background-color:#000;border-radius:16px}.grid-header{list-style:none;padding:0;display:flex;flex-direction:row;justify-content:space-around;margin:0 0 0 64px}.grid-header>li{text-align:center}.grid-row{display:flex;flex-direction:row;padding:0;margin:0;justify-content:center;align-items:center}.grid-header>li,.grid-row>*:first-child{width:64px;font-size:24px;color:gray;cursor:default;-webkit-user-select:none;user-select:none}.grid-row>*:first-child{aspect-ratio:1/1;align-self:center;border-right:solid gray 2px;align-content:center}.grid-row>.vector{flex-grow:1;display:flex;flex-direction:row;padding:0;margin:0;list-style:none;justify-content:space-between}.vector .grid-item{align-self:center;margin:4px;box-shadow:-1px 13px 24px 9px #0000009e;flex-grow:1;min-width:120px;width:100%;background-color:transparent}.grid-item>button{-webkit-user-select:none;user-select:none;aspect-ratio:1/1;height:100%;width:100%;border-radius:16px}.grid-item>button:hover{background-color:#ffffff79;color:#000000c4;border:transparent;transition:all .25s ease-in}.grid-item>button>*{text-align:center;font-size:48px}.grid-item.active>button{background-color:#7f9494;color:#0000006c;border:solid rgb(123,164,179) 5px;outline:none}.grid-item.selected>button{color:#643210;background-color:#fad3f379;border:solid rgb(100,50,16) 1px;cursor:default}.grid-item.disabled>button{color:#7f9494;background-color:#0000006c}div#info-panel{display:flex;flex-flow:column nowrap;justify-content:start;background-color:#f0f8ff49;font-size:24px;border-end-end-radius:16px}#info-panel label{font-weight:600}#info-panel>.panel-row{display:flex;flex-direction:row;flex-wrap:nowrap;margin:.4em;padding:0 .6em;align-items:center;justify-content:space-between;flex:0 1 32px;gap:16px}#info-panel>.panel-row>*{height:100%}#info-panel>.panel-row input[type=number]::-webkit-inner-spin-button,#info-panel>.panel-row input[type=number]::-webkit-outer-spin-button{margin:0;padding:0;display:none}#info-panel>.panel-row input[type=number]{-moz-appearance:textfield}#info-panel>.panel-row input{height:100%;margin:0;padding:0;text-align:center;max-width:32px;border:solid grey 3px;border-radius:8px;font-size:inherit;font-family:Segoe UI Medium,Courier New,Courier,monospace}#info-panel>.panel-row input.selected-item-input.refreshing{background-color:#7f9494;color:#e4f8ff;border:solid rgb(123,164,179) 3px}#info-panel>.panel-row input.selected-item-input.refreshing,#info-panel>.panel-row input:disabled{transition:all .45s ease-in-out}#credits{float:inline-end;font-size:18px;color:#c4c4c4}#credits.panel-row{margin-top:auto;padding-bottom:1em;display:flex;flex-flow:row wrap;gap:0;line-height:0}@media (max-width: 1048px){.main-row{display:flex;flex-direction:column}.container{margin:0 auto;padding:0rem;min-width:545px}div#info-panel{display:flex;border-end-end-radius:0}.vector .grid-item{min-width:5em}.grid-item>button>*{text-align:center;font-size:2rem}}