.App .app-content-container,.App .dialog-composite,.App .scrollable-container{overscroll-behavior:none}.App .loading{font-size:1.1rem;padding-top:3em}:root{--disabled-opacity: .35;--ph-margin: 10px;--ph-border-style: dashed;--ph-border-color-inactive: #b0b0b0;--ph-border-color-inactive-faded: #808080;--ph-border-color-active: yellow;--ph-border-color-forbidden: red;--ph-color-active-sp: #606000;--ph-color-active-comb: #a0a000;--ph-color-forbidden: red;--lane-width: 322px;--lane-padding: 10px;--lane-top-margin: 20px;--lane-gap: 12px;--bottom-arrow-radius: 25px;--bottom-arrow-size: 25px;--bottom-arrow-color: rgb(255 255 255 / .4);--module-width: 300px;--module-border: 1px solid #404040;--module-inner-border: 1px solid #202020;--module-icon-size: 26px;--module-color-generator: #b0b0f0;--module-color-effect: #ffffa0;--module-color-spcomb: #eba369;--module-color-output: white;--module-color-curve: #40d040;--ph-size-0: 30px;--ph-size-1: 50px;--ph-size-2: 60px;--ph-size-3: 120px;--button-size-2: 30px;--main-toolbar-bg-color: var(--bg-color-3);--main-toolbar-height: 41px;--main-toolbar-separator-bottom: 1px solid #405070;--main-toolbar-border-bottom: 1px solid #202040;--mini-canvas-width: calc(4 * var(--main-toolbar-height));--main-editor-toolbar-bg-color: var(--bg-color-3a);--main-editor-toolbar-border-bottom: 1px solid #202020;--maxi-canvas-width: 800px;--maxi-canvas-height: calc(var(--maxi-canvas-width) * 3 / 8);--editor-padding: 10px;--module-editor-canvas-width: 600px;--module-editor-canvas-height:calc(--module-editor-canvas-width*.375);--frame-limiter-width: 300px;--frame-limiter-label-display: inline;--frame-limiter-slider-margin: 1.5em;--panel-padding: 10px;--panel-header-padding: 10px 10px;--panel-header-height: 40px;--tab-color: #a0a0b0;--important-color: #8abbff;--warning-color: #fbb360;--less-important-color: #808080;--export-frame-slider-handle-color: #f0f060;--export-slider-margin: var(--panel-padding);--error-color: #d06060;--export-canvas-width: 600px;--export-canvas-height:calc(--export-canvas-width*.375);--h1-color: #d0d0d0}canvas{display:block}@media only screen and (max-width: 1300px){:root{--maxi-canvas-width: 640px;--frame-limiter-width: 380px}}@media only screen and (max-width: 1100px){:root{--maxi-canvas-width: 400px;--frame-limiter-width: 200px}}@media only screen and (max-width: 750px){:root{--maxi-canvas-width: 460px;--module-editor-canvas-width: 500px;--export-canvas-width: 500px}}@media only screen and (max-width: 600px){:root{--maxi-canvas-width: 360px;--module-editor-canvas-width: 400px;--frame-limiter-label-display: none;--frame-limiter-slider-margin: 0;--export-canvas-width: 400px}}@media only screen and (max-width: 500px){:root{--maxi-canvas-width: 220px;--module-editor-canvas-width: 300px;--export-canvas-width: 300px}}.App{text-align:center;background-color:var(--bg-color-0)}.app-content-container{position:fixed;overflow-y:auto;top:calc(2 * var(--main-toolbar-height));bottom:0;width:100%;background-color:var(--bg-color-0)}.app-out-container{position:relative;display:inline-block;background-color:var(--bg-color-1);border-radius:var(--border-radius);width:var(--lane-width);min-width:var(--lane-width);padding:var(--lane-padding);margin-top:2em;margin-bottom:1em}.bp5-form-helper-text{text-align:justify;color:#a0a0a0!important}.module-colors-generator,.module-colors-generator .bp5-menu-item,.module-colors-generator .bp5-icon,.module-colors-generator .bp5-submenu-icon{color:var(--module-color-generator)!important}.module-colors-effect,.module-colors-effect .bp5-menu-item,.module-colors-effect .bp5-icon,.module-colors-effect .bp5-submenu-icon{color:var(--module-color-effect)!important}.module-colors-splitter,.module-colors-splitter .bp5-menu-item,.module-colors-splitter .bp5-icon,.module-colors-splitter .bp5-submenu-icon,.module-colors-combiner,.module-colors-combiner .bp5-menu-item,.module-colors-combiner .bp5-icon,.module-colors-combiner .bp5-submenu-icon{color:var(--module-color-spcomb)!important}.module-colors-output,.module-colors-output .bp5-icon{color:var(--module-color-output)!important}.module-colors-curve,.module-colors-curve .bp5-menu-item,.module-colors-curve .bp5-icon,.module-colors-curve .bp5-submenu-icon{color:var(--module-color-curve)!important}.module-placeholder{cursor:pointer;opacity:.6}.module-placeholder:after{border:1px var(--ph-border-style) var(--ph-border-color-inactive);border-radius:var(--border-radius);position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;content:""}.module-placeholder:hover{opacity:.99}.news{--border-color: rgb(255 255 255 / .2);border:1px solid var(--border-color);border-radius:var(--border-radius);opacity:.7;display:inline-block;text-align:justify;max-width:550px}.news hr{border:none;height:1px;background-color:var(--border-color)}.news code{background-color:#ffffff1a;border-radius:var(--border-radius);padding:2px;white-space:nowrap}.news.open,.news:hover{opacity:1;background-color:#c8ffc80d;color:silver}.news .collapse-expand{float:right}.news.open p{padding:.5em;margin:.5em 1em}.news h1{color:#72ca9b;font-size:1em;font-weight:400;cursor:pointer;border-radius:var(--border-radius);margin:.5em;padding:.5em}.news h1:hover{background-color:#ffffff1a}.news h1 .emoji{font-size:1.5em}.news h2{color:#72ca9b;font-size:1em;font-weight:400;margin:.5em;padding:.5em}.news .date{font-size:1em}.news p.generator .bp5-icon{color:var(--module-color-generator)!important}.news p.effect .bp5-icon{color:var(--module-color-effect)!important}.news p.combiner .bp5-icon{color:var(--module-color-spcomb)!important}.news p.curve .bp5-icon{color:var(--module-color-curve)!important}.scrollable-container{max-height:75vh;overflow-y:auto;overflow-x:hidden}.curve-canvas-container{background-color:#000;border-radius:var(--border-radius);position:relative;display:block;width:var(--maxi-canvas-width);height:var(--maxi-canvas-height)}.curve-canvas-container canvas{touch-action:none;position:absolute;display:block;width:var(--maxi-canvas-width);height:var(--maxi-canvas-height)}.curve-editor>.header .title-comp{max-width:130px}.curve-editor .body{display:flex;justify-content:center;align-items:center;gap:.5em}.curve-usage-tooltip{line-height:1.6em}.curve-usage-tooltip .tooltip-title{font-weight:700;margin-bottom:.5em}.enable-comp{margin:0!important}.mask-value,.mix-value{font-size:.9rem;color:#777;display:inline-flex;align-items:center}.mix-value.large{font-size:1rem;color:#fff;padding:0 .3em;display:inline-flex;align-items:center}.module-preview-wrapper{margin-top:var(--ph-margin);text-align:left}.module-preview-wrapper>.top-widgets{padding-left:var(--lane-padding);display:flex;gap:.5em}.module-preview{position:relative;box-sizing:border-box;border-radius:var(--border-radius);background-color:var(--bg-color-5);margin-top:.25em;text-align:center}.module-preview>header{border-radius:var(--border-radius) var(--border-radius) 0 0;padding:var(--lane-padding);text-align:left}.module-preview>header .title-comp{display:inline-block;max-width:160px}.module-preview>header>.menu{float:right;position:relative;top:-3px}.module-preview>.body{position:relative;padding:26px 0 32px}.module-preview footer.custom{position:absolute;left:0;right:0;top:-10px}.module-preview footer.custom.more-params{cursor:pointer;left:-30px}.module-preview footer.custom .more-params{color:var(--param-color-custom-transparent);display:inline-block;position:absolute;right:13px;top:11px;width:18px;height:18px}.module-preview footer.general{position:absolute;left:0;right:0;bottom:-5px}.preview-canvas.interactive{cursor:pointer}.routing-point,button.routing-point{display:"inline-block";border-radius:50%;color:#000!important;background-color:var(--module-color-spcomb)!important;font-size:.8em;font-weight:700;width:var(--ph-size-0);height:var(--ph-size-0);line-height:var(--ph-size-0);padding:0;margin:0;cursor:default}button.routing-point{border:none!important;box-shadow:none!important;min-width:var(--ph-size-0);min-height:var(--ph-size-0);height:var(--ph-size-0);max-height:var(--ph-size-0);cursor:pointer}.module-preview .attachments{padding:0 0 var(--ph-margin) 0}.module-preview .attachments>*{display:inline-block;vertical-align:top;min-height:35px}.comb-route:not(:first-child){display:inline-block;margin:0 0 0 var(--ph-margin)}.comb-route.ignored{opacity:.3}.comb-route-placeholder{display:inline-block;margin:0 0 0 var(--ph-margin)}.comb-route-placeholder.spcomb-placeholder{margin-top:0}.comb-route-placeholder.free-slot{cursor:default;opacity:.99}.comb-route-placeholder.free-slot button{cursor:default}.module-placeholder.comb-route-placeholder.free-slot:after{border:1px solid var(--module-color-spcomb)}.comb-route-placeholder.hidden{display:none}@keyframes border-rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.spcomb-placeholder{position:relative;display:inline-block;max-width:var(--ph-size-0);width:var(--ph-size-0);height:var(--ph-size-0);margin-top:var(--ph-margin)}.spcomb-placeholder.active-sp,.spcomb-placeholder.active-comb,.spcomb-placeholder.active-comb-forbidden{opacity:.999}.module-placeholder.spcomb-placeholder.active-comb-forbidden,.module-placeholder.spcomb-placeholder.active-comb-forbidden button{cursor:not-allowed}.spcomb-placeholder.active-sp .bp5-icon{color:var(--ph-color-active-sp)!important}.spcomb-placeholder.active-comb .bp5-icon{color:var(--ph-color-active-comb)!important}.spcomb-placeholder.active-comb-forbidden .bp5-icon{color:var(--ph-color-forbidden)!important}.module-placeholder.spcomb-placeholder:after{border-radius:50%}.module-placeholder.active-sp:after{border:none;background-color:var(--ph-border-color-active)}.module-placeholder.active-comb:after{border-width:2px;border-color:var(--ph-border-color-active);animation:border-rotation 3s infinite linear}.module-placeholder.active-comb-forbidden:after{border-width:2px;border-style:solid;border-color:var(--ph-border-color-forbidden)}.spcomb-placeholder>span{position:absolute;left:0;top:0;right:0;bottom:0}.spcomb-placeholder button{border:none!important;background-color:transparent!important;box-shadow:none!important;min-width:var(--ph-size-0);min-height:var(--ph-size-0);height:var(--ph-size-0);max-height:var(--ph-size-0);padding:0;margin:0}.spcomb-placeholder button .bp5-button-text{margin-bottom:1px}.signal-stopper-wrapper{position:relative;height:var(--ph-size-0);margin-top:var(--ph-margin)}.signal-stopper-wrapper .break-lane{position:absolute;left:calc(-1 * var(--lane-padding));top:calc(50% - var(--ph-margin) * .5);width:calc(100% + 2 * var(--lane-padding));height:var(--ph-margin);background-color:var(--bg-color-0)}.signal-stopper{position:relative;display:inline-block;cursor:pointer;width:var(--ph-size-0);height:var(--ph-size-0);margin:0 var(--ph-margin) 0 var(--ph-margin);text-align:center}.signal-stopper .ray{--ray-width: calc(var(--ph-size-0) * .555);--translate-ray: translate(calc((var(--ph-size-0) - var(--ray-width)) * -.64), 0);border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;width:var(--ray-width);height:var(--ph-size-0);display:inline-block;position:absolute;background-color:#d04040}.signal-stopper .ray:nth-child(1){transform:var(--translate-ray)}.signal-stopper .ray:nth-child(2){transform:var(--translate-ray) rotate(calc(1turn / 6))}.signal-stopper .ray:nth-child(3){transform:var(--translate-ray) rotate(calc(2turn / 6))}.signal-stopper .bp5-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;opacity:.7}.sp-route{margin-top:var(--ph-margin)}.show-hide-button{margin:auto 0}.module-editor-canvas-container{background-color:#000;border-radius:var(--border-radius);display:inline-block;margin:var(--editor-padding)}.module-editor-canvas-container canvas{width:var(--module-editor-canvas-width);height:var(--module-editor-canvas-height)}.dialog-composite{border-top:var(--editor-border);background-color:var(--bg-color-0);text-align:left;position:fixed;overflow-y:auto;top:calc(2 * var(--main-toolbar-height));bottom:0;width:100%;z-index:1}.dialog-composite>.header{border-bottom:var(--main-editor-toolbar-border-bottom);background-color:var(--main-editor-toolbar-bg-color);position:sticky;top:0;display:flex;align-items:center;gap:.3rem;padding:calc(.5 * var(--editor-padding)) var(--editor-padding);z-index:20}.dialog-composite>.header>.spacer{flex-grow:2}.dialog-composite>.content{max-width:1300px;margin:0 auto}.dialog-composite>.footer{text-align:center;margin:calc(2 * var(--editor-padding))}@media (max-width: 850px){.dialog-composite>.header{flex-direction:column}.dialog-composite>.header .close-button{position:absolute;top:calc(var(--editor-padding) / 2);right:var(--editor-padding)}}.module-info{padding:0 1em}.module-info h1{font-size:1.1em;font-weight:400;margin:0;padding:0}.properties-list{display:table;width:100%;margin-left:1em}.property{display:table-row}.property.highlighted{background-color:#ffffff1a}.property dt,.property dd{display:table-cell;padding:.3em}.property dt{width:1%;white-space:nowrap;padding-right:1em;vertical-align:top}.property dd{color:#b0b0b0;vertical-align:middle}.module-info h1.custom,.property dt.custom{color:var(--param-color-custom-transparent)}.module-info h1.mask,.property dt.mask{color:var(--param-color-mask)}.module-info h1.common,.property dt.common{color:var(--param-color-common-transparent)}.dialog-composite>.content>.editor-body .frame-index{color:#a0a0a0}.dialog-composite>.content>.editor-panel{margin:var(--editor-padding)}.dialog-composite>.header .title-comp{display:inline-block;max-width:180px}.dialog-composite>.content .editor-body{margin:var(--editor-padding) var(--editor-padding) 0 var(--editor-padding);text-align:center}.dialog-composite>.content>.param-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:calc(100% - 2 * var(--editor-padding));min-height:var(--main-toolbar-height);margin:calc(2 * var(--editor-padding)) var(--editor-padding) 0 var(--editor-padding)}.dialog-composite>.content .tab-group{background-color:#ffffff0d;border-radius:var(--border-radius);padding:4px}.dialog-composite>.content>.param-header .param-tab-value{color:var(--tab-color);padding-right:1em;padding-left:.3em;padding-top:.1em}.dialog-composite>.content>.param-header .param-tab-value[aria-selected=true]{background-color:var(--bg-color-1a)}.dialog-composite>.content>.param-header .bp5-tab-list{flex-wrap:wrap}.dialog-composite>.content>.param-header .bp5-tab-list>*{border-radius:var(--border-radius) var(--border-radius) 0 0}.dialog-composite>.content>.param-header .bp5-tab-list>:not(:last-child){margin:0}.dialog-composite>.content .disabled-param-content{background-color:var(--bg-color-1);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;margin:var(--editor-padding);padding:var(--editor-padding)}.dialog-composite>.content .disabled-param-content .error-text{padding:1em}.dialog-composite>.content .info-body{margin:var(--editor-padding) var(--editor-padding) 0 var(--editor-padding)}.dialog-composite>.content>.footer{text-align:center;margin:calc(2 * var(--editor-padding))}.dialog-composite .disabled-warning{height:150px;margin-top:50px}.audio-param-editor{margin:var(--editor-padding);display:flex;gap:var(--panel-padding)}.audio-param-editor>*:nth-child(2){flex-grow:2}.param-panel{min-width:280px;max-width:300px;min-height:360px}.param-panel .contents{display:grid;grid-template:auto / 1fr 1.5fr 2rem;grid-template-areas:"knob knob knob" "value0 value0 value0" "label1 value1 button1" "label2 value2 button2" "label3 value3 empty3" "am-label am-label am-empty" "amount amount amount" "range-label range-label range-empty" "range range range"}.param-panel .contents>*{padding:calc(var(--panel-padding) / 5) 0 calc(var(--panel-padding) / 5) 0}.param-panel .contents .knob{grid-area:knob;padding:0;display:flex;justify-content:center;align-items:center}.param-panel .contents .value{text-align:right}.param-panel .contents .single-value{text-align:center;font-size:1.3em;padding-top:0}.param-panel .contents .less-important{color:var(--less-important-color)}.param-panel .contents .btn-cell{text-align:right}.param-panel .contents .amount{grid-area:amount;padding:var(--panel-padding) calc(2 * var(--panel-padding)) 0 calc(2 * var(--panel-padding))}.param-panel .contents .range{grid-area:range;padding:var(--panel-padding) calc(2 * var(--panel-padding)) 0 calc(2 * var(--panel-padding))}.param-panel .contents .bp5-control{margin-bottom:0}.param-panel .contents .bp5-control-indicator{margin-right:0}.curve-placeholders{display:flex;gap:1rem;justify-content:center;align-items:center;border:1px var(--ph-border-style) var(--ph-border-color-inactive-faded);border-radius:var(--border-radius);padding:var(--editor-padding);text-align:center}.curve-placeholders .curve-placeholder{position:relative;width:var(--ph-size-2);height:var(--ph-size-2)}.curve-placeholder>span{position:absolute;left:0;top:0;right:0;bottom:0}.curve-placeholder button{border:none!important;background-color:transparent!important;box-shadow:none!important;width:100%;height:var(--ph-size-2);max-height:var(--ph-size-2);padding:0;margin:0}@media (max-width: 850px){.audio-param-editor{flex-direction:column}.param-panel{min-width:unset;max-width:unset}}.mini-input-group{display:inline-block}.mini-input-wrapper{border:1px solid var(--bg-color-0);display:inline-block;border-radius:var(--border-radius);margin:var(--editor-padding);padding:0}.mini-input-wrapper.disabled{border:none;opacity:.25}.mini-input-wrapper canvas{padding:0;margin:0}.comb-editor-toolbar{display:inline-flex}.frame-limiter{display:inline-flex;align-items:center}.frame-limiter>.slider{min-width:var(--frame-limiter-width);margin:0 var(--frame-limiter-slider-margin)}.frame-limiter>.label{white-space:nowrap;display:var(--frame-limiter-label-display)}.frame-limiter>.label>.fade{color:#909090}.grid-mask-editor,.grid-mask-editor .enable-gm{display:inline-flex;align-items:center}.grid-mask-editor label{margin:0!important}.grid-mask-editor .bp5-popover-target{display:inline-flex}.grid-mask-pattern{background-color:var(--bg-color-1b);border-radius:var(--border-radius-small);display:inline-flex;align-items:center}.grid-mask-pattern.disabled{opacity:var(--disabled-opacity)}.fx-editor-toolbar{display:inline-flex}.integer-comp{background-color:var(--bg-color-1b);border-radius:var(--border-radius-small);display:inline-flex;align-items:center}.integer-comp.disabled{opacity:var(--disabled-opacity)}.integer-comp label{margin:0!important}.grid-mask-editor label.disabled{opacity:var(--disabled-opacity)}.csc-side-body{background-color:var(--bg-color-2);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;padding:.1em}.logo-container{opacity:.4;transition:opacity 1s;margin:2em}.logo-container.menu-item{margin:.5em;opacity:1}.logo-container:hover{opacity:1;transition:opacity 1s}.logo-container img{position:relative;height:36px}.logo-container.menu-item img{height:24px;opacity:1}.logo-container sub{position:relative;top:-4px;font-size:.7em;color:#8f8fbe;font-weight:700}.carousel-wrapper{--icon-size: 22px;--icon-top: calc(100% - (100% - 2 * var(--main-toolbar-height)) * 2 / 3 - var(--icon-size) / 2);--icon-radius: 25%;--anim-time: .5s;--c-padding: 6px;position:relative}.carousel-wrapper .lane-carousel{overflow-x:auto;margin:var(--lane-top-margin) 1rem 1rem 1rem;text-align:center;scrollbar-width:none}.carousel-wrapper .lane-carousel::-webkit-scrollbar{display:none}.carousel-wrapper .lane-carousel>.slider{--lane-count: 1;--lane-placeholder-count: 1;--w: calc( var(--lane-count) * var(--lane-width) + (var(--lane-count) - 2) * var(--lane-gap) + 2 * var(--lane-placeholder-count) * (var(--ph-size-1) + var(--lane-gap)) + var(--lane-gap) );display:inline-flex;flex-direction:row;justify-content:center;gap:var(--lane-gap);min-width:var(--w);width:var(--w)}.lane-carousel .slider.bottom-arrow-line{border-bottom:1px solid var(--bottom-arrow-color);border-radius:var(--bottom-arrow-radius);padding-bottom:3em}.carousel-wrapper .bottom-arrow{border-right:1px solid var(--bottom-arrow-color);border-bottom:1px solid var(--bottom-arrow-color);background-color:var(--bg-color-0);display:block;width:var(--bottom-arrow-size);height:var(--bottom-arrow-size);position:absolute;bottom:0;z-index:3;left:calc(50% - var(--bottom-arrow-size) / 2);transform:translateY(calc(var(--bottom-arrow-size) * .5)) rotate(45deg)}.carousel-wrapper .left-arrow,.carousel-wrapper .right-arrow{border:1px solid rgb(255 255 255 / 30%);background-color:var(--bg-color-4);position:fixed;top:var(--icon-top);z-index:1;padding:2px;opacity:.5;transition:opacity var(--anim-time)}.carousel-wrapper .left-arrow:hover,.carousel-wrapper .right-arrow:hover{opacity:1;transition:opacity var(--anim-time)}.carousel-wrapper .left-arrow.disabled,.carousel-wrapper .right-arrow.disabled{opacity:.2;transition:opacity var(--anim-time)}.carousel-wrapper .left-arrow{border-left:none;border-radius:0 var(--icon-radius) var(--icon-radius) 0;left:0}.carousel-wrapper .right-arrow{border-right:none;border-radius:var(--icon-radius) 0 0 var(--icon-radius);right:0}.carousel-wrapper .left-arrow button,.carousel-wrapper .right-arrow button{border-radius:50%;padding:.5em 1em}.modal-dialog-overlay{--hf-height: 3em;touch-action:none;position:fixed;text-align:center;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color var(--overlay-anim-duration);z-index:10}.modal-dialog-overlay.open{background-color:var(--overlay-bg-color)}.modal-dialog-overlay .dialog{background-color:var(--bg-color-3);display:inline-block;position:relative;text-align:left;width:400px;max-width:100%;margin-top:20vh;padding:1em;border-radius:var(--border-radius)}.modal-dialog-overlay .dialog header{border-bottom:1px solid rgb(0 0 0 / .4);box-shadow:0 3px 10px #0006;display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;height:var(--hf-height);padding:0 .5em 0 1em}.modal-dialog-overlay .dialog header .close-button{cursor:pointer;margin-left:auto;margin-right:0}.modal-dialog-overlay .dialog .body{margin:var(--hf-height) 0;text-align:justify;padding:0 1em 1em}.modal-dialog-overlay .dialog footer{align-items:center;text-align:center;position:absolute;bottom:0;left:0;width:100%;height:var(--hf-height);padding:0 1em}.drop-files-panel{border:1px dashed rgb(255 255 255 / .15);background-color:#ffffff1a;border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%;height:200px;padding:1em;margin-top:4em}.drop-files-panel:hover{background-color:#ffffff26}.drop-files-panel.drag-over{background-color:#64ff6480}.gen-placeholder{position:relative;height:var(--ph-size-1);margin-top:var(--ph-margin)}.gen-placeholder>span{position:absolute;left:0;top:0;right:0;bottom:0}.gen-placeholder button{border:none!important;background-color:transparent!important;box-shadow:none!important;width:100%;height:var(--ph-size-1);padding:0;margin:0}.lane-enable-comp{margin:0!important}.lane-comp{position:relative;background-color:var(--bg-color-1);border-radius:var(--border-radius);width:var(--lane-width);min-width:var(--lane-width)}.lane-comp>header{background-color:var(--bg-color-2);border-radius:var(--border-radius) var(--border-radius) 0 0;text-align:left;line-height:1.8rem;vertical-align:middle;padding:var(--lane-padding)}.lane-comp>header>.right-toolbar{float:right}.lane-comp>.body{position:relative;padding:0 var(--lane-padding) var(--lane-padding) var(--lane-padding);text-align:center}.lane-comp .route-ph-group{display:flex;gap:calc(var(--ph-margin) * 2);justify-content:center}.m-placeholder{position:relative;width:100%;max-width:100%;height:var(--ph-size-1);margin-top:var(--ph-margin)}.m-placeholder>span{position:absolute;left:0;top:0;right:0;bottom:0}.m-placeholder button{border:none!important;background-color:transparent!important;box-shadow:none!important;width:100%;height:var(--ph-size-1);max-height:var(--ph-size-1);padding:0;margin:0}.m-placeholder.small{width:var(--ph-size-0);height:var(--ph-size-0)}.m-placeholder.small button{min-width:var(--ph-size-0);min-height:var(--ph-size-0);height:var(--ph-size-0);max-height:var(--ph-size-0);font-size:0px}.stopper-placeholder{position:relative;display:inline-block;width:var(--ph-size-0);height:var(--ph-size-0);margin-top:var(--ph-margin);text-align:center}.stopper-placeholder:after{border:none}.stopper-placeholder .ray{--ray-width: calc(var(--ph-size-0) * .58);--translate-ray: translate(calc((var(--ph-size-0) - var(--ray-width)) * .5), 0);border-top:1px var(--ph-border-style) var(--ph-border-color-inactive);border-bottom:1px var(--ph-border-style) var(--ph-border-color-inactive);width:var(--ray-width);height:var(--ph-size-0);display:inline-block;position:absolute;z-index:-1}.stopper-placeholder .ray:nth-child(1){transform:var(--translate-ray)}.stopper-placeholder .ray:nth-child(2){transform:var(--translate-ray) rotate(calc(1turn / 6))}.stopper-placeholder .ray:nth-child(3){transform:var(--translate-ray) rotate(calc(2turn / 6))}.stopper-placeholder button{border:none!important;background-color:transparent!important;box-shadow:none!important;min-width:var(--ph-size-0);min-height:var(--ph-size-0);height:var(--ph-size-0);max-height:var(--ph-size-0);padding:0;margin:0}.stopper-placeholder button .bp5-button-text{margin-bottom:1px}.lane-placeholder-wrapper{--wrapper-padding: 2px;display:flex;flex-direction:column;gap:0;padding:var(--wrapper-padding)}.lane-placeholder{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ph-size-1) - var(--wrapper-padding) * 2);min-height:calc(var(--ph-size-1) - var(--wrapper-padding) * 2);max-height:calc(var(--ph-size-1) - var(--wrapper-padding) * 2)}.lane-placeholder>.vertical-align-helper{display:inline-block;height:100%}.lane-placeholder>*{vertical-align:middle}.lane-placeholder>.tt-filler{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0}.frame-slider-container{display:flex;flex-direction:column;gap:4px;width:100%}.frame-slider{display:flex;flex-direction:row;align-items:center;gap:14px;width:100%}.frame-slider .slider{flex-grow:2}.sub-slider{--opacity: .7;display:flex;flex-direction:row;align-items:center;gap:14px;width:100%}.sub-slider.disabled{opacity:.6}.sub-slider .slider{--h: 12px;--bh: 2px;--abh: 6px;--hh: 6px;--hw: 6px;--br: 2px;flex-grow:2;height:var(--h);position:relative}.sub-slider .slider .back{background-color:#232731;border-radius:var(--br);height:var(--bh);position:absolute;left:0;right:0;top:calc((var(--h) - var(--bh)) / 2)}.sub-slider .slider .active-back{background-color:#232731;border-radius:var(--br);height:var(--abh);position:absolute;top:calc((var(--h) - var(--abh)) / 2)}.sub-slider .slider .handle{--left: 0;background-color:var(--warning-color);border-radius:var(--br);width:var(--hw);height:var(--hh);position:absolute;left:calc(var(--left) - var(--hw) / 2);top:calc((var(--h) - var(--hh)) / 2)}.sub-slider .num{font-size:.75rem;font-style:italic;opacity:var(--opacity)}.main-toolbar-section{border:1px solid rgb(0 0 0 / .4);background-color:var(--bg-color-3);border-radius:var(--border-radius);text-align:center;margin:.5em}.main-toolbar-section.disabled{opacity:.5}.main-toolbar{background-color:var(--main-toolbar-bg-color);text-align:left;position:fixed;display:flex;align-items:center;gap:.3rem;left:0;top:0;right:calc(4 * var(--main-toolbar-height) * var(--break-2-on));height:var(--main-toolbar-height);padding:0 10px;z-index:2}.main-toolbar>.tb-element{line-height:1px}.main-toolbar>.tb-element.spacer{flex-grow:2}.main-toolbar.p-toolbar{border-bottom:var(--main-toolbar-separator-bottom);z-index:3}.main-toolbar.p-toolbar>.project{margin-left:10px;max-width:200px}.shareable-modules{opacity:.5}.main-toolbar.f-toolbar{border-bottom:var(--main-toolbar-border-bottom);top:var(--main-toolbar-height)}.main-toolbar.f-toolbar>.tb-element.slider{padding:0 .5em;flex-grow:2}.main-toolbar.f-toolbar .disabled{opacity:.2}.out-toolbar{background-color:#000;position:fixed;top:0;right:0;width:calc(4 * var(--main-toolbar-height));height:calc(2 * var(--main-toolbar-height));z-index:2}.out-toolbar.disabled{opacity:.1}.play-container{display:flex;align-items:center;line-height:1px}.play-container .play-button{width:80px}.menu-logo-wrapper{display:flex;position:relative;align-items:center;padding:0 .5em}.menu-logo-wrapper .logo-vertical img{top:6px}menu.gec-toolbar{display:flex;flex-direction:row-reverse;gap:var(--ph-margin);padding:3px;margin:0}menu.gec-toolbar>li{display:inline-block}menu.gec-toolbar button{border-radius:var(--border-radius);cursor:pointer;width:var(--button-size-2);height:var(--button-size-2)}menu.gec-toolbar button.ph{opacity:.6}menu.gec-toolbar button.ph:hover{opacity:1}menu.gec-toolbar button.ph.route{border:1px var(--ph-border-style) var(--ph-border-color-inactive);border-radius:50%;background-color:transparent!important;box-shadow:none!important;padding:0;margin:0}menu.gec-toolbar button.ph.module{border:1px var(--ph-border-style) var(--ph-border-color-inactive);background-color:transparent!important;box-shadow:none!important;padding:0;margin:0}menu.gec-toolbar button.modules-collapse{border:none!important;background-color:#000!important;box-shadow:none!important;padding:0;margin:0}menu.gec-toolbar button.modules-collapse:disabled{opacity:.2}.export-content{margin:var(--editor-padding) var(--editor-padding) 0 var(--editor-padding)}.export-content .render-wt-progress{margin:5em 0}.export-content .pattern-error{color:#fff;background-color:var(--error-color);font-size:1.2em;border-radius:2px;display:flex;gap:.5em;padding:.5em;margin-bottom:.5em}.export-content .slider{margin:0 var(--export-slider-margin);flex-grow:2}.export-content .indices{font-family:Courier New,Courier,monospace;font-size:1px;text-align:left}.export-content .indices>*{font-size:12px;padding:0 6px}.export-content .indices>:hover{color:#fff;background-color:gray;border-radius:2px;cursor:pointer}.export-content .indices .current-index{font-weight:700;background-color:#f0f060;color:#000;border-radius:2px}.export-content .bp5-form-group:last-child{margin-bottom:0}.export-content .slider .bp5-slider-track{background-color:var(--export-frame-slider-handle-color)}.export-content .slider .bp5-slider-handle{background-color:var(--export-frame-slider-handle-color)!important}.export-content .preview-content{text-align:center}.export-content .formatting-download-container{display:flex;gap:1em}.export-content .formatting-download-container>:first-child{flex-grow:2}.export-content .formatting-download-container>:last-child{flex-grow:1;display:flex;align-items:center;align-content:center;text-align:center}.default-pattern-buttons{background-color:#0000004d;border-radius:var(--border-radius);display:inline-flex;flex-direction:column;align-items:center;gap:.4em;padding:.4em;margin-right:1em;margin-bottom:.5em}.default-pattern-buttons .num{display:inline-block;color:#a0a0ff}.wt-preview-canvas-container{background-color:#000;border-radius:var(--border-radius);display:inline-block;position:relative;margin:var(--editor-padding)}.wt-preview-canvas-container canvas{width:var(--export-canvas-width);height:var(--export-canvas-height)}.wt-preview-canvas-container canvas.fg{position:absolute;left:0;top:0}.wt-preview-canvas-container .rotate-slider{position:absolute;left:0;right:0;bottom:5px;padding:0 15px}.wt-preview-canvas-container .rotate-slider .bp5-slider-track{background-color:var(--bg-color-0)}.proj-name-error{color:#fff;background-color:var(--error-color);font-size:1.2em;border-radius:2px;display:flex;gap:.5em;padding:.5em;margin-bottom:.5em}.share-content{margin:var(--editor-padding) var(--editor-padding) 0 var(--editor-padding)}.sharing-modules-title-desc{opacity:.5}.share-content .left-right-container{display:flex;align-items:center;gap:.5em}.share-content .left-right-container .freq-value{font-size:1.5em;padding-bottom:.3em}.share-content .share-button-container{text-align:center;padding:var(--editor-padding)}.share-content .share-button-container button img{vertical-align:middle}.share-content .tags-desc-error{color:#fff;background-color:var(--error-color);font-size:1.2em;border-radius:2px;display:flex;gap:.5em;padding:.5em;margin-bottom:.5em}.share-content .share-in-progress{font-size:1.1rem;padding:2em;text-align:center}.share-content .shared-container{text-align:center}.share-content .shared-container .shared{text-align:left;display:inline-block;padding:2em}.share-content .shared-container .button-container{text-align:center}.cant-share-warning{height:150px;margin-top:50px}.redaction-info{color:#fff9;text-align:justify;max-width:600px}.tags-comp{vertical-align:center;background-color:var(--bg-color-0);padding:var(--panel-padding);border-radius:var(--border-radius)}.tags-comp.error{border:1px dashed var(--error-color)}.tags-comp .tag-group h1{color:var(--h1-color);font-size:1em;font-weight:400;margin-bottom:.25em;padding:0 0 1em}.tags-comp .tag-group:not(:first-of-type){margin-top:1em}.tags-comp .tag-group button{margin-right:.5em;margin-bottom:.5em}.tags-comp .tag-group .tag-not-sel:not(:disabled){background-color:#ffffff0a!important;color:var(--h1-color)}.tags-comp .tag-group .tag-not-sel:hover:not(:disabled){background-color:#ffffff40!important;color:var(--h1-color)}.sub-frame-content{margin:var(--editor-padding) var(--editor-padding) 0 var(--editor-padding)}.sub-frame-content .sub-frame-info{color:#fff9}.sub-frame-content .frame-input-container{display:flex;gap:1em}.sub-frame-content .frame-input{background-color:var(--bg-color-1b);border-radius:var(--border-radius-small);display:inline-block}.sub-frame-content .frame-input>*{display:inline-flex;align-items:center}.sub-frame-content .frame-input .value{background-color:var(--bg-color-2);border-radius:var(--border-radius);color:var(--important-color);font-size:1.35em;line-height:1.35em;font-weight:700;width:80px;text-align:center;margin:0 2px}.sub-frame-content .frame-input .value.disabled{opacity:.4}.sub-frame-content label.bp5-label{margin-bottom:5px}.sub-frame-content .bp5-input-group{width:90px}.sub-frame-content .bp5-input-group input{text-align:center}.buff-event-wiring-debug{background-color:#404040;padding:1em;text-align:left}:root{--box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1)}.randomize-project-dialog{padding:2rem}.randomize-project-dialog .logo-placeholder{display:inline-block;position:relative;top:.3rem}.randomize-project-dialog header{font-size:1.2rem;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:2rem}.randomize-project-dialog main{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;margin-bottom:2rem}.randomize-project-dialog main .callout-info{border-radius:var(--border-radius)}.randomize-project-dialog main .callout-info ul{margin-bottom:0}.randomize-project-dialog .slider-container{margin:0 1em}.randomize-project-dialog .genetic-props{border:1px solid rgb(0 0 0 / .35);border-radius:var(--border-radius);background-color:#ffffff0f;padding:1em 1em 0;margin:2em 2.3em}.randomize-project-dialog .button-container{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1em;margin:1em 0}.randomize-project-dialog .cancel-container{text-align:center;margin:1em 0}@media (max-width: 900px){.randomize-project-dialog main{margin-top:3rem}}@media (max-width: 500px){.randomize-project-dialog main{margin-top:5rem}}.pp-comp{background-color:#000;border-radius:var(--border-radius);display:inline-flex;flex-direction:column;align-items:center;opacity:.7;width:calc(var(--canvas-width-ty) + 8px);--sel-border: 4px}.pp-comp.disabled{opacity:.2}.pp-comp .pp-title{border-top:var(--sel-border) solid transparent;background-color:#6464ff1a;font-weight:700;text-align:left;width:100%}.pp-comp .pp-title>button{border-radius:var(--border-radius) var(--border-radius) 0 0;width:100%;justify-content:left}.pp-comp.selected .pp-title{border-top:var(--sel-border) solid yellow;border-radius:var(--border-radius) var(--border-radius) 0 0}.pp-comp.selected .pp-title>button,.pp-comp.selected .pp-title>button .bp5-icon{color:#ff0!important}.pp-comp header{display:flex;font-size:1em;font-weight:400;width:100%;padding:0 1em 0 .5em;margin:0;justify-content:space-between}.pp-comp .freq-knob-container{display:flex;align-items:center;gap:.3em;position:relative}.pp-comp footer{display:flex;flex-direction:row;align-items:center;gap:.5em;width:100%;padding:0 1em 1em .5em;margin:0}.pp-comp footer>.slider-wrapper{width:100%}.pp-comp footer>.slider-wrapper .bp5-slider{min-width:20px}.pp-container{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;align-items:center;padding:1em}*{scrollbar-width:thin}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2f343c}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}