html{margin:0;padding:0;color:var(--primaryLabelColor);background:var(--windowBackgroundColor);--bodyTextSize: 12px;--smallLabelSize: 13px;--headerTitleSize: 18px;font-size:var(--bodyTextSize);--inputHeight: 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--modalBorderRadius: 16px;--modalBorderRadius: 24px;--modalBoxShadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 10px 25px rgba(0, 0, 0, .15);--menuBorderRadius: 8px;--menuBackgroundColorRGB: 240, 240, 240;--menuBoxShadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 5px 15px rgba(0, 0, 0, .15);--primaryLabelColor: rgb(29, 29, 31);--primaryLabelColorRGB: 34, 34, 34;--secondaryLabelColor: #666;--tertiaryLabelColor: #999;--quaternaryLabelColor: rgba(0, 0, 0, .3);--contrastColorRGB: 42, 116, 245;--contrastColor: rgb(var(--contrastColorRGB));--controlAccent: var(--contrastColor);--controlAccentRGB: var(--contrastColorRGB);--greenLabelColor: #34c759ff;--separatorColor: rgba(0, 0, 0, .075);--separatorColorRGB: 0, 0, 0;--windowBackgroundColor: #fff;--windowBackgroundColorRGB: 255, 255, 255;--controlBackgroundColor: rgba(0, 0, 0, .05);--controlBackgroundColorRGB: 0, 0, 0;--controlHoverBackgroundColor: rgba(0, 0, 0, .1);--controlActiveBackgroundColor: rgba(0, 0, 0, .15);--inputBackgroundColor: #fff;--canvasBackgroundColorRGB: 224, 226, 229;--canvasBackgroundColor: rgb(var(--canvasBackgroundColorRGB));--canvasComponentBackgroundColorRGB: 218, 220, 224;--canvasComponentBackgroundColor: rgb( var(--canvasComponentBackgroundColorRGB) );--canvasInnerBorderColor: rgba(0, 0, 0, .03);--canvasFloatingContainerBackgroundColorRGB: 30, 30, 30;--sidebarBackgroundColor: var(--windowBackgroundColor);--sidebarCategoryBackgroundColorRGB: 248, 248, 248;--connectionLineColor: rgba(0, 0, 0, .15);--greenConnectionLineColor: #61e222;--orangeConnectionLineColor: #ffb60a;--redConnectionLineColor: #e22222;--purpleConnectionLineColor: #a357d7;--cyanConnectionLineColor: #3ddfff;--connectionDotInnerColor: rgba(0, 0, 0, .5);--connectionDotInnerColorActive: rgba(0, 0, 0, 1);--connectionDotBackgroundColor: rgba(0, 0, 0, .075);--connectionDotBorderColor: rgba(0, 0, 0, .2);--connectionDotHoverOutlineColor: var(--contrastColor);--viewerBackgroundColor: rgba(223, 225, 229, 1);--componentAccentColor: #8a3fbf;--componentAccentColorRGB: 138, 63, 191;--loopAccentColor: #63ca56;--loopAccentColorRGB: 99, 202, 86;--colorBlue: #3478f6;--colorBrown: #9d8563;--colorCyan: #71bceb;--colorGreen: #63ca56;--colorIndigo: #5856cf;--colorMint: #5ac4bd;--colorOrange: #f19a37;--colorPink: #eb445a;--colorPurple: #a357d7;--colorRed: #eb4e3d;--colorTeal: #6eabc1;--colorYellow: #f7ce46;--colorGrey: #8e8e93;--colorBlueRGB: 52, 120, 246;--colorBrownRGB: 157, 133, 99;--colorCyanRGB: 113, 190, 235;--colorGreenRGB: 99, 202, 86;--colorIndigoRGB: 88, 86, 207;--colorMintRGB: 90, 196, 189;--colorOrangeRGB: 241, 154, 55;--colorPinkRGB: 235, 68, 90;--colorPurpleRGB: 163, 87, 215;--colorRedRGB: 235, 78, 61;--colorTealRGB: 110, 171, 193;--colorYellowRGB: 247, 206, 70;--colorGreyRGB: 142, 142, 147;--color-syntax-keyword: rgb(173, 61, 164);--color-code-plain: rgb(173, 61, 164);--color-syntax-other-type-names: rgb(112, 61, 170);--color-syntax-string: rgb(209, 47, 27);--color-link: rgb(0, 102, 204);--mobileBreakPoint: 600px}@media (max-width: 600px){html{--bodyTextSize: 17px}}input::placeholder{color:var(--tertiaryLabelColor)}html{overscroll-behavior:none;-webkit-touch-callout:none}body{overscroll-behavior:none}@media (prefers-color-scheme: dark){html{--menuBackgroundColorRGB: 50, 50, 50;--menuBoxShadow: 0 0 0 1px rgba(255, 255, 255, .15), 0 0 0 2px rgba(0, 0, 0, .2), 0 5px 15px rgba(0, 0, 0, .45);--primaryLabelColor: #fff;--primaryLabelColorRGB: 255, 255, 255;--secondaryLabelColor: rgb(200, 200, 200);--tertiaryLabelColor: rgb(150, 150, 150);--quaternaryLabelColor: rgba(255, 255, 255, .3);--contrastColor: #488bff;--contrastColorRGB: 72, 139, 255;--controlAccent: var(--contrastColor);--controlAccentRGB: var(--contrastColorRGB);--separatorColor: rgba(255, 255, 255, .075);--separatorColorRGB: 255, 255, 255;--windowBackgroundColor: #222;--windowBackgroundColorRGB: 34, 34, 34;--controlBackgroundColor: rgba(255, 255, 255, .1);--controlBackgroundColorRGB: 255, 255, 255;--controlHoverBackgroundColor: rgba(255, 255, 255, .1);--controlActiveBackgroundColor: rgba(255, 255, 255, .15);--canvasBackgroundColorRGB: 51, 51, 51;--sidebarBackgroundColor: var(--windowBackgroundColor);--sidebarCategoryBackgroundColorRGB: 25, 25, 25;--connectionLineColor: rgba(255, 255, 255, .2);--connectionDotInnerColor: rgba(255, 255, 255, .3);--connectionDotInnerColorActive: rgba(255, 255, 255, 1);--connectionDotBackgroundColor: rgba(255, 255, 255, .15);--connectionDotBorderColor: rgba(255, 255, 255, .2);--connectionDotHoverOutlineColor: rgba(86, 192, 245, 1);--viewerBackgroundColor: rgba(87, 92, 98, 1)}}.force-darkmode{--primaryLabelColor: #fff;--primaryLabelColorRGB: 255, 255, 255;--secondaryLabelColor: #eee;--tertiaryLabelColor: #ddd;--quaternaryLabelColor: rgba(255, 255, 255, .3);--contrastColor: #3982ff;--contrastColorRGB: 57, 130, 255;--controlAccent: var(--contrastColor);--controlAccentRGB: var(--contrastColorRGB);--separatorColor: rgba(255, 255, 255, .075);--separatorColorRGB: 255, 255, 255;--windowBackgroundColor: #222;--windowBackgroundColorRGB: 34, 34, 34, --controlBackgroundColor: rgba(255, 255, 255, .05);--controlBackgroundColorRGB: 255, 255, 255;--controlHoverBackgroundColor: rgba(255, 255, 255, .1);--controlActiveBackgroundColor: rgba(255, 255, 255, .15);--canvasBackgroundColorRGB: 51, 51, 51;--sidebarBackgroundColor: var(--windowBackgroundColor);--connectionLineColor: rgba(255, 255, 255, .1);--connectionDotInnerColor: rgba(255, 255, 255, .3);--connectionDotInnerColorActive: rgba(255, 255, 255, 1);--connectionDotBackgroundColor: rgba(255, 255, 255, .15);--connectionDotBorderColor: rgba(255, 255, 255, .2);--connectionDotHoverOutlineColor: rgba(86, 192, 245, 1)}.firebase-emulator-warning{display:none}*{box-sizing:border-box;outline:none}body{margin:0;padding:0}
