.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-dracula.CodeMirror,.cm-s-dracula .CodeMirror-gutters{background-color:#282a36!important;color:#f8f8f2!important;border:none}.cm-s-dracula .CodeMirror-gutters{color:#282a36}.cm-s-dracula .CodeMirror-cursor{border-left:solid thin #f8f8f0}.cm-s-dracula .CodeMirror-linenumber{color:#6d8a88}.cm-s-dracula .CodeMirror-selected{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-line::selection,.cm-s-dracula .CodeMirror-line>span::selection,.cm-s-dracula .CodeMirror-line>span>span::selection{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-line::-moz-selection,.cm-s-dracula .CodeMirror-line>span::-moz-selection,.cm-s-dracula .CodeMirror-line>span>span::-moz-selection{background:rgba(255,255,255,.1)}.cm-s-dracula span.cm-comment{color:#6272a4}.cm-s-dracula span.cm-string,.cm-s-dracula span.cm-string-2{color:#f1fa8c}.cm-s-dracula span.cm-number{color:#bd93f9}.cm-s-dracula span.cm-variable{color:#50fa7b}.cm-s-dracula span.cm-variable-2{color:#fff}.cm-s-dracula span.cm-def{color:#50fa7b}.cm-s-dracula span.cm-operator,.cm-s-dracula span.cm-keyword{color:#ff79c6}.cm-s-dracula span.cm-atom{color:#bd93f9}.cm-s-dracula span.cm-meta{color:#f8f8f2}.cm-s-dracula span.cm-tag{color:#ff79c6}.cm-s-dracula span.cm-attribute,.cm-s-dracula span.cm-qualifier{color:#50fa7b}.cm-s-dracula span.cm-property{color:#66d9ef}.cm-s-dracula span.cm-builtin{color:#50fa7b}.cm-s-dracula span.cm-variable-3,.cm-s-dracula span.cm-type{color:#ffb86c}.cm-s-dracula .CodeMirror-activeline-background{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.react-var-ui-disabled{pointer-events:none}.react-var-ui-disabled>*{opacity:.5}.react-var-ui-read-only .react-var-ui-interactive{pointer-events:none}.react-var-ui-category{padding-bottom:1rem}.react-var-ui-category-title{display:flex;align-items:center;justify-content:space-between;color:var(--react-var-ui-foreground-color, #ddd);text-transform:uppercase;font-size:.7rem;padding:.4rem;-webkit-user-select:none;user-select:none;font-weight:700}.react-var-ui-category-collapse{background:none;border:none;color:var(--react-var-ui-foreground-color, #ddd);font-size:0;cursor:pointer}.react-var-ui-color{display:flex;align-items:center;position:relative;margin-left:1rem}.react-var-ui-color .sketch-picker{position:absolute;top:1rem;right:-3rem}.react-var-ui-color-color{position:relative;width:2.5rem;height:1.2rem;border-radius:.2rem}.react-var-ui-color-swatch{border-radius:.2rem;display:inline-block;cursor:pointer;background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAAxSURBVDhPY2RgYBABYnzgDT5JxlEDGIZJGBBIBvjTCSgMCAG8CW3UAAZwQiIEaBuIACBfCLFwf0bOAAAAAElFTkSuQmCC) center center}.react-var-ui-color-popover{position:absolute;z-index:4}.react-var-ui-color-cover{position:fixed;top:0;right:0;bottom:0;left:0}.react-var-ui-toggle{position:relative;width:2.5rem;height:1.2rem}.react-var-ui-toggle-helper{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--react-var-ui-input-background-color, #353542);border-radius:.2rem;transition:.2s ease-in-out all;cursor:pointer}.react-var-ui-toggle-helper:before{position:absolute;height:.8rem;width:.8rem;left:.3rem;top:.2rem;border-radius:1rem;background-color:var(--react-var-ui-foreground-color, #ddd);content:"";transition:.2s ease-in-out all}.react-var-ui-toggle input{width:0;height:0;opacity:.01}.react-var-ui-toggle input:checked+.react-var-ui-toggle-helper{background:var(--react-var-ui-accent-color, #77f)!important}.react-var-ui-toggle input:checked+.react-var-ui-toggle-helper:before{transform:translate(1.1rem)}.react-var-ui-select select{width:100%;background:var(--react-var-ui-input-background-color, #353542);border:none;border-radius:.2rem;color:var(--react-var-ui-foreground-color, #ddd);padding:.2rem .5rem}.react-var-ui-select select:hover,.react-var-ui-select select:focus{background:var(--react-var-ui-input-background-hover-color, #424253)}.react-var-ui-string-multiline,.react-var-ui-string input{width:100%;min-width:100%;max-width:100%;background:var(--react-var-ui-input-background-color, #353542);border:none;border-radius:.2rem;color:var(--react-var-ui-foreground-color, #ddd);padding:.2rem .5rem;outline:none!important;box-sizing:border-box;border-radius:.4rem}.react-var-ui-string-multiline:hover,.react-var-ui-string-multiline:focus,.react-var-ui-string input:hover,.react-var-ui-string input:focus{background:var(--react-var-ui-input-background-hover-color, #424253)}.react-var-ui-string-multiline{margin-top:.4rem;font-family:inherit;padding:.5rem;font-size:.8rem;min-height:2rem}.react-var-ui-label{display:grid;grid-template-columns:1fr 2fr;padding:.5rem 1rem;font-size:.8rem;color:var(--react-var-ui-foreground-color, #ddd);background:var(--react-var-ui-label-background-normal-color, #22222a);border-bottom:1px solid var(--react-var-ui-label-border-color, #33333a);-webkit-user-select:none;user-select:none}.react-var-ui-label-column{display:block}.react-var-ui-label:first-child{border-top:1px solid var(--react-var-ui-label-border-color, #33333a)}.react-var-ui-label:hover{background:var(--react-var-ui-label-background-hover-color, #2a2a33)}.react-var-ui-label>span{display:flex;align-items:center}.react-var-ui-label>span:last-child{justify-content:flex-end}.react-var-ui-label-has-label>span:first-child{margin-right:.2rem}.react-var-ui-label-no-label{grid-template-columns:1fr}.react-var-ui-slider,.react-var-ui-number{display:flex;align-items:center;justify-content:flex-end;width:100%}.react-var-ui-slider-track,.react-var-ui-number-track{background:var(--react-var-ui-input-background-color, #353542);position:relative;flex:1;height:1.3rem;border-radius:.2rem;overflow:hidden;cursor:pointer;margin-right:.4rem;touch-action:none}.react-var-ui-slider-content,.react-var-ui-number-content{background:var(--react-var-ui-accent-color, #77f);position:absolute;top:0;bottom:0;left:0;pointer-events:none}.react-var-ui-slider input,.react-var-ui-number input{width:2.5rem;background:var(--react-var-ui-label-background-normal-color, #22222a);border:none;-moz-appearance:textfield;color:var(--react-var-ui-foreground-color, #ddd);outline:none!important;height:1.3rem;padding:0 .2rem;text-align:right;border-radius:.25rem}.react-var-ui-slider input::-webkit-outer-spin-button,.react-var-ui-slider input::-webkit-inner-spin-button,.react-var-ui-number input::-webkit-outer-spin-button,.react-var-ui-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-var-ui-slider span,.react-var-ui-number span{width:2.5rem;text-align:right}.react-var-ui-slider button,.react-var-ui-number button{background:var(--react-var-ui-label-background-normal-color, #22222a);border:none;cursor:pointer;color:var(--react-var-ui-foreground-color, #ddd);height:1.3rem;margin-left:.4rem;border-radius:.25rem;display:flex;justify-content:center;align-items:center}.react-var-ui-number input{flex:1;max-width:10rem;background:var(--react-var-ui-input-background-color, #353542)}.react-var-ui-number input:hover,.react-var-ui-number input:focus{background:var(--react-var-ui-input-background-hover-color, #424253)}.react-var-ui-xy-value{display:inline-block!important;text-align:right}.react-var-ui-xy-space{margin-top:.5rem;margin-bottom:.3rem;width:100%;height:250px;background:var(--react-var-ui-input-background-color, #353542);position:relative;cursor:pointer;border-radius:.4rem;overflow:hidden;touch-action:none}.react-var-ui-xy-control{background:var(--react-var-ui-accent-color, #77f);width:1rem;height:1rem;border-radius:100%;transform:translate(-50%,-50%);position:absolute;pointer-events:none}.react-var-ui-xy-control:after,.react-var-ui-xy-control:before{content:"";position:absolute;background:var(--react-var-ui-accent-color, #77f);opacity:.5}.react-var-ui-xy-control:before{top:-100rem;bottom:-100rem;left:calc(50% - 1px);width:1px}.react-var-ui-xy-control:after{left:-100rem;right:-100rem;top:calc(50% - 1px);height:1px}.react-var-ui-angle{display:flex;justify-content:center;align-items:center;padding-top:1rem}.react-var-ui-angle-value{justify-content:flex-end}.react-var-ui-angle-control{width:6rem;height:6rem;background:var(--react-var-ui-input-background-color, #353542);position:relative;border-radius:100%;cursor:pointer;touch-action:none}.react-var-ui-angle-control:after{display:block;position:absolute;left:calc(50% - .5rem);top:.5rem;width:1rem;height:1rem;background:var(--react-var-ui-accent-color, #77f);border-radius:100%;content:""}.react-var-ui-image,.react-var-ui-media,.react-var-ui-file{margin-top:.5rem;margin-bottom:.3rem;width:100%;height:150px;background-color:var(--react-var-ui-input-background-color, #353542);position:relative;border-radius:.4rem;overflow:hidden;touch-action:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.react-var-ui-image-value,.react-var-ui-media-value,.react-var-ui-file-value{display:inline-block!important;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-var-ui-image-background,.react-var-ui-image-metadata,.react-var-ui-image-audio,.react-var-ui-media-background,.react-var-ui-media-metadata,.react-var-ui-media-audio,.react-var-ui-file-background,.react-var-ui-file-metadata,.react-var-ui-file-audio{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.react-var-ui-image video,.react-var-ui-media video,.react-var-ui-file video{width:100%;height:100%;object-fit:cover}.react-var-ui-image-audio,.react-var-ui-media-audio,.react-var-ui-file-audio{display:block;top:auto;width:100%;height:50px;z-index:5;pointer-events:all}.react-var-ui-image-background,.react-var-ui-media-background,.react-var-ui-file-background{background-size:cover;background-position:50% 50%;filter:brightness(.5) grayscale(.5);transition:.2s ease-in-out all;transform:scaleZ(1)}.react-var-ui-image-metadata,.react-var-ui-media-metadata,.react-var-ui-file-metadata{padding:10px}.react-var-ui-image:hover .react-var-ui-image-background,.react-var-ui-image:hover .react-var-ui-media-background,.react-var-ui-image:hover .react-var-ui-file-background,.react-var-ui-media:hover .react-var-ui-image-background,.react-var-ui-media:hover .react-var-ui-media-background,.react-var-ui-media:hover .react-var-ui-file-background,.react-var-ui-file:hover .react-var-ui-image-background,.react-var-ui-file:hover .react-var-ui-media-background,.react-var-ui-file:hover .react-var-ui-file-background{filter:brightness(.7) grayscale(.2);transform:scale3d(1.05,1.05,1)}.react-var-ui-image svg,.react-var-ui-media svg,.react-var-ui-file svg{width:25px;height:25px;z-index:1;pointer-events:none}.react-var-ui-image input,.react-var-ui-media input,.react-var-ui-file input{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;opacity:.001;width:100%;z-index:2}.react-var-ui-file,.react-var-ui-angle,.react-var-ui-xy{grid-column:1/3}.react-var-ui-button button{width:100%;color:var(--react-var-ui-foreground-color, #ddd);background:var(--react-var-ui-input-background-color, #353542);border:none;border-radius:.4rem;padding:.4rem 1rem;cursor:pointer}.react-var-ui-button button:hover{background:var(--react-var-ui-input-background-hover-color, #424253)}.react-var-ui-button button:active{background:var(--react-var-ui-input-background-pressed-color, #2b2b37)}:root{--color-bg: #11111a;--color-bg-panel: #22222a;--color-bg-interactive: #33333a;--color-bg-interactive-hover: #44444a;--color-fg-soft: #aaa;--color-fg: #ddd}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-fg);overflow:hidden;-webkit-user-select:none;user-select:none}.panel{background:var(--color-bg-panel)}.menu{list-style-type:none;padding:10px 5px;display:flex;align-items:center;margin:0;border-bottom:2px solid var(--color-bg)}.menu li{margin-right:10px}.menu .logo{font-weight:700;padding:0 10px}.menu .logo img{max-height:20px;margin-right:7px}.side{border-left:2px solid var(--color-bg);width:400px}.tabs{padding-top:5px;display:flex;padding-left:5px}.tabs .tab{background:var(--color-bg-interactive);padding:0 5px;margin-right:5px;display:inline-flex;align-items:center}.tabs .tab.selected{background:var(--color-bg-interactive-hover)}.tabs .tab button{background:none;padding:0;line-height:0}button{border:none;background:var(--color-bg-interactive);background:var(--color-fg);border-radius:4px;padding:5px 10px;cursor:pointer}button:not(:disabled):hover,button:not(:disabled).selected{background:var(--color-bg-interactive-hover)}button:disabled{cursor:not-allowed;opacity:.5}.v-stack{display:flex;flex-direction:column}.h-stack{display:flex;flex-direction:row}.flex{flex:1}.ui{width:100vw;height:100vh}.workspace{display:flex}.workspace .canvas-area{display:flex;justify-content:center;align-items:center;position:relative}.workspace .canvas-area canvas{max-width:100%;max-height:100%;background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAAxSURBVDhPY2RgYBABYnzgDT5JxlEDGIZJGBBIBvjTCSgMCAG8CW3UAAZwQiIEaBuIACBfCLFwf0bOAAAAAElFTkSuQmCC) center center;box-shadow:0 0 15px 5px #0000004d}.subpanel{padding:5px 10px;margin-bottom:10px}.subpanel>strong{display:block;margin-bottom:10px}.lower-opacity{opacity:.5}.input-wrapper{display:flex;align-items:center}.input-wrapper>span{margin-right:5px}.overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:var(--color-bg-panel);box-shadow:0 0 15px 5px #0000004d;width:600px}.modal .actions,.modal .info{padding:20px}.modal .actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.modal .actions button{display:flex;align-items:center;justify-content:center}.modal .actions button svg{margin-right:7px}.modal .info:not(:last-child){border-bottom:1px solid var(--color-bg)}.modal .title{padding:20px;font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg)}.modal .title .close{background:none;padding:0}.modal .title .close svg{height:25px;width:25px}.logo{display:flex;align-items:center}.logo .badge{background:black;padding:.3em .5em;border-radius:5px;font-size:.6em;margin-left:.5em}.logo img{max-height:1em;margin-right:.3em}.filter-gallery{padding:20px;display:grid;grid-template-columns:200px 1fr;min-width:600px;grid-gap:10px}.filter-gallery .categories{height:500px;width:200px;overflow-y:auto}.filter-gallery .categories button{display:block;width:100%;margin-bottom:5px}.filter-gallery .filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}a{color:var(--color-fg-soft)}.panel{z-index:1000}.webgl-error{padding:15px}.preview-wrap{position:relative;z-index:0}.offset-mark{position:absolute;z-index:999;top:calc(50% - 5px);left:calc(50% - 5px);width:10px;height:10px;border:2px solid var(--color-fg);border-radius:50%;cursor:move}.workspace{display:grid;grid-template-columns:10fr 12fr;flex:1}.editor{position:relative;background:var(--color-bg-panel)}.react-codemirror2{position:absolute;top:0;left:0;right:0;bottom:0}.CodeMirror{position:absolute;top:0;left:0;right:0;bottom:0;height:100%}.cm-s-dracula.cm-s-dracula.CodeMirror,.cm-s-dracula.cm-s-dracula .CodeMirror-gutters{background:var(--color-bg-panel)!important}.CodeMirror-gutter.errors{width:20px}.CodeMirror-gutter-elt{display:flex;justify-content:center;align-items:center}span.error-icon{position:relative;display:block;width:13px;height:13px;background:url(./error-a5ce2492.svg)}span.error-icon pre{position:absolute;top:-13px;left:20px;padding:5px;width:300px;background:var(--color-bg);word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;z-index:99999;pointer-events:none;opacity:0}span.error-icon:hover pre{opacity:1}.section{padding:20px}.editor-settings{max-height:calc(100vh - 80px);overflow-y:auto}.editor-settings input,.editor-settings select{background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-bg-panel)}.editor-settings label{display:grid;grid-template-columns:150px 1fr;margin:5px 0}.setting,.select-value{background:rgba(0,0,0,.2);padding:10px;margin-bottom:10px}.setting .setting-option,.select-value .setting-option{display:grid;grid-template-columns:150px 1fr;margin:5px 0}.colorpicker-color{width:36px;height:14px;border-radius:2px}.colorpicker-swatch{padding:5px;background:#fff;border-radius:1px;box-shadow:0 0 0 1px #0000001a;display:inline-block;cursor:pointer}.colorpicker-popover{position:absolute;z-index:2}.colorpicker-cover{position:fixed;top:0;right:0;bottom:0;left:0}.react-var-ui{height:100%;width:400px;margin:0;--react-var-ui-label-border-color: transparent;background:var(--color-bg-panel);border-left:2px solid var(--color-bg)}.react-var-ui-xy-space{height:150px}.intro{padding:0 20px 20px}.intro p{width:500px}.uniforms dt{font-weight:700}.overlay.drag{opacity:0;pointer-events:none;transition:.3s ease-in-out all}.overlay.drag.dropping{opacity:1;pointer-events:all}.overlay.drag .body{display:flex;align-items:center;flex-direction:column}.overlay.drag .body svg{display:block;width:5rem;height:5rem;margin-bottom:.5rem}