body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{background-color:#f0f0f0;height:100%;margin:0;padding:0;width:100%}.react-var-ui{background:#11111a;background:var(--react-var-ui-background-color,#11111a)}.react-var-ui-disabled{opacity:.5;pointer-events:none}.react-var-ui-category{padding-bottom:1rem}.react-var-ui-category-title{color:#ddd;color:var(--react-var-ui-foreground-color,#ddd);font-size:.7rem;padding:.4rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.react-var-ui-color{align-items:center;display:flex;margin-left:1rem;position:relative}.react-var-ui-color .sketch-picker{position:absolute;right:-3rem;top:1rem}.react-var-ui-color-color{border-radius:.2rem;height:1.2rem;position:relative;width:2.5rem}.react-var-ui-color-swatch{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAAxSURBVDhPY2RgYBABYnzgDT5JxlEDGIZJGBBIBvjTCSgMCAG8CW3UAAZwQiIEaBuIACBfCLFwf0bOAAAAAElFTkSuQmCC) 50%;border-radius:.2rem;cursor:pointer;display:inline-block}.react-var-ui-color-popover{position:absolute;z-index:2}.react-var-ui-color-cover{bottom:0;left:0;position:fixed;right:0;top:0}.react-var-ui-toggle{height:1.2rem;position:relative;width:2.5rem}.react-var-ui-toggle-helper{background:#353542;background:var(--react-var-ui-input-background-color,#353542);border-radius:.2rem;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .2s ease-in-out}.react-var-ui-toggle-helper:before{background-color:#ddd;background-color:var(--react-var-ui-foreground-color,#ddd);border-radius:1rem;content:"";height:.8rem;left:.3rem;position:absolute;top:.2rem;transition:all .2s ease-in-out;width:.8rem}.react-var-ui-toggle input{height:0;opacity:.01;width:0}.react-var-ui-toggle input:checked+.react-var-ui-toggle-helper{background:#77f!important;background:var(--react-var-ui-accent-color,#77f)!important}.react-var-ui-toggle input:checked+.react-var-ui-toggle-helper:before{-webkit-transform:translateX(1.1rem);transform:translateX(1.1rem)}.react-var-ui-select select{background:#353542;background:var(--react-var-ui-input-background-color,#353542);border:none;border-radius:.2rem;color:#ddd;color:var(--react-var-ui-foreground-color,#ddd);height:2rem;padding:.2rem .5rem;width:100%}.react-var-ui-select select:focus,.react-var-ui-select select:hover{background:#424253;background:var(--react-var-ui-input-background-hover-color,#424253)}.react-var-ui-string input,.react-var-ui-string-multiline{background:#353542;background:var(--react-var-ui-input-background-color,#353542);border:none;border-radius:.2rem;border-radius:.4rem;box-sizing:border-box;color:#ddd;color:var(--react-var-ui-foreground-color,#ddd);max-width:100%;min-width:100%;outline:none!important;padding:.2rem .5rem;width:100%}.react-var-ui-string input:focus,.react-var-ui-string input:hover,.react-var-ui-string-multiline:focus,.react-var-ui-string-multiline:hover{background:#424253;background:var(--react-var-ui-input-background-hover-color,#424253)}.react-var-ui-string-multiline{font-family:inherit;font-size:.8rem;grid-column:1/3;margin-top:.4rem;min-height:2rem;padding:.5rem}.react-var-ui-label{background:#22222a;background:var(--react-var-ui-label-background-normal-color,#22222a);border-bottom:1px solid #33333a;border-bottom:1px solid var(--react-var-ui-label-border-color,#33333a);color:#ddd;color:var(--react-var-ui-foreground-color,#ddd);display:grid;font-size:.8rem;grid-template-columns:1fr 2fr;padding:.5rem 1rem;-webkit-user-select:none;user-select:none}.react-var-ui-label:first-child{border-top:1px solid #33333a;border-top:1px solid var(--react-var-ui-label-border-color,#33333a)}.react-var-ui-label:hover{background:#2a2a33;background:var(--react-var-ui-label-background-hover-color,#2a2a33)}.react-var-ui-label>span{align-items:center;display:flex}.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-number,.react-var-ui-slider{align-items:center;display:flex;justify-content:flex-end;width:100%}.react-var-ui-number-track,.react-var-ui-slider-track{background:#353542;background:var(--react-var-ui-input-background-color,#353542);border-radius:.2rem;cursor:pointer;flex:1 1;height:2rem;margin-right:.4rem;overflow:hidden;position:relative;touch-action:none}.react-var-ui-number-content,.react-var-ui-slider-content{background:#77f;background:var(--react-var-ui-accent-color,#77f);bottom:0;left:0;pointer-events:none;position:absolute;top:0}.react-var-ui-number input,.react-var-ui-slider input{-moz-appearance:textfield;background:#22222a;background:var(--react-var-ui-label-background-normal-color,#22222a);border:none;border-radius:.25rem;color:#ddd;color:var(--react-var-ui-foreground-color,#ddd);height:1.3rem;outline:none!important;padding:0 .2rem;text-align:right;width:2.5rem}.react-var-ui-number input::-webkit-inner-spin-button,.react-var-ui-number input::-webkit-outer-spin-button,.react-var-ui-slider input::-webkit-inner-spin-button,.react-var-ui-slider input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-var-ui-number span,.react-var-ui-slider span{text-align:right;width:2.5rem}.react-var-ui-number button,.react-var-ui-slider button{align-items:center;background:#22222a;background:var(--react-var-ui-label-background-normal-color,#22222a);border:none;border-radius:.25rem;color:#ddd;color:var(--react-var-ui-foreground-color,#ddd);cursor:pointer;display:flex;height:2rem;justify-content:center;margin-left:.4rem}.react-var-ui-number input{background:#353542;background:var(--react-var-ui-input-background-color,#353542)}.react-var-ui-number input:focus,.react-var-ui-number input:hover{background:#424253;background:var(--react-var-ui-input-background-hover-color,#424253)}.react-var-ui-xy{grid-column:1/3}.react-var-ui-xy-value{display:inline-block!important;text-align:right}.react-var-ui-xy-space{background:#353542;background:var(--react-var-ui-input-background-color,#353542);border-radius:.4rem;cursor:pointer;height:250px;margin-bottom:.3rem;margin-top:.5rem;overflow:hidden;position:relative;touch-action:none;width:100%}.react-var-ui-xy-control{background:#77f;background:var(--react-var-ui-accent-color,#77f);border-radius:100%;height:1rem;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1rem}.react-var-ui-xy-control:after,.react-var-ui-xy-control:before{background:#77f;background:var(--react-var-ui-accent-color,#77f);content:"";opacity:.5;position:absolute}.react-var-ui-xy-control:before{bottom:-100rem;left:calc(50% - 1px);top:-100rem;width:1px}.react-var-ui-xy-control:after{height:1px;left:-100rem;right:-100rem;top:calc(50% - 1px)}.react-var-ui-angle{align-items:center;display:flex;grid-column:1/3;justify-content:center;padding-top:1rem}.react-var-ui-angle-value{justify-content:flex-end}.react-var-ui-angle-control{background:#353542;background:var(--react-var-ui-input-background-color,#353542);border-radius:100%;cursor:pointer;height:6rem;position:relative;touch-action:none;width:6rem}.react-var-ui-angle-control:after{background:#77f;background:var(--react-var-ui-accent-color,#77f);border-radius:100%;content:"";display:block;height:1rem;left:calc(50% - .5rem);position:absolute;top:.5rem;width:1rem}.react-var-ui-file,.react-var-ui-image,.react-var-ui-media{align-items:center;background-color:#353542;background-color:var(--react-var-ui-input-background-color,#353542);border-radius:.4rem;cursor:pointer;display:flex;grid-column:1/3;height:100px;justify-content:center;margin-bottom:.3rem;margin-top:.5rem;overflow:hidden;position:relative;touch-action:none;width:100%}.react-var-ui-file-value,.react-var-ui-image-value,.react-var-ui-media-value{display:inline-block!important;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.react-var-ui-file-audio,.react-var-ui-file-background,.react-var-ui-file-metadata,.react-var-ui-image-audio,.react-var-ui-image-background,.react-var-ui-image-metadata,.react-var-ui-media-audio,.react-var-ui-media-background,.react-var-ui-media-metadata{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.react-var-ui-file video,.react-var-ui-image video,.react-var-ui-media video{height:100%;object-fit:cover;width:100%}.react-var-ui-file-audio,.react-var-ui-image-audio,.react-var-ui-media-audio{display:block;height:50px;pointer-events:all;top:auto;width:100%;z-index:5}.react-var-ui-file-background,.react-var-ui-image-background,.react-var-ui-media-background{background-position:50% 50%;background-size:cover;-webkit-filter:brightness(.5) grayscale(.5);filter:brightness(.5) grayscale(.5);-webkit-transform:scaleX(1);transform:scaleX(1);transition:all .2s ease-in-out}.react-var-ui-file-metadata,.react-var-ui-image-metadata,.react-var-ui-media-metadata{padding:10px}.react-var-ui-file: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-image:hover .react-var-ui-file-background,.react-var-ui-image:hover .react-var-ui-image-background,.react-var-ui-image:hover .react-var-ui-media-background,.react-var-ui-media: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{-webkit-filter:brightness(.7) grayscale(.2);filter:brightness(.7) grayscale(.2);-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}.react-var-ui-file svg,.react-var-ui-image svg,.react-var-ui-media svg{height:25px;pointer-events:none;width:25px;z-index:1}.react-var-ui-file input,.react-var-ui-image input,.react-var-ui-media input{bottom:0;cursor:pointer;left:0;opacity:.001;position:absolute;right:0;top:0;width:100%;z-index:2}.react-var-ui-button button{background:#353542;background:var(--react-var-ui-input-background-color,#353542);border:none;border-radius:.4rem;color:#ddd;color:var(--react-var-ui-foreground-color,#ddd);cursor:pointer;padding:.4rem 1rem;width:100%}.react-var-ui-button button:hover{background:#424253;background:var(--react-var-ui-input-background-hover-color,#424253)}.react-var-ui-button button:active{background:#2b2b37;background:var(--react-var-ui-input-background-pressed-color,#2b2b37)}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{margin:0 0 10px;padding-top:5px}.react-tabs__tab{border-bottom:none;bottom:-1px;color:#fff;cursor:pointer;display:inline-block;font-size:14pt;list-style:none;padding:8px 0;position:relative;text-align:center}.react-tabs__tab--selected{background:#353542;border-radius:5px 5px 5px 5px;color:#fff}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none;overflow:scroll}.react-tabs__tab-panel--selected{display:block}
/*# sourceMappingURL=main.1061333a.css.map*/