: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home{background-size:100% 100%;background-position:0px 0px;background-image:linear-gradient(140deg,#140b29,#3c2bae);padding-bottom:50px}.home h1{margin:0;padding:35px 0;font-size:32px;color:#fff}.home h3{font-size:24px;display:inline-block;color:#fff;border-bottom:1px solid #6151d2}.home h3 span{color:#6151d2}.home nav{display:flex;flex-direction:column;font-size:18px;justify-content:center;align-items:center}.home nav .lesson-button{padding:7px 35px;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:300px;font-weight:500;color:#fff}.home nav .lesson-button span{color:#705df2}.home nav .inactive{background-color:#7d7d7d1a}.home nav .inactive:hover{cursor:not-allowed}.home nav .active{background-color:#0000004d}.home nav .active:hover{background-color:#00000080}.home nav .lesson-button+.lesson-button{margin-top:15px}.menu{position:absolute;transform:translate(-100%);transition:all .5s;height:100%;z-index:20000;left:0;right:auto;top:0}.menu.open{transform:translate(0)}.menu .list{width:200px;background-color:#1e1e1e;overflow-y:scroll;overflow-x:hidden;height:100%}.menu .list .lesson-button{display:flex;flex-direction:column;padding:10px 10px 15px}.menu .list .lesson-button+.lesson-button{border-top:1px solid #333}.menu .menu-button{position:absolute;width:50px;height:40px;left:200px;top:70px;padding:0;border-radius:0 5px 5px 0;background-color:#757575;z-index:20001;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;font-size:20px}.lesson{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.lesson .split{position:relative;width:100%;height:100%;overflow:hidden}.lesson .split #canvas-container{position:relative}.lesson .split #canvas-container .webgl{position:fixed;top:0;left:0;outline:none}.lesson .split .lesson-19{overflow:auto;background-color:#1e1a20}.lesson .split .lesson-19 .section{display:flex;align-items:center;height:100%;position:relative;font-family:Cabin,sans-serif;color:#ffeded;text-transform:uppercase;padding-left:10%;padding-right:10%}.lesson .split .lesson-19 .section>*{font-size:7vmin}.lesson .split .lesson-19 section:nth-child(odd){justify-content:flex-end}.lesson .split .lesson-47 .loading-bar,.lesson .split .lesson-48 .loading-bar{position:absolute;top:50%;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}.lesson .split .lesson-47 .loading-bar.ended,.lesson .split .lesson-48 .loading-bar.ended{transform-origin:top right;transition:transform 1.5s ease-in-out}.lesson .split .lesson-47 .point,.lesson .split .lesson-48 .point{position:absolute;top:50%;left:50%}.lesson .split .lesson-47 .point .label,.lesson .split .lesson-48 .point .label{position:absolute;top:-20px;left:-20px;width:40px;height:40px;border-radius:50%;background:#0007;border:1px solid rgba(255,255,255,.4666666667);color:#fff;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:40px;font-weight:100;font-size:14px;cursor:help;transform:scale(0);transition:transform .3s}.lesson .split .lesson-47 .point .text,.lesson .split .lesson-48 .point .text{position:absolute;top:30px;left:-120px;width:200px;padding:20px;border-radius:4px;background:#0007;border:1px solid rgba(255,255,255,.4666666667);color:#fff;line-height:1.3em;font-family:Helvetica,Arial,sans-serif;font-weight:100;font-size:14px;opacity:0;transition:opacity .3s;pointer-events:none}.lesson .split .lesson-47 .point:hover .text,.lesson .split .lesson-48 .point:hover .text{opacity:1}.lesson .split .lesson-47 .point.visible .label,.lesson .split .lesson-48 .point.visible .label{transform:scale(1)}.lesson .split .gutter-vertical:hover{cursor:row-resize}.lesson .split #script-container{overflow:auto}.lesson .split #script-container .lesson-num{position:absolute;right:20px;bottom:0;background-color:#0003;padding:5px 10px;border-top-left-radius:7px;border-top-right-radius:7px}.lesson .split .gutter{background-color:#505050}.lesson .split pre{margin:0!important}:root{color-scheme:dark}*{scrollbar-color:#404040 #000000!important;scrollbar-width:thin!important}#root{text-align:center;width:100%;height:100vh}.app{width:100%;height:100%}