@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap";.command-palette-container{position:absolute;display:flex;flex-direction:column;border-radius:5px;background:#fff;box-shadow:var(--shadow-elevation-medium);border:1px solid rgba(0,0,0,.2);transition:.2s;transition-timing-function:cubic-bezier(.075,.82,.165,1);z-index:100}.command-palette-input{display:flex;height:fit-content;padding:7px 10px;border-radius:5px 5px 0 0;border-bottom:1px solid rgba(0,0,0,.145)}.command-palette-input>input{width:100%;outline:none!important;border:none;font-family:var(--monospace-font);background:none}.command-palette-scroller{max-height:300px;overflow:scroll;border-radius:0 0 5px 5px}.command-palette{display:flex;flex-direction:column;justify-content:center;align-items:start;background:#f6f6f6;font-family:var(--sans-serif-font);color:#000;overflow:hidden;z-index:100;border-radius:0 0 5px 5px}.command{position:relative;cursor:pointer;transition:.1s;opacity:1;font-size:.9em;padding:5px 55px 5px 5px;border-radius:5px;display:flex;width:100%}.command-combo{position:absolute;right:8px;opacity:.5}.command:hover{opacity:1;background:#0000000d}.category{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%;padding:5px}.category:not(:first-child){border-top:1px solid rgba(0,0,0,.145)}.category-title{font-size:.9em;padding:5px;opacity:50%;-webkit-user-select:none;user-select:none}.selected-icon{transition:.2s;transition-timing-function:cubic-bezier(.075,.82,.165,1);background-color:#3f628f4d;mix-blend-mode:hard-light;z-index:5;border-radius:5px;opacity:1;pointer-events:none;position:absolute}:root{--monospace-font: "Ubuntu Mono";--sans-serif-font: "Source Sans 3";--background: #ddd;--shadow-color: 0deg 0% 0%;--shadow-elevation-low: .3px .5px .7px hsl(var(--shadow-color) / .07), .4px .8px 1px -1.2px hsl(var(--shadow-color) / .07), .9px 1.7px 2.2px -2.4px hsl(var(--shadow-color) / .08);--shadow-elevation-medium: .3px .5px .7px hsl(var(--shadow-color) / .08), .8px 1.5px 1.9px -.8px hsl(var(--shadow-color) / .08), 1.8px 3.6px 4.6px -1.6px hsl(var(--shadow-color) / .08), 4.4px 8.7px 11px -2.4px hsl(var(--shadow-color) / .08);--shadow-elevation-high: .3px .5px .7px hsl(var(--shadow-color) / .07), 1.2px 2.3px 2.9px -.4px hsl(var(--shadow-color) / .07), 2.1px 4.2px 5.3px -.7px hsl(var(--shadow-color) / .07), 3.4px 6.8px 8.6px -1px hsl(var(--shadow-color) / .07), 5.4px 10.7px 13.6px -1.4px hsl(var(--shadow-color) / .07), 8.3px 16.7px 21.1px -1.8px hsl(var(--shadow-color) / .07), 12.6px 25.2px 31.9px -2.1px hsl(var(--shadow-color) / .07), 18.5px 37px 46.8px -2.4px hsl(var(--shadow-color) / .07)}.app-container-rhs{flex-grow:1;display:flex;flex-direction:column;align-items:stretch;min-width:0}.editor-panel-heading{display:flex;border-bottom:1px solid #0000002e;margin-bottom:.75em}.editor-panel-title{padding-left:18px;padding-top:1.5em;padding-bottom:.75em;transition:.2s}.run-mode .editor-panel-title{margin-top:-72px}.editor-panel{margin-left:20px;font-family:var(--monospace-font);white-space:preserve;color:var(--editor-primary-color);letter-spacing:-.2px;position:relative;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;flex-grow:1;padding-right:20px;line-height:1em}.run-mode .editor-panel{padding-top:1.5em}.root-editor{position:relative;padding-bottom:1.5em;min-height:100%}.run-mode-toggle{position:absolute;left:15px;bottom:15px;width:40px;height:25px;display:flex}.run-mode-toggle-input{opacity:0;width:0;height:0}.run-mode-toggle-slider:after{content:"Run";white-space:pre;position:absolute;top:-25px;opacity:.5}.run-mode-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.214);background-color:#80808000;transition:.2s;border-radius:34px}.run-mode-toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:5px;bottom:5px;background-color:#0000003e;transition:.2s;border-radius:50%}.run-mode-toggle-input:checked+.run-mode-toggle-slider{background-color:#2b2b2b}.run-mode-toggle-input:checked+.run-mode-toggle-slider:after{opacity:.8}.run-mode-toggle-input:checked+.run-mode-toggle-slider:before{background:#fff;transform:translate(16px)}.app-padder{flex:1;display:flex;transition:.1s;overflow:hidden;font-family:var(--sans-serif-font);background:var(--background);word-wrap:break-word}.app-padder.recording{padding:60px}.app-container{display:flex;width:100%;max-height:100%;border:1px solid rgba(0,0,0,0);background:#fff;--background: white;border-radius:0;position:relative}.recording .app-container{border:1px solid rgba(0,0,0,.209);box-shadow:var(--shadow-elevation-high)}.recording-info{display:flex;position:absolute;top:-35px;left:0;width:100%;justify-content:center;align-items:center}.recording-label{opacity:.5}.recording-done-button{position:absolute;padding:2px 6px;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;background:#3772d1;color:#fff;transition:.1s;font-family:var(--sans-serif-font);display:flex;justify-content:center;align-items:center;right:0}.recording-done-button:hover{background:#2b5cab}.recording-done-button:focus{background:#2052a2}.selection-heading{display:flex;flex-direction:row;gap:0em;align-items:baseline}.selection-heading>.path-vis{margin-top:3px}.selection-svg{position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none;mix-blend-mode:hard-light}.selected-polygon{pointer-events:none;z-index:5}.selected-polygon[data-tag=none]{fill:#6262624d}.selected-polygon[data-tag=primary]{fill:#3f628f4d}.selected-polygon[data-tag=secondary]{fill:#8f623f4d}:root{--editor-primary-color: black;--editor-secondary-color: #6a737d;--editor-string-color: #1a1a1a;--editor-number-color: #1a1a1a;--editor-null-color: #4e4e4e;--indent-size: 25px;--editor-border: 1px solid #00000038}.primitive-editor{position:relative;width:fit-content;max-width:100%;height:fit-content;white-space:pre}.primitive-editor.primitive-checkbox>input[type=checkbox]{margin:0}.primitive-editor.primitive-number{color:var(--editor-number-color)}.primitive-editor.primitive-string{color:var(--editor-string-color)}.primitive-editor.primitive-string-no-quote{color:var(--editor-primary-color)}.primitive-editor.primitive-null,.primitive-editor.primitive-undefined{color:var(--editor-null-color)}.primitive-editor.primitive-button{padding:4px 6px;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;background:#fff;transition:.1s;font-family:var(--sans-serif-font);display:flex;justify-content:center;align-items:center;color:#000;-webkit-user-select:none;user-select:none;min-height:25px;background:#e9e9ed}.primitive-editor.primitive-button:hover,.primitive-editor.primitive-button:focus{background:#d0d0d7}.primitive-editor.primitive-button:active{background:#b1b1b9}.primitive-editor.primitive-text-input{border:1px solid rgba(0,0,0,.2);border-radius:0;cursor:text;background:#fff;min-height:25px;min-width:6em;font-family:var(--sans-serif-font);padding:4px 6px}.primitive-image img{max-height:200px}.primitive-html,.primitive-heading,.primitive-paragraph{font-family:var(--sans-serif-font);white-space:normal;line-height:1.2em}.primitive-html p,.primitive-html:is(p),.primitive-heading p,.primitive-heading:is(p),.primitive-paragraph p,.primitive-paragraph:is(p){white-space:initial}.primitive-html h1,.primitive-html h2,.primitive-html h3,.primitive-html p,.primitive-html:is(h1),.primitive-html:is(h2),.primitive-html:is(h3),.primitive-html:is(p){margin:5px 0}.primitive-heading,.primitive-paragraph{margin:0}.object-editor{position:relative;display:flex;flex-direction:column;max-width:100%;width:fit-content}.object-editor-body{display:flex;flex-direction:column;margin-left:var(--indent-size);position:relative;max-width:100%}.object-editor:not(.collapsed):not(.scratch)>.object-editor-body:after{content:"";width:1px;border-right:var(--editor-border);height:100%;position:absolute;left:calc(-1 * var(--indent-size))}.object-editor-bracket{color:var(--editor-secondary-color)}.object-editor.scratch{min-height:20px;background-color:#fef2da;color:#5f340f99;margin-left:20px;margin-top:5px;padding:1px 6px;border-radius:3px}.object-editor.scratch .editor-colon{color:#5f340f99}.object-editor.scratch>.object-editor-body{margin-left:0}.object-editor.scratch .primitive-editor{color:#5f340f}.object-editor.scratch:after{content:"";position:absolute;width:11px;height:50%;left:-16px;top:0;border-left:1.5px solid #ddd;border-bottom:1.5px solid #ddd;border-radius:0 0 0 5px}.spacer{min-height:5px;min-width:30px;height:5px;opacity:0;mix-blend-mode:hard-light;border-radius:2.5px}.row-card>.spacer{min-width:10px;min-height:30px;width:5px;height:initial}.spacer:hover,.spacer-drop-target{transition:.1s .4s;border-radius:5px}.row-card>:is(.dragging .spacer:hover){opacity:1;min-width:10px;min-height:initial}.editor-generalization>.spacer{min-height:10px}.root-editor.active-tag-primary .spacer:hover,.root-editor.active-tag-primary .spacer.spacer-drop-target,.spacer.tagged-primary{background-color:#3f628f4d}.root-editor.active-tag-secondary .spacer:hover,.root-editor.active-tag-secondary .spacer.spacer-drop-target,.spacer.tagged-secondary{background-color:#8f623f4d}.spacer:hover,.spacer.tagged-primary,.spacer.tagged-secondary,.spacer-drop-target{opacity:1;min-height:10px;cursor:vertical-text}.run-mode .spacer{opacity:0!important;min-height:5px!important;cursor:initial!important}.object-editor.collapsed{flex-direction:row}.object-editor.collapsed>.object-editor-body{flex-direction:row;margin:0}.object-editor.collapsed>.object-editor-body>div:not(:last-child):after{content:","}.object-editor-count{color:var(--editor-secondary-color)!important;font-style:italic}.object-editor.card{border:var(--editor-border);padding:10px 15px;margin:5px;width:max-content;max-width:100%;flex:1 1 auto;box-shadow:var(--shadow-elevation-low);border-radius:5px;transition:.2s;overflow:hidden}.object-editor.card>.card-key-value{width:fit-content}.object-editor.card>.card-key-value>.card-key{opacity:.4;font-size:smaller}.object-editor.card:hover{border-bottom-right-radius:5px}.object-editor.card.row-card{flex-direction:row;padding:10px 5px}.object-editor-body.show-as-RowWrap{position:relative;display:flex;flex-direction:row;flex-wrap:wrap}.object-editor-body.show-as-RowWrap>.spacer{min-height:30px;min-width:5px;height:auto;cursor:text}.dragging .object-editor-body.show-as-RowWrap>.spacer:hover{min-width:10px}.error-editor{color:#ff6b6b88;border:1px dashed #ff6b6b88;padding:0 5px;border-radius:2px}.editor-delimiter-row{display:flex;width:fit-content}.editor-colon{color:var(--editor-secondary-color);margin-right:5px}.object-editor-collapse-arrow{display:flex;position:absolute;justify-content:center;align-content:center;width:8px;left:-12px;top:1px;padding:3px;margin-left:-5px;transform:rotate(180deg);fill:#0000002d;border-radius:5px;cursor:pointer;transition:.1s;box-sizing:content-box}.object-editor-collapse-arrow.collapsed{transform:rotate(90deg)}.object-editor-collapse-arrow:hover{background:#7598ff24;fill:#86a1ff}.primitive-image{display:flex;margin:5px;padding:0;box-shadow:var(--shadow-elevation-low)}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}body.dragging *{cursor:grabbing}.table-editor{border:1px solid #d1d1d1;border-collapse:collapse}.table-editor>thead>tr>th{text-align:left;font-weight:400;opacity:.8}.table-editor>tbody>tr>td{vertical-align:top}.table-editor>thead>tr>th,.table-editor>tbody>tr>td{border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1;padding:10px}.object-editor-body.show-as-Table{margin-top:5px;left:calc(-.9 * var(--indent-size))}.object-editor-body.show-as-Table:after{display:none}.table-editor-handle{position:absolute;left:-5px;top:0;width:5px;height:100%;background:#0000001a;cursor:pointer}.table-suffix{position:absolute;right:calc(.5 * var(--indent-size));bottom:0}body:not(.dragging) .editor-generalization{width:fit-content;background:#deedff33;border:1px solid rgba(14,61,117,.4);mix-blend-mode:multiply;border-radius:5px;cursor:pointer}body:not(.dragging) .editor-generalization *{pointer-events:none}body:not(.dragging) .editor-generalization:has(>.spacer){width:80%;min-width:80px;margin-top:5px;margin-bottom:5px}body:not(.dragging) .editor-generalization:hover{background:#deedff99}.dimmed{opacity:.4!important;filter:saturate(0)}.tagged-primary,.tagged-secondary{cursor:grab;-webkit-user-select:none;user-select:none}:root{--timeline-spacing: 5px}.timeline{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;background:var(--background);height:100%;position:relative;--background: #f8f8f7;overflow:hidden;box-sizing:border-box;transition:.2s;padding-bottom:70px}.timeline.timeline-dragged{transition:initial}.timeline-step-container{padding-left:1em;overflow:scroll;border-bottom:1px solid rgba(0,0,0,.14);padding-top:1.5em;height:100%}.timeline-step{display:flex;position:relative;align-items:center;margin-bottom:var(--timeline-spacing);white-space:nowrap;cursor:pointer;background-color:#0000;border-radius:5px;padding:5px 5px 5px 8px}.timeline-step:hover,.timeline-step.selected{background-color:#e5e5e5;--background: #e5e5e5;opacity:1}.timeline-step-description-background{display:flex;width:100%}.timeline-step-description{display:flex;opacity:1;white-space:nowrap;transition:.3s}.timeline-step-description .code{font-family:var(--monospace-font);margin:0 4px;padding:2px 4px;border-radius:5px;white-space:nowrap;color:var(--editor-number-color);background:#0000001a}.timeline-step-description>.path-vis{margin-top:3px}.timeline-drag-handle{position:absolute;right:0;top:0;width:2px;height:100%;border-right:1px solid rgba(0,0,0,.1);cursor:ew-resize}.timeline-drag-handle:hover{border-right:2px solid rgba(0,0,0,.2)}.timeline-drag-handle.dragging{border-right:2px solid rgba(0,0,0,.5)}.timeline-description-label{color:#000c;margin:0 5px;display:flex}.timeline-drag-label{color:#000c;display:flex;margin-left:1em;margin-right:1em;height:0}.path-vis{display:flex;align-items:flex-start;font-family:var(--monospace-font);color:#000}.path-vis-rows{display:flex;flex-direction:column;gap:6px}.path-vis-dot{display:flex;align-items:center}.path-vis-dot-itself{opacity:.5;margin-left:2px}.path-edge-vis{display:flex;align-items:flex-start}.path-edge-vis-content{padding:0 3px;background:#e9e9e9;margin-left:2px;border-radius:5px;display:flex}.path-vis-dot.tagged-top-level{padding:0 3px;background:#e9e9e9;margin-left:-1px;border-radius:5px}.path-vis-dot.tagged-top-level>.path-vis-dot-itself{margin-left:0;opacity:initial}.path-edge-vis-content.tag-primary,.path-vis-dot.tagged-top-level.tag-primary{background:#d8ecff}.path-edge-vis-content.tag-secondary,.path-vis-dot.tagged-top-level.tag-secondary{background-color:#ffeedc}.path-edge-seam-label,.path-edge-key-label,.path-edge-scratch-label{font-style:italic}.path-edge-seam-label{color:#254d7c;margin-right:5px}.selected .path-edge-vis-content,.timeline-step:hover .path-edge-vis-content{background:#ccc}.selected .path-edge-vis-content.selected,.timeline-step:hover .path-edge-vis-content.selected{background:#b9d1ee}.path-edge-filter{margin-right:-2px;margin-left:-6px;background:#fae6e6;color:#b40b0b;padding:0 3px;border-radius:6px;transform:translateY(8px) scale(.9);border:3px solid var(--background)}html,body{overflow:hidden;height:100%;margin:0;padding:0}html{overflow-y:hidden;height:100%;margin:0 auto;color:#000}*{box-sizing:border-box}#app{display:flex;width:100vw;height:100vh;box-sizing:border-box}#app.video-mode{width:1284px;height:724px}