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