.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-popover{position:absolute;z-index:4;right:0;bottom:0}.react-var-ui-color .w-color-sketch{position:absolute;top:.5rem;right:0}.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-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)}.react-var-ui-error{color:var(--react-var-ui-error-color, #f00);grid-column:1/3}