:root{--inactiveSelectionBackground:#3c3c3c;--inactiveSelectionFontColor:#ccc;--activeSelectionFontColor:white;--hoverBackground:#2b2b2b;--hoverForeground:#ccc;--activeSelectionBackground:#00388b;--activeSelectionBorderColor:#0055d4;--errorForeground:red;--warningForeground:orange;--dropBackground:#444;--splitterBorder:#333;--splitterHandleColor:cyan;--background:#1e1e1e;--panelBackground:#252525;--panelBoxBackground:#2f2f2f;--tabColor:#aaa;--tabSelected:white;--fontColor:#919191;--placeholderFontColor:#5e5e5e;--headingColor:#969696;--subheadingColor:#727272;--leftNavColor:#333;--menuBackgroundColor:#333;--menuKeyboardHint:#565656;--menuEmptyColor:#4b4b4b;--buttonColor:#5c5c5c;--buttonHoverColor:gray;--buttonFontColor:white;--buttonPrimaryColor:#2971b4;--buttonPrimaryHoverColor:#4e8cc7;--buttonPrimaryFontColor:white;--buttonDangerousColor:#f23535;--buttonDangerousHoverColor:#fd6060;--buttonDangerousFontColor:white;--buttonInlineHoverColor:#393939;--buttonInlineDisabledFontColor:#393939;--buttonInlineHoverColor:#393939;--buttonInlineDisabledFontColor:#393939;--buttonDisabledFontColor:#646464;--buttonDisabledColor:#444;--statusBarIconColor:#ccc;--inactiveInputFontColor:#b7b7b7;--inputFontColor:#e8e8e8;--inputValidationErrorBackground:#5a1d1d;--searchReplaceRemoveBackground:#511e1e;--searchReplaceInsertBackground:#3d432f;--inputBackgroundColor:#3c3c3c;--statusBarBackground:#3c3c3c;--toggleButtonActiveBackground:#245779;--editorTabBackground:#2d2d2d;--editorTabBackgroundSelected:#1e1e1e;--infoPanelBorderColor:#404040;--infoPanelFilterBackground:#4e4e51;--infoPanelFilterHoverBackground:#69696c;--infoPanelFilterFontColor:#d7d7db;--notificationBackground:#333;--logLineSeparator:#262626;--highlight:#369eff;--highlightWarn:red;--emptyStateColor:#4b4b4b;--documentationBackground:#f3f3f3;--defaultTransition:.2s cubic-bezier(0,.6,.6,1);--fullColor:black;--inverseFullColor:white;--passiveOpacity:.5;--sliderColor:#555;--timelineTrackEase:#5d5d5d;--activeTrackBackground:#2e2e2e;--entityTrackEase:#39405a;--entityKeyframe:#6c77a0;--entityTrackBackground:#24262e;--keyframeColor:#969696;--blendTrackEase:#405043;--blendKeyframe:#8b9a8e;--blendTrackBackground:#1f2821;--fadeTrackBackground:#35242d;--hoverTrackBackground:#292929;--clipTrackEase:#51375a;--clipKeyframe:#9f6ca0;--clipTrackBackground:#2c242e;--streamTrackEase:#595a39;--streamKeyframe:#9fa06c;--functionKeyframe:#ff8400;--streamTrackBackground:#333320;--playheadColor:#00ffed;--selectedKeyframe:#00ffed;--blurKeyframe:#008f85;--menuScrollBackground:#0000004d;--panelShadow:0 2px 6px #ffffff30}[data-zeetheme=light]{--inactiveSelectionBackground:#dfdfdf;--inactiveSelectionFontColor:#616161;--activeSelectionBackground:#0060c0;--hoverBackground:#e8e8e8;--hoverForeground:#616161;--background:#fff;--panelBackground:#f3f3f3;--panelBoxBackground:#f8f8f8;--tabSelected:black;--fontColor:#717171;--placeholderFontColor:#dcdcdc;--menuBackgroundColor:#f3f3f3;--menuKeyboardHint:#d4d4d4;--menuEmptyColor:#d4d4d4;--selectedTreeItemFontColor:white;--statusBarIconColor:white;--inactiveInputFontColor:#d4d4d4;--leftNavColor:#e3e3e3;--splitterBorder:#e1e1e1;--buttonColor:#777;--buttonHoverColor:#999;--buttonFontColor:white;--buttonPrimaryColor:#2971b4;--buttonPrimaryHoverColor:#4e8cc7;--buttonPrimaryFontColor:white;--buttonInlineHoverColor:#dfdfdf;--buttonInlineDisabledFontColor:#d2d2d2;--buttonDisabledFontColor:#fbfbfb;--buttonDisabledColor:#ededed;--searchReplaceRemoveBackground:#f5c2c2;--searchReplaceInsertBackground:#e1e7d3;--inputValidationErrorBackground:#f2dede;--inactiveInputFontColor:#616161;--inputFontColor:#616161;--inputBackgroundColor:white;--activeSelectionFontColor:white;--statusBarBackground:#0060c0;--toggleButtonActiveBackground:#cce9fc;--editorTabBackground:#ececec;--editorTabBackgroundSelected:white;--tabColor:#9c9c9c;--infoPanelBorderColor:#d7d7d7;--infoPanelFilterBackground:#d7d7db;--infoPanelFilterHoverBackground:#c7c7cc;--infoPanelFilterFontColor:#4e4e51;--infoPanelLogFontColor:white;--notificationBackground:#e7e7e7;--subheadingColor:#bfbfbf;--logLineSeparator:#f6f6f6;--highlight:#0084ff;--emptyStateColor:#d0d0d0;--documentationBackground:white;--fullColor:white;--inverseFullColor:black;--sliderColor:#bbb;--timelineTrackEase:#b2b2b2;--activeTrackBackground:#e2e2e2;--entityTrackEase:#a2b2ee;--entityKeyframe:#7e8bc4;--entityTrackBackground:#e6ebfb;--keyframeColor:#7c7c7c;--blendTrackEase:#9dc2a4;--blendKeyframe:#718c76;--blendTrackBackground:#dbe9de;--fadeTrackBackground:#ecdbe4;--hoverTrackBackground:#ebe9e9;--clipTrackEase:#b697c1;--clipKeyframe:#986a99;--clipTrackBackground:#ece1ef;--streamTrackEase:#fdfb71;--streamKeyframe:#c4bf7e;--streamTrackBackground:#ebebcc;--menuScrollBackground:#ffffffb3;--panelShadow:0 2px 6px #00000040}*{box-sizing:border-box}.zee-studio-dragging iframe{pointer-events:none}.zee-studio html,.zee-studio body,.zee-studio #root{width:100%;height:100%;background-color:var(--background);overscroll-behavior-x:none;margin:0;padding:0}.zee-studio{color:var(--fontColor);font-family:Roboto,sans-serif;font-size:13px;font-weight:400}.zee-studio ::-webkit-scrollbar{width:6px;height:6px;background-color:#0000}.zee-studio ::-webkit-scrollbar-track{background-color:#0000}.zee-studio ::-webkit-scrollbar-corner{background:0 0}.zee-studio :hover::-webkit-scrollbar-thumb{background-color:#373737b3}.zee-studio ::-webkit-scrollbar-thumb{background-color:#f000;transition:background-color 1s}.zee-app{width:100%;height:100%;flex-direction:column;display:flex;position:relative}.zee-studio input[type=text],.zee-studio input[type=number],.zee-studio textarea{background-color:var(--inputBackgroundColor);height:24px;color:var(--inactiveInputFontColor);width:100%;box-sizing:border-box;border:1px solid #0000;outline:none;padding:8px;font-family:Roboto,sans-serif;font-size:13px;font-weight:400}.zee-studio textarea{height:72px}.zee-studio input[type=text]:focus,.zee-studio input[type=number]:focus,.zee-studio textarea:focus{border:1px solid var(--activeSelectionBorderColor);color:var(--inputFontColor)}.zee-studio input[type=text]::placeholder,.zee-studio input[type=number]::placeholder,.zee-studio textarea::placeholder{color:var(--placeholderFontColor)}.zee-input-locked,.zee-input-not-in-context{display:flex;position:relative}.zee-input-locked-icon,.zee-input-not-in-context-icon{width:100%;height:100%;cursor:default;opacity:.7;justify-content:center;align-items:center;position:absolute;background-color:var(--panelBackground)!important;display:flex!important}.zee-input-error{color:var(--errorForeground)!important}.zee-input-label{display:flex;position:relative}.zee-input-label[data-label]{justify-content:center;align-items:center}.zee-input-label[data-label]>input{padding-left:0}.zee-input-label[data-label]:before{content:attr(data-label);background-color:var(--inputBackgroundColor);height:100%;color:var(--placeholderFontColor);box-sizing:border-box;align-items:center;padding-left:6px;padding-right:6px;font-size:10px;display:flex}.zee-studio button{cursor:pointer;background-color:var(--buttonColor);color:var(--buttonFontColor);outline-offset:1px;-webkit-user-select:none;user-select:none;border:0 solid #fff;padding:5px 10px}.zee-studio button:hover{background-color:var(--buttonHoverColor)}.zee-studio button:focus-visible{outline:2px solid var(--buttonColor)}.zee-studio button.primary{background-color:var(--buttonPrimaryColor);color:var(--buttonPrimaryFontColor)}.zee-studio button.primary:focus-visible{outline:2px solid var(--buttonPrimaryColor)}.zee-studio button.dangerous{background-color:var(--buttonDangerousColor);color:var(--buttonDangerousFontColor)}.zee-studio button.dangerous:focus-visible{outline:2px solid var(--buttonDangerousColor)}.zee-studio button:hover.primary{background-color:var(--buttonPrimaryHoverColor)}.zee-studio button:hover.dangerous{background-color:var(--buttonDangerousHoverColor)}.zee-studio button.inline{color:var(--fontColor);background:0 0;padding:0}.zee-studio button.zee-button{background:0 0;padding:0}.zee-studio button.inline:hover{background-color:var(--buttonInlineHoverColor)!important;color:var(--fontColor)!important}.zee-studio button:disabled{pointer-events:none;background-color:var(--buttonDisabledColor)!important;color:var(--buttonDisabledFontColor)!important}.zee-studio button.inline:disabled{color:var(--buttonInlineDisabledFontColor)!important;background:0 0!important}.react-autosuggest__container{position:relative}.react-autosuggest__input--open{border-bottom-right-radius:0;border-bottom-left-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{width:200px;background:var(--menuBackgroundColor);z-index:2;color:var(--fontColor);border-radius:6px;padding-top:6px;padding-bottom:6px;display:block;position:absolute;top:24px;box-shadow:0 0 16px -4px #0000004d}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;height:24px;padding:0 12px;line-height:24px}.react-autosuggest__suggestion--highlighted{background-color:var(--hoverBackground);color:var(--hoverForeground)}.react-autosuggest__suggestion-match{color:red;font-weight:700}.zee-studio h3{text-transform:uppercase;color:var(--subheadingColor);margin:0;padding:0;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;line-height:24px}.zee-studio h2{color:var(--headingColor);text-transform:uppercase;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;line-height:24px}.zee-studio h1{color:var(--headingColor);margin:0 0 12px;padding:0;font-family:Roboto,sans-serif;font-size:24px;font-weight:400}.zee-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.zee-studio select,.zee-preview-body select{background-color:var(--inputBackgroundColor);height:24px;color:var(--inputFontColor);width:100%;outline-offset:1px;border:0 solid #fff;padding:0 4px}.zee-studio select:focus-visible,.zee-preview-body select:focus-visible{outline:2px solid var(--buttonPrimaryColor)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;font-size:18px!important}.material-symbols-filled{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 18}.material-symbol-inherit{font-size:inherit!important}@keyframes zee-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zee-spin{animation-name:zee-spin;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite}.zee-gradient-text{background:radial-gradient(77.81% 158.14% at 0 107.62%,#dac902 0%,#6ae585 15.1%,#6ae5e0 36.46%,#3772e7 74.48%,#6a41e2 82.29%,#cb39dd 92.19%,#eb7777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}