body{margin:0;background-color:var(--background)}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}@font-face{font-family:BitPotion;src:url(./BitPotion.ttf)}@font-face{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-synthesis-weight:auto;font-style:normal;src:url(./Montserrat-VariableFont_wght.ttf)}@font-face{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-synthesis-weight:auto;font-style:italic;src:url(./Montserrat-Italic-VariableFont_wght.ttf)}#root{width:100vw;height:100vh;font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: #fdfdfd;--on-background: #2a2a2a;--container-primary: #f5f5f5;--container-on-primary: #2a2a2a;--container-secondary: #eeeeee;--container-on-secondary: #333333;--accent-primary: #f0bb2d;--accent-secondary: #b0964d;--on-accent: #fdfdfd;--text-primary: #1e1e1e;--text-secondary: #555555;--text-caption: #888888;--logo-accent-colour: #f0bb2d;--logo-outline-colour: #fdfdfd;--logo-background-colour: #020110}#root-navigator{width:100vw;height:100vh;overflow:hidden}.checkbox-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;padding:4px 8px}.checkbox-container>.checkbox-info{display:flex;flex-direction:column}.checkbox-container>input{cursor:pointer}.label{margin:4px 8px}h1.label,h2.label,h3.label,h4.label,p.label{margin:0}.label.caption{font-weight:600;font-size:1em;color:var(--text-caption)}.label.footnote{font-weight:500;font-size:1em;color:var(--text-caption)}.config-uploader-container{display:flex;flex-direction:row;justify-content:left;column-gap:16px}.button{max-width:max-content;padding:12px 16px;margin:0;cursor:pointer;border:none;border-radius:12px;font-weight:500;font-size:1.4em;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button.primary{color:var(--container-on-primary);background-color:var(--container-primary)}.button.primary:hover{color:var(--on-accent);background-color:var(--accent-primary)}.button.secondary{color:var(--container-on-secondary);background-color:var(--container-secondary)}.button.secondary:hover{color:var(--on-accent);background-color:var(--accent-secondary)}.button>img.left-icon{width:20px;margin-right:10px}.button:hover>img.left-icon{filter:invert(100%);-webkit-filter:invert(100%)}.html-content-card{padding:2px 16px;border-radius:12px;color:var(--container-on-primary);border-style:solid;border-width:4px;border-color:var(--container-primary);overflow:hidden}.html-content-card>.row-heading{margin:12px 0 0;font-weight:700;font-size:1.4em;overflow-wrap:break-word;word-break:normal;display:flex}.html-content-card>.row-heading>.id{min-width:max-content;margin:0;font-weight:700;font-size:1.4em;overflow-wrap:break-word;word-break:normal;padding-left:12px;padding-right:12px;border-radius:4px;background-color:var(--container-secondary)}.html-content-card>.row-heading>.title{width:max-content;margin:0 0 0 12px;font-weight:700;font-size:1.4em;overflow-wrap:break-word;word-break:normal;padding-left:12px;padding-right:12px;border-radius:4px;background-color:var(--container-secondary)}.html-content-card>.description{margin:12px 0 0;overflow-wrap:break-word;word-break:normal;text-align:justify;font-size:1.2em}.html-content-card>.description>*>span.highlight{font-weight:600;color:var(--logo-accent-colour)}.line-numbered-textarea{--default-font-size: 16px;--default-line-height: 26px;--default-border-radius: 16px;width:100%;margin:0;overflow:hidden;border-width:4px;border-color:var(--container-primary);border-radius:12px;position:relative;display:flex;flex-direction:row}.line-numbered-textarea>.lines-container{flex-basis:56px;padding:0;margin:0;list-style-type:none;font-family:monospace;font-size:var(--default-font-size);line-height:var(--default-line-height);background-color:var(--container-primary);padding-bottom:var(--default-font-size)}.line-numbered-textarea>.lines-container:focus-visible{outline:none}.line-numbered-textarea>.lines-container>ul.lines-counter{padding:0;margin:0;list-style-type:none;font-family:monospace;font-size:var(--default-font-size);line-height:var(--default-line-height);display:flex;flex-direction:column;justify-content:center;align-items:right;text-align:right}.line-numbered-textarea>.lines-container>ul.lines-counter:focus-visible{outline:none}.line-numbered-textarea>.lines-container>.lines-counter>li.line{padding-left:4px;padding-right:4px;color:var(--container-on-primary);font-family:monospace;font-size:var(--default-font-size);line-height:var(--default-line-height);font-weight:500}.line-numbered-textarea>.textarea{flex:1;padding:0;margin:0 0 0 4px;resize:none;font-family:monospace;font-size:var(--default-font-size);line-height:var(--default-line-height);background-color:transparent;border:none;outline:none;overflow-x:scroll;overflow-y:hidden}.line-numbered-textarea>.textarea::-webkit-scrollbar{width:var(--default-font-size);height:var(--default-font-size);background-color:transparent}.line-numbered-textarea>.textarea::-webkit-scrollbar-thumb{background:var(--container-secondary);background-clip:content-box;border:4px solid transparent;border-radius:8px}.line-numbered-textarea>.textarea::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);background-clip:content-box;border:4px solid transparent;border-radius:8px}.line-numbered-textarea>.textarea::-webkit-scrollbar-thumb:active{background:var(--accent-primary);background-clip:content-box;border:4px solid transparent;border-radius:8px}.line-numbered-textarea>.textarea:focus-visible{outline:none}.line-numbered-textarea>.controls{position:absolute;right:0;bottom:0;margin:12px}.drag-handler{width:8px;height:100%;position:relative;display:block}.drag-handler>.background{width:6px;position:absolute;inset:0;margin:auto;background-color:var(--container-secondary);transition:height .3s ease,border-radius .3s ease}.drag-handler>.background.collapsed{height:20%;border-radius:32px;cursor:col-resize}.drag-handler:hover>.background.collapsed{height:100%;border-radius:0}.drag-handler:active>.background.collapsed{height:100%;border-radius:0}.drag-handler>.background.expanded{height:100%;cursor:not-allowed}.game-controls-layout{display:none!important;position:absolute;left:16px;right:16px;bottom:16px;padding:8px;display:flex;background-color:red;border-radius:12px}.game-interactive-container{width:100%;height:100%;display:flex;flex-direction:column;padding:8px;position:relative}#game-container{width:100%;height:100%;overflow:hidden}.panel-interactive-container{width:100%;display:flex;flex-direction:column;padding:8px;row-gap:8px;overflow-y:auto}.panels-container{width:100%;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:row}.panels-container>.panel{height:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.panels-container>.resizer{max-width:32px;height:100%}.info-footer-root{z-index:1}.info-footer-popup{max-width:400px;position:relative;left:72px;width:max-content;height:max-content;display:flex;flex-direction:column;padding:12px 16px;row-gap:4px;border-radius:16px;color:var(--container-on-primary);background-color:var(--container-primary)}.info-footer-popup>.title{margin:16px 16px 8px;font-size:1.2em;font-weight:600}.info-footer-popup>.common-container{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 24px}.info-footer-popup>.link>.logo{height:28px}.info-footer-popup>.link>.logo.small{height:20px}.info-footer-popup>.link>.text{margin-left:16px;font-weight:500;font-size:1.1em;text-wrap:wrap}.info-footer-popup>.link>.text.small{font-size:1em}.info-footer-popup>.link{width:max-content;margin:4px;color:var(--container-on-secondary);background-color:var(--container-secondary);border-radius:16px;text-decoration:none}.info-footer-popup>.link:hover{color:var(--container-on-secondary);background-color:var(--container-secondary);outline-style:solid;outline-width:2px;outline-color:var(--container-on-secondary)}.info-footer-popup .ri{max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:16px 24px}.info-footer-popup * .in-collaboration{margin-bottom:10px;font-weight:800}.info-footer-popup * .logo-ri{width:212px;height:auto}.icon{aspect-ratio:1}.icon.square{width:64px;padding:16px;border-radius:16px;background-color:var(--container-primary)}.popup-layout{position:relative}.popup-layout>.popup{visibility:hidden;width:max-content;height:max-content;position:absolute}.popup-layout:hover>.popup{visibility:visible;-webkit-animation:fadeIn .5s;animation:fadeIn .5s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo-popup{z-index:1;--logo-size: 64px}.logo-popup>img.logo-image{width:var(--logo-size);height:var(--logo-size);background-color:var(--logo-background-colour);border-radius:16px;object-fit:cover}.logo-popup-content{position:relative;left:calc(var(--logo-size) + 8px);width:max-content;height:max-content;display:flex;flex-direction:column;padding:12px 16px;border-radius:16px;color:var(--logo-outline-colour);background-color:var(--logo-background-colour)}.logo-popup-content>.title{font-weight:800;font-size:1.2em}.logo-popup-content>.title>span.highlight{color:var(--logo-accent-colour)}.logo-popup-content>.subtitle{font-weight:500;font-size:.9em;margin-top:4px}.logo-popup-content>.popup-tags{width:max-content;display:flex;flex-direction:row;margin-top:12px;row-gap:4px;column-gap:4px}.logo-popup-content>.popup-tags .tag{padding:4px 8px;border-radius:32px;font-weight:700;font-size:.8em;color:var(--logo-background-colour);background-color:var(--logo-outline-colour)}.logo-popup-content>.popup-tags .tag.highlight{background-image:linear-gradient(111.4deg,#ee7171 1%,#f6d794 58%)}.logo-popup-content>.footer{font-weight:500;font-style:italic;font-size:.9em;margin-top:16px}.logo-popup-content>.footer>a{color:var(--logo-outline-colour)}.min-screen-size-overlay-banner{width:100%;height:100%;color:var(--logo-outline-colour);background-color:var(--logo-background-colour);display:flex;flex-direction:column;align-items:center;justify-content:center}.navigation-rail{width:100%;height:100%;padding-top:16px;padding-bottom:16px;display:flex;flex-direction:column;justify-content:space-between}.navigation-rail>.header{display:block;margin:0 auto}.navigation-rail>.icons{display:block;margin:8px auto;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;background:linear-gradient(#fff 30%,#fff0) center top,linear-gradient(#fff0,#fff 70%) center bottom,radial-gradient(farthest-side at 50% 0,#0003,#0000) center top,radial-gradient(farthest-side at 50% 100%,#0003,#0000) center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.navigation-rail>.footer{display:block;margin:0 auto}.exercise-list{display:flex;flex-direction:column;row-gap:10px;overflow:auto}.text-toggle{width:64px;height:64px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:16px;position:relative;overflow:hidden;cursor:pointer;border-style:solid;border-width:0px;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:border-width .3s ease}.text-toggle:hover,.text-toggle.checked{border-width:3px}.text-toggle>.content{font-weight:800;font-size:1.6em}.text-toggle>.background{width:110px;height:110px;position:absolute;background-repeat:space space;background-size:24px;transform:rotate(17deg)}.text-toggle.primary{border-color:var(--container-on-primary);background-color:var(--container-primary);color:var(--container-on-primary)}.text-toggle.primary>.background{opacity:10%}.text-toggle.secondary{border-color:var(--container-on-secondary);background-color:var(--container-secondary);color:var(--container-on-secondary);cursor:not-allowed}.text-toggle.secondary:hover{border-width:0px}.text-toggle.secondary>.background{opacity:10%}.text-toggle.accent{border-color:var(--accent-secondary);background-color:var(--accent-primary);color:var(--on-accent)}.text-toggle.accent>.background{opacity:30%;filter:invert(100%);-webkit-filter:invert(100%)}.sidebar-layout{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center}.sidebar-layout>.sidebar-rail{flex:0 0 96px;display:flex;flex-direction:row;justify-content:space-between}.sidebar-layout>.content{flex:1 1 0;overflow:auto}.window{width:fit-content;height:fit-content;border-style:solid;border-radius:16px;border-color:var(--container-primary);background-color:var(--logo-background-colour);margin:32px;padding:64px 32px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:16px;position:relative}.window>.fake-controls{display:flex;flex-direction:row;position:absolute;top:8px;left:12px;column-gap:8px}.window>.fake-controls>.control{width:12px;height:12px;border-radius:12px}.window>.fake-controls>.red{background:#ff5c5c}.window>.fake-controls>.orange{background:#ffbd4c}.window>.fake-controls>.green{background:#00ca56}@media only screen and (min-width: 1250px){.min-screen-size-overlay-banner{display:none}}.window>img{max-width:256px;max-height:256px}.window>p{font-weight:600;font-size:1.6em;text-align:center}