:root{font-family:monospace;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;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.3em .5em;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%;height:100%}.app{width:100%;height:100%;display:flex;flex-direction:column}.documentation,.home,.examples{height:100%;position:relative;text-align:center}.home-actions,.examples-actions{display:flex;flex-direction:column;justify-content:center;margin-top:2em;padding:0 3em}.home-action,.examples-action{font-size:1.3em;margin:.5em}.home-title,.examples-title{margin:5em auto}.mainTitle{font-size:2em;line-height:initial;text-align:center;width:100%;margin-bottom:0}.subtitle{font-size:1em;line-height:initial;text-align:center;width:100%;margin:0}.home-logo{height:4em;vertical-align:middle}.documentsList{display:flex;flex-wrap:wrap;justify-content:space-around;margin:2em auto;padding-inline:0}.documentItem{display:flex;width:40vw;height:40vw;justify-content:space-around;position:relative;border-radius:10px;overflow:hidden;border:solid 1px #eeeeee;margin:.5em}.documentItem-thumb{width:100%;height:100%;background-position:center;background-size:cover}.documentItem-overlay{display:none;flex-direction:column;justify-content:space-around;position:absolute;top:0;left:0;width:100%;height:100%}.documentItem.selected .documentItem-overlay{display:flex}.documentItem-actions{display:flex;justify-content:space-around}.nav{display:flex;justify-content:space-between}.nav button{background:none}.nav button img{width:30px;height:30px}.content{width:100%;flex-grow:1;position:relative;overflow:hidden}.registers{width:100%;height:100%}.registersGrid{display:grid;grid-template-columns:repeat(10,calc(10vw - 1px));grid-template-rows:repeat(40,calc(10vw - 1px));gap:1px;width:100%;height:100%;overflow:auto}.registerCell{width:100%;height:100%;border-radius:5px;display:flex;align-items:center;justify-content:space-around}.registerDetails{position:absolute;top:50%;left:50%;width:80vw;height:80vh;padding:5%;border-radius:10px;transform:translate(-50%,-50%);background-color:#fff;display:flex;justify-content:space-between;flex-direction:column}.registerDetails-header{display:flex;justify-content:space-between;gap:.1em}.registerDetails-name{max-width:50%;border:none;background-color:#eee;font-size:1.1em;font-weight:400;padding:.5em 1em}.registerDetails-validate{display:flex;justify-content:space-between}.code{height:100%;overflow:hidden;font-family:monospace;display:flex;flex-direction:column}.codeList{overflow-x:hidden;overflow-y:auto;flex-grow:1;margin:10px}.codeDeleteBtn{position:absolute;top:5px;right:5px}.sourceLine p{margin:2px;padding:2px}.sourceLine p *{pointer-events:none}.sourceLine.selected p *{pointer-events:auto}.sourceLine.selected p{background-color:#eee}.codeRegister{padding:2px 3px;border-radius:3px}.inputSelection{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.registerPicker{width:100%;height:100%;overflow:auto}.insertionButton{width:100%}.instructionsMenu{width:100%;background-color:#eee;text-align:center}.instructionsMenu ul{width:100%;display:flex;justify-content:space-between;padding:0;flex-wrap:wrap}.instructionsMenu li{list-style:none;flex-grow:1;margin:2px}.instructionsMenu button{padding:10px;width:100%}.valueInput{display:flex}.expandedDataInput{display:flex;flex-direction:column;gap:1em}.typeSelector{display:flex;gap:.1em;flex-wrap:wrap;justify-content:space-between}.typeSelector button{padding:.8em;background-color:transparent;border:solid 1px transparent}.typeSelector button,.typeSelector button:active,.typeSelector button:focus{outline:none;-webkit-user-select:none;user-select:none}.typeSelector button.selected{border:solid 1px black}.expandedValueInput{vertical-align:center}.booleanSelector button{width:100%;padding:.8em;border:solid 1px transparent;cursor:pointer;background-color:transparent}.booleanSelector button.selected{border:solid 1px black}.booleanSelector button,.booleanSelector button:active,.booleanSelector button:focus{outline:none;-webkit-user-select:none;user-select:none}