@font-face{font-family:Hermit Regular;src:url(ad448c178d3e44c8c656b9b5a57cac9e.otf) format("opentype")}*{font-family:Hermit Regular}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d3d3d3;color:#444;font-weight:400;height:100%;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}body.theme-dark{background:#222;color:#d3d3d3}*{box-sizing:border-box}#app{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:512px}@media only screen and (min-width:800px){#app{max-width:inherit}}@media only screen and (min-width:512px){#app{height:100%;padding:10px 0}}#version{color:#a9a9a9;font-size:10px;margin:8px;text-align:center}.main-layout{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;justify-content:center}.main-layout>*{-ms-flex:1;flex:1;max-width:min(1024px,100vh)}.main-layout .col2{max-width:512px}@media only screen and (min-width:800px){.main-layout{-ms-flex-direction:row;flex-direction:row;margin:0 8px}}.separator{border:1px solid #999;width:1px}.theme-dark .separator{border-color:#444}.button{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#000;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;min-height:32px;text-decoration:none}.button[disabled]{color:#888}.palette{display:-ms-flexbox;display:flex}.palette-colors{height:50px;margin:10px;position:relative;width:500px}.palette-colors>*{float:left}.palette-colors>*,.palette-selection{height:50px;position:relative;width:50px}.palette-selection>*{border:2px solid #000;height:50px;position:absolute;width:50px}.palette-selection>.fg-color{left:8px;top:8px}.shapes{display:grid;grid-template-columns:repeat(5,50px);height:100px;position:relative;width:250px}.shapes>*{height:50px;position:relative;width:50px}.shapes>.selected{background-color:grey}.tools{display:-ms-flexbox;display:flex;width:200px}.tools>*{height:50px;width:50px}.selected{border:2px solid #000}.toolbar{margin-bottom:10px;padding:2px}.toolbar .button.selected{background-color:#add8e6;border:2px solid #fff}.confirm-buttons .button,.export .button,.toolbar .button{background:#fff;border:2px solid #fff;border-radius:2px;font-size:24px;outline:2px solid #000}.theme-dark .confirm-buttons .button,.theme-dark .export .button,.theme-dark .toolbar .button{background-color:#333;border-color:#444;color:#ff8500}.theme-dark .toolbar .button.selected{background-color:#ffbe22}.confirm-buttons .button,.export .button{font-size:12px}.palettes{-ms-flex-pack:justify;background:transparent;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}@media only screen and (max-width:500px){.palettes{width:244px}}.stats{font-size:20px;font-weight:700;margin:auto;min-width:48px;text-align:right}.theme-dark .stats{color:#aaa}@media only screen and (max-width:500px){.stats{font-size:16px;min-width:32px}}hr{border:0;border-top:1px solid #444;height:1px;width:100%}.text-button{color:#222;cursor:pointer;text-decoration:underline}.theme-dark .text-button{color:#eee}.toast-container{-ms-flex-align:end;align-items:flex-end;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;left:0;padding:8px;pointer-events:none;position:fixed;width:100%}.toast-container .toast-item{-ms-flex-align:center;align-items:center;background-color:#fff;border-radius:2px;box-shadow:0 0 10px 10px rgba(0,0,0,.1);display:-ms-flexbox;display:flex;height:0;justify-items:center;margin:8px auto;opacity:0;overflow:hidden;padding:4px 8px;transition:all;transition-duration:.2s}.toast-container .toast-item.success{background-color:green;color:#fff}.toast-container .toast-item.failure{background-color:red;color:#fff}.toast-container .toast-item.open{height:32px;opacity:1}.modal{-ms-flex-align:center;align-items:center;background:transparent;display:-ms-flexbox;display:flex;height:100vh;left:0;opacity:0;overflow:auto;pointer-events:none;position:fixed;top:0;transition:all;transition-duration:.2s;width:100vw}.modal.open{background:rgba(0,0,0,.3);opacity:1;pointer-events:auto}.theme-dark .modal{background:rgba(0,0,0,.4)}.modal .content{background-color:#ccc;border:2px solid #000;border-radius:10px;box-shadow:0 0 20px 20px rgba(0,0,0,.2);-ms-flex:1;flex:1;margin:auto;max-width:480px;padding:8px}.theme-dark .modal .content{background-color:#222;border-color:#444}.modal .heading{margin:0 0 16px}.editor-root{background:repeating-conic-gradient(grey 0 25%,transparent 0 50%) 50% /32px 32px;height:0;outline:1px solid #000;overflow:auto;padding-bottom:100%;position:relative;width:100%}.editor-root .root-node-inner{box-shadow:0 0 20px 20px rgba(0,0,0,.2)}.editor-root .node{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.editor-root.enableGrid .node{outline:1px solid #333}.editor-root .node .overlay{height:calc(100% - 1px);position:absolute;top:0;width:calc(100% - 1px)}.editor-root .node .overlay2{height:100%;position:absolute;width:100%}.editor-root svg{height:100%;width:100%}.editor-root .node:hover .overlay,.editor-root .node:hover .overlay2{border:1px solid #000;z-index:100}.editor-root .node:hover .overlay2{border-color:#fff;border-width:1px}.editor-root .branch{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;height:100%;position:relative;width:100%}
/*# sourceMappingURL=bundle.18b23.css.map */