@import"https://fonts.googleapis.com/css2?family=Mate:ital@0;1&family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap";:root{--monospace-font: "Ubuntu Sans Mono";--header-font: "Fraunces";--sans-serif-font: "Source Sans 3";--serif-font: serif}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}html{overflow-y:scroll;height:100%;word-wrap:break-word;margin:0 auto;padding:0;color:#000;font:10px/1.4 var(--sans-serif-font);font-optical-sizing:auto;background-color:#fff;overflow:auto;user-select:none;overflow:hidden}body{-webkit-app-region:none;height:100%;padding:0;margin:0}#root{display:flex;flex-direction:row;gap:3em}.google-sheet-control{display:flex;gap:8px;align-items:center}.controls{display:flex;flex-direction:row;gap:8px;align-items:center;padding:6px 8px;background:#0000001a;border-bottom:1px solid rgba(0,0,0,.2);*{font-size:10px}.controls-divider{width:1px;border-right:1px solid rgba(0,0,0,.2);height:100%}}.logo{display:flex;font-family:var(--header-font);color:gray;>span{font-size:11px}}.logo>span:nth-child(2){color:#000}#main{height:100%;>.stack.stack-vertical{height:100%}}.header-button{font-size:9px!important;padding:0 3px}.toggle-button-container{background:#f4f4f5;border-radius:3px;padding:2px;margin:2px;display:flex;gap:2px;width:fit-content}.toggle-button{cursor:pointer;user-select:none;border-radius:3px;padding:2px 4px;transition:.2s;font-size:9px;color:#000c;&:hover{color:#000}&.active{color:#000;background:#fff}}body:not(.show-reference-toggle){.reference-button{display:none}}body:not(.show-reference){.reference-image-container{display:none}}body.show-reference{.string-table{display:none}}.reference-button{margin-left:3em;margin-top:1em}.reference-image-container{display:flex;margin:2em 3em 3em}img.reference-image{width:30em}.resizable-stack{display:flex;>.resizable-stack-handle{user-select:none;&:hover{background:#ffffff1a}&.being-dragged{background:#fff3}}&.resizable-stack-horizontal>.resizable-stack-handle{border-left:1px solid rgba(255,255,255,.175);width:10px;cursor:ew-resize;height:auto}&.resizable-stack-vertical>.resizable-stack-handle{flex-direction:column;border-top:1px solid rgba(255,255,255,.175);height:10px;cursor:ns-resize;width:auto}}.tabs-toggles{display:flex;padding-top:12px;padding-left:8px;padding-right:8px;>*{border:none!important;background:none!important;box-shadow:none!important;opacity:.4;padding:2px 6px;width:60px;border-radius:5px;text-align:left;cursor:pointer;white-space:pre;overflow:hidden;text-overflow:ellipsis;gap:2px;&.active{background:#0000000d!important;opacity:1}&:hover{opacity:.8}}}.tabs-panes{display:flex;flex-grow:1;>*:not(.tabs-active){display:none!important}}.tabs{display:flex;flex-direction:column}.stack{display:flex;&.stack-vertical{flex-direction:column}}svg text{font-family:"Source Sans 3"!important}.frame-rect{stroke:silver;stroke-width:.5px;&.frame-rect-clear{stroke:none;pointer-events:none}}.col,.plot-view{>.frame-rect{stroke:none}}.group-col{>.frame-rect{stroke:silver;stroke-width:.5px}}.connection-path{stroke:#00000021;stroke-width:.5px;fill:none;&.selected{stroke:#4d7ee7}&.haxis-connection-path{stroke-width:3px;stroke:#c4c4c4}}.connection-path-in-plot{stroke-dasharray:2px 2px}.connection.selected>.connection-path{mix-blend-mode:multiply;stroke:#4d7ee7}circle.circle{fill:#fff;stroke:#878787}circle.axis-dot{fill:silver;stroke:#ebebeb}rect.bar{fill:#fff;stroke:#878787}.axis-col-axis,.axis2d-x-axis,.axis2d-y-axis{opacity:.5}.domain,.tick{stroke-width:.5!important}.tick>text{transition:.2s;fill:none}.col-name{user-select:none}.col-name-frame{cursor:pointer;>.frame-rect{fill:#f6f6f6}}.axis2d-plot:hover .tick>text{fill:#000!important}.haxis-axis-line{stroke-width:.5;opacity:.5;stroke:#000}.selection{mix-blend-mode:multiply;stroke:#4d7ee7;pointer-events:none}.cell{cursor:pointer;&:hover>.frame-rect{fill:#f3f3f3!important}}.plot-axis>.domain{stroke:silver}.plot-axis-categorical>.domain{stroke:none}.plot-axis>.tick{line{stroke:silver}text{fill:silver;font-size:7px}}.show-more{cursor:pointer;&:hover>.frame-rect{fill:#dcdcdc!important}}.new-col-button{cursor:pointer;>.frame-rect{stroke:#ddd}>text{fill:#515151}&:hover>.frame-rect{fill:#e8e8e8!important}&:hover>text{fill:#000!important}}.row-count{>text{fill:#474747!important}}.histogram-divider{stroke-width:.5px;stroke:#949494}.mark.selected:not(.colored)>.frame-rect{fill:#eaf2ff}.mark.selected>.frame-rect{stroke:#6f9bfc}.mark.abstract>.frame-rect{stroke:#f0f0f0}.mark.abstract.colored>.frame-rect{stroke:#777}.col-name-frame.hovered>.frame-rect{fill:#eaeaea}.mark.abstract.selected:not(.colored),.mark.abstract.hovered:not(.colored){>.frame-rect{fill:#6f9bfc}}.ghost-col-name{position:absolute;top:0;left:0;border-radius:3px;cursor:pointer;padding:2px 5.5px;opacity:0;background:#f6f6f6;border:.5px solid #c0c0c0;&.dragging{opacity:.8;transform:translate(3px,-3px)}z-index:1000}.ghost-col-container{position:absolute;top:0;left:0}.palette{margin-top:6px;margin-left:6px;position:absolute;display:flex;padding:3px;color:#fff;background:#353535;border-radius:4px;box-shadow:.3px .5px .7px #00000014,.8px 1.5px 1.9px -.8px #00000014,1.8px 3.6px 4.6px -1.6px #00000014,4.4px 8.7px 11px -2.4px #00000014;font-size:10px;transform:scale(1);transform-origin:left center;&.hidden{opacity:0;transform:scale(0)}transition:.2s;flex-direction:column}.palette-formula{outline:none!important;display:flex;width:80px;border:none!important;border-radius:3px;background:#525252;margin:2px;font-size:10px!important;padding:2px 4px;font-family:inherit!important;color:#fff;&:hover{background:#626262}&::placeholder{color:#fff;opacity:.7}&::-ms-input-placeholder{color:#fff;opacity:.7}}.palette-formula-container{flex-direction:column;gap:0px;padding:2px 0 3px;border-bottom:1px solid rgba(255,255,255,.15)}.palette-inner{display:flex;flex-direction:column;gap:1px;min-width:80px}.palette-command{cursor:pointer;user-select:none;border-radius:5px;padding:2px 4px;transition:.2s;&:hover{background:#ffffff13}}.palette-group-title{opacity:.7;padding:2px 4px;font-style:italic}.palette-group{display:flex;flex-direction:column;gap:0px;padding:2px 0;&:not(:last-child){border-bottom:1px solid rgba(255,255,255,.15)}}.mod-ui-name.option_palette_open{border:1px solid #4d7ee7}.debug-node{font:12px/1.4 var(--sans-serif-font);width:fit-content;height:fit-content;position:relative;line-height:1.5em;padding-left:10px;&.root{position:absolute;transform:translate(-10px)}summary{cursor:pointer;width:fit-content;border-radius:5px;opacity:.6;&:hover{opacity:.8}&::marker{content:""}}&[open]:not(.leaf)>summary{opacity:1}&:not(.leaf):before{content:"";position:absolute;top:24px;left:14px;height:calc(100% - 24px);width:2px;border-left:1px solid rgba(0,0,0,.3)}}.debug-bounds{z-index:100;position:absolute;background:#ffa60029;border:1px solid rgb(193,112,6);display:none;&.visible{display:flex}}.mod-ui{display:flex;height:28px;&.broken{filter:saturate(0) brightness(.9)}}.mod-ui:before{content:"";width:100%;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1);cursor:pointer}.mod-ui-name,.mod-ui-gutter{position:absolute}.mod-ui-name{background:#fff7e6;color:#2e2c27;border:1px solid #d6d4cf;display:flex;border-radius:3px;cursor:pointer;top:0;white-space:pre;padding:2px 0;&:hover:not(.mod-ui-name-ghost){background:#ffeabc}&.shadow{pointer-events:none;opacity:.4;filter:saturate(.6);transition:.2s}&:hover{.mod-ui-handle{opacity:1}}.mod-ui-handle{opacity:0;width:3px;margin:0 1px;color:#0003;border-color:#0003;&:hover{cursor:ew-resize}&:focus{cursor:ew-resize}}.mod-ui-handle-right{margin-left:auto}.mod-ui-option{width:10px;margin-left:auto;margin-right:5px;height:max-content;&:hover{font-weight:800}}}.mod-ui-name-ghost{position:absolute;display:none;z-index:100;&.active{display:flex}}.mod-ui-gutter{position:absolute;border-bottom:none;height:5px;top:21px;transition:width .2s;opacity:1;&:hover>.mod-ui-link{opacity:1}}.mod-ui-link{position:absolute;background:#0000001a;height:100%;border-radius:2px;cursor:pointer;opacity:0;transition:.2s;&:hover{background:#0003;opacity:1}&.active{opacity:1;background:#e9dfcc}}.mod-ui-link-cursor{opacity:0;&.active{opacity:1}}.mod-ui-bracket{opacity:.5}.mod-ui-arg{display:inline-flex;padding:0 3px;align-items:center;border-radius:2px;border:1px solid rgba(80,70,48,.23);background:#fff7e6;line-height:1.2;color:#504530;cursor:pointer;transition:.2s;&:hover{color:#352b15;border:1px solid rgba(80,70,48,.4);background:#fae9c5}&.inactive{opacity:.5;filter:saturate(0)}}.mod-ui-col-indicator{position:absolute;width:5px;height:5px;border-radius:50%;background:#0000001a;transform:translate(-2.5px,-2.5px) scale(1);transition:transform .2s;cursor:pointer;&:hover{transform:translate(-2.5px,-2.5px) scale(1.5);background:#0009}}.mod-ui-col-anchor{position:absolute;width:5px;height:5px;border-radius:50%;background:#0009;transform:translate(-2.5px,-2.5px) scale(1);transition:transform .2s;cursor:pointer;&:hover{transform:translate(-2.5px,-2.5px) scale(1.5);background:#0009}}.mod-ui-name.invalid{filter:saturate(0) brightness(.9)}body.is-resizing,body.is-resizing *{cursor:ew-resize!important}body.is-dragging,body.is-dragging *{cursor:pointer!important}.mod-ui-container{padding-top:2em;padding-right:2em}.mod-ui-broken-overlay{position:absolute;height:20px;z-index:100;pointer-events:none;backdrop-filter:saturate(0) brightness(.9);&.round-left{border-radius:3px 0 0 3px}&.round-right{border-radius:0 3px 3px 0}}.modifier-option-palette{left:calc(100% + 5px);top:-5px;position:absolute;display:flex;padding:3px;color:#fff;background:#353535;border-radius:4px;box-shadow:.3px .5px .7px #00000014,.8px 1.5px 1.9px -.8px #00000014,1.8px 3.6px 4.6px -1.6px #00000014,4.4px 8.7px 11px -2.4px #00000014;font-size:10px;transform:scale(1);transform-origin:left center;z-index:2000;cursor:default;&.modifier-option-palette-hidden{display:none}}.modifier-option-palette-inner{display:flex;flex-direction:column;gap:1px}.modifier-option-palette-command{cursor:pointer;user-select:none;border-radius:5px;padding:2px 4px;transition:.2s;&:hover{background:#ffffff13}}.modifier-option-palette-group-title{opacity:.7;padding:2px 4px;font-style:italic}.modifier-option-palette-group{display:flex;flex-direction:column;gap:0px;padding:2px 0;width:100%;&:not(:last-child){border-bottom:1px solid rgba(255,255,255,.15)}}.mod-ui-selected{border:1px solid #4d7ee7!important}.modifier-option-palette-color{display:flex;width:10px;height:10px;border-radius:50%;&.active{border:1px solid white}}.modifier-option-palette-color-container{display:flex}.modifier-option-palette-color-container{display:flex;gap:5px;padding:2px 4px 4px}.modifier-option-palette-formula{outline:none!important;display:flex;border:none!important;border-radius:3px;background:#525252;margin:2px;font-size:10px!important;padding:2px 4px;font-family:inherit!important;color:#fff;width:80px;&:hover{background:#626262}&::placeholder{color:#fff;opacity:.7}&::-ms-input-placeholder{color:#fff;opacity:.7}}span.mod-ui-type{width:70%;text-overflow:ellipsis;overflow:hidden}.mod-ui.mod-ui-grouped{&:not(.mod-ui-grouped-last){height:19px}&:not(.mod-ui-grouped-last):not(.mod-ui-grouped-first){&:before{border-radius:0;border-top:none;border-bottom:none}.mod-ui-name{border-radius:0}}&.mod-ui-grouped-last{&:before{border-radius:0 0 4px 4px;border-top:none}.mod-ui-name{border-radius:0 0 4px 4px}}&.mod-ui-grouped-first{&:before{border-radius:4px 4px 0 0;border-bottom:none}.mod-ui-name{border-radius:4px 4px 0 0}}}.mod-ui-name.mod-ui-name-ghost.mod-ui-grouped{&:not(.mod-ui-grouped-last):not(.mod-ui-grouped-first){border-radius:0}&.mod-ui-grouped-last{border-radius:0 0 4px 4px}&.mod-ui-grouped-first{border-radius:4px 4px 0 0}}.modifier-option-palette-group .mod-ui-slider{-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:#d3d3d3;outline:none;width:60px;&:hover{opacity:1}&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:50%;background:#4d7ee7;cursor:pointer}&::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#4d7ee7;cursor:pointer}}.mod-ui-col-name-decos{position:absolute;left:0;top:0;height:100%;width:100%;pointer-events:none;z-index:5;transition-property:opacity;transition-duration:.2s;mix-blend-mode:darken;&.hidden{opacity:0}}.mod-ui-deco-xy{position:absolute;background:#00000030;border-radius:4px;height:12px;width:12px;display:flex;align-items:center;justify-content:center;font-size:9px!important}.mod-ui-deco-color{position:absolute;border-radius:4px;opacity:.3;&.green{background:#b4f4ac}&.blue{background:#b5e0f9}&.red{background:#ff9884}&.purple{background:#bfbbfb}&.orange{background:#fec191}}.mod-ui-toggle-button-container{background:#ffffff1a;border-radius:3px;padding:2px;margin:2px;display:flex;gap:2px;width:fit-content}.mod-ui-toggle-button{cursor:pointer;user-select:none;border-radius:3px;padding:2px 4px;transition:.2s;font-size:9px;color:#d3d3d3;&:hover{color:#fff}&.active{color:#fff;background:#00000080}}svg{overflow:visible;font:12px/1.4 var(--sans-serif-font)}.string-table{position:relative;display:flex;width:100%;margin:0 3em 3em;height:-webkit-fill-available;flex-direction:column}svg.svg-container{width:100%;height:100%}.table-error{background:#fcefef;padding:5px 7px;border-radius:3px;width:400px;color:#d32f2f;z-index:1000;box-shadow:.3px .5px .7px #00000014,.8px 1.5px 1.9px -.8px #00000014,1.8px 3.6px 4.6px -1.6px #00000014,4.4px 8.7px 11px -2.4px #00000014;border:1px solid #d32f2f4f;line-height:2em;strong{font-weight:600;margin-right:2px}.debug-info{opacity:.7}}