@learnpack/learnpack 5.0.124 → 5.0.128

package/README.md

@@ -21,7 +21,7 @@ $ npm install -g @learnpack/learnpack
 $ learnpack COMMAND
 running command...
 $ learnpack (-v|--version|version)
-@learnpack/learnpack/5.0.124 win32-x64 node-v22.15.0
+@learnpack/learnpack/5.0.128 win32-x64 node-v22.15.0
 $ learnpack --help [COMMAND]
 USAGE
   $ learnpack COMMAND
@@ -80,7 +80,7 @@ DESCRIPTION
        12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)
 ```
 
-_See code: [src\commands\audit.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\audit.ts)_
+_See code: [src\commands\audit.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\audit.ts)_
 
 ## `learnpack breakToken`
 
@@ -95,7 +95,7 @@ OPTIONS
   -y, --yes      Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\breakToken.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\breakToken.ts)_
+_See code: [src\commands\breakToken.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\breakToken.ts)_
 
 ## `learnpack clean`
 
@@ -110,7 +110,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\clean.ts)_
+_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\clean.ts)_
 
 ## `learnpack download [PACKAGE]`
 
@@ -128,7 +128,7 @@ DESCRIPTION
   Extra documentation goes here
 ```
 
-_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\download.ts)_
+_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\download.ts)_
 
 ## `learnpack help [COMMAND]`
 
@@ -160,7 +160,7 @@ OPTIONS
   -y, --yes      Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\init.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\init.ts)_
+_See code: [src\commands\init.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\init.ts)_
 
 ## `learnpack login [PACKAGE]`
 
@@ -178,7 +178,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\login.ts)_
+_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\login.ts)_
 
 ## `learnpack logout [PACKAGE]`
 
@@ -196,7 +196,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\logout.ts)_
+_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\logout.ts)_
 
 ## `learnpack plugins`
 
