:root{--background-color:#282a34;--log-background-color:rgba(40,42,52,0.82);--keyword-color:#00d5a3;--identifier-highlight-color:#fff183;--identifier-hover-background-color:#6e6d6d;--text-color-dim:#878787;--text-color:#d2d2d2;--text-color-bright:#fff;--numeric-color:#ff0;--cursor-color:#d2d2d2;--delete-color:#f77272;--delete-color-highlight:#fa4545}@keyframes cursor-blink{0%{opacity:0}10%{opacity:1}40%{opacity:1}50%{opacity:1}60%{opacity:0}to{opacity:0}}body{background-color:var(--background-color);color:var(--text-color);font-family:Roboto,serif;font-weight:300;margin:0;padding:0}.row{flex:1;flex-direction:row;justify-content:space-between}.col,.row{display:flex}.col{flex:1;flex-direction:column;justify-content:center;position:relative}#root{display:flex;height:100%;overflow:hidden;position:absolute;width:100%}#root #editor{height:100%;width:40%}#root #editor .editor{height:100%;position:relative;width:100%}#root #editor .editor .reset{color:var(--cursor-color);cursor:pointer;position:absolute;right:25px;top:10px;transition:color .1s linear}#root #editor .editor .reset.enabled,#root #editor .editor .reset:hover{color:var(--identifier-highlight-color)}#root #editor .editor .src{font-family:Courier New,Courier,monospace!important;height:100%;overflow:auto;white-space:pre;width:100%}#root #editor .editor .src span{min-width:3px;position:relative}#root #editor .editor .src .cursor:before{animation:cursor-blink 1.5s infinite;background-color:var(--cursor-color);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}#root #editor .editor .src .line{margin-left:10px}#root #editor .editor .src .line:first-of-type{margin-top:10px}#root #editor .editor .src .keyword{color:var(--keyword-color)}#root #editor .editor .src .unknown{color:#777}#root #editor .editor .src .identifier:hover{background-color:var(--identifier-hover-background-color);cursor:pointer}#root #editor .editor .src .identifier.hover{color:var(--identifier-highlight-color)}#root #editor .editor .src .numeric{color:var(--numeric-color)}#root #renderer{flex:1;height:100%}#root #renderer .arrow{color:var(--cursor-color);cursor:pointer;transition:color .1s linear}#root #renderer .arrow.enabled,#root #renderer .arrow:hover{color:var(--identifier-highlight-color)}#root #renderer .machine-ui{border-left:1px solid var(--text-color);display:flex;height:100%;width:100%}#root #renderer .machine-ui .system-log{background:var(--log-background-color);bottom:-100%;box-shadow:0 -10px 10px rgba(0,0,0,.3);padding:10px;position:absolute;transition:bottom .5s cubic-bezier(1,0,0,1);width:calc(100% - 20px);z-index:10}#root #renderer .machine-ui .system-log.has-errors{bottom:0}#root #renderer .machine-ui .system-log .clear-errors{color:var(--cursor-color);cursor:pointer;position:absolute;right:5px;top:4px;transition:color .1s linear}#root #renderer .machine-ui .system-log .clear-errors.enabled,#root #renderer .machine-ui .system-log .clear-errors:hover{color:var(--delete-color-highlight)}#root #renderer .machine-ui .system-log .messages{max-height:150px;overflow:auto}#root #renderer .machine-ui .system-log .messages .message{padding:5px}#root #renderer .machine-ui .system-log .messages .message span{margin-left:10px}#root #renderer .machine-ui .system-log .messages .message .obj{font-family:Courier New,Courier,monospace!important}#root #renderer .machine-ui .system-log .messages .error{background:rgba(79,7,17,.46)}#root #renderer .machine-ui .timeline{display:flex;height:60px;padding:0 10px}#root #renderer .machine-ui .timeline .machine-states{display:flex;flex:1;justify-content:space-between}#root #renderer .machine-ui .timeline .controls{align-items:center;display:flex;flex-direction:column;justify-content:center;width:35px}#root #renderer .machine-ui .timeline .controls>*{cursor:pointer}#root #renderer .machine-ui .timeline .state-entry{display:flex;flex:1;justify-content:center}#root #renderer .machine-ui .timeline .state-entry .inner-marker{background-color:var(--text-color-bright);height:100%;width:2px}#root #renderer .machine-ui .timeline .state-entry.has-hovered .inner-marker{background-color:var(--identifier-highlight-color)}#root #renderer .machine-ui .timeline .state-entry.disabled .inner-marker{background-color:#525252}#root #renderer .machine-ui .timeline .state-entry.active .inner-marker{background-color:var(--keyword-color)}#root #renderer .machine-ui .stage{fill:var(--text-color);display:flex;flex:1;overflow:hidden}#root #renderer .machine-ui .stage>p{flex:1}#root #renderer .machine-ui .stage .range-select{padding:5px 20px}#root #renderer .machine-ui .globals{border-left:1px solid var(--text-color);cursor:default;height:100%;width:250px}#root #renderer .machine-ui .globals .global{border-bottom:1px solid var(--text-color);color:var(--text-color-dim);min-height:30px;padding:10px}#root #renderer .machine-ui .globals .global input{width:50px}#root #renderer .machine-ui .globals .global.in-top{color:var(--text-color-bright)}#root #renderer .machine-ui .globals .global .color{align-items:center;flex-shrink:0;flex:initial;position:relative;width:40px}#root #renderer .machine-ui .globals .global .color .swatch{border-radius:10px;height:20px;overflow:hidden;position:relative;width:20px}#root #renderer .machine-ui .globals .global .color .picker{left:-65px;position:absolute;top:55px;z-index:1}#root #renderer .machine-ui .globals .global .params{display:flex;flex-direction:column}#root #renderer .machine-ui .globals .global .params input,#root #renderer .machine-ui .globals .global .params span{flex:1}#root #renderer .machine-ui .globals .global.hover .id-name{color:var(--identifier-highlight-color)}#root #renderer .machine-ui .globals .global .layer-controls{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}#root #renderer .machine-ui .globals .global .layer-controls .delete{color:var(--delete-color);color:var(--cursor-color);cursor:pointer;transition:color .1s linear}#root #renderer .machine-ui .globals .global .layer-controls .delete.enabled,#root #renderer .machine-ui .globals .global .layer-controls .delete:hover{color:var(--delete-color-highlight)}
/*# sourceMappingURL=index.af312c6e.css.map */