body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#282c34;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;border-radius:.2em}h1{color:#fff}a:visited,a{color:#c95;text-decoration:none}a:hover{cursor:pointer;text-decoration:underline}.App{text-align:center;flex-flow:column;height:100vh;display:flex}.content{flex:1;font-size:calc(10px + 1vmin);overflow:hidden}.App-link{color:#61dafb}.scrollablepage{flex-direction:column;height:100%;display:flex;overflow-y:scroll}@media screen and (width<=600px){.quick-nav{display:none}}input{accent-color:#f7b900}.App-Footer{background-color:#121218;flex:1;min-height:10em;max-height:15em;margin-top:auto;bottom:0}.bulletpoints{text-align:left;max-width:max-content;margin-block:2em;margin-inline:auto;font-size:1.7em;position:relative}.bulletpoints>li{margin-block:.4em;animation:.8s ease-out forwards animateItems;position:relative;transform:translate(calc(-50vw - 10em))}.bulletpoints>li:nth-child(2){animation-delay:.2s}.bulletpoints>li:nth-child(3){animation-delay:.4s}@keyframes animateItems{0%{transform:translate(calc(-50vw - 10em))}to{transform:translate(0)}}.text{margin-inline:1em}.homepage-heading{color:#fa3;font-size:3em;font-weight:900}.canvashtml{z-index:-1}.canvas-container{width:100vw;height:100%;position:relative;top:0;left:0}.canvashtmlelement{display:flex;position:absolute}#botframe{position:absolute;top:0;left:0}@keyframes saveAnimation{0%{top:0}to{top:-.2em}}.botheader{z-index:10;justify-content:flex-end;margin-top:.4em;display:flex;position:absolute;top:0;right:0}.botheader>span{margin-block:auto;margin-right:1em;font-family:monospace;font-weight:700}.botheader>button{color:#fff;margin-right:1em;border-radius:.2em;margin-block:auto;padding-block:.1em;padding-inline:.5em;font-size:1.2rem}.botheaderdeploy{background-color:#f22}.botheaderdeploy:hover{background-color:#a11}.botheaderdeploy:hover>span{animation:.7s ease-in-out infinite alternate saveAnimation;position:relative}.botheadersave{background-color:#0a0}.botheadersave:hover{background-color:#080}.botheadersave:hover>span{animation:.7s ease-in-out infinite alternate saveAnimation;position:relative}.botheaderclose:visited{color:#fff}.botheaderclose:hover{background-color:#1119;text-decoration:none}.botheaderclose{color:#fff;border-radius:10em;width:1.2em;height:1.2em;margin-right:1em;padding:.3em;font-weight:700;text-decoration:none;display:block}.charts{background:#151520;width:100%;height:100%}.chartcanvas{position:absolute;left:0}.graphinfo{text-align:start;margin:10px;font-size:large;position:absolute}.graphinfotext{color:#cce}.graphcolorhint{background-color:#00f;border-radius:100%;width:10px;height:10px;margin-right:10px;display:inline-block}.chartdivider{cursor:row-resize;width:100%;height:12px;display:flex;position:absolute}.chartdivider>div{background-color:#334;width:100%;height:4px;margin:auto}.graphtypebtn{width:50px;position:absolute;top:10px;right:10px}.number-input-box{justify-content:center;margin:.3em;font-size:large;display:flex}.number-input{background-color:#151520;border-radius:100px;width:100%;height:fit-content;margin:auto;padding:6px;display:flex}.number-input-button{text-align:center;color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#222230;border-radius:100%;width:20px;height:20px}.number-input-input{color:#fff;text-align:center;background:0 0;border:none;outline:none;width:70%;font-family:Courier New,Courier,monospace;font-size:1.1rem}.number-input-input::selection{color:#000;background-color:orange}.number-input-text{color:#ddf;flex:1}.number-input-text>span{width:100%}.number-input-description{color:#000;margin:auto 15px auto auto;font-size:large;font-weight:700}.select-input-box{width:100%;margin-top:auto;margin-bottom:auto;display:flex}.select-input-description{color:#000;margin-right:20px;font-size:large;font-weight:700}.menu-list-frame{width:fit-content;margin-left:.1em;display:flex;position:absolute}.menu-list{z-index:1000;transform-origin:top;background-color:#222;border-radius:.7em;margin:0;padding:0;font-size:1.4rem;list-style:none;transition:transform 50ms ease-in;overflow:hidden;transform:scaleY(0);box-shadow:.2em .2em .5em #111}.menu-list.visible{transition:transform .2s ease-in;transform:scaleY(1)}.menu-element{text-align:start;cursor:pointer;align-content:space-between;padding-block:.15em;padding-inline:.8em;display:flex}.menu-element:hover{background-color:#111}.sidebar{color:#ccd;z-index:10;background-color:#191924;width:25em;min-width:20em;max-width:25vw;height:100%;transition:transform .5s ease-in-out;position:absolute;box-shadow:.2em 0 1em #000}.list{height:100%;overflow-y:scroll}.sidebar.closed{box-shadow:none;transform:translate(-100%)}.sidebarheader{color:#fff;justify-content:space-between;padding:2%;font-size:1.4em;font-weight:700;display:flex}.newbot{color:#fff;align-self:center;width:5vw;margin-block:auto;margin-inline:.5em}.createbot{background-image:linear-gradient(#22b408,#4aaf07);padding-block:.5em;padding-inline:1em}.uploadbot{background-color:#4440;border-radius:100em;width:max-content;height:max-content;padding:.7em}.sidebarelement{color:inherit;background-color:#22222b;border-radius:0;margin-bottom:.15em;padding:2%;font-size:large;text-decoration:none;position:relative}.sidebarloading{flex-direction:column;justify-content:center;height:100%;display:flex}.sidebarelement:hover{background-color:#191924}.createbot:hover{background-image:linear-gradient(#3e9422,#348519)}.uploadbot:hover{background-color:#1119}.elementinfo{flex-direction:row;justify-content:space-between;margin:.15em;display:flex}.elementinfoheader{flex-direction:row;justify-content:space-between;display:flex}.arrow{z-index:10;padding:.8em;position:absolute;top:40vh;right:-2em;overflow:hidden}@keyframes rotaten20{0%{rotate:0deg}to{rotate:-20deg}}@keyframes rotate20{0%{rotate:0deg}to{rotate:20deg}}.arrow:hover .arrowtile{background-color:#ccc}.arrow:hover .arrowtile.down.arrowinvisible{animation:.2s ease-out rotate20;rotate:20deg}.arrow:hover .arrowtile.down.arrowvisible,.arrow:hover .arrowtile.up.arrowinvisible{animation:.2s ease-out rotaten20;rotate:-20deg}.arrow:hover .arrowtile.up.arrowvisible{animation:.2s ease-out rotate20;rotate:20deg}.arrowtile{background-color:gray;border-radius:100vh;width:.3em;height:4vh;min-height:1.2em;max-height:1.4em;position:relative}.arrowtile.up{top:.1em}.arrowtile.down{top:-.1em}.emojiBtn{align-self:top;background-color:#0000;border:.1rem solid #333;width:1.2rem;height:1.2rem;padding:0;font-size:.5rem}.emojiBtn:hover{background-color:#0005}.dots{border-radius:100%;justify-content:center;width:2em;height:2em;display:flex}.dotswrapper{flex-direction:column;justify-content:center;width:min-content;display:flex}.dotsdot{background-color:gray;border-radius:1em;width:.3em;height:.3em;margin:.07em}.dots:hover{background-color:#000}.dots:hover .dotsdot{background-color:#d3d3d3}.botcreator{width:100%;height:100%;position:relative}.botcreator-box{height:100%;display:flex}.suggestions{border:.5em solid #123;border-radius:1em;margin:auto}.suggestions>ul{text-align:left;padding-block:.4em;padding-inline:2em;font-size:1.6em;list-style:none}.dashboard-content{margin-inline:auto;max-width:80em;margin-bottom:5em}.dashboard{min-height:100%;display:flex}.dashboard-text-input{margin-left:20em;right:0}.dashboard-text{text-align:left;justify-content:space-between;width:100%;margin-block:1em;display:flex}.dashboard-submit{margin-top:2em;padding-block:.3em;padding-inline:.7em}.account-settingsbtn{flex-direction:column;justify-content:space-between;width:2.1em;height:1.8em;margin:auto;padding:1em;display:flex;position:relative}.account-settingsbtn:hover{background-color:#1117}.horizontal-bar{background-color:#fff;border-radius:2em;width:100%;height:.35em}.account-dialoge{z-index:100;background-color:#222;border-radius:.4em;font-size:1.3em;position:absolute;right:100%;overflow:hidden}.account-dialoge>ul{text-align:left;margin:0;padding:0;list-style:none}.account-dialoge>ul>li{cursor:pointer;padding-block:.4em;padding-inline:.7em}.account-dialoge>ul>li:hover{background-color:#111}.App-header{color:#fff;background-color:#202028;justify-content:space-between;height:4em;font-size:calc(10px + 1vmin);display:flex}.buttonlink:hover{text-decoration:none}.App-header>.buttonlink{height:100%;margin-left:1em;display:flex}.App-header>.buttonlink>h1{color:#fa3;margin-top:auto;margin-bottom:auto;font-weight:800}.quick-nav{font-size:1.3em;display:flex}.quick-nav>a:hover{background-color:#0003}.quick-nav>a{margin:auto;color:#fc8;border-radius:.2em;margin-inline:.1em;padding-block:.3em;padding-inline:.6em;text-decoration:none}.header-buttons-box{height:100%;margin-block:auto;display:flex}.header-buttons-box>button{margin:auto;width:5em;margin-right:.5em;padding:.3em;font-size:1em}.header-buttons-box>button:hover{cursor:pointer}