@@ -328,7 +328,7 @@ OPTIONS
   -s, --strict  strict mode
 ```
 
-_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\publish.ts)_
+_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\publish.ts)_
 
 ## `learnpack serve`
 
@@ -345,7 +345,7 @@ OPTIONS
   -y, --yes        Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\serve.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\serve.ts)_
+_See code: [src\commands\serve.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\serve.ts)_
 
 ## `learnpack start`
 
@@ -367,7 +367,7 @@ OPTIONS
   -y, --yes                           Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\start.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\start.ts)_
+_See code: [src\commands\start.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\start.ts)_
 
 ## `learnpack test [EXERCISESLUG]`
 
@@ -384,7 +384,7 @@ OPTIONS
   -y, --yes  Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\test.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\test.ts)_
+_See code: [src\commands\test.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\test.ts)_
 
 ## `learnpack translate`
 
@@ -398,7 +398,7 @@ OPTIONS
   -y, --yes  Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\translate.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.124/src\commands\translate.ts)_
+_See code: [src\commands\translate.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.128/src\commands\translate.ts)_
 <!-- commandsstop -->
 
 > > > > > > > 0cb3e56d84c197f9d008836bb573eade212b7e57

package/lib/commands/serve.js

@@ -57,10 +57,10 @@ class ServeCommand extends SessionCommand_1.default {
             credentials,
         });
         const bucket = bucketStorage.bucket(process.env.GCP_BUCKET_NAME || "learnpack-packages");
-        async function listFilesWithPrefix(prefix) {
-            const [files] = await bucket.getFiles({ prefix });
-            return files;
-        }
+        // async function listFilesWithPrefix(prefix: string) {
+        //   const [files] = await bucket.getFiles({ prefix })
+        //   return files
+        // }
         const app = express();
         const PORT = process.env.PORT || 3000;
         const distPath = path.resolve(__dirname, "../creatorDist");
@@ -220,7 +220,7 @@ class ServeCommand extends SessionCommand_1.default {
             const courseSlug = query.slug;
             console.log("COURSE SLUG", courseSlug);
             // Update the file in the bucket
-            const file = await bucket.file("courses/" + courseSlug + "/exercises/" + slug + "/" + fileName);
+            const file = await bucket.file(`courses/${courseSlug}/exercises/${slug}/${fileName}`);
             await file.save(req.body);
             const created = await file.exists();
             console.log("File updated", created);
@@ -481,9 +481,9 @@ class ServeCommand extends SessionCommand_1.default {
             try {
                 const [files] = await bucket.getFiles({ prefix: filePrefix });
                 if (files.length === 0) {
-                    return res
-                        .status(404)
-                        .json({ error: "No package found with the given slug" });
+                    return res.status(200).json({
+                        message: "No package found with the given slug, nothing to delete",
+                    });
                 }
                 await Promise.all(files.map(file => file.delete()));
                 console.log(`✅ Successfully deleted package from GCP: ${slug}`);

package/lib/utils/creatorUtilities.js

@@ -330,13 +330,13 @@ function countSentences(text) {
 function howManyDifficultParagraphs(paragraphs, maxFKGL) {
     return paragraphs.filter(paragraph => paragraph.fkgl > maxFKGL).length;
 }
-const example_content = `Write or paste your table of content below this line, each topic should be defined on a new line, here is an example:
-
-Introduction to AI: Explain what is AI and its applications
-Introduction to Machine Learning: Explain what is machine learning and its applications
-What is an AI Model: Explain what is an AI model and its applications
-How to use an AI Model: Different APIs, local models, etc.
-How to build an AI Model: Fine-tuning, data collection, cleaning and more.
+const example_content = `Write or paste your table of content below this line, each topic should be defined on a new line, here is an example:
+
+Introduction to AI: Explain what is AI and its applications
+Introduction to Machine Learning: Explain what is machine learning and its applications
+What is an AI Model: Explain what is an AI model and its applications
+How to use an AI Model: Different APIs, local models, etc.
+How to build an AI Model: Fine-tuning, data collection, cleaning and more.
 `;
 const appendContentIndex = async () => {
     const choices = await prompts([
@@ -366,13 +366,13 @@ const appendContentIndex = async () => {
     return null;
 };
 exports.appendContentIndex = appendContentIndex;
-const example_airules = `
-Write with an engaging tone, use simple words and avoid complex sentences.
-Write in first person, as if you are talking to the reader.
-Add mental maps to help the reader understand the content.
-Add diagrams to help the reader understand the content.
-No code exercises required
-
+const example_airules = `
+Write with an engaging tone, use simple words and avoid complex sentences.
+Write in first person, as if you are talking to the reader.
+Add mental maps to help the reader understand the content.
+Add diagrams to help the reader understand the content.
+No code exercises required
+
 `;
 const appendAIRules = async () => {
     const choices = await prompts([

package/oclif.manifest.json

@@ -1 +1 @@
-{"version":"5.0.124","commands":{"audit":{"id":"audit","description":"learnpack audit is the command in charge of creating an auditory of the repository\n...\nlearnpack audit checks for the following information in a repository:\n    1. The configuration object has slug, repository and description. (Error)\n    2. The command learnpack clean has been run. (Error)\n    3. If a markdown or test file doesn't have any content. (Error)\n    4. The links are accessing to valid servers. (Error)\n    5. The relative images are working (If they have the shortest path to the image or if the images exists in the assets). (Error)\n    6. The external images are working (If they are pointing to a valid server). (Error)\n    7. The exercises directory names are valid. (Error)\n    8. If an exercise doesn't have a README file. (Error)\n    9. The exercises array (Of the config file) has content. (Error)\n    10. The exercses have the same translations. (Warning)\n    11. The .gitignore file exists. (Warning)\n    12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false}},"args":[]},"breakToken":{"id":"breakToken","description":"Break the token","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"clean":{"id":"clean","description":"Clean the configuration object\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[]},"download":{"id":"download","description":"Describe the command here\n...\nExtra documentation goes here\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"init":{"id":"init","description":"Create a new learning package: Book, Tutorial or Exercise","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"login":{"id":"login","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"logout":{"id":"logout","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"publish":{"id":"publish","description":"Builds the project by copying necessary files and directories into a zip file","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false},"help":{"name":"help","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"serve":{"id":"serve","description":"Runs a small server to build tutorials","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"start":{"id":"start","description":"Runs a small server with all the exercise instructions","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"disableGrading":{"name":"disableGrading","type":"boolean","char":"D","description":"disble grading functionality","allowNo":false},"watch":{"name":"watch","type":"boolean","char":"w","description":"Watch for file changes","allowNo":false},"editor":{"name":"editor","type":"option","char":"e","description":"[preview, extension]","options":["extension","preview"]},"version":{"name":"version","type":"option","char":"v","description":"E.g: 1.0.1"},"grading":{"name":"grading","type":"option","char":"g","description":"[isolated, incremental]","options":["isolated","incremental"]},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"test":{"id":"test","description":"Test exercises","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[{"name":"exerciseSlug","description":"The name of the exercise to test","required":false,"hidden":false}]},"translate":{"id":"translate","description":"List all the lessons, the user is able of select many of them to translate to the given languages","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[]}}}
+{"version":"5.0.128","commands":{"audit":{"id":"audit","description":"learnpack audit is the command in charge of creating an auditory of the repository\n...\nlearnpack audit checks for the following information in a repository:\n    1. The configuration object has slug, repository and description. (Error)\n    2. The command learnpack clean has been run. (Error)\n    3. If a markdown or test file doesn't have any content. (Error)\n    4. The links are accessing to valid servers. (Error)\n    5. The relative images are working (If they have the shortest path to the image or if the images exists in the assets). (Error)\n    6. The external images are working (If they are pointing to a valid server). (Error)\n    7. The exercises directory names are valid. (Error)\n    8. If an exercise doesn't have a README file. (Error)\n    9. The exercises array (Of the config file) has content. (Error)\n    10. The exercses have the same translations. (Warning)\n    11. The .gitignore file exists. (Warning)\n    12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false}},"args":[]},"breakToken":{"id":"breakToken","description":"Break the token","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"clean":{"id":"clean","description":"Clean the configuration object\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[]},"download":{"id":"download","description":"Describe the command here\n...\nExtra documentation goes here\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"init":{"id":"init","description":"Create a new learning package: Book, Tutorial or Exercise","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"login":{"id":"login","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"logout":{"id":"logout","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"publish":{"id":"publish","description":"Builds the project by copying necessary files and directories into a zip file","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false},"help":{"name":"help","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"serve":{"id":"serve","description":"Runs a small server to build tutorials","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"start":{"id":"start","description":"Runs a small server with all the exercise instructions","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"disableGrading":{"name":"disableGrading","type":"boolean","char":"D","description":"disble grading functionality","allowNo":false},"watch":{"name":"watch","type":"boolean","char":"w","description":"Watch for file changes","allowNo":false},"editor":{"name":"editor","type":"option","char":"e","description":"[preview, extension]","options":["extension","preview"]},"version":{"name":"version","type":"option","char":"v","description":"E.g: 1.0.1"},"grading":{"name":"grading","type":"option","char":"g","description":"[isolated, incremental]","options":["isolated","incremental"]},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"test":{"id":"test","description":"Test exercises","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[{"name":"exerciseSlug","description":"The name of the exercise to test","required":false,"hidden":false}]},"translate":{"id":"translate","description":"List all the lessons, the user is able of select many of them to translate to the given languages","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[]}}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@learnpack/learnpack",
   "description": "Seamlessly build, sell and/or take interactive & auto-graded tutorials, start learning now or build a new tutorial to your audience.",
-  "version": "5.0.124",
+  "version": "5.0.128",
   "author": "Alejandro Sanchez @alesanchezr",
   "contributors": [
     {

package/src/commands/serve.ts

@@ -81,10 +81,10 @@ export default class ServeCommand extends SessionCommand {
       process.env.GCP_BUCKET_NAME || "learnpack-packages"
     )
 
-    async function listFilesWithPrefix(prefix: string) {
-      const [files] = await bucket.getFiles({ prefix })
-      return files
-    }
+    // async function listFilesWithPrefix(prefix: string) {
+    //   const [files] = await bucket.getFiles({ prefix })
+    //   return files
+    // }
 
     const app = express()
     const PORT = process.env.PORT || 3000
@@ -295,7 +295,7 @@ export default class ServeCommand extends SessionCommand {
 
         // Update the file in the bucket
         const file = await bucket.file(
-          "courses/" + courseSlug + "/exercises/" + slug + "/" + fileName
+          `courses/${courseSlug}/exercises/${slug}/${fileName}`
         )
         await file.save(req.body)
         const created = await file.exists()
@@ -567,8 +567,7 @@ export default class ServeCommand extends SessionCommand {
       }
     })
 
-    const YT_REGEX =
-      /(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]{11})/
+    const YT_REGEX = /(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]{11})/
 
     app.get("/actions/fetch/:link", async (req, res) => {
       const { link } = req.params
@@ -637,9 +636,9 @@ export default class ServeCommand extends SessionCommand {
         const [files] = await bucket.getFiles({ prefix: filePrefix })
 
         if (files.length === 0) {
-          return res
-            .status(404)
-            .json({ error: "No package found with the given slug" })
+          return res.status(200).json({
+            message: "No package found with the given slug, nothing to delete",
+          })
         }
 
         await Promise.all(files.map(file => file.delete()))

package/src/ui/_app/app.css

@@ -1 +1 @@
-.lesson-container-component{max-width:1145px;margin:0 auto;padding:0 15px;overflow-y:scroll;color:var(--read-font-color);display:flex;flex-direction:column;gap:10px;line-height:1.5rem}.simple-button-svg{max-height:100%!important;display:flex;align-items:center;gap:10px;font-size:var(--font-size-medium);opacity:1;transition:opacity .1s ease-in-out;border:1px solid transparent}.simple-button-svg:hover{opacity:1}.simple-button-svg.big{padding:10px 20px!important}.simple-button-svg.bg-success svg path{stroke:#fff!important}.simple-button-svg.bg-blue svg path{stroke:#fff!important}.simple-button-svg.small{padding:5px 15px}.simple-button-svg.mini{padding:0}.simple-button-svg.mini svg{max-height:20px!important;max-width:20px!important}.simple-button-svg:disabled{opacity:.5;cursor:not-allowed}.simple-button-svg svg{max-height:30px!important;max-width:30px!important}.simple-button-svg img{max-height:18px!important;max-width:18px!important;filter:saturate(90%)}.feedback-container{background-color:#1f1f1fd1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:absolute;z-index:2;width:100%!important;min-height:100%!important}.feedback-component{width:min(99%,600px);background-color:#fff;padding:10px;border-radius:10px;position:absolute;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:10%;display:flex;flex-direction:column;gap:13px;left:50%;transform:translate(-50%)}.feedback-component>.-header{font-weight:700;padding:5px;display:flex;align-items:center;justify-content:space-between}.feedback-component>.-header>button{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.feedback-component>p{font-size:16px}.feedback-component>.-content{padding:10px;background-color:#f9f9f9}.feedback-component>.-footer{padding:10px;display:flex;flex-direction:column;text-align:center}.feedback-component>.-footer>div{display:flex;justify-content:space-around}#socket-disconnected{display:none}.test-button{background-color:red;display:flex;align-items:center;padding:10px;border-radius:10px;color:#ff0;font-weight:700}.button{background-color:var(--color-active);border-radius:7px;color:#fff;padding:10px}.button:hover{color:#fff}.text-center{text-align:center}.centered{margin-inline:auto}.on-hover-active:hover{background-color:var(--color-active);color:#fff}.rounded{border-radius:var(--standard-border-radius)}.rounded-medium{border-radius:10px!important}.rounded-big{border-radius:15px!important}.rigo-thumbnail{position:fixed;bottom:20px;cursor:pointer;right:10px;background-color:var(--color-blue-rigo);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;z-index:2;border:var(--read-font-color) 2px solid}.quiz-button{padding:10px;border-radius:10px;border:1px solid var(--color-active);width:fit-content;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.rigo-toggle{cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--standard-border-radius)}@media only screen and (min-width: 768px){.rigo-toggle{border-radius:0;border-top-left-radius:var(--standard-border-radius);border-top-right-radius:var(--standard-border-radius)}}.quiz-container{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px}.quiz-container .button-wrapper{margin-top:10px;position:sticky;bottom:50px;padding:10px;display:flex;justify-content:right}.quiz-answer{padding:10px;border-radius:50vh;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.quiz-answer-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;min-width:22px;height:22px;min-height:22px;border-radius:50%;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.quiz-answer-checkbox:empty{background-color:transparent;border:1px solid var(--color-active)}.quiz-answer-checkbox.selected:empty{background-color:var(--bg-color);border:1px solid var(--color-active)}.quiz-answer-checkbox.selected:empty:after{content:"";position:absolute;width:11px;height:11px;background-color:var(--color-active);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box}.language-component{width:fit-content!important;border:1px solid var(--bg-color);padding:7px;border-radius:10px;background-color:transparent;position:relative}.language-dropdown{display:flex;position:absolute;top:101%;left:50%;transform:translate(-50%);border:1px solid var(--color-hovered);padding:6px;border-radius:9px;flex-direction:column;z-index:2;background-color:var(--bg-color)}.language-dropdown>button{display:flex;gap:7px;align-items:center}.language-component>button{display:flex;gap:6px;align-items:center}.z-index-2{z-index:2}.w-min-content{width:fit-content}.nowrap{white-space:nowrap}:root{--bg-color-dark-gray: #a1a1a1;--bg-color: #f9f9f9;--app-bg-color: white;--color-active: #02a9ea;--header-height: 90px;--4geeks-yellow: #ffd900;--color-warning: #ffd900;--opaque-blue-editor: #a5d9f8;--color-blue-opaque: #eef9fe;--heavy-blue: #9fbdf0;--color-blue: #c1dfed;--soft-blue: #eef9fe;--color-blue-rigo: #0084ff;--tabs-bg-color: #f4faff;--color-hovered: rgba(224, 224, 224, .665);--light-grey: #dadada;--color-success: #21b761;--color-fail: #eb5757;--bg-color-code: #f1fcffd5;--link-inactive-color: #c1c1c1;--backdrop-background: rgba(0, 0, 0, .7);--soft-green: #a4ffbd;--soft-red: #ffbebe;--modals-bg-color: var(--bg-color);--font-color-secondary: #9c9c9c;--font-size-small: 16px;--font-size-mini: 12px;--font-size-medium: 18px;--app-width: min(100%, 1111px);--read-font-color: black;--font-color-secondary: #4c648f;--gray-blue-color: #9fbdf0;--dropdown-bg-color: white;--standard-border-radius: 8px;--bg-1: #fafdff;--bg-2: #f3fafe;--white: #ffffff;--sidebar-bg-color: #e4e8ee;font-size:16px}:root:has(main.dark){font-size:16px;--bg-color-dark-gray: #a1a1a1;--bg-color: #111f39;--app-bg-color: #111f39;--app-bg-color-opaque: #00041a38;--color-active: #02a9ea;--4geeks-yellow: #ffd900;--opaque-blue-editor: #a5d9f8;--soft-blue: #dff5ff;--color-blue-opaque: #012c57;--color-hovered: rgba(95, 95, 95, .311);--color-success: #21b761;--color-fail: #eb5757;--bg-color-code: #2d3748;--link-inactive-color: #a9a9a9;--backdrop-background: rgba(0, 0, 0, .7);--tabs-bg-color: #1e1e1e;--font-color-secondary: #9c9c9c;--font-size-small: 16px;--font-size-medium: 18px;--dropdown-bg-color: var(--bg-color);--read-font-color: white;--font-color-secondary: #6e90d1;--gray-blue-color: #9fbdf0;--white: #000000;--bg-1: #111f39;--bg-2: #1a2d50;--sidebar-bg-color: #131b25}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{font-size:14px;font-family:Inter,sans-serif}html:has(main.dark){color-scheme:dark light}body{background-color:var(--bg-color);overflow-x:hidden;overflow-y:scroll}img{width:100%}button{border:0;background:transparent}h1{font-size:26px;font-weight:700}hr{margin-top:15px}pre{border-left:2px solid var(--color-active);overflow:auto;padding:10px!important;margin:0!important;border-radius:0!important}code:not(pre code){padding:2px 6px;border-radius:5px;background-color:#cff3ff;color:#001926}li{padding-left:0!important;margin-left:20px!important}ul>li{list-style-type:disc}ol>li{list-style-type:decimal}blockquote{border-left:2px solid var(--color-active);padding:1px 10px;border-radius:5px;background-color:var(--bg-2)}button{cursor:pointer}table{border-collapse:collapse;width:100%}th{background-color:var(--bg-color-code);padding:6px;color:var(--read-font-color);border:1px solid rgb(130,130,130)}td{border:1px solid rgb(130,130,130);text-align:center;padding:4px}h1,h2,h3,h4,h5,h6,p{margin-block:15px;line-height:1.7}form button{width:fit-content;padding:7px;cursor:pointer;border-radius:6px}form input{border:1px solid gray;border-radius:8px;padding:10px;width:100%}a{word-break:break-all}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.433)}::-webkit-scrollbar-thumb:hover{background:var(--color-active)}.pill{border-radius:7px;padding:5px;display:flex;align-items:center}.bg-blue{background-color:var(--color-active)!important;color:#fff}.border-blue{border:1px solid var(--color-active)}.border-none{border:none!important}.color-blue{color:var(--color-active)}.bg-blue-rigo{background-color:var(--color-blue-rigo)!important}.bg-secondary{background-color:#e7e7e7c2}.scrolleable{overflow-y:auto!important}.blue-circle{background-color:var(--color-active);border-radius:50%;padding:10px;margin-left:10px;width:40px;height:40px;position:relative}.blue-circle>*{position:absolute;left:50%;font-size:10px;color:#fff;top:50%;transform:translate(-50%,-50%)}.pos-relative{position:relative}.pos-absolute{position:absolute}.bg-fail{background-color:var(--color-fail)!important}.bg-fail .set-path-fill path{fill:#fff}.bg-success{background-color:var(--color-success)!important}.dropdown{display:flex;flex-direction:column;position:relative}.dropdown-content{display:none;position:absolute;min-width:230px}.dropdown:hover .dropdown-content{display:flex;flex-direction:column;background-color:var(--dropdown-bg-color);padding:5px;width:fit-content;border-radius:var(--standard-border-radius)}.dropdown.up .dropdown-content{bottom:100%;left:0}.dropdown.down .dropdown-content{top:100%;left:0}.modal-container{width:100%;height:100vh!important;position:absolute;z-index:10;background-color:var(--backdrop-background);display:flex;flex-direction:column;padding:10px}.modal-container>div{display:flex;flex-direction:column;gap:8px;background-color:#fff;padding:10px;position:absolute;top:50%;width:min(99%,750px);left:50%;transform:translate(-50%,-50%);border-radius:10px}.modal-container>div .modal-header{font-weight:bolder;font-size:16px}.modal-container>div .modal-content{background-color:#ece8e8;padding:inherit;border-radius:inherit;position:relative}.float-right{position:absolute;top:10px;right:10px}.text-white{border:white;color:#fff!important;--read-font-color: white}.d-flex{display:flex}.space-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.palpitate{animation:palpitate 1s ease-in infinite;animation-play-state:running}@keyframes palpitate{0%{opacity:1}0%{opacity:.5}to{opacity:1}}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.separator{justify-content:center;display:flex;color:var(--font-color-secondary);align-items:center;gap:20px}.separator>div{width:100%;height:1px;background-color:var(--font-color-secondary)}.btn-dark{border:1px solid var(--bg-color-dark-gray)}.w-100{width:100%!important}.btn-dark:hover{background-color:var(--color-hovered)}#main-container{width:var(--app-width);margin-inline:auto;height:99dvh}#main-container.iframe-mode{width:100vw!important}@media only screen and (min-width: 1111px){#main-container.iframe-mode{margin-top:0}}.badge{width:100%;text-align:center;padding:10px;border-radius:4px;cursor:pointer}.clickeable:hover{background-color:var(--color-hovered)}.min-width{width:var(--app-width)}.gap-small{gap:5px}.gap-medium{gap:10px}.gap-big{gap:20px}.my-2{margin-block:20px}.my-small{margin-block:10px}.d-none{display:none}@media only screen and (min-width: 769px){.hide-continue-button{display:none!important}}.browser{height:max-content!important;background-color:var(--opaque-blue-editor);padding:3px}.browser-tab{padding:4px 20px;border-radius:5px;background-color:var(--soft-blue);color:var(--color-active);max-width:100%;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.browser-header{background-color:#8585852f;border-radius:5px;width:100%;padding:2px}.browser-body{background-color:var(--app-bg-color);overflow-y:auto;min-height:200px;border-radius:5px;margin-top:3px}.danger-on-hover:hover{background-color:var(--soft-red);color:#fff}.danger-on-hover:hover svg.set-path-fill path{fill:#fff!important}.success-on-hover:hover{background-color:var(--soft-green);color:#000}.success-on-hover:hover svg{--read-font-color: black}.svg-success svg path{stroke:var(--color-success)!important}.svg-danger svg path{stroke:var(--color-fail)!important}.hover:hover{background-color:#a39e9e53!important}.preview-iframe{border-radius:var(--standard-border-radius);color:var(--read-font-color)!important}.padding-medium{padding:10px}.padding-small{padding:5px}.bg-secondary{background-color:var(--color-hovered)}.bg-danger{background-color:var(--color-fail)}.bg-selected{background-color:var(--opaque-blue-editor)}.input{padding:10px;border-radius:8px;border:1px solid var(--color-hovered)}.text-blue{color:var(--color-blue-rigo)}.text-danger{color:var(--color-fail)}.circle-small{width:30px;height:30px;border-radius:50%}.vh100{height:100vh}.overflow-y-hidden{overflow-y:hidden}.justify-end{justify-content:flex-end}.flex-x{display:flex}.font-size-m{font-size:var(--font-size-medium)}.pos-fixed{position:fixed}.hiddenOnMobile{display:none}.active-hr{border-bottom:2px solid var(--color-active)}.inline-auto{margin-inline:auto}.d-block{display:block}.padding-big{padding:20px}.m-0{margin:0}.bg-rigo{background-color:var(--color-blue-rigo)}.bg-gray{background-color:var(--color-hovered)}.conector-blue{position:relative}@media only screen and (min-width: 768px){.hiddenOnMobile{display:block;text-align:center}.conector-blue:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-blue-rigo);left:50%;transform:translate(-50%);top:95%}}.svg-white .set-stroke>path{stroke:#fff}.continue-button{animation:show-continue-button 1s ease-in-out forwards}@keyframes show-continue-button{0%{visibility:hidden}to{visibility:visible;display:block}}.opaque-blue-on-hover:hover{background-color:var(--color-blue-opaque)}.info-bubble-container{position:relative;width:fit-content;overflow:visible}.info-bubble-message{display:none;position:absolute;bottom:100%;right:0;background-color:var(--color-blue-rigo);color:#fff;padding:10px;border-radius:5px}.info-bubble-opener:hover+.info-bubble-message{display:block}.info-bubble-message:hover{display:block}.pointer{cursor:pointer}.text-small{font-size:12px}.margin-children-none>*{margin:0!important}.padding-mini{padding:3px}.circle{border-radius:50%;width:20px;height:20px}.big-circle{border-radius:50%;width:40px;height:40px}.hidden{display:none}.margin-0{margin:0}.bg-warning{background-color:var(--color-warning)}.text-black{color:#000!important}.svg-black svg{--read-font-color: black}.stdout-prefix{color:var(--color-active);margin:0;font-weight:700;font-size:12px}.stdout{background-color:#000;padding:10px;color:#fff}.stdin{background-color:var(--bg-2);padding:10px;color:var(--read-font-color)}.stderr{background-color:#000;padding:10px;color:var(--color-fail)}.flex-y{display:flex;flex-direction:column}.bg-soft-green{color:#000;background-color:var(--soft-green)!important}.bg-soft-red{color:#000;background-color:var(--soft-red)!important}.bg-soft-blue{background-color:var(--soft-blue)!important}.fit-content{width:fit-content}.text-bold{font-weight:700}.border-gray{border:1px solid var(--color-hovered)}.scale-on-hover{transition:scale .3s ease}.scale-on-hover:hover{scale:1.05}.bg-transparent{background-color:transparent}.gray-on-hover{transition:background-color .3s ease}.gray-on-hover:hover{background-color:var(--color-hovered)}.text-dark{color:#181818}.mr-10{margin-right:40px}.wrap-wrap{flex-wrap:wrap}.h-100{height:100%}.z-index-1{z-index:1}.text-secondary{color:var(--font-color-secondary)}.svg-blue svg{--read-font-color: var(--color-blue-rigo)}.blank-input{background:transparent;border:0;padding:8px;font-size:16px}.blank-input::placeholder{color:var(--gray-blue-color)}.active-on-hover{transition:all .3s ease;cursor:pointer}.active-on-hover:hover{background-color:var(--color-blue-rigo);color:#fff;scale:1.01}.active-on-hover:hover svg{--read-font-color: white}.active-on-hover:active{scale:.99}.border-bottom-blue{border-bottom:1px solid var(--opaque-blue-editor)}.bg-1{background-color:var(--bg-1)!important}.bg-2{background-color:var(--bg-2)!important}.bg-white{background-color:var(--white)!important}.margin-left-small{margin-left:10px}.svg-blue{--read-font-color: var(--color-blue-rigo)}.textarea{border:1px solid var(--color-hovered);border-radius:5px;padding:5px;font-size:16px;resize:none}.border-warning{border:1px solid var(--color-warning)}.mermaid{display:flex;justify-content:center}.right-bottom-corner{position:absolute;bottom:10px;right:10px}.text-dark-red{color:var(--color-fail)}.text-dark-red svg{--read-font-color: var(--color-fail)}.text-dark-green{color:var(--color-success)!important}.text-dark-green svg{--read-font-color: var(--color-success)}.margin-left-medium{margin-left:20px}.top-centered{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.bottom-centered{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.align-self-end{align-self:flex-end}.row-reverse{flex-direction:row-reverse}.vertical-line{height:20px;width:1px;background-color:#0060ba;display:inline-block}.big-svg svg{width:50px!important;height:50px!important}.padding-x-small{padding-inline:10px}.d-inline-flex{display:inline-flex}.bg-lesson{background-color:var(--app-bg-color)}.above-all{z-index:1000}.border-heavy-blue{border:1px solid var(--heavy-blue)}.preview-card{max-width:560px;position:relative}.preview-card .click{margin-inline:auto;display:block;background-color:transparent!important;display:flex;justify-content:center;height:100%;position:absolute;top:0;left:0;width:100%;align-items:center;cursor:pointer;font-size:100px;animation-fill-mode:backwards}.preview-card .click:hover{background-color:#00000080;animation:scaleOnHover .5s ease 1 both}@keyframes scaleOnHover{0%{scale:1}to{scale:1.05}}.video-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop-background);z-index:1}.video-modal .modal-content{position:relative;background-color:transparent;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 0 20px #9999994d;width:fit-content}.video-modal .click svg{width:150px}.video-modal .close{background-color:var(--color-active);margin-top:10px;border-radius:10px;font-size:21px;cursor:pointer;text-align:center;padding:10px;width:100%;opacity:.8;color:#fff;font-weight:600}.video-modal .close:hover{opacity:1;background-color:var(--color-active)}.chat-modal{overflow-y:hidden;position:fixed;z-index:2;bottom:10px;right:50%;transform:translate(50%)}.chat-tab{background-color:#fff;overflow-y:auto;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;width:min(100vw - 5px,460px)!important;margin-inline:auto}.chat-tab-header{display:flex;background-color:var(--color-blue-rigo);justify-content:space-between;align-items:center;height:50px;padding:10px}.chat-header{position:relative;align-items:center;justify-content:center;text-align:center}.chat-header button{color:var(--background-color-code);position:absolute;top:50%;right:0;transform:translateY(-50%)}.chat-messages{overflow-y:scroll;min-height:min(450px,50vh);padding:10px;max-height:calc(100dvh - 200px)!important}.chat-input{display:flex;position:relative;width:100%;align-items:center;background-color:#d8e2f0;padding:10px;gap:10px}.chat-input input{width:100%;padding:10px 40px 10px 10px;border-radius:8px;border:0;outline:none;background-color:#fff;color:#000}.chat-input button{display:flex;border-radius:50%;right:10px;border:1px solid var(--font-color-secondary);background-color:var(--color-blue-rigo)}.chat-input button svg path{stroke:var(--font-color-secondary)}.chat-input button:hover{background-color:#02a8ea;color:var(--read-font-color)}.chat-input :hover svg path{stroke:var(--read-font-color)}.chat-footer{font-size:16px;color:var(--read-font-color);position:relative;display:flex;justify-content:end}.chat-footer:has(.informative-opener:hover) .informative-message{display:block}.informative-opener{bottom:calc(100% + 10px);right:10px;opacity:.4}.chat-footer .informative-message{display:none;position:absolute;bottom:calc(100% + 50px);background-color:var(--app-bg-color);border:1px solid var(--font-color-secondary);border-radius:10px;padding:10px}.next-button{background-color:#9f9f9f;margin-top:5px;border-radius:7px;font-weight:600;color:#000;padding:10px}.message{background-color:var(--soft-blue);padding:10px;color:var(--color-blue-rigo);border-radius:9px;margin-top:5px;line-height:25px;word-break:break-word}.message.user{background-color:#f5f5f57b;color:#000}.message p:not(:first-child){margin-top:15px}.alert{background-color:var(--4geeks-yellow);padding:3px 10px;border-radius:10px;color:#000;font-weight:700;text-align:center}.self-closing-modal{position:fixed;top:0;left:0;background-color:var(--backdrop-background);width:100vw!important;height:100%!important;display:grid;place-content:center;z-index:2}.self-closing-modal>div.modal-content{display:block;border-radius:20px;flex-direction:column;background-color:var(--modals-bg-color);padding:20px;width:min(600px,98vw);gap:10px;margin-inline:auto;overflow:auto;max-height:95vh;position:relative}.self-closing-modal .modal-closer{position:absolute;right:20px;top:25px;z-index:2;cursor:pointer}.icon-component{background-color:red}.loader{display:flex;align-items:center;gap:10px;justify-content:center;animation:glowing 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-icon{width:40px;height:40px;border:2px solid var(--loader-color);border-top-color:transparent;position:relative;display:flex;align-items:center;justify-content:center}.loader-icon:after{content:"";display:block;width:100%;top:0;left:0;position:absolute;height:100%;border:2px solid var(--color-hovered);border-top:2px solid var(--color-active);border-radius:50%;animation:spin 2s linear infinite}@keyframes glowing{0%{opacity:.6}to{opacity:1}}.input-modal{text-align:center;background-color:var(--modals-bg-color);color:var(--read-font-color);padding:20px;display:flex;flex-direction:column;gap:10px}.presentator{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(141,141,141,.402);z-index:0;cursor:initial}._badge{position:fixed;width:min(90%,330px);border-radius:5px;text-align:left;background-color:#fff;border:1px solid rgba(127,127,127,.3);padding:15px;top:50vh;left:50%;z-index:2;box-shadow:0 4px 8px #0000001a}._badge>h2{color:#000;margin-bottom:10px;font-size:25px}._badge>div._content>*{margin-top:5px;line-height:1.5rem}._badge>._footer{display:flex;justify-content:space-between;flex-direction:row}._badge>p{color:#000;font-size:1rem;font-weight:400;margin-top:0}.reset-modal{text-align:center}.reset-modal>section{display:flex;justify-content:center;width:100%;gap:20px}.login-modal{font-size:16px}.login-modal h2{text-align:center}.login-modal>div div:has(button){display:flex;align-items:center;justify-content:center;gap:5px}.login-modal button,.login-modal input{font-size:16px}._header_1u10v_1{display:flex;justify-content:space-between;padding-inline:10px;padding-block:10px;align-items:center;background-color:var(--app-bg-color);border-top-left-radius:10px;border-top-right-radius:10px}._header_1u10v_1>section{display:flex;gap:8px}._header_1u10v_1>section:last-child{display:flex;gap:15px}._header_1u10v_1>section>button:disabled{cursor:not-allowed;opacity:.5}._container_ezryg_1{display:flex;gap:8px;background-color:var(--bg-color);flex-wrap:nowrap;min-height:calc(100dvh - 200px);max-height:calc(100dvh - var(--header-height))}._container_ezryg_1>div{width:65%}._container_ezryg_1>div:only-child{width:100%}._content_ezryg_31{display:flex;position:relative}._content_ezryg_31>section{padding:8px;width:100%;max-height:90vh;overflow:auto}._appTabs_ezryg_55{display:flex;background-color:var(--tabs-bg-color);justify-content:space-between;position:absolute;top:0;left:0;width:100%}._appTabs_ezryg_55>div{width:100%;text-align:center;padding:10px;color:#728ec0;border-bottom:1px solid transparent;cursor:pointer}._appTabs_ezryg_55>div[data-visible=true]{background-color:var(--bg-color);color:var(--color-active);border-bottom:3px solid var(--color-active)}._hiddenOnMobile_ezryg_103{display:none}@media only screen and (min-width: 768px){._container_ezryg_1{gap:8px}._content_ezryg_31>section{padding:8px;width:100%}._appTabs_ezryg_55{display:none}._hiddenOnMobile_ezryg_103{display:block;text-align:center}}.tabs{display:flex;align-items:center;gap:2px}.tab{display:flex;background-color:var(--bg-color);border-top-right-radius:6px;border-top-left-radius:6px;cursor:pointer;transition:background-color .3s ease;padding:5px 6px}.tab.active{background-color:var(--opaque-blue-editor)}.tab.active button{color:var(--color-active)}.editor{border:7px solid var(--opaque-blue-editor);border-radius:0 5px 0 0;position:relative}.editor-monaco .view-lines,.editor-monaco .margin-view-overlays{height:min(400px,fit-content)!important}.terminal{border:3px solid var(--opaque-blue-editor);border-top:0;overflow-y:auto;position:relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.terminal.html{height:min(400px,fit-content);overflow-y:auto;border:none}.terminal.only{margin-top:0;border:0;max-height:70vh;border-radius:5px}.terminal.only .editor-footer{margin-top:20px;display:block;position:relative}.terminal.hidden{display:none}.terminal>h5{border-bottom:1px solid #dadada;display:flex;justify-content:space-between;align-items:center;margin:0;font-size:16px}.terminal>pre{background-color:var(--bg-color);border:none;max-width:100%;height:fit-content F;word-break:break-word!important;white-space:pre-wrap}.terminal>pre>code{word-wrap:break-word}.editor-footer{background-color:var(--app-bg-color);position:absolute;bottom:8px;width:calc(100% - 16px);left:8px;border-radius:8px;font-size:12px}.editor-footer .compiler{background-color:var(--color-active);color:#fff!important}.editor-footer .compiler .set-stroke path{stroke:#fff}.editor-footer.UNMODIFIED,.editor-footer.MODIFIED{background-color:var(--modals-bg-color)}.editor .editor-footer.success{background-color:var(--soft-green)}.editor .editor-footer.error{color:#fff!important;background-color:var(--soft-red)}.editor-footer .not-started{display:flex;align-items:center;gap:9px;color:var(--color-active);padding:4px;justify-content:space-between;font-size:12px}.editor-footer .not-started span{font-size:12px}.editor-footer .not-started>div:first-child{display:flex;align-items:center;gap:5px}.editor-footer .footer-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px}.editor-footer .footer-actions>div>button,.editor-footer .footer-actions>button,.editor-footer .footer-actions>div{width:100%;border-radius:4px;display:flex;font-size:12px;justify-content:center;align-items:center;gap:5px;color:var(--color-active)}.editor-footer.success{background-color:var(--soft-green)}.editor-footer.success .footer-actions>button svg path{stroke:var(--color-success)}.editor-footer.success .footer-actions>div>button>svg path{stroke:var(--color-success)}.editor-footer.success .footer-actions>div{color:var(--color-success)}.editor-footer.success .footer-actions>button{color:#000}.editor-footer.success .footer-actions>div>button{color:#000}.editor-footer.success .editor-footer-child .set-path-fill path{fill:var(--color-success)}.editor-footer.success .compiler{background-color:var(--color-success);color:#fff!important}.editor-footer.success .compiler .set-path-fill path{stroke:#fff}.editor-footer.error{background-color:var(--soft-red)}.editor-footer.error .footer-actions>button svg path{stroke:var(--color-fail)}.editor-footer.error .footer-actions>div>button>svg path{stroke:var(--color-fail)}.editor-footer.error .footer-actions>div>button{color:var(--color-fail)}.editor-footer.error .footer-actions>button{color:var(--color-fail)}.editor-footer.error .footer-actions>div{color:var(--color-fail)}.editor-footer.error .editor-footer-child .set-path-fill path{fill:var(--color-fail)}.editor-footer.error .compiler{background-color:var(--color-fail);color:#fff!important}.editor-footer.error .compiler .set-path-fill path{stroke:#fff}.footer-actions button{font-size:15px!important}.app-header{animation:scale-navbar auto linear both;animation-timeline:scroll();animation-range:10px 150px;position:sticky;top:0}.app-header:hover{opacity:1!important}.navbar-component{padding:10px;background-color:var(--bg-color);display:flex;width:100%;transition:all 2s;margin:0 auto;max-width:1145px;justify-content:space-between}.navbar-component>section{display:flex;gap:3px;align-items:center}.navbar-component>section>button,.navbar-component>section>div{border:1px solid var(--color-active);border-radius:5px}.lesson-options{display:flex;align-items:center;background-color:var(--bg-color);margin:0 auto;max-width:1145px;padding:8px;justify-content:space-between}.lesson-options>div{display:flex;gap:10px;align-items:center}.lesson-options button:disabled{opacity:.5;cursor:not-allowed}@keyframes scale-navbar{to{opacity:0}}.feedback-dropdown{position:absolute;width:250px!important;padding:2px;border:1px solid var(--color-active);background-color:var(--modals-bg-color);border-radius:7px;max-width:300px;font-size:var(--font-size-small);display:flex;gap:5px;align-items:baseline!important;z-index:4;flex-direction:column}.feedback-dropdown.up{bottom:103%;right:0}.feedback-dropdown.down{top:103%;left:-75%}.feedback-dropdown>*{width:fit-content}.feedback-dropdown>button{color:var(--color-active);width:100%;padding:7px;text-align:left;display:flex;justify-content:left;align-items:center}.feedback-dropdown>button:hover{background-color:var(--color-blue-opaque)}.feedback-dropdown>p{padding:3px;background-color:var(--bg-color);margin:0;font-size:var(--font-size-mini);color:var(--read-font-color)}.feedback-dropdown>p>a{font-weight:600;color:var(--color-active);cursor:pointer}#feedback-button{min-width:fit-content}.sidebar-component{position:absolute;left:0%;font-size:17px;z-index:2;background-color:var(--sidebar-bg-color);display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width: 768px){.sidebar-component{width:min(100vw - 5px,460px)!important;position:relative;height:calc(100vh - var(--header-height))}.sidebar-component .footer{width:100%;position:fixed;bottom:0}}.sidebar-component section h2{text-align:center;padding:10px;margin-block:0;width:100%}.sidebar-component>section:not(:last-child){display:flex;justify-content:space-between;padding:2px 14px}.sidebar-component .footer{background-color:transparent;position:relative;width:100%;padding:15px;display:flex;align-items:center;justify-content:space-between}.sidebar-component .footer>a{padding:10px;text-decoration:none;color:var(--read-font-color);display:block;border-radius:8px}.sidebar-component .footer>a:hover{background-color:var(--color-hovered)}.sidebar-component .exercise-list{display:flex;flex-direction:column;width:100%;gap:5px;padding:5px;max-height:83vh!important;overflow-y:scroll;width:var(--app-width);margin-inline:auto}.exercise-list .exercise-card{background-color:var(--bg-1);display:flex;padding:5px 10px;cursor:pointer;width:100%;justify-content:space-between;font-size:18px;border-radius:10px;align-items:center;position:relative}.exercise-circle{background-color:var(--bg-1);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#0097cf;padding:10px}.exercise-circle.done{background-color:#0097cf;color:#fff}.sidebar-component .exercise-list .exercise-card:hover{background-color:var(--bg-2)}.sidebar-component .exercise-list .exercise-card:active{background-color:var(--color-blue-opaque);transition:all .3s ease}.sidebar-disappear{animation:disappear-4-right .4s ease 1 forwards}@keyframes appear-4-right{0%{left:101%}to{left:0}}@keyframes disappear-4-right{0%{left:0}to{left:101%}}.bg-blue-opaque{background-color:var(--color-blue-opaque)}.lesson-content{padding-bottom:70px;font-size:20px;padding-inline:16px;line-height:24px}.lesson-content img{margin:5px auto;max-width:750px;display:block}.lesson-content h1{font-size:32px}.lesson-content h2{font-size:25px}.lesson-content h3{font-size:20px}.lesson-content{line-height:2rem}.creator-wrapper{position:relative}.creator-wrapper .display-on-hover{display:none}.creator-wrapper:hover .display-on-hover{display:block}.inverted{transform:scaleY(-1)}.inverted>*{transform:scaleY(-1)}.creator-options{display:flex;border-radius:5px;gap:3px;position:absolute;top:0;left:0;flex-direction:column;z-index:1000}.creator-options-buttons{background-color:var(--color-blue-opaque);width:fit-content;padding:5px;border-radius:5px}.text-in-editor{position:relative}.creator-options-opener{display:none;position:absolute;right:100%;top:5px;z-index:1000;padding:2px;border-radius:5px;background-color:var(--app-bg-color)}.creator-wrapper:hover>.text-in-editor>.creator-options-opener{display:block}.creator-wrapper:hover{background-color:var(--color-blue-opaque);border-radius:2px}.creator-target-content{color:var(--color-success)}.creator-target{border-radius:5px}.code-buttons{background-color:var(--color-blue-opaque);border-top-left-radius:5px;border-top-right-radius:5px;padding-left:10px;padding-right:10px;font-size:12px;color:var(--color-blue-rigo)}.custom-code-block{position:relative}.execution-result{background-color:var(--color-blue-opaque);padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-size:12px;color:var(--color-success)}.katex{font-size:1.2rem;line-height:2rem}.rigo-input{border-radius:5px;font-size:16px;padding:5px;width:min(600px,90vw)!important;display:flex;align-items:center;gap:5px}.rigo-button{background:linear-gradient(132deg,#0fb0fc,#022cc2);border:2px solid white;color:var(--white);opacity:1;border-radius:50%;padding:5px;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-right:-12px;z-index:1}.rigo-textarea{border:0;background:#c8dbfc;font-size:16px;padding:7px;outline:none;width:100%;border-radius:10px;color:#000}.rigo-textarea::placeholder{color:var(--color-blue-rigo)}._button_1y12h_5{background-color:var(--color-blue-rigo);color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center}._icon_1y12h_27{margin-left:.5rem;color:currentColor}._menu_1y12h_37{position:absolute;right:0;margin-top:.25rem;width:15rem;background-color:#dce9ff;border-radius:.25rem;box-shadow:0 2px 8px #0000001a;z-index:100;padding:.5rem 10px}._container_1cky8_1{width:100%;background-color:#e0e0e0;border-radius:4px;overflow:hidden}._filler_1cky8_15{height:100%;background-color:var(--color-blue-rigo);border-radius:4px 0 0 4px;transition:width .3s ease}
+.lesson-container-component{max-width:1145px;margin:0 auto;padding:0 15px;overflow-y:scroll;color:var(--read-font-color);display:flex;flex-direction:column;gap:10px;line-height:1.5rem}.simple-button-svg{max-height:100%!important;display:flex;align-items:center;gap:10px;font-size:var(--font-size-medium);opacity:1;transition:opacity .1s ease-in-out;border:1px solid transparent}.simple-button-svg:hover{opacity:1}.simple-button-svg.big{padding:10px 20px!important}.simple-button-svg.bg-success svg path{stroke:#fff!important}.simple-button-svg.bg-blue svg path{stroke:#fff!important}.simple-button-svg.small{padding:5px 15px}.simple-button-svg.mini{padding:0}.simple-button-svg.mini svg{max-height:20px!important;max-width:20px!important}.simple-button-svg:disabled{opacity:.5;cursor:not-allowed}.simple-button-svg svg{max-height:30px!important;max-width:30px!important}.simple-button-svg img{max-height:18px!important;max-width:18px!important;filter:saturate(90%)}.feedback-container{background-color:#1f1f1fd1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:absolute;z-index:2;width:100%!important;min-height:100%!important}.feedback-component{width:min(99%,600px);background-color:#fff;padding:10px;border-radius:10px;position:absolute;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:10%;display:flex;flex-direction:column;gap:13px;left:50%;transform:translate(-50%)}.feedback-component>.-header{font-weight:700;padding:5px;display:flex;align-items:center;justify-content:space-between}.feedback-component>.-header>button{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.feedback-component>p{font-size:16px}.feedback-component>.-content{padding:10px;background-color:#f9f9f9}.feedback-component>.-footer{padding:10px;display:flex;flex-direction:column;text-align:center}.feedback-component>.-footer>div{display:flex;justify-content:space-around}#socket-disconnected{display:none}.test-button{background-color:red;display:flex;align-items:center;padding:10px;border-radius:10px;color:#ff0;font-weight:700}.button{background-color:var(--color-active);border-radius:7px;color:#fff;padding:10px}.button:hover{color:#fff}.text-center{text-align:center}.centered{margin-inline:auto}.on-hover-active:hover{background-color:var(--color-active);color:#fff}.rounded{border-radius:var(--standard-border-radius)}.rounded-medium{border-radius:10px!important}.rounded-big{border-radius:15px!important}.rigo-thumbnail{position:fixed;bottom:20px;cursor:pointer;right:10px;background-color:var(--color-blue-rigo);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;z-index:2;border:var(--read-font-color) 2px solid}.quiz-button{padding:10px;border-radius:10px;border:1px solid var(--color-active);width:fit-content;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.rigo-toggle{cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--standard-border-radius)}@media only screen and (min-width: 768px){.rigo-toggle{border-radius:0;border-top-left-radius:var(--standard-border-radius);border-top-right-radius:var(--standard-border-radius)}}.quiz-container{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px}.quiz-container .button-wrapper{margin-top:10px;position:sticky;bottom:50px;padding:10px;display:flex;justify-content:right}.quiz-answer{padding:10px;border-radius:50vh;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.quiz-answer-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;min-width:22px;height:22px;min-height:22px;border-radius:50%;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.quiz-answer-checkbox:empty{background-color:transparent;border:1px solid var(--color-active)}.quiz-answer-checkbox.selected:empty{background-color:var(--bg-color);border:1px solid var(--color-active)}.quiz-answer-checkbox.selected:empty:after{content:"";position:absolute;width:11px;height:11px;background-color:var(--color-active);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box}.language-component{width:fit-content!important;border:1px solid var(--bg-color);padding:7px;border-radius:10px;background-color:transparent;position:relative}.language-dropdown{display:flex;position:absolute;top:101%;left:50%;transform:translate(-50%);border:1px solid var(--color-hovered);padding:6px;border-radius:9px;flex-direction:column;z-index:2;background-color:var(--bg-color)}.language-dropdown>button{display:flex;gap:7px;align-items:center}.language-component>button{display:flex;gap:6px;align-items:center}.z-index-2{z-index:2}.w-min-content{width:fit-content}.nowrap{white-space:nowrap}:root{--bg-color-dark-gray: #a1a1a1;--bg-color: #f9f9f9;--app-bg-color: white;--color-active: #02a9ea;--header-height: 90px;--4geeks-yellow: #ffd900;--color-warning: #ffd900;--opaque-blue-editor: #a5d9f8;--color-blue-opaque: #eef9fe;--heavy-blue: #9fbdf0;--color-blue: #c1dfed;--soft-blue: #eef9fe;--color-blue-rigo: #0084ff;--tabs-bg-color: #f4faff;--color-hovered: rgba(224, 224, 224, .665);--light-grey: #dadada;--color-success: #21b761;--color-fail: #eb5757;--bg-color-code: #f1fcffd5;--link-inactive-color: #c1c1c1;--backdrop-background: rgba(0, 0, 0, .7);--soft-green: #a4ffbd;--soft-red: #ffbebe;--modals-bg-color: var(--bg-color);--font-color-secondary: #9c9c9c;--font-size-small: 16px;--font-size-mini: 12px;--font-size-medium: 18px;--app-width: min(100%, 1111px);--read-font-color: black;--font-color-secondary: #4c648f;--gray-blue-color: #9fbdf0;--dropdown-bg-color: white;--standard-border-radius: 8px;--bg-1: #fafdff;--bg-2: #f3fafe;--white: #ffffff;--sidebar-bg-color: #e4e8ee;font-size:16px}:root:has(main.dark){font-size:16px;--bg-color-dark-gray: #a1a1a1;--bg-color: #111f39;--app-bg-color: #111f39;--app-bg-color-opaque: #00041a38;--color-active: #02a9ea;--4geeks-yellow: #ffd900;--opaque-blue-editor: #a5d9f8;--soft-blue: #dff5ff;--color-blue-opaque: #012c57;--color-hovered: rgba(95, 95, 95, .311);--color-success: #21b761;--color-fail: #eb5757;--bg-color-code: #2d3748;--link-inactive-color: #a9a9a9;--backdrop-background: rgba(0, 0, 0, .7);--tabs-bg-color: #1e1e1e;--font-color-secondary: #9c9c9c;--font-size-small: 16px;--font-size-medium: 18px;--dropdown-bg-color: var(--bg-color);--read-font-color: white;--font-color-secondary: #6e90d1;--gray-blue-color: #9fbdf0;--white: #000000;--bg-1: #111f39;--bg-2: #1a2d50;--sidebar-bg-color: #131b25}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{font-size:14px;font-family:Inter,sans-serif}html:has(main.dark){color-scheme:dark light}body{background-color:var(--bg-color);overflow-x:hidden;overflow-y:scroll}img{width:100%}button{border:0;background:transparent}h1{font-size:26px;font-weight:700}hr{margin-top:15px}pre{border-left:2px solid var(--color-active);overflow:auto;padding:10px!important;margin:0!important;border-radius:0!important}code:not(pre code){padding:2px 6px;border-radius:5px;background-color:#cff3ff;color:#001926}li{padding-left:0!important;margin-left:20px!important}ul>li{list-style-type:disc}ol>li{list-style-type:decimal}blockquote{border-left:2px solid var(--color-active);padding:1px 10px;border-radius:5px;background-color:var(--bg-2)}button{cursor:pointer}table{border-collapse:collapse;width:100%}th{background-color:var(--bg-color-code);padding:6px;color:var(--read-font-color);border:1px solid rgb(130,130,130)}td{border:1px solid rgb(130,130,130);text-align:center;padding:4px}h1,h2,h3,h4,h5,h6,p{margin-block:15px;line-height:1.7}form button{width:fit-content;padding:7px;cursor:pointer;border-radius:6px}form input{border:1px solid gray;border-radius:8px;padding:10px;width:100%}a{word-break:break-all}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.433)}::-webkit-scrollbar-thumb:hover{background:var(--color-active)}.pill{border-radius:7px;padding:5px;display:flex;align-items:center}.bg-blue{background-color:var(--color-active)!important;color:#fff}.border-blue{border:1px solid var(--color-active)}.border-none{border:none!important}.color-blue{color:var(--color-active)}.bg-blue-rigo{background-color:var(--color-blue-rigo)!important}.bg-secondary{background-color:#e7e7e7c2}.scrolleable{overflow-y:auto!important}.blue-circle{background-color:var(--color-active);border-radius:50%;padding:10px;margin-left:10px;width:40px;height:40px;position:relative}.blue-circle>*{position:absolute;left:50%;font-size:10px;color:#fff;top:50%;transform:translate(-50%,-50%)}.pos-relative{position:relative}.pos-absolute{position:absolute}.bg-fail{background-color:var(--color-fail)!important}.bg-fail .set-path-fill path{fill:#fff}.bg-success{background-color:var(--color-success)!important}.dropdown{display:flex;flex-direction:column;position:relative}.dropdown-content{display:none;position:absolute;min-width:230px}.dropdown:hover .dropdown-content{display:flex;flex-direction:column;background-color:var(--dropdown-bg-color);padding:5px;width:fit-content;border-radius:var(--standard-border-radius)}.dropdown.up .dropdown-content{bottom:100%;left:0}.dropdown.down .dropdown-content{top:100%;left:0}.modal-container{width:100%;height:100vh!important;position:absolute;z-index:10;background-color:var(--backdrop-background);display:flex;flex-direction:column;padding:10px}.modal-container>div{display:flex;flex-direction:column;gap:8px;background-color:#fff;padding:10px;position:absolute;top:50%;width:min(99%,750px);left:50%;transform:translate(-50%,-50%);border-radius:10px}.modal-container>div .modal-header{font-weight:bolder;font-size:16px}.modal-container>div .modal-content{background-color:#ece8e8;padding:inherit;border-radius:inherit;position:relative}.float-right{position:absolute;top:10px;right:10px}.text-white{border:white;color:#fff!important;--read-font-color: white}.d-flex{display:flex}.space-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.palpitate{animation:palpitate 1s ease-in infinite;animation-play-state:running}@keyframes palpitate{0%{opacity:1}0%{opacity:.5}to{opacity:1}}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.separator{justify-content:center;display:flex;color:var(--font-color-secondary);align-items:center;gap:20px}.separator>div{width:100%;height:1px;background-color:var(--font-color-secondary)}.btn-dark{border:1px solid var(--bg-color-dark-gray)}.w-100{width:100%!important}.btn-dark:hover{background-color:var(--color-hovered)}#main-container{width:var(--app-width);margin-inline:auto;height:99dvh}#main-container.iframe-mode{width:100vw!important}@media only screen and (min-width: 1111px){#main-container.iframe-mode{margin-top:0}}.badge{width:100%;text-align:center;padding:10px;border-radius:4px;cursor:pointer}.clickeable:hover{background-color:var(--color-hovered)}.min-width{width:var(--app-width)}.gap-small{gap:5px}.gap-medium{gap:10px}.gap-big{gap:20px}.my-2{margin-block:20px}.my-small{margin-block:10px}.d-none{display:none}@media only screen and (min-width: 769px){.hide-continue-button{display:none!important}}.browser{height:max-content!important;background-color:var(--opaque-blue-editor);padding:3px}.browser-tab{padding:4px 20px;border-radius:5px;background-color:var(--soft-blue);color:var(--color-active);max-width:100%;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.browser-header{background-color:#8585852f;border-radius:5px;width:100%;padding:2px}.browser-body{background-color:var(--app-bg-color);overflow-y:auto;min-height:200px;border-radius:5px;margin-top:3px}.danger-on-hover:hover{background-color:var(--soft-red);color:#fff}.danger-on-hover:hover svg.set-path-fill path{fill:#fff!important}.success-on-hover:hover{background-color:var(--soft-green);color:#000}.success-on-hover:hover svg{--read-font-color: black}.svg-success svg path{stroke:var(--color-success)!important}.svg-danger svg path{stroke:var(--color-fail)!important}.hover:hover{background-color:#a39e9e53!important}.preview-iframe{border-radius:var(--standard-border-radius);color:var(--read-font-color)!important}.padding-medium{padding:10px}.padding-small{padding:5px}.bg-secondary{background-color:var(--color-hovered)}.bg-danger{background-color:var(--color-fail)}.bg-selected{background-color:var(--opaque-blue-editor)}.input{padding:10px;border-radius:8px;border:1px solid var(--color-hovered)}.text-blue{color:var(--color-blue-rigo)}.text-danger{color:var(--color-fail)}.circle-small{width:30px;height:30px;border-radius:50%}.vh100{height:100vh}.overflow-y-hidden{overflow-y:hidden}.justify-end{justify-content:flex-end}.flex-x{display:flex}.font-size-m{font-size:var(--font-size-medium)}.pos-fixed{position:fixed}.hiddenOnMobile{display:none}.active-hr{border-bottom:2px solid var(--color-active)}.inline-auto{margin-inline:auto}.d-block{display:block}.padding-big{padding:20px}.m-0{margin:0}.bg-rigo{background-color:var(--color-blue-rigo)}.bg-gray{background-color:var(--color-hovered)}.conector-blue{position:relative}@media only screen and (min-width: 768px){.hiddenOnMobile{display:block;text-align:center}.conector-blue:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-blue-rigo);left:50%;transform:translate(-50%);top:95%}}.svg-white .set-stroke>path{stroke:#fff}.continue-button{animation:show-continue-button 1s ease-in-out forwards}@keyframes show-continue-button{0%{visibility:hidden}to{visibility:visible;display:block}}.opaque-blue-on-hover:hover{background-color:var(--color-blue-opaque)}.info-bubble-container{position:relative;width:fit-content;overflow:visible}.info-bubble-message{display:none;position:absolute;bottom:100%;right:0;background-color:var(--color-blue-rigo);color:#fff;padding:10px;border-radius:5px}.info-bubble-opener:hover+.info-bubble-message{display:block}.info-bubble-message:hover{display:block}.pointer{cursor:pointer}.text-small{font-size:12px}.margin-children-none>*{margin:0!important}.padding-mini{padding:3px}.circle{border-radius:50%;width:20px;height:20px}.big-circle{border-radius:50%;width:40px;height:40px}.hidden{display:none}.margin-0{margin:0}.bg-warning{background-color:var(--color-warning)}.text-black{color:#000!important}.svg-black svg{--read-font-color: black}.stdout-prefix{color:var(--color-active);margin:0;font-weight:700;font-size:12px}.stdout{background-color:#000;padding:10px;color:#fff}.stdin{background-color:var(--bg-2);padding:10px;color:var(--read-font-color)}.stderr{background-color:#000;padding:10px;color:var(--color-fail)}.flex-y{display:flex;flex-direction:column}.bg-soft-green{color:#000;background-color:var(--soft-green)!important}.bg-soft-red{color:#000;background-color:var(--soft-red)!important}.bg-soft-blue{background-color:var(--soft-blue)!important}.fit-content{width:fit-content}.text-bold{font-weight:700}.border-gray{border:1px solid var(--color-hovered)}.scale-on-hover{transition:scale .3s ease}.scale-on-hover:hover{scale:1.05}.bg-transparent{background-color:transparent}.gray-on-hover{transition:background-color .3s ease}.gray-on-hover:hover{background-color:var(--color-hovered)}.text-dark{color:#181818}.mr-10{margin-right:40px}.wrap-wrap{flex-wrap:wrap}.h-100{height:100%}.z-index-1{z-index:1}.text-secondary{color:var(--font-color-secondary)}.svg-blue svg{--read-font-color: var(--color-blue-rigo)}.blank-input{background:transparent;border:0;padding:8px;font-size:16px}.blank-input::placeholder{color:var(--gray-blue-color)}.active-on-hover{transition:all .3s ease;cursor:pointer}.active-on-hover:hover{background-color:var(--color-blue-rigo);color:#fff;scale:1.01}.active-on-hover:hover svg{--read-font-color: white}.active-on-hover:active{scale:.99}.border-bottom-blue{border-bottom:1px solid var(--opaque-blue-editor)}.bg-1{background-color:var(--bg-1)!important}.bg-2{background-color:var(--bg-2)!important}.bg-white{background-color:var(--white)!important}.margin-left-small{margin-left:10px}.svg-blue{--read-font-color: var(--color-blue-rigo)}.textarea{border:1px solid var(--color-hovered);border-radius:5px;padding:5px;font-size:16px;resize:none}.border-warning{border:1px solid var(--color-warning)}.mermaid{display:flex;justify-content:center}.right-bottom-corner{position:absolute;bottom:10px;right:10px}.text-dark-red{color:var(--color-fail)}.text-dark-red svg{--read-font-color: var(--color-fail)}.text-dark-green{color:var(--color-success)!important}.text-dark-green svg{--read-font-color: var(--color-success)}.margin-left-medium{margin-left:20px}.top-centered{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.bottom-centered{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.align-self-end{align-self:flex-end}.row-reverse{flex-direction:row-reverse}.vertical-line{height:20px;width:1px;background-color:#0060ba;display:inline-block}.big-svg svg{width:50px!important;height:50px!important}.padding-x-small{padding-inline:10px}.d-inline-flex{display:inline-flex}.bg-lesson{background-color:var(--app-bg-color)}.above-all{z-index:1000}.border-heavy-blue{border:1px solid var(--heavy-blue)}.text-trimmed{white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.w-150px{width:150px}.w-250px{width:min(250px,100%)}.preview-card{max-width:560px;position:relative}.preview-card .click{margin-inline:auto;display:block;background-color:transparent!important;display:flex;justify-content:center;height:100%;position:absolute;top:0;left:0;width:100%;align-items:center;cursor:pointer;font-size:100px;animation-fill-mode:backwards}.preview-card .click:hover{background-color:#00000080;animation:scaleOnHover .5s ease 1 both}@keyframes scaleOnHover{0%{scale:1}to{scale:1.05}}.video-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop-background);z-index:1}.video-modal .modal-content{position:relative;background-color:transparent;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 0 20px #9999994d;width:fit-content}.video-modal .click svg{width:150px}.video-modal .close{background-color:var(--color-active);margin-top:10px;border-radius:10px;font-size:21px;cursor:pointer;text-align:center;padding:10px;width:100%;opacity:.8;color:#fff;font-weight:600}.video-modal .close:hover{opacity:1;background-color:var(--color-active)}.chat-modal{overflow-y:hidden;position:fixed;z-index:2;bottom:10px;right:50%;transform:translate(50%)}.chat-tab{background-color:#fff;overflow-y:auto;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;width:min(100vw - 5px,460px)!important;margin-inline:auto}.chat-tab-header{display:flex;background-color:var(--color-blue-rigo);justify-content:space-between;align-items:center;height:50px;padding:10px}.chat-header{position:relative;align-items:center;justify-content:center;text-align:center}.chat-header button{color:var(--background-color-code);position:absolute;top:50%;right:0;transform:translateY(-50%)}.chat-messages{overflow-y:scroll;min-height:min(450px,50vh);padding:10px;max-height:calc(100dvh - 200px)!important}.chat-input{display:flex;position:relative;width:100%;align-items:center;background-color:#d8e2f0;padding:10px;gap:10px}.chat-input input{width:100%;padding:10px 40px 10px 10px;border-radius:8px;border:0;outline:none;background-color:#fff;color:#000}.chat-input button{display:flex;border-radius:50%;right:10px;border:1px solid var(--font-color-secondary);background-color:var(--color-blue-rigo)}.chat-input button svg path{stroke:var(--font-color-secondary)}.chat-input button:hover{background-color:#02a8ea;color:var(--read-font-color)}.chat-input :hover svg path{stroke:var(--read-font-color)}.chat-footer{font-size:16px;color:var(--read-font-color);position:relative;display:flex;justify-content:end}.chat-footer:has(.informative-opener:hover) .informative-message{display:block}.informative-opener{bottom:calc(100% + 10px);right:10px;opacity:.4}.chat-footer .informative-message{display:none;position:absolute;bottom:calc(100% + 50px);background-color:var(--app-bg-color);border:1px solid var(--font-color-secondary);border-radius:10px;padding:10px}.next-button{background-color:#9f9f9f;margin-top:5px;border-radius:7px;font-weight:600;color:#000;padding:10px}.message{background-color:var(--soft-blue);padding:10px;color:var(--color-blue-rigo);border-radius:9px;margin-top:5px;line-height:25px;word-break:break-word}.message.user{background-color:#f5f5f57b;color:#000}.message p:not(:first-child){margin-top:15px}.alert{background-color:var(--4geeks-yellow);padding:3px 10px;border-radius:10px;color:#000;font-weight:700;text-align:center}.self-closing-modal{position:fixed;top:0;left:0;background-color:var(--backdrop-background);width:100vw!important;height:100%!important;display:grid;place-content:center;z-index:2}.self-closing-modal>div.modal-content{display:block;border-radius:20px;flex-direction:column;background-color:var(--modals-bg-color);padding:20px;width:min(600px,98vw);gap:10px;margin-inline:auto;overflow:auto;max-height:95vh;position:relative}.self-closing-modal .modal-closer{position:absolute;right:20px;top:25px;z-index:2;cursor:pointer}.icon-component{background-color:red}.loader{display:flex;align-items:center;gap:10px;justify-content:center;animation:glowing 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-icon{width:40px;height:40px;border:2px solid var(--loader-color);border-top-color:transparent;position:relative;display:flex;align-items:center;justify-content:center}.loader-icon:after{content:"";display:block;width:100%;top:0;left:0;position:absolute;height:100%;border:2px solid var(--color-hovered);border-top:2px solid var(--color-active);border-radius:50%;animation:spin 2s linear infinite}@keyframes glowing{0%{opacity:.6}to{opacity:1}}.input-modal{text-align:center;background-color:var(--modals-bg-color);color:var(--read-font-color);padding:20px;display:flex;flex-direction:column;gap:10px}.presentator{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(141,141,141,.402);z-index:0;cursor:initial}._badge{position:fixed;width:min(90%,330px);border-radius:5px;text-align:left;background-color:#fff;border:1px solid rgba(127,127,127,.3);padding:15px;top:50vh;left:50%;z-index:2;box-shadow:0 4px 8px #0000001a}._badge>h2{color:#000;margin-bottom:10px;font-size:25px}._badge>div._content>*{margin-top:5px;line-height:1.5rem}._badge>._footer{display:flex;justify-content:space-between;flex-direction:row}._badge>p{color:#000;font-size:1rem;font-weight:400;margin-top:0}.reset-modal{text-align:center}.reset-modal>section{display:flex;justify-content:center;width:100%;gap:20px}.login-modal{font-size:16px}.login-modal h2{text-align:center}.login-modal>div div:has(button){display:flex;align-items:center;justify-content:center;gap:5px}.login-modal button,.login-modal input{font-size:16px}._header_1u10v_1{display:flex;justify-content:space-between;padding-inline:10px;padding-block:10px;align-items:center;background-color:var(--app-bg-color);border-top-left-radius:10px;border-top-right-radius:10px}._header_1u10v_1>section{display:flex;gap:8px}._header_1u10v_1>section:last-child{display:flex;gap:15px}._header_1u10v_1>section>button:disabled{cursor:not-allowed;opacity:.5}._container_ezryg_1{display:flex;gap:8px;background-color:var(--bg-color);flex-wrap:nowrap;min-height:calc(100dvh - 200px);max-height:calc(100dvh - var(--header-height))}._container_ezryg_1>div{width:65%}._container_ezryg_1>div:only-child{width:100%}._content_ezryg_31{display:flex;position:relative}._content_ezryg_31>section{padding:8px;width:100%;max-height:90vh;overflow:auto}._appTabs_ezryg_55{display:flex;background-color:var(--tabs-bg-color);justify-content:space-between;position:absolute;top:0;left:0;width:100%}._appTabs_ezryg_55>div{width:100%;text-align:center;padding:10px;color:#728ec0;border-bottom:1px solid transparent;cursor:pointer}._appTabs_ezryg_55>div[data-visible=true]{background-color:var(--bg-color);color:var(--color-active);border-bottom:3px solid var(--color-active)}._hiddenOnMobile_ezryg_103{display:none}@media only screen and (min-width: 768px){._container_ezryg_1{gap:8px}._content_ezryg_31>section{padding:8px;width:100%}._appTabs_ezryg_55{display:none}._hiddenOnMobile_ezryg_103{display:block;text-align:center}}.tabs{display:flex;align-items:center;gap:2px}.tab{display:flex;background-color:var(--bg-color);border-top-right-radius:6px;border-top-left-radius:6px;cursor:pointer;transition:background-color .3s ease;padding:5px 6px}.tab.active{background-color:var(--opaque-blue-editor)}.tab.active button{color:var(--color-active)}.editor{border:7px solid var(--opaque-blue-editor);border-radius:0 5px 0 0;position:relative}.editor-monaco .view-lines,.editor-monaco .margin-view-overlays{height:min(400px,fit-content)!important}.terminal{border:3px solid var(--opaque-blue-editor);border-top:0;overflow-y:auto;position:relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.terminal.html{height:min(400px,fit-content);overflow-y:auto;border:none}.terminal.only{margin-top:0;border:0;max-height:70vh;border-radius:5px}.terminal.only .editor-footer{margin-top:20px;display:block;position:relative}.terminal.hidden{display:none}.terminal>h5{border-bottom:1px solid #dadada;display:flex;justify-content:space-between;align-items:center;margin:0;font-size:16px}.terminal>pre{background-color:var(--bg-color);border:none;max-width:100%;height:fit-content F;word-break:break-word!important;white-space:pre-wrap}.terminal>pre>code{word-wrap:break-word}.editor-footer{background-color:var(--app-bg-color);position:absolute;bottom:8px;width:calc(100% - 16px);left:8px;border-radius:8px;font-size:12px}.editor-footer .compiler{background-color:var(--color-active);color:#fff!important}.editor-footer .compiler .set-stroke path{stroke:#fff}.editor-footer.UNMODIFIED,.editor-footer.MODIFIED{background-color:var(--modals-bg-color)}.editor .editor-footer.success{background-color:var(--soft-green)}.editor .editor-footer.error{color:#fff!important;background-color:var(--soft-red)}.editor-footer .not-started{display:flex;align-items:center;gap:9px;color:var(--color-active);padding:4px;justify-content:space-between;font-size:12px}.editor-footer .not-started span{font-size:12px}.editor-footer .not-started>div:first-child{display:flex;align-items:center;gap:5px}.editor-footer .footer-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px}.editor-footer .footer-actions>div>button,.editor-footer .footer-actions>button,.editor-footer .footer-actions>div{width:100%;border-radius:4px;display:flex;font-size:12px;justify-content:center;align-items:center;gap:5px;color:var(--color-active)}.editor-footer.success{background-color:var(--soft-green)}.editor-footer.success .footer-actions>button svg path{stroke:var(--color-success)}.editor-footer.success .footer-actions>div>button>svg path{stroke:var(--color-success)}.editor-footer.success .footer-actions>div{color:var(--color-success)}.editor-footer.success .footer-actions>button{color:#000}.editor-footer.success .footer-actions>div>button{color:#000}.editor-footer.success .editor-footer-child .set-path-fill path{fill:var(--color-success)}.editor-footer.success .compiler{background-color:var(--color-success);color:#fff!important}.editor-footer.success .compiler .set-path-fill path{stroke:#fff}.editor-footer.error{background-color:var(--soft-red)}.editor-footer.error .footer-actions>button svg path{stroke:var(--color-fail)}.editor-footer.error .footer-actions>div>button>svg path{stroke:var(--color-fail)}.editor-footer.error .footer-actions>div>button{color:var(--color-fail)}.editor-footer.error .footer-actions>button{color:var(--color-fail)}.editor-footer.error .footer-actions>div{color:var(--color-fail)}.editor-footer.error .editor-footer-child .set-path-fill path{fill:var(--color-fail)}.editor-footer.error .compiler{background-color:var(--color-fail);color:#fff!important}.editor-footer.error .compiler .set-path-fill path{stroke:#fff}.footer-actions button{font-size:15px!important}.app-header{animation:scale-navbar auto linear both;animation-timeline:scroll();animation-range:10px 150px;position:sticky;top:0}.app-header:hover{opacity:1!important}.navbar-component{padding:10px;background-color:var(--bg-color);display:flex;width:100%;transition:all 2s;margin:0 auto;max-width:1145px;justify-content:space-between}.navbar-component>section{display:flex;gap:3px;align-items:center}.navbar-component>section>button,.navbar-component>section>div{border:1px solid var(--color-active);border-radius:5px}.lesson-options{display:flex;align-items:center;background-color:var(--bg-color);margin:0 auto;max-width:1145px;padding:8px;justify-content:space-between}.lesson-options>div{display:flex;gap:10px;align-items:center}.lesson-options button:disabled{opacity:.5;cursor:not-allowed}@keyframes scale-navbar{to{opacity:0}}.feedback-dropdown{position:absolute;width:250px!important;padding:2px;border:1px solid var(--color-active);background-color:var(--modals-bg-color);border-radius:7px;max-width:300px;font-size:var(--font-size-small);display:flex;gap:5px;align-items:baseline!important;z-index:4;flex-direction:column}.feedback-dropdown.up{bottom:103%;right:0}.feedback-dropdown.down{top:103%;left:-75%}.feedback-dropdown>*{width:fit-content}.feedback-dropdown>button{color:var(--color-active);width:100%;padding:7px;text-align:left;display:flex;justify-content:left;align-items:center}.feedback-dropdown>button:hover{background-color:var(--color-blue-opaque)}.feedback-dropdown>p{padding:3px;background-color:var(--bg-color);margin:0;font-size:var(--font-size-mini);color:var(--read-font-color)}.feedback-dropdown>p>a{font-weight:600;color:var(--color-active);cursor:pointer}#feedback-button{min-width:fit-content}.sidebar-component{position:absolute;left:0%;font-size:17px;z-index:2;background-color:var(--sidebar-bg-color);display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width: 768px){.sidebar-component{width:min(100vw - 5px,460px)!important;position:relative;height:calc(100vh - var(--header-height))}.sidebar-component .footer{width:100%;position:fixed;bottom:0}}.sidebar-component section h2{text-align:center;padding:10px;margin-block:0;width:100%}.sidebar-component>section:not(:last-child){display:flex;justify-content:space-between;padding:2px 14px}.sidebar-component .footer{background-color:transparent;position:relative;width:100%;padding:15px;display:flex;align-items:center;justify-content:space-between}.sidebar-component .footer>a{padding:10px;text-decoration:none;color:var(--read-font-color);display:block;border-radius:8px}.sidebar-component .footer>a:hover{background-color:var(--color-hovered)}.sidebar-component .exercise-list{display:flex;flex-direction:column;width:100%;gap:5px;padding:5px;max-height:83vh!important;overflow-y:scroll;width:var(--app-width);margin-inline:auto}.exercise-list .exercise-card{background-color:var(--bg-1);display:flex;padding:5px 10px;cursor:pointer;width:100%;justify-content:space-between;font-size:18px;border-radius:10px;align-items:center;position:relative}.exercise-circle{background-color:var(--bg-1);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#0097cf;padding:10px}.exercise-circle.done{background-color:#0097cf;color:#fff}.sidebar-component .exercise-list .exercise-card:hover{background-color:var(--bg-2)}.sidebar-component .exercise-list .exercise-card:active{background-color:var(--color-blue-opaque);transition:all .3s ease}.sidebar-disappear{animation:disappear-4-right .4s ease 1 forwards}@keyframes appear-4-right{0%{left:101%}to{left:0}}@keyframes disappear-4-right{0%{left:0}to{left:101%}}.bg-blue-opaque{background-color:var(--color-blue-opaque)}.lesson-content{padding-bottom:70px;font-size:20px;padding-inline:16px;line-height:24px}.lesson-content img{margin:5px auto;max-width:750px;display:block}.lesson-content h1{font-size:32px}.lesson-content h2{font-size:25px}.lesson-content h3{font-size:20px}.lesson-content{line-height:2rem}.creator-wrapper{position:relative}.creator-wrapper .display-on-hover{display:none}.creator-wrapper:hover .display-on-hover{display:block}.inverted{transform:scaleY(-1)}.inverted>*{transform:scaleY(-1)}.creator-options{display:flex;border-radius:5px;gap:3px;position:absolute;top:0;left:0;flex-direction:column;z-index:1000}.creator-options-buttons{background-color:var(--color-blue-opaque);width:fit-content;padding:5px;border-radius:5px}.text-in-editor{position:relative}.creator-options-opener{display:none;position:absolute;right:100%;top:5px;z-index:1000;padding:2px;border-radius:5px;background-color:var(--app-bg-color)}.creator-wrapper:hover>.text-in-editor>.creator-options-opener{display:block}.creator-wrapper:hover{background-color:var(--color-blue-opaque);border-radius:2px}.creator-target-content{color:var(--color-success)}.creator-target{border-radius:5px}.code-buttons{background-color:var(--color-blue-opaque);border-top-left-radius:5px;border-top-right-radius:5px;padding-left:10px;padding-right:10px;font-size:12px;color:var(--color-blue-rigo)}.custom-code-block{position:relative}.execution-result{background-color:var(--color-blue-opaque);padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-size:12px;color:var(--color-success)}.katex{font-size:1.2rem;line-height:2rem}.rigo-input{border-radius:5px;font-size:16px;padding:5px;width:min(600px,90vw)!important;display:flex;align-items:center;gap:5px}.rigo-button{background:linear-gradient(132deg,#0fb0fc,#022cc2);border:2px solid white;color:var(--white);opacity:1;border-radius:50%;padding:5px;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-right:-12px;z-index:1}.rigo-textarea{border:0;background:#c8dbfc;font-size:16px;padding:7px;outline:none;width:100%;border-radius:10px;color:#000}.rigo-textarea::placeholder{color:var(--color-blue-rigo)}._button_1y12h_5{background-color:var(--color-blue-rigo);color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center}._icon_1y12h_27{margin-left:.5rem;color:currentColor}._menu_1y12h_37{position:absolute;right:0;margin-top:.25rem;width:15rem;background-color:#dce9ff;border-radius:.25rem;box-shadow:0 2px 8px #0000001a;z-index:100;padding:.5rem 10px}._container_1cky8_1{width:100%;background-color:#e0e0e0;border-radius:4px;overflow:hidden}._filler_1cky8_15{height:100%;background-color:var(--color-blue-rigo);border-radius:4px 0 0 4px;transition:width .3s ease}