@font-face{font-family:space grotesk;src:url("./assets/SpaceGrotesk-VariableFont_wght-BYN4CF5H.ttf")}@font-face{font-family:chaney;src:url("./assets/chaney-regular-webfont-22ECOGWK.ttf")}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-moz-user-select:none;-webkit-user-select:none;overscroll-behavior-x:none}body{font-family:Space Grotesk;font-size:14px;overflow:hidden}#player{position:absolute;left:-999px;width:1px}:root{--darkGrey: #323232;--midGrey: #909090;--grey: #e0e0e0;--darkWhite: #f9f9f9;--soundbox_main: #1f2ade;--category_color: #e5e5e5;--category_io: #ff7bac;--category_gen: #1f2ade;--category_proc: #00df82;--category_util: #ac53ff;--category_gui: #006d54;--red: #ff4400;--error: #f00}.category_io{--category_color: var(--category_io)}.category_generator{--category_color: var(--category_gen)}.category_processor{--category_color: var(--category_proc)}.category_utility{--category_color: var(--category_util)}.category_gui{--category_color: var(--category_gui)}.category_undefined{--category_color: var(--darkGrey)}.glassEfx{border:1px solid #ddd;background:radial-gradient(278.82% 137.51% at 1.95% 3.59%,#f0f0f066,#fff0);backdrop-filter:blur(11px);z-index:10}button{font-size:1em;border:none;background:none;cursor:pointer}a{text-decoration:none;color:#000;border-bottom:1px dotted #a9a9a9}a:hover{border-bottom:1px solid #000}p{text-align:justify;margin-bottom:20px}h1{font-size:2.2em;font-weight:400;padding:0 50px 20px 0}h2{font-size:1.5em;font-weight:500;padding-bottom:10px}hr{margin-bottom:1em;color:var(--midGrey)}ul{margin-left:20px}#header{position:absolute;height:82px;width:100%;background-color:var(--soundbox_main);background-image:url("./assets/logo-DCV5U6QJ.png");background-repeat:no-repeat;background-size:169px;background-position:10px;padding-right:20px;text-align:right;align-content:center;color:#fff;z-index:2}#sidebarBtn{position:absolute;display:none;top:100px;left:-999px;width:40px;height:40px;cursor:pointer}#sidebarMenu{position:absolute;top:82px;bottom:0;width:186px;display:flex;flex-direction:column;justify-content:space-between;padding-top:20px;border-right:solid 1px #eee;transition:transform .5s ease;z-index:20}@media(max-width:750px){#sidebarBtn{left:18px;display:block}#sidebarMenu{transform:translate(-120%)}#sidebarMenu.show{transform:translate(0)}}#sidebarMenu div{margin-bottom:20px}#sidebarMenu #bottom button{color:var(--midGrey);font-size:1em}#sidebarMenu button{display:flex;text-align:left;padding:8px 20px;width:100%;font-size:1.2em;font-style:normal;color:#000;font-weight:500;cursor:pointer}#sidebarMenu button.selected{color:var(--soundbox_main);background:#0000ff08;cursor:default}#content{position:absolute;top:86px;left:186px;width:calc(100% - 180px);height:calc(100% - 86px);padding:20px 28px 0 36px;overflow:scroll}@media(max-width:750px){#content{left:0;top:140px;padding-left:28px;height:calc(100% - 140px);width:100%}}#content #top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.editor{overflow:scroll}.editor>svg{position:absolute}.editor.build{position:absolute;height:100%;width:100%}.module,.comment{position:absolute;touch-action:none;z-index:0}.module{min-width:90px}.moduleHeader{position:relative;display:flex;gap:8px;justify-content:center;white-space:nowrap;margin:0 10px;padding:0 16px 0 20px;height:30px;border-radius:15px;color:#fff;background:var(--category_color);cursor:move}.moduleHeader>div:first-child{padding:6px 0;text-align:center;font-style:normal;font-weight:580;line-height:normal}.comment{min-width:150px}.module.selected,.comment.selected{z-index:5}.comment>.moduleHeader{color:#fff0;background:none}.comment.selected>.moduleHeader{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}.module.dummy{opacity:.4}.module.dummy>.body{height:100px}.ctxMenuBtn{visibility:hidden;display:inline-block;margin:6px 0 0;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{visibility:visible;display:inline-block}.module>.body{margin:-26px 10px 0;padding-top:25px;border-radius:15px;border:4px solid #0000;background:#e5e5ea}.module>.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;top:-10px;width:20px;height:10px;background:var(--category_color)}.inlet.magnetic,.ctrInlet.magnetic{box-shadow:0 0 10px 3px var(--category_color);filter:brightness(80%)}.inlet.error,.ctrInlet.error{box-shadow:0 0 10px 3px var(--error);background:var(--error)}.controller_container{margin:0 4px;min-height:8px;display:flex;justify-content:center;align-items:center}.controller_container.vertical{flex-direction:column;align-items:center}.editor.build .controller_container>*{margin:8px 0;width:80px;text-align:center}.editor.build .controller_container.vertical>*{min-height:36px;margin:4px auto;align-content:center}.visualisation_container{margin:0 -4px;height:63px;overflow:hidden}.module .label{text-align:center;padding:0 5px}.module.selected .ctxMenuBtn{visibility:visible}.extensionButtons{display:flex;justify-content:center}.extensionButtons>button{font-size:1.5em;border:none;border-radius:100%;margin:0 2px 4px;width:16px;height:16px;line-height:5px}.extensionButtons>button.minus{background:url('data:image/svg+xml,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="none" stroke="black" stroke-width="1"/><line x1="4" y1="8" x2="12" y2="8" stroke="black" stroke-opacity="0.8" stroke-width="2" stroke-linecap="round"/></svg>')}.extensionButtons>button.plus{background:url('data:image/svg+xml,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="none" stroke="black" stroke-width="1"/><line x1="8" y1="4" x2="8" y2="12" stroke="black" stroke-opacity="0.8" stroke-width="2" stroke-linecap="round"/><line x1="4" y1="8" x2="12" y2="8" stroke="black" stroke-opacity="0.8" stroke-width="2" stroke-linecap="round"/></svg>')}.openSubpatch{max-width:30px;height:30px;margin-top:2px;border:1px solid black;border-radius:20%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M16.7939 2.15002H13.9895V0H20.4545V6.46073H18.3031V3.68497L13.358 8.60537L11.8381 7.08112L16.7939 2.15534V2.15002ZM16.7778 18.2911L11.8381 13.3546L13.358 11.8358L18.3031 16.7829V13.9857H20.4545V20.4465H13.9842V18.2965H16.7725L16.7778 18.2911ZM2.15677 16.7722L7.08576 11.8304L8.61101 13.3493L3.68203 18.2911H6.4703V20.4411H0V13.9804H2.15142V16.7722H2.15677Z" fill="%232E2F30"/><path d="M2.15727 3.66356V6.46073H0.00585938V0H6.42264V2.15002H3.68788L8.61687 7.08647L7.09161 8.60537L2.15727 3.66356Z" fill="%232E2F30"/></svg>') center no-repeat}.closeBtn{display:inline-block;margin:5px 0 0 10px;overflow:visible;cursor:pointer;width:20px;height:20px;background:url('data:image/svg+xml,<svg width="20" height="20" fill="none" stroke="white" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="9" fill="none" stroke="white" stroke-width="1"/><line x1="6" y1="6" x2="14" y2="14" stroke-width="2" stroke-linecap="round"/><line x1="6" y1="14" x2="14" y2="6" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center}svg .patchCord{stroke:var(--midGrey)}svg .selected{stroke:var(--red);fill:var(--red)}.editor.build .selectionRect{fill:#0000ff06;stroke:#00f;stroke-width:1}#layoutEditor .selectionRect{fill:#fff2;stroke:#fffa;stroke-width:1}.encyclopaedia{display:flex;flex-wrap:wrap}.encyclopaedia .column{min-width:200px;max-width:800px;width:calc(50% - 10px)}.encyclopaedia .column:first-child{padding-right:20px}.encyclopaedia .letter{margin:5px 0 15px}.encyclopaedia .entries{display:flex;flex-wrap:wrap;flex-direction:row}.encyclopaedia .entries>div{padding:0 0 10px;display:flex}.encyclopaedia .entries .bull{padding:0 16px}.encyclopaedia h3{color:var(--soundbox_main);font-size:1.5em;font-weight:400}#gotoToc{margin-bottom:1em}synth{display:none}div.synth{position:relative;min-height:300px;border:1px solid black;margin:20px 0;overflow:scroll}:root{--icon-delete: 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="black"/></svg>');--icon-duplicate: 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="black"/><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="black"/></svg>')}.icon{display:inline-block;margin-right:10px;width:24px;height:24px;mask-repeat:no-repeat;mask-position:center}.icon#io{background:var(--category_io);mask-image:url('data:image/svg+xml,<svg width="24" height="13" viewBox="0 0 24 13" fill="black" 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" /><circle cx="20.9199" cy="6.5" r="2.5" fill="%23ffa200"/></svg>');mask-repeat:no-repeat;mask-position:0 4px}.icon#generator{background:var(--category_gen);mask-image: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" /><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="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.icon#processor{background:var(--category_proc);mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="black"><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"/><path d="M9.25293 15.8517L10.7514 17.3172L16.7882 11.3966L10.7514 5.48145L9.25293 6.94687L13.7966 11.3966L9.25293 15.8517Z"/></svg>')}.icon#gui{background:var(--category_gui);mask-image:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24" fill="black"><path d="M16.9651 21.5161L18.2603 15.0287C18.271 14.9752 18.2763 14.9271 18.287 14.8736C18.4315 13.697 17.5966 12.6166 16.4192 12.4722L10.7464 11.7074V3.22501C10.7464 2.63135 10.2647 2.15001 9.67066 2.15001C9.07662 2.15001 8.59495 2.63135 8.59495 3.22501V15.9914L6.9252 14.8789C5.71035 14.066 4.12623 13.7237 2.15142 13.8735V15.4298C4.11017 16.3283 5.50161 17.4407 6.30973 18.7939L6.40606 19.0078L7.23561 21.5161H16.9598H16.9651ZM12.8978 9.80875L16.6868 10.3382C19.0416 10.6324 20.7114 12.7824 20.417 15.141C20.4063 15.2426 20.3849 15.3496 20.3689 15.4512L18.7259 23.6715H5.68358L4.4045 19.8047C3.76764 18.7992 2.53139 17.8953 0.668972 17.1359L0 16.8631V11.9802L0.925847 11.8464C3.0291 11.5469 4.87546 11.6753 6.44888 12.2476V3.22501C6.44888 1.44404 7.89387 0 9.67066 0C11.4475 0 12.8924 1.44404 12.8924 3.22501V9.8034L12.8978 9.80875Z"/></svg>')}.icon#utility{background:var(--category_util);mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="black"><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"/></svg>')}.hamburgerBtn{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path d="M0 2.15V0H21.5302V2.15H0ZM0 17.2108V15.0607H21.5302V17.2108H0ZM0 9.68038V7.53037H21.5302V9.68038H0Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:center}#infobox{position:fixed;display:flex;align-items:center;bottom:26px;left:50vw;translate:-50% 0;width:90%;max-width:800px;height:76px;border-radius:999px;transition:left .5s}@media(max-width:500px){#infobox{font-size:.8em}}#infobox #icon{display:inline-block;flex-shrink:0;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}#infobox a.more{color:var(--midGrey);border-color:var(--midGrey)}:root{--offset: 187;--duration: 1.4s}.loading{position:absolute;left:calc(50% - 33px);top:calc(50% - 33px);background:#fff}.loading .spinner{position:absolute;animation:rotator var(--duration) linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.loading .path{stroke:#ddd;stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash var(--duration) ease-in-out infinite}@keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@keyframes dash{0%{stroke-dashoffset:var(--offset)}50%{stroke-dashoffset:calc(var(--offset)/4);transform:rotate(135deg)}to{stroke-dashoffset:var(--offset);transform:rotate(450deg)}}#mask{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#c8c8c866;backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease-out;pointer-events:none}#mask.active{opacity:1;pointer-events:auto}.modalWindow{position:fixed;border-radius:10px;box-shadow:0 4px 8px #00000080,0 6px 40px #00000080;background-color:#fff;overflow:visible;opacity:0;z-index:100;transition:opacity .1s ease-out;pointer-events:none}.modalWindow#dialogBox{left:50%;top:50%;transform:translate(-50%,-50%)}.modalWindow.active{opacity:1;pointer-events:auto}.modalWindow .item{padding:8px 20px 2px}.modalWindow .item:first-of-type{margin-top:1em;border-top:none}.modalWindow .item.buttons{display:flex;gap:10px;justify-content:space-between;margin:1.8em 0 .8em}.modalWindow .item.buttons:has(>:only-child){justify-content:flex-end}.modalWindow .item div{padding-bottom:.4em}.modalWindow button{border:1px solid black;border-radius:7px;padding:.4em .6em;font-size:1em;min-width:80px}.modalWindow button.important{background:var(--grey);font-weight:800}.modalWindow button#copy{border:none;width:30px;min-width:0;margin-left:-32px;background-position:center}.modalWindow input[type=text]{border:1px solid #bbb;border-radius:5px;font-size:1.2em;min-width:260px;padding:8px 5px}.modalWindow input[type=text].copied{background-color:#eee;color:#aaa}.modalWindow .sizer{font-family:system-ui;font-size:1.2em;padding:8px 5px;position:absolute;visibility:hidden}.modalWindow .wrapper{display:flex}.modalWindow select{font-size:1.2em;width:100%}.moduleContextMenu{position:absolute;display:flex;flex-direction:column;z-index:11;top:-999px;border-radius:0 10px 10px;background:#323232}.moduleContextMenu.left{border-radius:10px 0 10px 10px}.moduleContextMenu>div{display:flex;color:#fff;font-weight:500;font-size:1em;font-style:normal;text-align:left;padding:10px 20px 10px 0;cursor:pointer}.moduleContextMenu button{padding:10px 0 10px 50px;border-bottom:1px solid rgba(245,245,245,.2)}.moduleContextMenu button:last-of-type{border-bottom:none}.moduleContextMenu button#delete{mask-image:var(--icon-delete);mask-repeat:no-repeat;mask-position:12px center;background-color:#fff}.moduleContextMenu button#duplicate{mask-image:var(--icon-duplicate);mask-repeat:no-repeat;mask-position:12px center;background-color:#fff}.moduleContextMenu button#attributes{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 20" fill="white"><path d="M0 3.2252V1.0752H4.22256V3.2252H0ZM6.4596 3.2252V1.0752H21.5302V3.2252H6.4596ZM0 10.7556V8.60557H14.9261V10.7556H0ZM17.4521 10.7556V8.60557H21.5248V10.7556H17.4521ZM0 18.286V16.136H9.64391V18.286H0ZM11.9826 18.286V16.136H21.5248V18.286H11.9826Z" /><path d="M5.37895 4.30002C6.56714 4.30002 7.53037 3.33744 7.53037 2.15002C7.53037 0.962602 6.56714 0 5.37895 0C4.19075 0 3.22754 0.962602 3.22754 2.15002C3.22754 3.33744 4.19075 4.30002 5.37895 4.30002Z" /><path d="M16.1465 11.8303C17.3347 11.8303 18.2979 10.8677 18.2979 9.68029C18.2979 8.49288 17.3347 7.53027 16.1465 7.53027C14.9583 7.53027 13.9951 8.49288 13.9951 9.68029C13.9951 10.8677 14.9583 11.8303 16.1465 11.8303Z" /><path d="M10.7627 15.0552C11.9508 15.0552 12.9141 16.0179 12.9141 17.2052C12.9141 18.3925 11.9508 19.3552 10.7627 19.3552C9.57463 19.3552 8.61133 18.3925 8.61133 17.2052C8.61133 16.0179 9.57463 15.0552 10.7627 15.0552Z" /></svg>') no-repeat 12px center}:root{--playModeUnitWidth: 120px}#playEditor,#layoutEditor{position:absolute;background:var(--soundbox_main);width:100%;height:100%;color:#fff}#playEditor .module .body,#layoutEditor .module .body{margin-top:0;padding-top:0;background:#fff0;outline:1px solid #fff}#layoutEditor .module .body{outline:2px solid #fff}#playEditor .width1 .body,#layoutEditor .width1 .body{width:calc(var(--playModeUnitWidth) - 12px)}#playEditor .width2 .body,#layoutEditor .width2 .body{width:calc(2 * var(--playModeUnitWidth) - 12px)}#playEditor .height1 .body,#layoutEditor .height1 .body{height:calc(var(--playModeUnitWidth) - 12px)}#playEditor .height2 .body,#layoutEditor .height2 .body{height:calc(2 * var(--playModeUnitWidth) - 12px)}#playEditor .label,#layoutEditor .label{position:relative;height:1.2em;top:0}#playEditor .controller_container>*,#layoutEditor .controller_container>*{margin:8px 0 6px;width:80px;text-align:center}#playEditor .controller_container>*[type=number],#layoutEditor .controller_container>*[type=number]{height:17px}#playEditor .text,#layoutEditor .text{padding:0 10px}#playEditor .module .comm{outline:none}.settingItem{display:flex;align-items:center;min-height:50px;padding:10px 0}div.switch{display:flex;margin-right:20px;user-select:none}div.switch>div{padding:2px 10px;width:50px;border:1px solid black;border-left:none;text-align:center;background:#fff;color:#000;font-weight:400;cursor:pointer}div.switch>div:first-child{border-left:1px solid black;border-radius:5px 0 0 5px}div.switch>div:last-child{border-radius:0 5px 5px 0}div.switch>div.selected{background:#000;color:#fff;font-weight:800}.settings button{border:1px solid black;border-radius:5px;margin-right:20px;padding:2px 5px;font-size:1em;width:100px}:root{--hover: #e7e9f788;--on: #c7c7f7;--top: 16px;--menuTop: 52px;--side: 16px}#topbar{position:absolute;top:var(--top);left:var(--side);width:calc(100% - var(--side) * 2);min-width:300px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.toolbar{display:flex;flex-direction:row;align-items:center;overflow:hidden;border-radius:10px;pointer-events:auto}.toolbar.menu,.toolbar.palette{position:absolute;opacity:0;pointer-events:none;top:var(--menuTop);overflow:hidden;flex-direction:column;align-items:initial;transform:translateY(-6px) scale(.98);transition:opacity .15s ease,transform .15s ease;z-index:15}.toolbar.menu.show,.toolbar.palette.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.toolbar.palette{max-height:calc(100vh - var(--menuTop) - 26px);padding:20px 30px 0;overflow-y:scroll}.toolbar.palette div.cat{width:191px;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 10px}.toolbar.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="%23323232"/></svg>') no-repeat 176px 10px;color:var(--category_color)}.toolbar.palette .moduleList{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out;margin:5px 0 12px 10px;padding-left:20px;border-left:2px solid;border-color:var(--category_color)}.toolbar.palette>div.disclosed .moduleList{grid-template-rows:1fr}.inner{overflow:hidden}.modulePlaceholder{width:fit-content;height:2em;margin-bottom:5px;padding:5px 14px;border-radius:15px;text-align:center;font-size:.9em;font-style:normal;font-weight:550;line-height:normal;white-space:nowrap;color:#fff;background:var(--category_color)}.modulePlaceholder.dragging{opacity:.4}.toolbar.menu{right:0}.toolbar.menu button{width:100%;height:30px;padding:0 10px 0 40px;font-family:inherit}.toolbar button{cursor:pointer;height:36px;width:36px;background-color:#0000;flex-shrink:0;text-align:left;padding-left:30px}.toolbar button:hover{background-color:var(--hover)}.toolbar button.on{background-color:var(--on)}.toolbar button.on#audio{background-color:#9f9}.toolbar button#home{padding:0 10px;background:url('data:image/svg+xml,<svg width="21" height="22" 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 center 6px}.toolbar button#build{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 23 22" fill="none"><path d="M17.5573 3.11837L9.10157 11.5687L8.72155 13.4726L10.6268 13.0929L19.0826 4.64263L17.5627 3.12372L17.5573 3.11837ZM22.1278 4.64263L11.6918 15.0718L5.98145 16.211L7.12138 10.5043L17.5573 0.0751953L22.1224 4.63728L22.1278 4.64263Z" fill="%232E2F30"/><path d="M19.9764 19.4413V8.68058H22.1278V21.5913H0.597656V0.0751953H13.5169V2.22521H2.74908V19.4413H19.9764Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:center}.toolbar button#layout{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M5.38392 5.38037V0H7.53534V7.53039H0V5.38037H5.38392ZM16.1517 0V5.38037H21.5355V7.53039H14.0003V0H16.1517ZM5.38392 21.5161V16.1358H0V13.9858H7.53534V21.5161H5.38392ZM16.1517 21.5161H14.0003V13.9858H21.5355V16.1358H16.1517V21.5161Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:center}.toolbar button#play{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 25 24" fill="none"><path d="M2.75103 2.46053V21.8267H22.1298V2.46053H2.75103ZM24.2812 0.310547V23.9767H0.599609V0.310547H24.2812Z" fill="%232E2F30"/><path d="M8.13477 7.84082L16.7457 12.1409L8.13477 16.4462V7.84082Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:center}.toolbar #resetBtn{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><path d="M18.9774 14.6543C16.9384 16.9166 13.936 18.2804 10.6821 18.2804C5.53907 18.2804 1.12387 14.8682 0 10.135L2.13535 9.66969C3.03445 13.4509 6.56661 16.1839 10.6821 16.1839C13.358 16.1839 15.8198 15.0287 17.4521 13.1247L15.0706 10.7447H21.5302V17.2001L18.9774 14.6489V14.6543ZM2.5581 3.62613C4.59713 1.36381 7.59947 0 10.8534 0C15.9964 0 20.4117 3.41221 21.5355 8.14544L19.4002 8.61074C18.5011 4.8295 14.9689 2.09653 10.8534 2.09653C8.17747 2.09653 5.7157 3.25176 4.08341 5.15575L6.46492 7.53573H0.005357V1.08036L2.5581 3.63149V3.62613Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:center}.toolbar #paletteBtn{width:52px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none"><path d="M2.15136 2.14999V6.45538H6.45957V2.14999H2.15136ZM8.61099 0V8.60537H0V0H8.61099ZM2.15136 12.9107V17.2161H6.45957V12.9107H2.15136ZM8.61099 10.7607V19.3661H0V10.7607H8.61099ZM12.9191 2.14999V6.45538H17.2273V2.14999H12.9191ZM19.3734 0V8.60537H10.7624V0H19.3734ZM12.9191 12.9107V17.2161H17.2273V12.9107H12.9191ZM19.3734 10.7607V19.3661H10.7624V10.7607H19.3734Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:center}.toolbar button#undo{background-image: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>');background-repeat:no-repeat;background-position:10px 5px}.toolbar button#redo{background-image: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>');background-repeat:no-repeat;background-position:10px 5px}.toolbar button#cut{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 22 22" fill="none"><path d="M9.47262 12.0818L2.15678 1.18732L3.94961 0L10.7678 10.1564L17.5859 0L19.3788 1.18732L12.0629 12.0818L13.7808 14.6383C14.5675 13.59 15.8199 12.9108 17.2274 12.9108C19.6036 12.9108 21.5355 14.8361 21.5355 17.2161C21.5355 19.5961 19.6089 21.5215 17.2274 21.5215C14.8459 21.5215 12.9192 19.5961 12.9192 17.2161L10.7678 14.0125L8.61635 17.2161C8.61635 19.5908 6.68975 21.5215 4.30821 21.5215C1.92667 21.5215 0 19.5961 0 17.2161C0 14.8361 1.92667 12.9108 4.30821 12.9108C5.72108 12.9108 6.97336 13.59 7.75472 14.6383L9.47262 12.0818ZM4.30821 19.3661C5.4963 19.3661 6.45957 18.4034 6.45957 17.2161C6.45957 16.0288 5.4963 15.0661 4.30821 15.0661C3.12011 15.0661 2.15678 16.0288 2.15678 17.2161C2.15678 18.4034 3.12011 19.3661 4.30821 19.3661ZM17.2274 19.3661C18.4155 19.3661 19.3788 18.4034 19.3788 17.2161C19.3788 16.0288 18.4155 15.0661 17.2274 15.0661C16.0393 15.0661 15.076 16.0288 15.076 17.2161C15.076 18.4034 16.0393 19.3661 17.2274 19.3661Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:10px 5px}button#copy{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 20 24" fill="none"><path d="M2.15672 21.5213H15.0706V23.6767H0V4.31055H2.15672V21.5213Z" fill="%232E2F30"/><path d="M17.2273 6.46073H12.9192V2.15536H5.38385V18.2911H17.2273V6.45538V6.46073ZM14.4444 0.00535351L19.3788 4.93647V20.4411H3.23242V0H14.4444V0.00535351Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:10px 5px}.toolbar button#paste{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 18 24" fill="none"><path d="M11.8385 6.4502V8.60554H5.37891V6.4502H11.8385Z" fill="%232E2F30"/><path d="M5.5658 4.30002C5.44806 3.96307 5.38385 3.59939 5.38385 3.22501C5.38385 1.44404 6.82885 0 8.61099 0C10.3931 0 11.8381 1.44404 11.8381 3.22501C11.8381 3.60474 11.7739 3.96307 11.6561 4.30002H17.222V23.6661H0V4.30002H5.5658ZM2.15136 6.45003V21.5108H15.0706V6.45003H2.15136ZM8.61099 4.30002C9.20504 4.30002 9.6867 3.81867 9.6867 3.22501C9.6867 2.63135 9.20504 2.15 8.61099 2.15C8.01694 2.15 7.53528 2.63135 7.53528 3.22501C7.53528 3.81867 8.01694 4.30002 8.61099 4.30002Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:10px 5px}.toolbar button#encapsulate{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M15.4987 6.4554L18.3031 6.4554L18.3031 8.6054L11.8381 8.6054L11.8381 2.1446L13.9895 2.1446L13.9895 4.9204L18.9346 0.0000L20.4545 1.5243L15.4987 6.4500Z" fill="%232E2F30"/><path d="M6.4542 15.4993L1.5253 20.4411L0.0000 18.9222L4.9290 13.9804L2.1407 13.9804L2.1407 11.8304L8.6110 11.8304L8.6110 18.2911L6.4596 18.2911L6.4542 15.4993Z" fill="%232E2F30"/></svg>');background-repeat:no-repeat;background-position:10px 5px}.toolbar button#download{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="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>');background-repeat:no-repeat;background-position:10px 5px}.toolbar button#audio{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 18 18" fill="black" 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"/><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"/></svg>');background-repeat:no-repeat;background-position:center}.toolbar>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}.toolbar hr{border:none;height:1px;background:#ccc;margin:.5rem 0}#content #buttons{display:flex;justify-content:right;gap:10px;padding:0 0 20px}#content #buttons button,#content #buttons label{padding:7px 18px;border-radius:7px;border:1px solid var(--darkGrey);font-size:1em;cursor:pointer}table{width:100%}tr{height:30px}tr:last-child td{border:none}td,th{min-width:100px;text-align:left;padding:10px 10px 10px 0;border-bottom:1px solid #eee}td.patch{cursor:pointer}span.arrow{padding-left:5px;font-size:.6em;vertical-align:2px}#content table button{width:20px;height:20px;margin-right:10px;opacity:.5}#content button:hover{opacity:1}button.rename{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none"><path d="M11.8381 4.74938L13.3634 3.23047L18.3031 8.16159L16.7832 9.6805L11.8381 4.74938Z" fill="%232E2F30"/><path d="M15.579 2.97364L3.88533 14.6596L2.89526 18.6227L6.86095 17.6333L18.5546 5.9473L15.579 2.97364ZM21.5302 5.9473L7.93666 19.5319L0 21.5161L1.98549 13.5846L15.579 0L21.5302 5.9473Z" fill="%232E2F30"/></svg>') no-repeat center}button.share{margin-left:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="22px" height="22px"><path d="M 36 5 C 32.151772 5 29 8.1517752 29 12 C 29 12.585766 29.198543 13.109464 29.335938 13.654297 L 17.345703 19.652344 C 16.059118 18.073938 14.181503 17 12 17 C 8.1517722 17 5 20.151775 5 24 C 5 27.848225 8.1517722 31 12 31 C 14.181503 31 16.059118 29.926062 17.345703 28.347656 L 29.335938 34.345703 C 29.198543 34.890536 29 35.414234 29 36 C 29 39.848225 32.151772 43 36 43 C 39.848228 43 43 39.848225 43 36 C 43 32.151775 39.848228 29 36 29 C 33.818497 29 31.940882 30.073938 30.654297 31.652344 L 18.664062 25.654297 C 18.801457 25.109464 19 24.585766 19 24 C 19 23.414234 18.801457 22.890536 18.664062 22.345703 L 30.654297 16.347656 C 31.940882 17.926062 33.818497 19 36 19 C 39.848228 19 43 15.848225 43 12 C 43 8.1517752 39.848228 5 36 5 z M 36 8 C 38.226909 8 40 9.7730927 40 12 C 40 14.226907 38.226909 16 36 16 C 33.773091 16 32 14.226907 32 12 C 32 9.7730927 33.773091 8 36 8 z M 12 20 C 14.226909 20 16 21.773093 16 24 C 16 26.226907 14.226909 28 12 28 C 9.7730915 28 8 26.226907 8 24 C 8 21.773093 9.7730915 20 12 20 z M 36 32 C 38.226909 32 40 33.773093 40 36 C 40 38.226907 38.226909 40 36 40 C 33.773091 40 32 38.226907 32 36 C 32 33.773093 33.773091 32 36 32 z"/></svg>') no-repeat center}button.duplicate{mask-image:var(--icon-duplicate);mask-repeat:no-repeat;mask-position:center;background-color:#000}button.delete{mask-image:var(--icon-delete);mask-repeat:no-repeat;mask-position:center;background-color:#000}