misode.github.io/assets/index.95404e18.css

:root{--background-1:#1b1b1b;--background-2:#252525;--background-3:#222222;--background-4:#3d3d3d;--background-5:#383838;--background-6:#575757;--text-1:#ffffff;--text-2:#dcdcdc;--text-3:#c3c3c3;--accent-primary:#50baf9;--accent-success:#3eb84f;--accent-warning:#b8893e;--accent-danger:#cf4945;--accent-sounds-1:#451475;--accent-sounds-2:#39155e;--accent-sounds-3:#6a08a3;--accent-sounds-4:#d1a5e6;--nav:#91908f;--nav-hover:#b4b3b0;--nav-faded:#4d4c4c;--nav-faded-hover:#6e6e6e;--selection:#445a9599;--errors-background:#62190f;--errors-text:#ffffffcc;--invalid-text:#fd7951;--text-saturation:60%;--text-lightness:45%;--editor-variable:#9CDCFE;--editor-string:#CE9178;--editor-constant:#569CD6;--editor-number:#B5CEA8}:root[data-theme=light]{--background-1:#fafafa;--background-2:#e2e2e2;--background-3:#d4d3d3;--background-4:#b8b8b8;--background-5:#bdbdbd;--background-6:#cecece;--text-1:#000000;--text-2:#2f2f2f;--text-3:#494949;--accent-primary:#088cdb;--accent-success:#1a7f37;--accent-warning:#a36f1c;--accent-danger:#bd2f2a;--accent-sounds-1:#b481e7;--accent-sounds-2:#c18df5;--accent-sounds-3:#af72d3;--accent-sounds-4:#efd3fd;--nav:#343a40;--nav-hover:#565d64;--nav-faded:#9fa2a7;--nav-faded-hover:#bcbfc3;--selection:#6786dd99;--errors-background:#f66653;--errors-text:#000000cc;--invalid-text:#a32600;--text-saturation:100%;--text-lightness:30%;--editor-variable:#0451A5;--editor-string:#A31515;--editor-constant:#0000FF;--editor-number:#098658}@media (prefers-color-scheme:light){:root[data-theme=system]{--background-1:#fafafa;--background-2:#e2e2e2;--background-3:#d4d3d3;--background-4:#b8b8b8;--background-5:#bdbdbd;--background-6:#cecece;--text-1:#000000;--text-2:#2f2f2f;--text-3:#494949;--accent-primary:#088cdb;--accent-success:#1a7f37;--accent-warning:#a36f1c;--accent-danger:#bd2f2a;--accent-sounds-1:#b481e7;--accent-sounds-2:#c18df5;--accent-sounds-3:#af72d3;--accent-sounds-4:#efd3fd;--nav:#343a40;--nav-hover:#565d64;--nav-faded:#9fa2a7;--nav-faded-hover:#bcbfc3;--selection:#6786dd99;--errors-background:#f66653;--errors-text:#000000cc;--invalid-text:#a32600;--text-saturation:100%;--text-lightness:35%;--editor-variable:#0451A5;--editor-string:#A31515;--editor-constant:#0000FF;--editor-number:#098658}}*{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--selection)}a svg{pointer-events:none}body{font-size:18px;font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden;background-color:var(--background-1)}header{display:flex;justify-content:space-between;align-items:center;padding:10px;width:100%;height:56px;z-index:5;position:fixed;box-shadow:0 0 9px -3px #000;background-color:var(--background-2)}.title{display:flex;align-items:center}.title h1{font-size:27px;color:var(--nav)}.home-link{margin:0 8px 0 0}.home-link svg{display:block;width:32px;height:32px;padding:2px}.home-link svg rect:nth-child(2n){transition:transform .2s}.home-link:hover rect:nth-child(2){transform:translateX(-8px)}.home-link:hover rect:nth-child(4){transform:translateX(-11px)}.home-link:hover rect:nth-child(6){transform:translateX(-6px)}nav ul{display:flex;align-items:center}nav li{display:flex;align-items:center;cursor:pointer;margin:0 16px;fill:var(--nav);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.home-link:hover svg{fill:var(--nav-hover)}nav li.dimmed svg{fill:var(--nav-faded)}nav li.dimmed:hover svg{fill:var(--nav-faded-hover)}nav li svg,nav li>*{width:24px;height:24px}.title .btn-menu{margin:0 8px}.title .btn-menu>.btn svg{width:24px;height:24px}header .btn-menu>.btn{background:0 0!important;padding:0;box-shadow:none;fill:var(--nav)}header .btn-menu>.btn:hover{fill:var(--nav-hover)}main{padding-top:68px;color:var(--text-1);fill:var(--text-1);transition:padding .3s}.controls{display:flex;justify-content:flex-end;position:fixed;top:12px;right:16px;left:16px;pointer-events:none}.controls>*{pointer-events:all}main>.controls{justify-content:space-between;flex-wrap:wrap;position:initial;margin-right:16px;margin-left:16px;row-gap:8px}.generator-controls{display:flex;margin-left:auto;position:sticky;top:68px;z-index:1}.generator-controls>:not(:last-child),.preview-controls>:not(:last-child),.sounds-controls>:not(:last-child){margin-right:8px}.secondary-controls{margin-top:40px}.project-controls{position:relative;display:flex;width:max-content;z-index:2}.project-controls>.btn-row>.btn-input{background-color:var(--background-2)}.project-controls>.status-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);align-self:center;margin-right:8px;fill:var(--text-3);display:flex;align-items:center}.project-controls.has-file>.status-icon{right:38px}.project-controls>.active{fill:var(--accent-success)}.project-controls>.danger{fill:var(--accent-danger)}.project-controls .btn-menu .btn-group{left:0;right:unset}.source-controls{justify-content:flex-end;z-index:10}.tree{overflow-x:auto;padding:8px 16px 50vh}.error+.tree{margin-top:0}.popup-source{position:fixed;display:flex;flex-direction:column;width:40vw;left:100%;bottom:0;z-index:3;transition:transform .3s;border-radius:6px 0 0 0}.popup-source.shown{transform:translateX(-100%)}.source{width:100%;height:40vh;max-height:50vh;padding:12px;border:none;font-family:Consolas,monospace;font-size:14px;white-space:pre;overflow-wrap:normal;overflow-x:auto;tab-size:4;-moz-tab-size:4;-o-tab-size:4;-webkit-tab-size:4;outline:0;resize:none;position:static;background-color:var(--background-2);border-top-left-radius:6px;color:var(--text-1);box-shadow:0 0 7px -3px #000}.popup-source .btn-menu>.btn-group{right:100%;top:50%;margin-top:0;margin-right:8px;transform:translateY(-50%)}.popup-preview{position:fixed;display:flex;flex-direction:column;height:calc(100% - 56px);width:40vw;left:100%;bottom:0;z-index:3;background-color:var(--background-2);box-shadow:0 0 7px -3px #000;transition:transform .3s}main.has-preview{padding-right:40vw}.popup-preview.shown{transform:translateX(-100%)}.popup-preview canvas{width:100%;background-color:var(--nav-faded);display:block;cursor:crosshair;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn{display:flex;align-items:center;border:none;height:32px;border-radius:6px;padding:7px 11px;cursor:pointer;outline:0;font-size:1rem;white-space:nowrap;background-color:var(--background-4);box-shadow:0 1px 7px -2px #000;color:var(--text-2);fill:var(--text-2);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn.active{color:var(--accent-primary);fill:var(--accent-primary)}.btn:not(.btn-input):hover{background-color:var(--background-5)}.btn.no-pointer{pointer-events:none}.btn svg:not(:last-child){margin-right:5px}.btn-menu:not(.no-relative){position:relative}.btn-menu .btn-group{display:flex;flex-direction:column;position:absolute;top:100%;right:0;margin-top:8px;z-index:10}.btn-group{border-radius:6px;box-shadow:0 0 7px -2px #000}.btn-group .btn{box-shadow:none}.btn-group .btn:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group .btn:not(:first-child),.btn-menu .result-list .btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group>hr{border:4px solid var(--background-4);border-left:transparent;border-right:transparent;background-color:var(--background-6);margin:0;padding:2px 0}.btn-row{display:flex;box-shadow:0 1px 7px -2px #000;border-radius:6px}.btn-row>*,.btn-row>.btn-menu>*{box-shadow:none}.btn-row>.btn-menu:not(:first-child)>*,.btn-row>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-row>.btn-menu:not(:last-child)>*,.btn-row>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-input{cursor:initial;padding-right:7px}.btn-input input{background:var(--background-1);color:var(--text-1);font-size:17px;border:none;padding:0 3px;margin-left:5px;width:100px}.btn-input.larger-input input{width:200px}.btn-input.large-input{padding:5px;padding-left:11px}.btn-input.large-input input{width:100%;height:100%}.btn-menu .result-list{display:block;width:380px;height:unset;overflow-y:auto;overflow-x:hidden;max-height:240px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.popup-actions{display:flex;position:fixed;bottom:8px;left:100%;z-index:4;padding-right:16px;background-color:var(--background-4);box-shadow:0 0 7px -3px #000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transform:translateX(var(--offset));transition:padding .1s,transform .3s;border-top-left-radius:24px;border-bottom-left-radius:24px}.popup-action{padding:12px;fill:var(--text-3);cursor:pointer;border-top-left-radius:50%;border-bottom-left-radius:50%;padding-left:16px}.popup-action.shown~.popup-action{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:12px}.popup-action:not(.shown){pointer-events:none;order:1;visibility:hidden}.popup-action>svg{display:block;width:24px;height:24px}.popup-action:hover{background-color:var(--background-5)}.popup-action.action-preview{fill:var(--accent-primary)}.popup-action.action-copy.active{fill:var(--accent-success)}.tooltipped{position:relative}.tooltipped::after{content:attr(aria-label);position:absolute;z-index:100;padding:3px 7px;display:none;white-space:pre;pointer-events:none;background-color:var(--background-6);color:var(--text-1);border-radius:6px;font-size:14px;line-height:1.5;text-align:left;opacity:0}.tooltipped.tip-ne::after,.tooltipped.tip-nw::after{bottom:100%;margin-bottom:6px}.tooltipped.tip-s::after,.tooltipped.tip-se::after,.tooltipped.tip-sw::after{top:100%;margin-top:6px}.tooltipped.tip-ne::after,.tooltipped.tip-se::after{left:50%;margin-left:-16px}.tooltipped.tip-nw::after,.tooltipped.tip-sw::after{right:50%;margin-right:-16px}.tooltipped.tip-n::before,.tooltipped.tip-ne::before,.tooltipped.tip-nw::before{bottom:auto;top:-7px;border-top-color:var(--background-6)}.tooltipped.tip-s::before,.tooltipped.tip-se::before,.tooltipped.tip-sw::before{top:auto;bottom:-7px;border-bottom-color:var(--background-6)}.tooltipped.tip-n::after,.tooltipped.tip-n::before,.tooltipped.tip-s::after,.tooltipped.tip-s::before{left:var(--x,50%);transform:translate(-50%,8px)}.tooltipped::before{content:'';position:absolute;z-index:101;display:none;right:50%;width:0;height:0;margin-right:-8px;pointer-events:none;border:8px solid transparent;opacity:0}.tooltipped:not([disabled]):hover::after,.tooltipped:not([disabled]):hover::before{display:inline-block;animation:tooltip-appear .1s ease-in .4s forwards}.tooltipped:not([disabled]):hover::after{box-shadow:0 1px 3px 0 #0007}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.error{padding:5px 14px;margin:12px 16px;color:var(--text-1);background-color:var(--errors-background);border-radius:3px}.error>*{margin:10px 0}.error .error-dismiss{float:right;cursor:pointer;margin-left:10px}.error-dismiss svg{display:block;width:24px;height:24px}.error a{color:var(--text-1)}.category,.home,.project{padding:16px;max-width:960px;margin:0 auto}.home{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;align-items:flex-start}.home>:nth-child(n+3){grid-column:1/3}h2{font-size:24px;font-weight:unset}.tool-card{display:flex;flex-direction:column;margin-bottom:8px;color:var(--text-2);background-color:var(--background-2);box-shadow:1px 1px 7px -3px #000;border-radius:6px;text-decoration:none}a.tool-card:hover{background-color:var(--background-3)}.tool-head{display:flex;padding:10px}.tool-head svg{width:32px;height:32px;flex-shrink:0;margin-right:8px}.tool-head h3{font-weight:unset}.tool-head p{color:var(--text-3)}.tool-body{display:flex;flex-direction:column;border-top:2px solid var(--background-1);padding:4px 8px}.tool-body>.tool-card{box-shadow:none;margin-bottom:0}hr{margin:12px 0;border:none}.settings{padding:20px}.settings p{color:var(--nav);padding:8px;border-bottom:2px solid var(--background-4)}.field-list{width:100%;border-collapse:collapse;list-style-type:none}.field-list li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--background-4)}.field-prop{display:inline-flex;align-items:center;max-width:100%;margin:4px}.field-prop>input,.field-prop>label{height:34px;color:var(--text-1);margin-right:-1px;border:1px solid;border-color:var(--nav-faded-hover)}.field-prop label{padding:0 9px;line-height:1.94rem;background-color:var(--node-background-label);white-space:nowrap;border-top-left-radius:3px;border-bottom-left-radius:3px}.field-prop input{width:100%;line-height:1.6rem;background-color:var(--node-background-input);color:var(--text-1);padding-left:9px;font-size:18px;border-top-right-radius:3px;border-bottom-right-radius:3px}.field-prop svg{padding:4px;margin:0 4px;height:28px;width:28px;fill:var(--nav);cursor:pointer}.field-prop .hidden svg{fill:#be4b2e}.field-prop .dimmed svg{fill:var(--nav-faded)}.very-large{font-size:80px;font-weight:100}.project h2{color:var(--text-1);margin-bottom:8px}.file-view{background-color:var(--background-2);border-radius:6px;padding:6px}.tree-view .entry{cursor:pointer;padding:4px 2px;padding-left:calc(var(--indent,0) * 24px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:var(--background-2);color:var(--text-2)}.tree-view .entry:hover{background-color:var(--background-3)}.tree-view .entry svg{margin-right:4px}[data-ea-publisher]{margin:0 16px 8px}.ea-content{margin:0!important;background:var(--background-2)!important}.ea-content span{color:var(--text-2)!important}.ea-content strong{color:var(--accent-primary)!important}.ea-callout{margin:.25rem 0!important;padding:0!important}.ea-callout a{color:var(--text-3)!important}.sounds{padding:16px}.sound-search-group{flex-basis:350px;height:32px;display:flex;border-radius:6px;box-shadow:0 1px 7px -2px #000}.sound-search{flex-basis:100%;padding:8px;color:var(--text-1);background-color:var(--background-2);border:none;border-radius:6px;font-size:16px;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0!important;box-shadow:none}.btn.add-sound{border-top-left-radius:0;border-bottom-left-radius:0;background-color:var(--accent-sounds-1);box-shadow:none}.btn.add-sound:hover{background-color:var(--accent-sounds-2)}.spacer{margin-right:auto!important}.sound-config{display:grid;grid-template-columns:min-content 2fr min-content min-content min-content 1fr min-content 1fr min-content min-content;align-items:center;gap:12px 8px;padding:10px;background-color:var(--background-2);border-radius:5px}.sound-config:not(:last-child){margin-bottom:8px}.sound-config .btn{box-shadow:none}.sound-config .sound{width:100%}.sound-config label{color:var(--text-2);white-space:nowrap}.sound-config .delay{width:50px;padding:4px}.sound-config input[type=range]{-webkit-appearance:none;width:100%;background:0 0}.sound-config input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.sound-config input[type=range]:focus{outline:0}.sound-config input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:var(--text-3);cursor:pointer;margin-top:-5px}.sound-config input[type=range]::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:var(--text-3);cursor:pointer}.sound-config input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:var(--background-4);border-radius:2px;border:none}.sound-config input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background-5)}.sound-config input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:var(--background-4);border-radius:2px;border:none}.sound-config input[type=range]:focus::-moz-range-track{background:var(--background-5)}.sound-config .copy[data-command]{position:relative}.sound-config .copy[data-command]::after{content:attr(data-command);position:absolute;top:100%;right:0;margin-top:6px;padding:8px 12px;background-color:var(--background-3);border-radius:5px;box-shadow:0 2px 4px var(--background-1);cursor:initial}.sound-config.invalid .play,.sound-config.loading .play{cursor:initial}.sound-config.playing{background-color:var(--background-3)}.sound-config.playing .play{background-image:linear-gradient(110deg,var(--accent-sounds-3),var(--accent-sounds-3) 45%,var(--accent-sounds-4) 47%,var(--accent-sounds-4) 53%,var(--accent-sounds-3) 55%);background-size:300%;background-position:right;animation:playing 1s infinite}@keyframes playing{0%{background-position:left}100%{background-position:right}}.sound-config.loading:not(.invalid) .play svg{animation:spinning 2s infinite linear}.sound-config.invalid .sound{color:var(--invalid-text)}.changelog{display:flex;flex-direction:column;padding:16px}.changelog-entry{background:var(--background-2);border-radius:4px;margin-bottom:8px;padding:8px;color:var(--text-2)}.changelog-tags{display:flex;flex-wrap:wrap}.changelog-tag{--color:hsl(var(--tint, 0), var(--text-saturation), var(--text-lightness));display:flex;align-items:center;margin-right:8px;border:1.5px solid var(--color);height:24px;border-radius:12px;padding:0 8px;color:var(--color);fill:var(--color);white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.changelog-entry .changelog-tag{margin-bottom:8px}.changelog-tag svg{margin-right:4px;width:20px;height:20px}.changelog-tag.clickable{cursor:pointer}.changelog-tag.active{background-color:var(--color);color:var(--background-2);fill:var(--background-2)}.changelog-version{float:right}.changelog-version>*{margin-left:auto;font-size:15px;color:var(--text-3);text-decoration:none}.changelog-version>:first-child{position:relative;margin-right:19px}.changelog-version>:first-child::after{content:'•';position:absolute;text-decoration:none;right:-12px;top:0;pointer-events:none}.changelog-version a:hover{text-decoration:underline}.changelog-content ul{padding-left:24px}.changelog-entry code{background-color:var(--background-5);padding:1px 4px;border-radius:4px;color:var(--text-1)}.changelog-controls{display:flex;flex-direction:column;padding:0 16px}.changelog-query{display:flex}.changelog-query>:not(:first-child){margin-left:8px}.changelog-search{flex-basis:100%;padding:8px;background-color:var(--background-2);border-radius:6px}.changelog-controls .changelog-tags{margin:8px 0 0}.ace_content,.ace_editor,.ace_gutter,.ace_gutter .ace_layer{color:var(--text-2)!important;background-color:var(--background-2)!important;border:none}.ace_cursor{color:var(--text-1)!important}.ace_gutter-active-line{background-color:var(--background-3)!important}.ace_tag,.ace_variable{color:var(--editor-variable)!important}.ace_string{color:var(--editor-string)!important}.ace_constant{color:var(--editor-constant)!important}.ace_numeric{color:var(--editor-number)!important}.ace_keyword,.ace_markup{color:unset!important}.ace_marker-layer .ace_selection{background-color:var(--selection)!important}@media screen and (max-width:720px){.sound-search-group{margin-bottom:8px;flex-basis:100%;margin-right:0!important}.sounds-controls{flex-wrap:wrap}.sounds .btn{padding:8px 10px}.sounds .btn svg{margin-right:0!important}.sounds .btn span{display:none}.sound-config{grid-template-columns:min-content min-content 1fr min-content 1fr min-content;grid-template-areas:"play sound sound sound sound copy" "pitch-label pitch-label pitch volume-label volume remove"}.sound-config .play{grid-area:play}.sound-config .sound{grid-area:sound}.sound-config .delay-label{display:none}.sound-config .delay{display:none}.sound-config .pitch-label{grid-area:pitch-label}.sound-config .pitch{grid-area:pitch}.sound-config .volume-label{grid-area:volume-label}.sound-config .volume{grid-area:volume}.sound-config .copy{grid-area:copy}.sound-config .remove{grid-area:remove}}@keyframes spinning{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes fadein{from{opacity:0}to{opacity:1}}@media screen and (max-width:580px){.home{grid-template-columns:1fr;gap:0}.home>*{grid-column:1/2}.title h1{font-size:18px}body nav li{margin:0 8px}main.has-preview{padding-right:0}main .controls{top:64px}.tree{padding-left:8px;padding-right:8px}.popup-source{width:100vw}.source{border-radius:0}.popup-preview{width:100vw;height:unset;bottom:0;background-color:transparent;box-shadow:none}.popup-preview canvas{margin-top:8px}.btn-menu .result-list,.btn.btn.large-input{width:calc(100vw - 32px)}.generator-picker{justify-content:center}}:root{--node-border:#3f3f3f;--node-background-label:#1b1b1b;--node-background-input:#272727;--node-background-hover:#1f1f1f;--node-text:#dadada;--node-text-dimmed:#b4b4b4;--node-selected:#ad9715;--node-selected-hover:#a38c0a;--node-selected-border:#8d7a0d;--node-add:#487c13;--node-add-hover:#3e7409;--node-add-border:#3b6e0c;--node-remove:#9b341b;--node-remove-hover:#922d13;--node-remove-border:#7e1d05;--node-indent-border:#454749;--category-predicate:#306163;--category-predicate-border:#224849;--category-predicate-background:#1d3333;--category-function:#838383;--category-function-border:#6b6b6b;--category-function-background:#414141;--category-pool:#386330;--category-pool-border:#2e4922;--category-pool-background:#21331d}:root[data-theme=light]{--node-border:#bcbfc3;--node-background-label:#e4e4e4;--node-background-input:#ffffff;--node-background-hover:#e7e7e7;--node-text:#000000;--node-text-dimmed:#2c2c2c;--node-selected:#f0e65e;--node-selected-hover:#faf06c;--node-selected-border:#b9a327;--node-add:#9bd464;--node-add-hover:#a5dd70;--node-add-border:#498d09;--node-remove:#e76f51;--node-remove-hover:#f57656;--node-remove-border:#be4b2e;--node-indent-border:#b9b9b9;--category-predicate:#65b5b8;--category-predicate-border:#187e81;--category-predicate-background:#95c5c7;--category-function:#979fa7;--category-function-border:#788086;--category-function-background:#dce0e4;--category-pool:#76b865;--category-pool-border:#398118;--category-pool-background:#b1d6a6}@media (prefers-color-scheme:light){:root[data-theme=system]{--node-border:#bcbfc3;--node-background-label:#e4e4e4;--node-background-input:#ffffff;--node-background-hover:#e7e7e7;--node-text:#000000;--node-text-dimmed:#2c2c2c;--node-selected:#f0e65e;--node-selected-hover:#faf06c;--node-selected-border:#b9a327;--node-add:#9bd464;--node-add-hover:#a5dd70;--node-add-border:#498d09;--node-remove:#e76f51;--node-remove-hover:#f57656;--node-remove-border:#be4b2e;--node-indent-border:#b9b9b9;--category-predicate:#65b5b8;--category-predicate-border:#187e81;--category-predicate-background:#95c5c7;--category-function:#979fa7;--category-function-border:#788086;--category-function-background:#dce0e4;--category-pool:#76b865;--category-pool-border:#398118;--category-pool-background:#b1d6a6}}.node-header{display:inline-flex;position:relative;align-items:center;width:100%}.node-header>*{height:34px;border:1px solid;color:var(--node-text);border-color:var(--node-border)}.node-header>label{align-self:flex-start;padding:0 9px;line-height:1.94rem;white-space:nowrap;user-select:none;background-color:var(--node-background-label)}.node-header>input{font-size:18px;padding-left:9px;background-color:var(--node-background-input)}.node-header>input[type=color]{padding:0 2px}.node-header>textarea{min-width:236.33px;min-height:34px;font-size:18px;padding-left:9px;padding-top:5px;background-color:var(--node-background-input)}.node-header>datalist,.node-header>select{font-size:18px;padding-left:6px;background-color:var(--node-background-input)}.node-header button{font-size:18px;padding:0 9px;line-height:1.94rem;white-space:nowrap;user-select:none;cursor:pointer;background-color:var(--node-background-input)}.node-header button:not([disabled]):hover{background-color:var(--node-background-hover)}.node-header a{display:flex;align-items:center;font-size:18px;padding:0 9px;white-space:nowrap;user-select:none;cursor:pointer;fill:var(--node-text);background-color:var(--node-background-input)}.object-node>.node-header>.collapse{cursor:pointer}.node-error+.fixed-list~input,.node-error~input:last-child,.node-error~input[list]:nth-last-child(2),.node-error~select:last-child{border-color:var(--node-remove)!important}.node-header>.node-icon{order:1}.node-header>.node-icon:first-child+*,.node-header>:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.node-header>:last-child,.node-header>input[list]:nth-last-child(2){border-top-right-radius:3px;border-bottom-right-radius:3px}.node-header>*{margin-right:-1px}.list-node>.node-header>:first-child,.map-node>.node-header>:first-child,.object-node:not(.no-body)>.node-header>:first-child{border-top-left-radius:8px;border-bottom-left-radius:0}button.selected{background-color:var(--node-selected);border-color:var(--node-selected-border)}button:not([disabled]).selected:hover{background-color:var(--node-selected-hover)}.collapse svg{fill:var(--node-text)}.collapse.closed,button.add{background-color:var(--node-add);border-color:var(--node-add-border)}.collapse:not([disabled]).closed:hover,button:not([disabled]).add:hover{background-color:var(--node-add-hover)}.collapse.open,button.remove{background-color:var(--node-remove);border-color:var(--node-remove-border)}.collapse:not([disabled]).open:hover,button:not([disabled]).remove:hover{background-color:var(--node-remove-hover)}.node-header>button svg{display:inline-block;position:relative;top:2px;fill:var(--node-text)}.node-header>button.add:last-child,.node-header>button.collapse:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.node-move{display:flex;flex-direction:column;width:34px}button.move{height:50%;border:none;display:flex}button.move+button.move{border-top:1px solid var(--node-border)}button.move:disabled{cursor:unset;fill:var(--node-border)}.node-icon{border:none;position:relative;display:inline-block}.node-icon .icon-popup{visibility:hidden;width:240px;background-color:var(--background-6);color:var(--text-1);text-align:center;border-radius:6px;padding:8px 4px;position:absolute;z-index:2;top:125%;left:50%;margin-left:-120px}.node-icon .icon-popup::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-3px;border-width:5px;border-style:solid;border-color:transparent transparent var(--background-6) transparent}.node-icon svg:hover+.icon-popup,.node-icon.show .icon-popup{visibility:visible}.node-icon svg{height:34px;width:34px;min-width:34px;margin-left:6px;cursor:pointer}.node-icon.node-help svg{fill:var(--node-border)}.node-icon.node-error svg{fill:var(--node-remove)}.node-menu{position:absolute;left:0;top:100%;width:min-content;margin-top:4px;margin-left:4px;z-index:1;color:var(--text-1);font-size:16px;border-radius:6px;background-color:var(--background-6);box-shadow:0 1px 5px -2px #000}.node-menu::after{content:"";position:absolute;bottom:100%;left:0;margin-left:6px;border-width:5px;border-style:solid;border-color:transparent transparent var(--background-6) transparent}.menu-item{padding:4px;display:flex;align-items:center;white-space:normal}.menu-item>*{margin-right:4px}.menu-item .btn{padding:8px;box-shadow:unset}.menu-item span{color:var(--text-2)}.node{margin-bottom:4px}.node-body>.node:first-child{margin-top:4px}.node:last-child{margin-bottom:0}.node-body{border-left:3px solid var(--node-indent-border)}.node-body{display:flex;flex-direction:column;padding-left:18px}.list-node>.node-body>.object-node>.node-body,.map-node>.node-body>.object-node>.node-body{padding-left:0}.list-node>.node-body>.object-node>.node-body>.node>.node-body,.map-node>.node-body>.object-node>.node-body>.node>.node-body{border-left:none}.list-node>.node-body>.object-node>.node-body>.node>.node-header>.node-icon:first-child+*,.list-node>.node-body>.object-node>.node-body>.node>.node-header>:first-child,.map-node>.node-body>.object-node>.node-body>.node>.node-header>.node-icon:first-child+*,.map-node>.node-body>.object-node>.node-body>.node>.node-header>:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.node-body>.list-node[data-category],.node-body>.map-node[data-category],.node-body>.object-node[data-category]{width:100%;min-width:max-content;padding:5px;padding-left:0;border:2px solid var(--node-border);border-radius:3px}.node-body>.object-node[data-category]>.node-header>.node-icon:first-child+*,.node-body>.object-node[data-category]>.node-header>:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.node-body>.list-node[data-category]>.node-body,.node-body>.map-node[data-category]>.node-body,.node-body>.object-node[data-category]>.node-body{border:none}.range-node select{width:25px}.fixed-list{display:none}.fixed-list~input,.number-node input,.range-node input{width:100px}[data-category=predicate].node-header>label,[data-category=predicate]>.node-body>.node>.node-header>label,[data-category=predicate]>.node-header>label{background-color:var(--category-predicate)}[data-category=predicate].node-header>label,[data-category=predicate]>.node-body,[data-category=predicate]>.node-body>.node>.node-header>:not(.selected),[data-category=predicate]>.node-header>:not(.selected),[data-category=predicate]>.node-header>label{border-color:var(--category-predicate-border)}.node-body>.node.list-node[data-category=predicate],.node-body>.node.map-node[data-category=predicate],.node-body>.node.object-node[data-category=predicate]{background-color:var(--category-predicate-background);border-color:var(--category-predicate-border)}[data-category=function].node-header>label,[data-category=function]>.node-body>.node>.node-header>label,[data-category=function]>.node-header>label{background-color:var(--category-function)}[data-category=function].node-header>label,[data-category=function]>.node-body,[data-category=function]>.node-body>.node>.node-header>:not(.selected),[data-category=function]>.node-header>:not(.selected),[data-category=function]>.node-header>label{border-color:var(--category-function-border)}.node-body>.node.list-node[data-category=function],.node-body>.node.map-node[data-category=function],.node-body>.node.object-node[data-category=function]{background-color:var(--category-function-background);border-color:var(--category-function-border)}[data-category=pool].node-header>label,[data-category=pool]>.node-body>.node>.node-header>label,[data-category=pool]>.node-header>label{background-color:var(--category-pool)}[data-category=pool].node-header>label,[data-category=pool]>.node-body,[data-category=pool]>.node-body>.node>.node-header>:not(.selected),[data-category=pool]>.node-header>:not(.selected),[data-category=pool]>.node-header>label{border-color:var(--category-pool-border)}.node-body>.node.list-node[data-category=pool],.node-body>.node.map-node[data-category=pool],.node-body>.node.object-node[data-category=pool]{background-color:var(--category-pool-background);border-color:var(--category-pool-border)}