@import"https://fonts.googleapis.com/css2?family=Varela+Round&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css";a,h1,h2,h3,h4,p,span,button,.toast-content *,.entry,.lang-popup-box,.load-anim{--load-anim-speed: .5s;--fall-height: -10px;--reversed: 1;animation:settle var(--load-anim-speed) both}.slow{--load-anim-speed: 1s;--fall-height: -25px}.fast{--load-anim-speed: .25s;--fall-height: -5px}.reversed{--reversed: -1}.sequenced{animation-delay:calc(var(--i, 0) * .1s)}#project_list,#project_list *,#terminal_output,#terminal_output *,.code-container *{animation:none}@keyframes settle{0%{opacity:0;transform:translateY(calc(var(--reversed) * var(--fall-height)))}to{opacity:1;transform:translateY(0)}}:root{--project-header-color: #3f99e2;--project-header-height: 2em;--project-header-font-color: #ffffff;--project-header-font-size: 1em;--editor-header-color: #f4f4f4;--editor-header-height: 5em;--editor-header-font-color: rgb(39, 32, 129);--editor-header-font-size: 1.2em;--gray-color: #a3a3a3;--darkgray-color: #828282;--gray-color-light: #cfcfcf;--almost-white: #ececec;--hover-filter: invert(30%) brightness(0%) opacity(70%);--error-color: #ff4d4d;--success-color: #6bff4d;--main-color: #3f99e2;--dark-main: #282828;--font-family-main: "Varela Round", sans-serif;--semi-white-a: rgba(255, 255, 255, .356);--colors-math: #59c059;--colors-math-stroke: #3f8f3f;--colors-control: #ff9b09;--colors-control-stroke: #c97600;--colors-function: #ff767a;--colors-function-stroke:#d4474b;--colors-serial: #4c97ff;--colors-serial-stroke: #2f6fd0;--colors-input: #cf63cf;--colors-input-stroke: #a23ea2;--colors-variable: #ff7c2a;--colors-variable-stroke:#cc5e10;--colors-output: #9966ff;--colors-output-stroke: #7338e0;--colors-list: #767fff;--colors-list-stroke: #4d56d6;--colors-general: #ffbf00;--colors-general-stroke: #bf8f00}.anim-hold,.anim-hold *{animation-play-state:paused!important}a{font-family:var(--font-family-main)}a.button{text-decoration:none}html,body{height:100vh;width:100vw;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;border:none;border-radius:2em}::-webkit-scrollbar-track{border-radius:8px}::-webkit-scrollbar-thumb{border-radius:8px;background:var(--gray-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--gray-color-light)}::-webkit-scrollbar-thumb:horizontal{background:none;border-radius:8px}.container{display:flex;flex-direction:column;height:100%}#global_header{height:unset;box-shadow:2px 2px 5px #0000004d;z-index:100}.header{height:2em;gap:2em;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem}.button{background:none;border:none;height:100%}.button:hover{cursor:pointer;filter:var(--hover-filter)}.project.header .button{color:var(--project-header-font-color);font-size:var(--project-header-font-size)}.editor.header .button{color:var(--editor-header-font-color);font-size:var(--editor-header-font-size)}.project.header{padding-left:calc(var(--project-header-height) / 2);min-height:var(--project-header-height);height:auto;background-color:var(--project-header-color)}.editor.header{height:var(--editor-header-height);background-color:var(--editor-header-color)}#uploader-btn.disabled{-webkit-user-select:none;user-select:none;cursor:not-allowed}.project .button.disabled{pointer-events:visible;cursor:not-allowed;filter:unset}#uploader-btn{position:relative;overflow:hidden;transition:.2s;display:flex;min-width:3rem}#uploader-btn i{padding-right:6px}#uploader-btn.disabled:hover{filter:unset}#uploader-btn .progress-fill{position:absolute;left:0;top:0;bottom:0;width:var(--progress, 0%);background:var(--project-header-color);filter:unset!important;transition:width .1s ease;z-index:1;opacity:80%;height:2px}#uploader-btn .progress-fill:after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:10px;background:linear-gradient(to right,var(--project-header-color),transparent)}#uploader-btn span,#uploader-btn i{position:relative;z-index:1;transition:.2s}.upload-dots{display:none;align-items:center;gap:4px;z-index:2;height:100%}.upload-dots span{margin-top:10px;width:8px;height:8px;border-radius:50%;background:currentColor;animation:dot-bounce .7s infinite ease-in-out;z-index:100!important}.upload-dots span:nth-child(2){animation-delay:.15s}.upload-dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-8px) scale(1.2);opacity:1}}#uploader-btn.disabled>i,#uploader-btn.disabled>span:not(.upload-dots){font-size:0px;transform:translateY(.6rem) translate(30px)}#uploader-btn.disabled .upload-dots{display:flex}.content{flex:1;display:flex;flex-direction:column}.project{background-color:var(--project-header-color);height:var(--project-header-height);align-items:left}.slot{gap:1rem;display:flex;align-items:inherit;color:inherit}.left{justify-self:start;display:flex;gap:1rem}.center{justify-self:center}.right{justify-self:end;display:flex;gap:.5rem}.input.title{border:none;background:none;outline:none;color:inherit;font-size:calc(var(--editor-header-font-size) - 2px);font-weight:var(--editor-header-font-weight);max-width:calc(14rem - max(0px,(1535px - 100vw)/2));min-width:10rem;width:14rem}.input.title:hover,.input.title:focus{color:var(--dark-main)}.gray{color:var(--gray-color)}.primary{color:var(--editor-header-font-color)}.underlined{border-bottom:1px solid;border-color:inherit;width:fit-content}.no_padding{position:relative;display:inherit}.unfit{position:absolute;display:block}.white{color:#fff;filter:brightness(0) invert(1)}.add-blocks-icon{height:70%}#toolbox_overlay:hover{opacity:90%}.image img{height:calc(var(--editor-header-height) - 1.8em);width:auto}.textfix{height:var(--editor-header-font-size + .5em);display:flex;align-self:center}select{appearance:none;-webkit-appearance:none;padding-right:1em}.dropdown{border-radius:.8em;border-color:var(--gray-color-light);border-width:2px;border-style:solid;color:var(--editor-header-font-color);padding:2px .5em 2px 2px;background-color:#fff;-webkit-user-select:none;user-select:none}.dropdown-select{border:none;height:calc(var(--editor-header-height) - 3em);font-size:var(--editor-header-font-size);color:inherit;padding-left:.5em;padding-right:.5em;background:none;cursor:pointer}.dropdown-select:focus{outline:none}.dropdown-select:hover{cursor:pointer;filter:var(--hover-filter)}#sandbox_container,#sandbox{height:100%}.code-container{position:absolute;display:flex;flex-direction:column;padding:10px 0 10px 10px;flex:1;background-color:var(--editor-header-color);scrollbar-color:var(--gray-color) var(--editor-header-color);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.4));z-index:8;inset:0}.code-content{flex:1;overflow:auto;min-height:0}.code-header{height:2rem;font-size:1.4rem;color:#000;opacity:25%;-webkit-user-select:none;user-select:none}.code-container:before{content:"";position:absolute;left:0;right:17px;height:3rem;pointer-events:none;z-index:9}.code-container:before{top:2.45rem;background:linear-gradient(to bottom,var(--editor-header-color),transparent)}:not(pre)>code[class*=language-],pre[class*=language-]{background:none!important}.code-footer{height:2rem;display:flex;gap:.5rem;flex-direction:row-reverse;padding-right:12px;padding-top:4px}#code_container pre{margin:0;overflow:visible;white-space:pre}#code_container{padding-right:4px}.copy-code{height:2rem;text-align:center;font-size:1rem;align-items:center;color:#505050;outline:solid 1px var(--gray-color);border-radius:6px}.copy-code img{height:50%}.copy-code:hover{filter:brightness(50%)}.terminal-header{height:2.25rem;font-size:1.4rem;opacity:90%;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.4rem;flex-direction:row-reverse;position:absolute;font-size:1rem;justify-self:right;right:1em}.terminal-header img{height:80%}.terminal-header button:hover{filter:invert(50%)}.serial-btn{padding-top:5px;height:100%}.serial-btn:hover{opacity:100%}#terminal-button-tooltip{text-align:right}.terminal-content{flex:1;height:100%}.terminal-output{display:flex;flex-direction:column;height:100%;overflow:auto;scrollbar-color:#292929 transparent}.terminal-output:after{content:"mio";opacity:0%;min-height:28px;display:block}.terminal-line{font-family:monospace;font-size:1rem;color:#ccc;white-space:pre-wrap;margin:0;padding-left:12px}.text,button{font-family:var(--font-family-main)}.project.header{grid-template-columns:2.5fr auto 1fr}.lang-popup-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.lang-popup-box{background:#fff;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;min-width:200px}.lang-popup-option{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:none;background:none;cursor:pointer;border-radius:6px;font-size:1rem;text-align:left}.lang-popup-option:hover{background:#0000000f}.lang-popup-flag{width:28px;height:auto;border-radius:2px}.block-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.block{position:absolute;left:var(--x, auto);right:var(--right-x, auto);top:var(--y, 50%);overflow:visible;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));animation:block-drift 7s ease-in-out forwards infinite;animation-delay:var(--delay, 0s)}.block use{stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0px 1px 4px rgba(0,0,0,.5))}.block.large{width:272px;height:78px}.block.medium{width:192px;height:78px}.block.small{width:112px;height:78px}.delay-1{animation-delay:-2s}.delay-2{animation-delay:0s}.delay-3{animation-delay:-4s}@keyframes block-drift{0%,to{transform:translateY(0) rotate(var(--rot, 2deg))}50%{transform:translateY(-10px) rotate(var(--rot, -2deg))}}.bf-math use{fill:#59c059;stroke:#3f8f3f}.bf-control use{fill:#ff9b09;stroke:#c97600}.bf-function use{fill:#ff767a;stroke:#d4474b}.bf-serial use{fill:#4c97ff;stroke:#2f6fd0}.bf-input use{fill:#cf63cf;stroke:#a23ea2}.bf-variable use{fill:#ff7c2a;stroke:#cc5e10}.bf-output use{fill:#96f;stroke:#7338e0}.bf-list use{fill:#767fff;stroke:#4d56d6}.bf-general use{fill:#ffbf00;stroke:#bf8f00}.block-static{position:relative;width:192px;height:78px;align-self:center;--scale: 1.2;scale:var(--scale)}.block-static svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.block-static svg use{stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0px 1px 4px rgba(0,0,0,.5))}.block-static .block-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:left;font-family:var(--font-family-main);font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none;padding-bottom:4px;padding-left:20px;scale:var(--scale)}.close{padding-top:0;padding-bottom:0}.menu-header{background:none;width:100dvw;display:flex;padding:0;height:auto;gap:0px;position:absolute}.menu-header .button{color:var(--dark-main);font-size:var(--project-header-font-size);border-radius:5px;padding:5px;transition:.1s;text-align:center}.menu-header .button:hover{margin-top:-6px;padding-bottom:10px}.menu-header .left,.menu-header .center,.menu-header .right{display:flex;flex:1;padding:12px}.menu-header .center{justify-content:center}.menu-header .right{justify-content:end}#global_header{display:flex;flex-direction:row;box-shadow:none}.menu-logo{height:3.4rem;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu-logo.big{height:4rem}.menu-logo img{height:inherit}.slot.center{align-items:center;justify-content:center}.footer{padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--darkgray-color)}.footer-links{display:flex;gap:24px;font-size:.85rem}.footer-links a{opacity:.8;transition:opacity .2s}.footer-links a:hover{opacity:1}.footer-legal{font-size:.75rem;opacity:.5}.block-background{z-index:-200;filter:blur(max(6px,min(60px,calc((80rem - 100vw)*.1)))) opacity(80%);top:2rem}.content{font-family:var(--font-family-main);display:flex;flex:1}.content.content-margin{margin-top:5rem}.landing-page{display:flex;flex-direction:column;gap:5rem;flex:1}.actions{padding-bottom:24px}.entry{--bg-color: var(--main-color);--transparency: 40%;align-self:center;display:flex;background-color:color-mix(in srgb,var(--bg-color) var(--transparency),transparent);padding:24px 48px;border-radius:16px;width:30rem;flex-direction:column;align-items:center;box-shadow:0 0 5px #00000080;transition:.3s;height:auto}.big{scale:1.5}.entry.button:hover{filter:unset;scale:1.05}.entry.wide{width:60vw}.green{--bg-color: var(--colors-math);--bg-color2: var(--colors-math-stroke)}.gold{--bg-color: var(--colors-control);--bg-color2: var(--colors-control-stroke)}.red{--bg-color: var(--colors-function);--bg-color2: var(--colors-function-stroke)}.blue{--bg-color: var(--colors-serial);--bg-color2: var(--colors-serial-stroke)}.magenta{--bg-color: var(--colors-input);--bg-color2: var(--colors-input-stroke)}.orange{--bg-color: var(--colors-variable);--bg-color2: var(--colors-variable-stroke)}.purple{--bg-color: var(--colors-output);--bg-color2: var(--colors-output-stroke)}.cyan{--bg-color: var(--colors-list);--bg-color2: var(--colors-list-stroke)}.yellow{--bg-color: var(--colors-general);--bg-color2: var(--colors-general-stroke)}.nobg{--bg-color: none;--bg-color2: none;box-shadow:none}.textb{color:var(--dark-main)}.entry p,.entry h1,.entry h3{padding-left:20px;padding-right:20px}.block-message{align-items:center;display:flex;flex-direction:column}#landing_message_blocks,.scroll_down{cursor:pointer}@media(max-width:600px){.entry{border-radius:0;width:100vw;padding-left:20px;padding-right:20px}.entry.wide{width:100vw;padding-left:20px;padding-right:20px}}@media(max-width:1000px){.entry{--opacity: max(20%, calc((100vw - 900px)/100px*60%) );background-color:color-mix(in srgb,var(--bg-color) var(--opacity),var(--semi-white-a))}.entry p,.entry h1,.entry h3{padding-left:40px;padding-right:40px}}