html,body,#root{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-chars:6 3 3;display:block;margin:0;padding:0;height:100%;width:100%;background-image:radial-gradient(ellipse at 0 0,#5b007b -10%,#000000);background-attachment:fixed}h1,h2{font-family:Inter,sans-serif;font-weight:600;color:#fff}.textArea{position:absolute}.section{box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;padding-right:144px}@media (aspect-ratio > 1){.textArea{width:50%;left:50%}.section{min-height:100vh;width:100%}.InterfaceButtons{position:fixed;right:48px;bottom:48px;display:flex;flex-direction:column;align-items:end}h1,h2{font-size:3rem;line-height:3.5rem}.section{font-size:1rem;line-height:1.6rem}}@media (aspect-ratio <= 1){.textArea{height:40vh;width:100%;bottom:0;left:0;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.textArea::-webkit-scrollbar{display:none}.section{min-height:40vh;width:100vw;padding-left:5%;padding-right:5%}.InterfaceButtons{position:fixed;right:48px;bottom:40vh!important;display:flex;flex-direction:column;align-items:end}h1,h2{font-size:2rem;line-height:2.5rem}.section{font-size:.8rem;line-height:1.2rem}}@media (max-width: 1000px){.InterfaceButtons{position:fixed;right:24px;bottom:calc(44.2vh + 24px);display:flex;flex-direction:row;align-items:end}}.section>h1,.section>h2{margin-bottom:1.8rem}.section{font-family:IBM Plex Mono;font-weight:400;color:#fff;letter-spacing:.05em;padding-top:96px;padding-bottom:96px}.section>p,.section-Windows>p,.section-macOS>p,.section-Linux>p{margin-top:0;margin-bottom:1.6rem}.commandline{box-sizing:border-box;font-family:IBM Plex Mono;font-weight:400;color:#f05d5e;font-size:1rem;line-height:1.5rem;letter-spacing:.05rem;margin-bottom:1.6rem;padding:1rem 1rem 1rem 1.5rem;background:#ffffff20;border-radius:1.75rem;width:95%;min-height:3.5rem}.interactive:hover{cursor:pointer}.interactive{border-color:#fbff12}.commandline>p{margin:0}.label{box-sizing:border-box;max-width:400px;padding:1.5rem;position:fixed;background:#ffffff20;border-radius:24px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .3s}.label.visible{opacity:1}.label-content{line-height:1.6em;font-family:IBM Plex Mono;font-weight:500;letter-spacing:.05rem}.label-content>h3{margin:0 0 1rem;color:#de38c8;font-size:1rem;letter-spacing:.05rem}.label-content>p{color:#fff;font-size:1rem;font-weight:400;margin:0}.status{color:#fcf300!important}.mark{font-weight:400;color:#fff}.mark:hover{color:#de38c8}.important{width:90%;margin:0 auto 1.6rem;display:flex;align-items:center;justify-content:center}.importantText{color:#ff073a;font-family:IBM Plex Mono;font-weight:500;font-size:1rem;line-height:1.6rem;letter-spacing:.05rem}.importantIcon{margin-right:30px}.section-Windows,.section-Linux{display:none}.task{display:flex;background-color:#fff;height:64px;width:64px;max-width:80%;border-radius:32px;transition:width .3s}.task:hover{width:60%}.taskText{height:0;width:0;display:flex;align-items:center;color:#22002d;font-size:1rem;font-weight:500;opacity:0;height:64px;margin-left:8px;margin-right:1rem}.task:hover .taskText{height:auto;width:auto;transition:opacity .5s;transition-delay:.3s;opacity:1}.button{margin-top:24px;margin-left:16px}.button:hover{cursor:pointer;color:#22002d}.help-container{display:flex;align-items:end}.helpInfo{box-sizing:border-box;padding:16px;background-color:#ffffff20;border-radius:32px;font-family:IBM Plex Mono;font-weight:500;font-size:.9rem;line-height:1.5rem;letter-spacing:.05em;color:#fbff12}.redirectButton{border-radius:32px;background-color:#fff;color:#22002d;height:64px;line-height:64px;font-family:Inter,sans-serif;font-weight:700;font-size:32px;padding:0 16px;margin-top:0;margin-bottom:1rem}a{color:inherit;text-decoration:none}a:hover{color:#de38c8}pre{margin:0}.Impressum{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.Datenschutz{padding:128px}.Impressum-Content,.Datenschutz-Content{display:block}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;background-image:radial-gradient(ellipse at 0 0,#5b007b -10%,#000000);background-attachment:fixed;min-width:320px;min-height:100vh}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Medium.ttf) format("truetype");font-display:auto;font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-SemiBold.ttf) format("truetype");font-display:auto;font-weight:600;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Bold.ttf) format("truetype");font-display:auto;font-weight:700;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibmplexmono/IBMPlexMono-Regular.ttf) format("truetype"),url(/fonts/ibmplexmono/IBMPlexMono-Regular.woff) format("woff"),url(/fonts/ibmplexmono/IBMPlexMono-Regular.woff2) format("woff2");font-display:auto;font-weight:400;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibmplexmono/IBMPlexMono-Medium.ttf) format("truetype"),url(/fonts/ibmplexmono/IBMPlexMono-Medium.woff) format("woff"),url(/fonts/ibmplexmono/IBMPlexMono-Medium.woff2) format("woff2");font-display:auto;font-weight:500;font-style:normal}.menuUI{display:none}.menuElement{margin:48px}.menuButton:hover,.closeButton:hover{cursor:pointer}.partingLine{height:4px;background-color:#22002d;border-radius:2px}nav ul{list-style:none;margin:0;padding:0}nav ul li{margin-top:1.5rem}.navMenu ul li a{display:flex;font-family:Inter,sans-serif;font-weight:700;color:#22002d;font-size:2.5rem;line-height:3rem}.subMenu ul li a{display:flex;font-family:Inter,sans-serif;font-weight:700;color:#22002d;font-size:1.5rem;line-height:2rem}nav ul li a:hover{opacity:.5;color:#22002d;cursor:pointer}.pageNum{font-size:1.5rem;line-height:2.5rem;width:4rem}.menuButton{position:fixed;top:24px;right:48px}.menuWindow{position:fixed;box-sizing:border-box;top:24px;right:48px;width:0px;height:0px;background-color:#fff;border-radius:24px;transition:all .5s;padding-top:48px}.activeMenu{width:500px;height:calc(100vh - 48px)}@media (max-width: 768px){.menuWindow{top:0;right:0;border-radius:0}.activeMenu{width:100vw;height:100vh}}.closeButton{position:absolute;top:24px;right:24px}.Logo{display:flex;align-items:left;position:fixed;left:48px;top:24px}.LogoWording{line-height:48px;margin-left:16px;font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:#fff}.LogoWording>a:hover{color:#fff}@media (max-width: 1000px){.Logo{left:24px}.menuButton{right:24px}}.canvas{position:fixed;top:0;left:0;outline:none}@media (aspect-ratio > 1){.canvas{width:50vw;height:100vh}.canvasSandbox{width:55vw;height:100vh}}@media (aspect-ratio <= 1){.canvas{width:100vw;height:60vh}.canvasSandbox{width:100vw;height:65vh}}.canvasLogo{height:48px;width:48px;outline:none}.canvasScreenshot{background-image:radial-gradient(ellipse at 0 0,#5b007b -10%,#000000);display:flex;align-items:center;justify-content:center;width:10092px;height:14268px;outline:none}.modelScreenshot{width:50%;height:50%}.canvasSandbox{position:fixed;top:0;right:0;outline:none}.LogoDiv{width:50%;height:100%;display:flex;align-items:center;justify-content:center;right:0}