:root{--event-colour: #ff5e3aff;--io-colour: #0071ffff;--crumb-colour: #b6aeffff;--sparkle-colour: #5856d6ff;--control-colour: #ff9500ff;--data-colour: #c86edfff;--operator-colour: #4cd964ff;--music-colour: #101010ff;--toggle-colour: #ccccccff;--smart-colour: #10a0a0ff;--unknown-colour: #0000003f;--ui-scale: 1}html{height:100%;width:100%}body{font-weight:400;font-family:Verdana,sans-serif;font-size:12px;margin:0;height:100%;width:100%;position:fixed;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.warning-banner{background-color:#fdd;color:#d8000c;border:1px solid #d8000c;padding:1em}#container{position:relative;display:flex;flex-flow:column;height:100%;width:100%}#top-banner{background-color:#4a4a4a;color:#fff;display:flex;align-items:center;padding:2px;box-sizing:border-box;user-select:none;-webkit-user-select:none;flex-shrink:0;justify-content:flex-end}#toolbar{height:40px;background-color:#e0e0e0;border-bottom:1px solid #7f7f7fff;display:flex;align-items:center}#main{position:relative;display:flex;flex-flow:row;height:100%}#block-canvas-container{position:relative;width:100%;height:100%;overflow:hidden}#main-menu{display:none;position:absolute}#save-before-dialog{border:1px solid #7f7f7fff}svg.block-canvas{position:absolute;overflow:hidden;transform:scale(var(--ui-scale));transform-origin:0 0;width:calc(100% / var(--ui-scale));height:calc(100% / var(--ui-scale));transition:transform .25s ease,width .25s ease,height .25s ease}svg{overflow:visible}#menu-button{stroke:#4a4a4a;stroke-linecap:round}#menu-button:hover{stroke:#fff}#run-button{fill:#50d040;stroke:#4a4a4a}#run-button:hover{stroke:#fff}#stop-button{fill:#d04040;stroke:#4a4a4a}#stop-button:hover{stroke:#fff}#undelete-button{fill:#4050d0;stroke:#4a4a4a}#undelete-button:hover{stroke:#fff}#zoom-in-button{fill:#4a4a4a;stroke:none}#zoom-in-button:hover{stroke:#fff}#zoom-out-button{fill:#4a4a4a;stroke:none}#zoom-out-button:hover{stroke:#fff}#open-button{fill:#efcf00;stroke:#4a4a4a}#save-button{fill:#00dfef;stroke:#4a4a4a}.menu-item{padding:.5em;background-color:#e0e0e0;border-bottom:1px solid #7f7f7fff;border-right:1px solid #7f7f7fff}.menu-item:hover{background-color:#fff}#status-text{flex-grow:1}svg text{visibility:inherit;font-size:12px;dominant-baseline:text-before-edge;pointer-events:none;font-weight:400;font-family:Verdana,sans-serif;fill:#fff;stroke:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:default}#floating-group{opacity:.8;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.when{stroke:#fff;stroke-width:1px;fill:var(--event-colour)}#main-group .when:not(:nth-last-child(1 of.when)){filter:grayscale(100%)}.toggle-entry{fill:var(--toggle-colour);stroke:var(--toggle-colour);stroke-width:1px}.toggle-entry text{fill:#000}.io{stroke:#fff;stroke-width:1px;fill:var(--io-colour)}.sparkle{stroke:#fff;stroke-width:1px;fill:var(--sparkle-colour)}.control{stroke:#fff;stroke-width:1px;fill:var(--control-colour)}.data{stroke:#fff;stroke-width:1px;fill:var(--data-colour)}.data-button{fill:#7f7f7f;stroke:#7f7f7f}.data-button text{fill:#fff}.data-button .icon{fill:#fff}.monitor{stroke:#000;stroke-width:1px;fill:#fff}.monitor text{fill:#000}.operator{stroke:#fff;stroke-width:1px;fill:var(--operator-colour)}.smart{stroke:#fff;stroke-width:1px;fill:var(--smart-colour)}.unknown{stroke:#fff;stroke-width:1px;fill:var(--unknown-colour)}.spacer{stroke:#0000;stroke-width:0px;fill:#0000}.marker{stroke:#000;stroke-width:1px;fill:#0000007f}.value-entry text{fill:#000}.value-entry{stroke:#fff;stroke-width:1px;fill:#fff}.value-entry.red-entry{fill:#ff7f7f}.value-entry.green-entry{fill:#7fff7f}.value-entry.blue-entry{fill:#7f7fff}.variable-entry,.boolean-entry{stroke:#fff;stroke-width:1px;fill:#fff}.button.when text{fill:var(--event-colour)}.button.when{fill:#fff;stroke:var(--event-colour)}.button.when.highlighted text{fill:#fff}.button.when.highlighted{fill:var(--event-colour);stroke:var(--event-colour)}.button.io text{fill:var(--io-colour)}.button.io{fill:#fff;stroke:var(--io-colour)}.button.io.highlighted text{fill:#fff}.button.io.highlighted{fill:var(--io-colour);stroke:var(--io-colour)}.button.sparkle text{fill:var(--sparkle-colour)}.button.sparkle{fill:#fff;stroke:var(--sparkle-colour)}.button.sparkle.highlighted text{fill:#fff}.button.sparkle.highlighted{fill:var(--sparkle-colour);stroke:var(--sparkle-colour)}.button.control text{fill:var(--control-colour)}.button.control{fill:#fff;stroke:var(--control-colour)}.button.control.highlighted text{fill:#fff}.button.control.highlighted{fill:var(--control-colour);stroke:var(--control-colour)}.button.data text{fill:var(--data-colour)}.button.data{fill:#fff;stroke:var(--data-colour)}.button.data.highlighted text{fill:#fff}.button.data.highlighted{fill:var(--data-colour);stroke:var(--data-colour)}.button.operator text{fill:var(--operator-colour)}.button.operator{fill:#fff;stroke:var(--operator-colour)}.button.operator.highlighted text{fill:#fff}.button.operator.highlighted{fill:var(--operator-colour);stroke:var(--operator-colour)}.button.smart text{fill:var(--smart-colour)}.button.smart{fill:#fff;stroke:var(--smart-colour)}.button.smart.highlighted text{fill:#fff}.button.smart.highlighted{fill:var(--smart-colour);stroke:var(--smart-colour)}.toolbox{fill:#e0e0e0;stroke-width:1px;stroke:#7f7f7f}.value-entry-input{position:fixed;transform:scale(var(--ui-scale));transform-origin:0 0}.colour-entry-input{position:absolute;border-style:solid;border-width:1px;border-color:#7f7f7f;background-color:#e0e0e0;display:flex;flex-direction:column;gap:4px;align-items:center;transform:scale(var(--ui-scale));transform-origin:0 0}.colour-entry-input input[type=range]{-webkit-appearance:none;width:271px;border-radius:4px;height:16px;border-color:#7f7f7f;border-style:solid;border-width:1px;background:#fff}.colour-entry-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;-webkit-border-radius:4px;border-color:#fff;border-width:1px;border-style:solid;height:16px;width:16px}.colour-entry-input input[type=range].red-slider::-webkit-slider-thumb{background-color:red}.colour-entry-input input[type=range].green-slider::-webkit-slider-thumb{background-color:#0f0}.colour-entry-input input[type=range].blue-slider::-webkit-slider-thumb{background-color:#00f}.colour-entry-input input[type=range]:focus{outline:none}.colour-entry-input .slider-container{display:flex;flex-direction:row;align-items:center;padding:0 4px;gap:4px}.colour-entry-input.slider-container input[type=range]{margin:4px 0}.colour-entry-input .predefined-colours{display:flex;flex-direction:row;align-items:center;gap:4px;padding:4px}.colour-entry-input .predefined-colour-btn{border:none;border-style:solid;border-width:1px;border-color:#7f7f7f;border-radius:4px;padding:4px;width:20px;height:20px;cursor:pointer}.colour-entry-input button:hover{border-color:#fff}.colour-entry-input .colour-gradient-picker-container{width:100%;padding:4px;box-sizing:border-box}.colour-entry-input .colour-gradient-picker{width:100%;height:32px;border:solid 1px #7f7f7fff;box-sizing:border-box;border-radius:4px;cursor:pointer;margin:0;display:block}