#buttonbar{position:fixed;display:flex;flex-wrap:wrap;top:26px;right:26px;padding:0 5px;overflow:hidden;border-radius:999px}#buttonbar>button{cursor:pointer;margin:8px 0 8px 8px;height:25px;width:25px;border:none;background-color:#0000;border-radius:100%}#buttonbar>button#undoBtn{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M3.34316 14.6568C4.79084 16.1046 6.79084 17 9 17C13.4183 17 17 13.4183 17 9C17 4.58173 13.4183 1 9 1C6.79084 1 4.79084 1.89543 3.34316 3.34316C2.60625 4.08004 1 5.88889 1 5.88889" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 2.33325V5.88881H4.55556" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center}#buttonbar>button#redoBtn{margin-left:0;margin-right:5px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M14.6568 14.6568C13.2092 16.1046 11.2092 17 9 17C4.58173 17 1 13.4183 1 9C1 4.58173 4.58173 1 9 1C11.2092 1 13.2092 1.89543 14.6568 3.34316C15.3937 4.08004 17 5.88889 17 5.88889" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 1.88892V5.88892H13" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center}#buttonbar>button#downloadBtn{background:url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2013 16.2012V10.8008H18V17.9999H0V10.8008H1.79866V16.2012H16.2013Z" fill="%23232323"/><path d="M9.90151 9.90157H12.5995L9.00218 14.3982L5.40039 9.90157H8.09838V0H9.90151V9.90157Z" fill="%23232323"/></svg>') no-repeat center}#buttonbar>button#audioBtn{background-image:url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6344 2.61049C11.365 2.47958 11.0576 2.4625 10.7749 2.56116C10.4903 2.65982 10.2626 2.86473 10.1317 3.13415C9.86229 3.69197 10.0976 4.36552 10.6573 4.63494C12.6608 5.60067 13.9567 7.66496 13.9567 9.89431C13.9567 13.1217 11.3308 15.7476 8.10347 15.7476C4.87612 15.7476 2.25023 13.1217 2.25023 9.89431C2.25023 7.66496 3.5442 5.60067 5.54967 4.63494C6.10938 4.36552 6.34465 3.69197 6.07523 3.13226C5.94431 2.86094 5.71474 2.65792 5.43204 2.55737C5.14933 2.45871 4.84197 2.47578 4.57445 2.6067C1.79487 3.95 0 6.80927 0 9.89621C0 14.3644 3.63527 17.9997 8.10347 17.9997C12.5717 17.9997 16.2069 14.3644 16.2069 9.89621C16.2069 6.80927 14.4121 3.9481 11.6344 2.61049Z" fill="black"/><path d="M8.10265 6.53628C8.72308 6.53628 9.22776 6.03159 9.22776 5.41117V1.12511C9.22776 0.504688 8.72308 0 8.10265 0C7.48223 0 6.97754 0.504688 6.97754 1.12511V5.41117C6.97754 6.03159 7.48223 6.53628 8.10265 6.53628Z" fill="black"/></svg>');background-repeat:no-repeat;background-position:center 3px}#buttonbar>button.pressed{background-color:#9f9}#buttonbar>button#recordBtn{margin-right:8px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><circle cx="9.5" cy="9.5" r="9.5" transform="matrix(-1 0 0 1 19 0)" fill="%23ec520b"/></svg>') no-repeat center}#sidebar{position:fixed;display:flex;flex-flow:column;top:26px;left:26px;bottom:26px;width:60px;min-height:200px;overflow:hidden;border-radius:10px;white-space:nowrap;transition:width .5s}#sidebar.disclosed{width:240px;--xxoff: 300px}#sidebarBtn{position:relative;display:block;margin:20px 18px 10px auto;width:21px;height:15px;background:url('data:image/svg+xml,<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect id="Rectangle 223" x="1" y="1" width="19" height="13" rx="2" stroke="%23323232" stroke-width="2"/><line id="Line 25" x1="7" y1="2" x2="7" y2="13" stroke="%23323232" stroke-width="2"/></svg>')}#sidebar.disclosed>#sidebarBtn{margin-right:28px}#palette{position:relative;margin:0 10px;width:0px;max-height:calc(100% - 160px);overflow:scroll;left:8px;transition:width .5s ease-out}#sidebar.disclosed>#palette{width:210px}#palette div.cat{font-weight:700;padding:5px 0;overflow:hidden;color:#323232;background:#fff0 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M7 5.52044L1.28341 0L0 1.24199L7 8L14 1.24199L12.7166 0L7 5.52044Z" fill="%23323232"/></svg>') no-repeat 176px}#palette>div.disclosed div.cat{background:#fff0 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M7 2.47956L12.7166 8L14 6.75801L7 0L0 6.75801L1.28341 8L7 2.47956Z" fill="%230080FF"/></svg>') no-repeat 176px;color:var(--category_color)}#palette .unitList{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out;margin:5px 0 15px 10px;padding-left:20px;border-left:2px solid;border-color:var(--category_color)}#palette>div.disclosed .unitList{grid-template-rows:1fr}.inner{overflow:hidden}#palette .unitPlaceholder{width:fit-content;height:16px;margin-bottom:5px;padding:6px 16px;border-radius:15px;text-align:center;font-size:13px;font-style:normal;font-weight:700;line-height:normal;color:#fff;background:var(--category_color)}#menu{position:absolute;margin:0 10px;width:24px;overflow:hidden;left:8px;bottom:0;transition:width .5s ease-out}#sidebar.disclosed>#menu{width:185px}#menu>div{font-weight:700;padding:15px 0;overflow:hidden;color:#323232}hr{width:22px;height:1px;background-color:#000;border-width:0}#sidebar .icon{display:inline-block;margin-right:10px;width:24px;height:24px;background:none}.icon#input{background:url('data:image/svg+xml,<svg width="24" height="13" viewBox="0 0 24 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0232 5.68604L9.80154 2.28559L11.1663 0.845459L16.669 6.65897L11.1663 12.4725L9.80154 11.0275L13.0232 7.62709H0V5.68604H13.0232Z" fill="%23fc0"/><circle cx="20.9199" cy="6.5" r="2.5" fill="%23fc0"/></svg>') no-repeat 0 4px}.icon#generator{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20" fill="none"><path d="M20.5947 14.4999C20.5947 14.4999 18.3952 6.29058 16.1724 5.38544C13.9496 4.48031 11.9746 8.53487 11.1311 9.81096C10.2875 11.0871 7.75684 14.9153 5.81191 14.1233C3.86698 13.3313 2.59395 5.38544 2.59395 5.38544" fill="white"/><path d="M20.5947 14.4999C20.5947 14.4999 18.3952 6.29058 16.1724 5.38544C13.9496 4.48031 11.9746 8.53487 11.1311 9.81096C10.2875 11.0871 7.75684 14.9153 5.81191 14.1233C3.86698 13.3313 2.59395 5.38544 2.59395 5.38544" stroke="%230080ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center}.icon#processor{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M12.4851 2.25642C17.8369 2.25642 22.1718 6.59389 22.1718 11.9368C22.1718 17.2798 17.8315 21.6172 12.4851 21.6172C7.13866 21.6172 2.79838 17.2798 2.79838 11.9368C2.79838 6.59389 7.13866 2.25642 12.4851 2.25642ZM12.4851 0.101074C5.94522 0.101074 0.641602 5.40122 0.641602 11.9368C0.641602 18.4724 5.94522 23.7726 12.4851 23.7726C19.025 23.7726 24.3286 18.4724 24.3286 11.9368C24.3286 5.40122 19.025 0.101074 12.4851 0.101074Z" fill="%2303c397"/><path d="M9.25293 15.8517L10.7514 17.3172L16.7882 11.3966L10.7514 5.48145L9.25293 6.94687L13.7966 11.3966L9.25293 15.8517Z" fill="%2303c397"/></svg>') no-repeat center}.icon#output{background:url('data:image/svg+xml,<svg width="24" height="12" viewBox="0 0 24 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path id="Vector" d="M20.0232 5.21363L16.8015 1.81318L18.1663 0.373047L23.669 6.18656L18.1663 12.0001L16.8015 10.5551L20.0232 7.15467H7V5.21363H20.0232Z" fill="%23ffa200"/><circle id="Ellipse 233" cx="2.5" cy="6.02759" r="2.5" fill="%23ffa200"/></g></svg>') no-repeat 0 6px}.icon#utility{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M2.74016 7.62368C3.72027 8.60379 5.17766 8.89357 6.44328 8.39925L6.96743 8.1947L14.3353 15.5626L15.5583 14.3396L8.19044 6.97169L8.39499 6.44754C8.89357 5.17766 8.59953 3.72453 7.61942 2.74442C7.01004 2.13504 6.21317 1.78987 5.39499 1.73874L7.38931 3.73306L6.47311 6.48164L3.72453 7.39783L1.73021 5.40351C1.78135 6.22169 2.12652 7.01857 2.7359 7.62794L2.74016 7.62368ZM1.51715 8.84243C0.0469764 7.37226 -0.387683 5.19044 0.358056 3.28987L0.83959 2.0626L4.19328 5.41629L5.10948 5.10948L5.41629 4.19328L2.05834 0.83959L3.28561 0.358056C5.19044 -0.387683 7.37226 0.0469764 8.84243 1.51715C10.172 2.84669 10.6535 4.76004 10.1848 6.51999L18.0001 14.3353L14.3353 18.0001L6.52425 10.1848C4.76431 10.6578 2.85095 10.172 1.52141 8.84243H1.51715Z" fill="%2380f"/></svg>') no-repeat center}.icon#settings{background:url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2347_8411)"><path d="M12.3051 17.9132L12.9564 17.7243C14.0452 17.4111 15.0395 16.8344 15.8549 16.0538L16.3421 15.5864L18.2612 16.4515L19.36 14.5523L17.6547 13.3293L17.8138 12.673C17.948 12.1311 18.0127 11.5693 18.0127 11.0025C18.0127 10.4357 17.9431 9.8739 17.8138 9.33198L17.6547 8.67571L19.36 7.45265L18.2612 5.55345L16.3421 6.41853L15.8549 5.95119C15.0395 5.17062 14.0452 4.5939 12.9564 4.28068L12.3051 4.09175L12.0963 2.00362H9.90373L9.69491 4.09175L9.04362 4.28068C7.9548 4.5939 6.96045 5.17062 6.14508 5.95119L5.65785 6.41853L3.73876 5.55345L2.64 7.45265L4.34531 8.67571L4.18621 9.33198C4.05198 9.8739 3.98734 10.4357 3.98734 11.0025C3.98734 11.5693 4.05695 12.1311 4.18621 12.673L4.34531 13.3293L2.64 14.5523L3.73876 16.4515L5.65785 15.5864L6.14508 16.0538C6.96045 16.8344 7.9548 17.4111 9.04362 17.7243L9.69491 17.9132L9.90373 20.0014H12.0963L12.3051 17.9132ZM14.1695 19.4296L13.911 22H8.08904L7.83051 19.4296C6.90079 19.0816 6.03571 18.5794 5.27006 17.953L2.90847 19.0169L0 13.9855L2.10305 12.4741C2.0235 11.9919 1.98373 11.4947 1.98373 10.9975C1.98373 10.5003 2.0235 10.0081 2.10305 9.5209L0 8.00949L2.90847 2.98305L5.27006 4.04701C6.03571 3.42057 6.90079 2.91842 7.83051 2.5704L8.08904 0H13.911L14.1695 2.5704C15.0992 2.91842 15.9643 3.42057 16.7299 4.04701L19.0915 2.98305L22 8.01446L19.8969 9.52588C19.9765 10.0081 20.0163 10.5053 20.0163 11.0025C20.0163 11.4997 19.9765 11.9919 19.8969 12.4791L22 13.9905L19.0915 19.0219L16.7299 17.958C15.9643 18.5844 15.0992 19.0866 14.1695 19.4346V19.4296Z" fill="%23323232"/><path d="M11.0023 14.9999C8.7948 14.9999 7 13.2101 7 10.9976C7 8.78519 8.78983 6.99536 11.0023 6.99536C13.2147 6.99536 15.0045 8.78519 15.0045 10.9976C15.0045 13.2101 13.2147 14.9999 11.0023 14.9999ZM11.0023 13.0012C12.106 13.0012 13.0009 12.1063 13.0009 11.0026C13.0009 9.89886 12.106 9.00395 11.0023 9.00395C9.89853 9.00395 9.00362 9.89886 9.00362 11.0026C9.00362 12.1063 9.89853 13.0012 11.0023 13.0012Z" fill="%23323232"/></g><defs><clipPath id="clip0_2347_8411"><rect width="22" height="22" fill="white"/></clipPath></defs></svg>') no-repeat}.icon#home{cursor:pointer;background:url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Layer_2" clip-path="url(%23clip0_2347_7016)"><path id="Vector" d="M18.821 11.5025H20.9105V10.1875L11.5026 3.59677L2.08949 10.1823V11.4973H4.17898V20.9052H7.31322V19.4083C7.31322 17.1005 9.18441 15.2241 11.4974 15.2241C13.8104 15.2241 15.6816 17.0953 15.6816 19.4083V20.9052H18.8158V11.4973L18.821 11.5025ZM20.9105 22.9999H13.5921V19.4135C13.5921 18.2596 12.6565 17.324 11.5026 17.324C10.3487 17.324 9.41311 18.2596 9.41311 19.4135V22.9999H2.08949V13.592H0V9.09598L11.5026 1.04468L23.0052 9.09598V13.592H20.9157V22.9999H20.9105Z" fill="%23323232"/></g></svg>') no-repeat 0 -2px}#infobox{position:fixed;display:flex;align-items:center;bottom:26px;left:180px;width:600px;height:76px;border-radius:999px;transition:left .5s}#sidebar.disclosed~#infobox{left:360px}#infobox #icon{display:inline-block;width:40px;height:40px;margin:auto 24px;border-radius:100%;background-color:var(--category_color);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="20" viewBox="0 0 14 20" fill="none"><path d="M9.77564 12.2199C9.97141 11.9589 10.7066 11.0584 10.6892 11.0758C11.7769 9.70983 12.2511 8.63966 12.2511 6.9996C12.2511 4.09797 9.9018 1.74881 7 1.74881C4.0982 1.74881 1.74891 4.09797 1.74891 6.9996C1.74891 8.62226 2.21877 9.69243 3.31075 11.0671C3.2803 11.028 4.02859 11.9546 4.22871 12.2156C4.91175 13.1335 5.25109 13.9209 5.25109 14.8736H8.75326C8.75326 13.9166 9.09695 13.1292 9.77999 12.2156L9.77564 12.2199ZM0 6.9996C0 3.1322 3.13238 0 7 0C10.8676 0 14 3.1322 14 6.9996C14 9.09209 13.3735 10.5146 12.0597 12.1677C12.0597 12.1721 11.3462 13.0421 11.1765 13.2684C10.6979 13.9079 10.4978 14.3646 10.4978 14.8736V16.6224H3.50218V14.8736C3.50218 14.3603 3.30205 13.8992 2.82349 13.2597C2.65382 13.0291 1.92728 12.1373 1.94034 12.1503C0.626476 10.4972 0 9.07904 0 6.9996Z" fill="white"/><path d="M3.50293 19.25V17.5012H10.5029V19.25H3.50293Z" fill="white"/></svg>');background-position:center;background-repeat:no-repeat}#editor{position:absolute;top:0;background:#fff;width:100%;height:100%;overflow:visible}#editor>svg{position:absolute}.comment{position:absolute;touch-action:none;min-width:150px;z-Index:0}.comment.selected{z-Index:5}.comment>.header{position:relative;display:flex;justify-content:center;margin:0 10px;height:30px;color:#fff0;border-radius:15px;cursor:default}.comment.selected>.header{background:var(--category_color);color:#fff;cursor:move}.comment>.body{margin:-26px 10px 0;padding-top:20px;border-radius:10px;background:#fff0;border:4px solid #0000}.comment.selected>.body{background-color:#fff}.comment .textarea{pointer-events:none;display:block;overflow:hidden;resize:none;min-height:40px;line-height:20px;padding:10px;border-radius:10px;background-color:#fff;background-image:url("data:image/svg+xml,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='none' rx='10' ry='10' stroke='%23323232' stroke-width='2' stroke-dasharray='3,7' stroke-dashoffset='0' stroke-linecap='square'/></svg>")}.comment.selected .textarea{background-image:none;pointer-events:auto}.comment .textarea:focus{outline:none!important}.unit{position:absolute;touch-action:none;min-width:120px;z-Index:0}.unit.selected{z-Index:5}.unit>.header{position:relative;display:flex;justify-content:center;margin:0 10px;height:30px;border-radius:15px;color:#fff;background:var(--category_color);cursor:move}.header>div{padding:6px 0 6px 16px;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.ctxMenuBtn{display:inline-block;margin:0 10px 0 4px;overflow:visible;cursor:pointer;width:4px;height:16px;background:url('data:image/svg+xml,<svg width="4" height="16" viewBox="0 0 4 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g><circle id="Ellipse 235" cx="1.72222" cy="1.72234" r="1.72222" fill="white"/><circle id="Ellipse 236" cx="1.72222" cy="7.75018" r="1.72222" fill="white"/><circle id="Ellipse 237" cx="1.72222" cy="13.778" r="1.72222" fill="white"/></g></svg>') no-repeat center}.comment .ctxMenuBtn{display:none}.comment.selected .ctxMenuBtn{display:inline-block}.unit>.body{margin:-26px 10px 0;padding-top:25px;border-radius:15px;border:4px solid #0000;background:#e5e5ea}.unit>.body.vis{background:url('data:image/svg+xml,<svg height="200" width="1" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="0" y2="90" style="stroke:%23f2f2f2;stroke-width:2"/><line x1="0" y1="90" x2="0" y2="200" style="stroke:%23e5e5ea;stroke-width:2" /></svg>') repeat}.selected>.body{border:4px solid var(--category_color)}.inlet,.outlet{position:absolute;width:10px;height:20px;background:var(--Grays-Gray-5, #E5E5EA)}.inlet{left:0}.outlet{bottom:15px;right:0}.ctrInlet{position:absolute;left:calc(50% - 10px);top:-10px;width:20px;height:10px;background:var(--category_color)}.controller_container{min-height:30px;display:flex;justify-content:center;padding-top:8px}.controller_container.vertical{flex-direction:column;align-items:center}.controller_container>*{width:80px}.controller_container>button{font-size:12px;margin-bottom:10px;height:20px;cursor:pointer;color:#000}.visualisation_container{height:63px;overflow:hidden}.unitContextMenu{cursor:pointer;position:absolute;z-index:11;top:-999px;border-radius:0 10px 10px;color:#fff;font-weight:500;font-size:16px;font-style:normal;background:#323232}.unitContextMenu>div{padding:10px 20px 10px 40px;border-bottom:1px solid rgba(245,245,245,.2)}.unitContextMenu>div:last-of-type{border-bottom:none}.unitContextMenu>div#delete{background:url('data:image/svg+xml,<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.29058 2.45276L9.02411 1.63513H6.97589L6.70942 2.45276H9.29058ZM1.59881 4.09208H0V2.45683H5.02312L5.82252 -0.00012207H10.1775L10.9769 2.45276H16V4.08801H14.4012V17.9999H1.59881V4.09208ZM3.20159 4.09208V16.3646H12.8024V4.09208H3.20159Z" fill="white"/></svg>') no-repeat 12px center}.unitContextMenu>div#duplicate{background:url('data:image/svg+xml,<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector" d="M1.66529 18.1829H11.6653V19.9999H0V3.63831H1.66529V18.1829Z" fill="%23F5F5F5"/><path id="Vector_2" d="M13.3307 5.45525H9.99598V1.81683H4.16333V15.453H13.3307V5.45525ZM11.1766 -0.00012207L14.996 4.16711V17.2699H2.49805V-0.00012207H11.1766Z" fill="white"/></svg>') no-repeat 12px center}.unitContextMenu>div#reset{background:url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector" d="M3.48548 4.48323L5.48099 5.64207L1.15882 6.80537L0 2.46085L1.91948 3.57496C3.57944 1.36467 6.19687 0 9.05593 0C13.9955 0 18 4.03134 18 8.99777C18 13.9642 13.9955 18 9.05593 18V16.2013C13.0067 16.2013 16.2103 12.9799 16.2103 9.00225C16.2103 5.02463 13.0067 1.80314 9.05593 1.80314C6.84564 1.80314 4.81881 2.8188 3.481 4.48323H3.48548Z" fill="white"/></svg>') no-repeat 12px center}