@import"https://fonts.googleapis.com/css2?family=Advent+Pro:wght@100;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}ul{text-decoration:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a{color:inherit;text-decoration:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:inline-block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-primary-500: 255, 214, 0;--color-neutral-100: 255, 255, 255;--color-neutral-130: rgba(255, 255, 255, .6);--color-neutral-150: rgba(255, 255, 255, .9);--color-neutral-200: 253, 251, 242;--color-neutral-300: 249, 245, 224;--color-neutral-400: 245, 242, 222;--color-neutral-500: 158, 157, 150;--color-neutral-600: 107, 107, 101;--color-neutral-700: 75, 75, 75;--color-neutral-800: 58, 57, 48;--color-neutral-900: 53, 53, 53;--padding-horizontal: clamp(2rem, 5vw, 5rem);--min-width-editor-item: clamp(4rem, 16vw, 14rem);--min-height-editor-item: clamp(5rem, 14vw, 15rem);--min-height-editor-argument: clamp(2rem, 6vh, 6rem);--min-height-editor-childzone: clamp(2rem, 6vh, 6rem);--min-width-block-item: clamp(2rem, 16vw, 6rem);--switch-case-upper-row-height: clamp(2.5rem, 10vw, 12rem);--size-100: .5rem;--size-200: 1rem;--size-300: 1.5rem;--size-400: 2rem;--size-500: 2.5rem;--size-600: 3rem;--size-700: 3.5rem;--size-800: 4rem;--size-900: 4.5rem;--ff-primary: "Fira Mono", monospace;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fs-200: .5rem;--fs-250: .6rem;--fs-300: .75rem;--fs-350: .85rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 1.75rem;--fs-800: 2rem;--fs-900: 2.25rem;--text-shadow-100: 0px 3px 3px rgba(0, 0, 0, .25);--fs-logo: var(--fs-500);--fs-header-nav-item-active: var(--fs-500);--fs-header-nav-item-inactive: var(--fs-400);--fs-editor-tool-item: var(--fs-350);--fs-footer-nav: var(--fs-300);--fs-editor-canvas-heading: var(--fs-400);--fs-editor-canvas-item: var(--fs-300);--box-shadow-100: 0px 3px 3px 1px rgba(0, 0, 0, .25);--box-shadow-200: 0px 5px 6px 2px rgba(0, 0, 0, .25);--box-shadow-400: 0px 5px 7px 2px rgba(0, 0, 0, .25);--box-shadow-600: 0px 5px 8px 3px rgba(0, 0, 0, .25);--box-shadow-800: 0px 5px 10px 4px rgba(0, 0, 0, .25);--color-primary: rgb(var(--color-primary-500));--app-background-color-light: rgb(var(--color-neutral-400));--app-background-color-dark: rgb(var(--color-neutral-900));--editor-canvas-background-light: rgb(var(--color-neutral-200));--editor-canvas-background-dark: rgb(var(--color-neutral-700));--editor-tool-background-light: rgb(var(--color-neutral-300));--editor-tool-background-dark: rgb(var(--color-neutral-600));--color-text-active-light: rgb(var(--color-neutral-900));--color-text-active-dark: rgba(var(--color-neutral-100), .9);--color-text-inactive-light: rgb(var(--color-neutral-600));--color-text-inactive-dark: rgba(var(--color-neutral-100), .6);--app-background-color: var(--app-background-color-light);--editor-canvas-background: var(--editor-canvas-background-light);--editor-tool-background: var(--editor-tool-background-light);--color-text-active: var(--color-text-active-light);--color-text-inactive: var(--color-text-inactive-light)}html.dark{--app-background-color: var(--app-background-color-dark);--editor-canvas-background: var(--editor-canvas-background-dark);--editor-tool-background: var(--editor-tool-background-dark);--color-text-active: var(--color-text-active-dark);--color-text-inactive: var(--color-text-inactive-dark)}body{font-family:var(--ff-primary);font-size:var(--fs-200);font-weight:var(--fw-regular);background-color:var(--app-background-color);color:var(--color-text-active)}img[data-key=icon]{height:var(--size-800);width:var(--size-800)}.expand-enter-active,.expand-leave-active{transition:transform .1s ease;transform-origin:left}.expand-enter-from,.expand-leave-to{transform:scaleX(0);transform-origin:left}.toggle-enter-active,.toggle-leave-active{transition:transform .15s ease!important}.toggle-enter-from,.toggle-leave-to{transform:scale(.3)}.bubble-enter-active{animation:bounce-in .2s}.bubble-leave-active{animation:bounce-out .2s}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes bounce-out{to{transform:scale(0)}0%{transform:scale(1)}}.content-container[data-v-c28acb7c]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.empty-text[data-v-c28acb7c]{font-size:var(--fs-editor-canvas-heading)}.empty-image[data-v-c28acb7c]{height:clamp(2rem,40vh,20rem)}.container[data-v-9a61ee39]{display:flex;min-height:var(--259ed97a);min-width:100%}.container__colored[data-v-9a61ee39]{background-color:rgba(var(--color-primary-500),.1)}.container__colored-dark[data-v-9a61ee39]{background-color:rgba(var(--color-primary-500),.2)}.sidebar-item-container[data-v-5d7fa47f]{width:fit-content;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.item[data-v-5d7fa47f]{z-index:var(--a75ee964);width:7rem;height:4rem;border-radius:.7rem;cursor:pointer;box-shadow:var(--box-shadow-400);transition-property:left,top,width,height;transition-timing-function:ease-out;transition-duration:.2s;display:flex;justify-content:center;align-items:center;background-color:var(--editor-tool-background)}.item[data-v-5d7fa47f]:hover{border:3px solid rgb(var(--color-primary-500));box-shadow:var(--box-shadow-600);width:8.75rem;height:5rem}.item-title[data-v-5d7fa47f]{align-self:center;font-size:var(--fs-editor-tool-item)}.item-icon[data-v-5d7fa47f]{max-width:80%;max-height:80%}.hidden[data-v-5d7fa47f]{display:none}.icon[data-v-42cfd2e5]{cursor:pointer;fill:var(--ab4b2324)}.scale[data-v-42cfd2e5]{transition:transform ease .01s}.scale[data-v-42cfd2e5]:hover{transform:scale(1.1)}.scale[data-v-42cfd2e5]:active{transform:scale(1.01)}.input-container[data-v-989f15c1]{display:flex;justify-content:space-between;align-items:center}.text-container[data-v-989f15c1]{text-align:var(--02dcec64);overflow-wrap:break-word;max-width:var(--3f9a0294)}.container[data-v-989f15c1]{position:relative;z-index:2000;font-size:var(--fs-400)}.text-input[data-v-989f15c1]{border:2px solid var(--color-primary);outline:0;border-radius:.3rem;transition:transform .2s ease;box-shadow:var(--box-shadow-100);width:var(--3f9a0294)}.text-input[data-v-989f15c1]:focus{border:2px solid var(--color-primary);outline:0!important}.button[data-v-b55281cb]{border:0}.button[data-v-b55281cb]{min-height:25px;border-radius:8px;padding:.15rem .5rem;font-size:var(--fs-350);box-shadow:var(--box-shadow-200);cursor:pointer;transition:transform ease .01s;transition:box-shadow ease .01s}.button[data-v-b55281cb]:hover{transform:scale(1.03);box-shadow:var(--box-shadow-600)}.button[data-v-b55281cb]:active{transform:scale(1.01)}html:not(.dark) .button[data-v-b55281cb]{background-color:var(--app-background-color-dark);color:var(--color-text-active-dark)}html.dark .button[data-v-b55281cb]{background-color:var(--app-background-color-light);color:var(--color-text-active-light)}.container[data-v-b55281cb]{display:flex;gap:.4rem;align-items:center}.container[data-v-e8d0efb8]{width:100%;position:relative;z-index:var(--9d562338)}.item[data-v-e8d0efb8]{cursor:pointer;background-color:var(--editor-canvas-background);transition:transform .1s ease}.item--hover[data-v-e8d0efb8]{transform:scale(1.1);box-shadow:var(--box-shadow-200)}.actions-wrapper[data-v-e8d0efb8]{position:absolute;left:100%;top:0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;height:100%}.item-container[data-v-7875acc3]{flex-grow:1;display:flex;flex-direction:column;align-items:center;min-width:var(--min-width-editor-item);height:fit-content;width:fit-content}.while-item-content[data-v-7875acc3]{min-width:100%;padding-left:1.5rem;border:2px solid var(--color-text-active)}.item-childzone[data-v-7875acc3]{display:flex;justify-content:stretch;align-items:center;align-self:flex-end;width:fit-content;min-width:100%}.item-childzone.while-childzone[data-v-7875acc3]{border:2px solid var(--color-text-active)}.item-argument[data-v-7875acc3]{min-height:var(--min-height-editor-argument);height:fit-content}.svg-container{position:absolute;top:0;bottom:100%;left:var(--1fd35417);right:var(--4a24dfe8)}.canvas-item-container[data-v-afef8b51]{flex-grow:1;position:relative;display:flex;flex-direction:column;min-width:var(--min-height-editor-item);height:fit-content;width:fit-content;background-color:var(--editor-canvas-background)}.argument-container[data-v-afef8b51]{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;min-height:var(--min-height-editor-argument);height:fit-content;border:2px solid var(--color-text-active)}.argument[data-v-afef8b51]{padding-bottom:100%;display:flex;align-content:center;justify-content:center;height:fit-content;font-size:var(--fs-editor-canvas-item)}.argument-if-display[data-v-afef8b51]{position:relative;grid-column:1/1;display:flex;align-items:flex-end;justify-content:center;font-size:var(--fs-editor-canvas-item)}.argument-else-display[data-v-afef8b51]{position:relative;grid-column:3/3;display:flex;align-items:flex-end;justify-content:center;font-size:var(--fs-editor-canvas-item)}.childzone-container[data-v-afef8b51]{display:grid;grid-template-columns:1.5fr 2px 1.5fr;height:fit-content;justify-content:center;min-width:max-content;min-height:var(--min-height-editor-childzone);border-bottom:2px solid var(--color-text-active)}.childzone-if[data-v-afef8b51]{grid-column:1 / 1;border-left:2px solid var(--color-text-active)}.childzone-dragover[data-v-afef8b51]{background-color:rgba(var(--color-primary-500),.3)}.childzone-else[data-v-afef8b51]{grid-row:1 / 1;grid-column:3 / 3;border-right:2px solid var(--color-text-active)}.childzone-after[data-v-afef8b51]{grid-column:1/2;grid-row:2/2}.childzone-middle-border[data-v-afef8b51]{grid-column:2/2;background-color:var(--color-text-active)}.if-else-item[data-v-afef8b51]{transition:transform .1s ease}.item--hover[data-v-afef8b51]{transform:scale(1.1);box-shadow:var(--box-shadow-200)}.method-item-container[data-v-24c506dd]{flex-grow:1;display:flex;flex-direction:column;min-width:initial;height:fit-content;width:fit-content}.item-statement[data-v-24c506dd]{position:relative;display:flex;justify-content:space-around;align-items:center;padding-left:15%;padding-right:15%;min-width:var(--min-width-editor-item);min-height:var(--min-height-editor-argument);border:2px solid var(--color-text-active)}.item-statement[data-v-24c506dd]:before{content:"";position:absolute;left:10%;border-left:2px solid var(--color-text-active);height:100%}.item-statement[data-v-24c506dd]:after{content:"";position:absolute;left:90%;border-left:2px solid var(--color-text-active);height:100%}.statement-item-container[data-v-057ef232]{display:flex;flex-direction:column;flex-grow:1;min-width:initial;height:fit-content;width:fit-content}.item-statement[data-v-057ef232]{display:flex;justify-content:space-around;align-items:center;min-width:max(var(--min-width-editor-item));min-height:var(--min-height-editor-argument);border:2px solid var(--color-text-active)}.content-wrapper[data-v-d31bfab4]{flex-grow:1;width:max-content;height:fit-content;display:flex;flex-direction:column}.item-childzone[data-v-d31bfab4]{min-width:var(--min-width-editor-childzone)}.case-childzone[data-v-d31bfab4]{border-right:2px solid var(--color-text-active);border-bottom:2px solid var(--color-text-active)}.else-childzone[data-v-d31bfab4]{grid-row:4;border-right:2px solid var(--color-text-active);border-bottom:2px solid var(--color-text-active)}.first-column-element[data-v-d31bfab4]{border-left:2px solid var(--color-text-active)}.case-triangle[data-v-d31bfab4]{grid-row:2;position:relative;display:flex;align-items:flex-end;border-top:2px solid var(--color-text-active)}.case-triangle[data-v-d31bfab4]:before{content:"";position:absolute;left:-2px;bottom:0;width:2px;height:var(--divider-height);background-color:var(--color-text-active)}.else-triangle[data-v-d31bfab4]{grid-row:2;margin-left:-2px;position:relative;grid-column-end:-1;display:flex;justify-content:center;align-items:flex-end;border-right:2px solid var(--color-text-active);border-top:2px solid var(--color-text-active)}.case-statement[data-v-d31bfab4]{display:flex;justify-content:center;align-items:flex-start;grid-row:3;border-bottom:2px solid var(--color-text-active);border-right:2px solid var(--color-text-active)}.else-statement[data-v-d31bfab4]{position:relative;display:flex;justify-content:center;align-items:flex-start;grid-row:3;grid-column-end:-1;border-bottom:2px solid var(--color-text-active);border-right:2px solid var(--color-text-active)}.before-child[data-v-d31bfab4]{grid-row:1;grid-column-start:1;grid-column-end:-1}.case-argument[data-v-d31bfab4]{margin-left:var(--margin-left);grid-row:2;grid-column-end:-1}.item-container[data-v-7c73395f]{flex-grow:1;display:flex;flex-direction:column;align-items:center;height:fit-content;width:fit-content;min-width:var(--min-width-editor-item)}.while-item-content[data-v-7c73395f]{min-width:100%;padding-left:1.5rem;border:2px solid var(--color-text-active)}.item-childzone[data-v-7c73395f]{display:flex;justify-content:space-around;align-items:center;align-self:flex-end}.item-childzone.while-childzone[data-v-7c73395f]{border:2px solid var(--color-text-active)}.item-argument[data-v-7c73395f]{min-height:var(--min-height-editor-argument);height:fit-content}.canvas[data-v-0d1b276a]{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100%;border-radius:25px;box-shadow:var(--box-shadow-200);background-color:var(--editor-canvas-background)}.canvas-sidebar[data-v-0d1b276a]{display:flex;flex-direction:column;justify-content:space-around;margin-left:calc(var(--padding-horizontal) / (-4));position:absolute;top:0;bottom:0}.canvas-zoom-bar[data-v-0d1b276a]{display:flex;flex-direction:column;align-items:center;position:absolute;top:.5rem;right:1rem;z-index:50000}.childzone[data-v-0d1b276a]{padding:1rem;width:fit-content;flex-basis:auto;display:flex;flex-direction:column;align-items:center;overflow:scroll}.childzone-shown[data-v-0d1b276a]{background-color:rgba(var(--color-primary-500),.1)}.childzone-dragover[data-v-0d1b276a]{background-color:rgba(var(--color-primary-500),.3)}#root-element[data-v-0d1b276a]{transform-origin:top center;transform:var(--1281f855)}.full-height[data-v-0d1b276a]{min-height:100%}.bubble-enter-active[data-v-0d1b276a]{animation:var(--73ed37c5)}.bubble-leave-active[data-v-0d1b276a]{animation:var(--09b9d8ae)}@keyframes bounce-in-0d1b276a{0%{transform:scale(0)}50%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes bounce-out-0d1b276a{to{transform:scale(0)}0%{transform:scale(1)}}.feedback-button[data-v-f7f89c63]{width:4rem;height:4rem;border-radius:50%}.wrapper[data-v-f7f89c63]{display:flex;align-items:center;justify-content:center;width:3rem;height:100%}.feedback-container[data-v-f7f89c63]{position:relative}.feedback-card[data-v-f7f89c63]{border-radius:.5rem;background-color:var(--editor-tool-background);box-shadow:var(--box-shadow-600);padding:1rem;width:15rem;z-index:100;display:flex;flex-direction:column;gap:1rem}.feedback-field[data-v-f7f89c63]{display:flex;flex-direction:column;gap:1rem;position:absolute;bottom:0;right:0;border-radius:.5rem}.buttons[data-v-f7f89c63]{display:flex;justify-content:flex-end}textarea[data-v-f7f89c63]{resize:none;height:6rem}textarea[data-v-f7f89c63],input[data-v-f7f89c63]{border-radius:.5rem;border:1px solid rgb(158,157,150);padding:.2rem .5rem;font-size:var(--fs-footer-nav)}textarea[data-v-f7f89c63]::placeholder,input[data-v-f7f89c63]::placeholder{color:var(--color-text-inactive-light)}textarea[data-v-f7f89c63]:focus,input[data-v-f7f89c63]:focus{outline:none;border:1px solid var(--color-primary)}h1[data-v-f7f89c63]{font-size:var(--fs-editor-canvas-heading)}.icon[data-v-f7f89c63]{color:var(--color-text-active);fill:var(--color-text-active)}.form-item[data-v-f7f89c63]{display:flex;flex-direction:column}label[data-v-f7f89c63]{color:var(--color-text-inactive)}.info[data-v-f7f89c63]{font-size:.6rem;color:var(--color-text-inactive);line-height:.7rem}.header[data-v-f7f89c63]{display:flex;justify-content:space-between;gap:1rem}.close-icon[data-v-f7f89c63]{cursor:pointer}.news[data-v-f7f89c63]{font-size:var(--fs-250)}.footer-container[data-v-2f85f48a]{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:flex-end;gap:2rem}.footer-item[data-v-2f85f48a]{font-size:var(--fs-footer-nav);cursor:pointer;display:flex;align-items:center;gap:1.5ch;justify-self:center}.footer-link-image[data-v-2f85f48a]{height:1.5rem;width:1.5rem}.feedback[data-v-2f85f48a]{justify-self:flex-end}.actions-container[data-v-9eba6539]{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}.nav-container[data-v-854240c4]{width:100%;justify-content:center;display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}.nav-item-active[data-v-854240c4]{font-weight:var(--fw-medium);font-size:var(--fs-header-nav-item-active);color:var(--color-text-active);display:block}.nav-item-inactive[data-v-854240c4]{font-weight:var(--fw-regular);font-size:var(--fs-header-nav-item-inactive);color:var(--color-text-inactive)}.active-item-underline[data-v-854240c4]{width:100%;height:.2rem;border-radius:.5rem;background-color:rgb(var(--color-primary-500))}h1[data-v-4b335efd]{font-family:Advent Pro,sans-serif;font-size:var(--fs-600);font-weight:400;text-shadow:var(--text-shadow-100);color:var(--color-text-active);cursor:pointer}.logo[data-v-4b335efd]{display:flex;flex-direction:row;align-items:center}.icon[data-v-4b335efd]{height:4rem;width:4rem;cursor:pointer}.container[data-v-327d297d]{display:flex;justify-content:space-between;align-items:center}.app-logo[data-v-327d297d]{font-size:var(--fs-logo)}.header-item[data-v-327d297d]{flex:1}.header-container[data-v-b0e8f866]{--margin-top: 1rem;--height: fit-content;position:fixed;top:var(--margin-top);left:var(--padding-horizontal);right:var(--padding-horizontal);max-height:var(--height)}.footer-container[data-v-b0e8f866]{--height: fit-content;--margin-bottom: 1.5rem;position:fixed;left:var(--padding-horizontal);right:var(--padding-horizontal);bottom:var(--margin-bottom)}.main-container[data-v-b0e8f866]{--margin-vertical: clamp(4rem, 15vh, 5rem);position:fixed;left:var(--padding-horizontal);right:var(--padding-horizontal);top:var(--margin-vertical);bottom:var(--margin-vertical)}