:root{line-height:1.5;font-weight:400;font-family:Lucida Console,monospace;font-size:16px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;display:flex;flex-direction:column;font-family:Lucida Console,monospace;color:#dcdcdc;background-color:#1e1e1e;overflow:auto;flex:1}h1,h2,h3,h4{font-family:Courier,monospace;font-weight:700;margin-top:20px;margin-bottom:10px;color:#fff}h1{font-size:3.2em;line-height:1.1;margin:5px 0 3px;display:inline-block}h2{font-size:2rem;margin-top:20px}h3{font-size:1.5rem}h4{font-size:1.25rem}p{font-family:Lucida Console,monospace;font-size:1.3rem;margin-bottom:15px}a{font-family:Lucida Console,monospace;color:#ff0;text-decoration:none}a:hover{text-decoration:underline}figcaption{font-family:Lucida Console,monospace;font-size:.875rem;color:#aaa;text-align:center;margin-top:5px}a:hover{color:#fff}.instruction{padding-top:40px}#navLinks{display:none}nav{display:flex;justify-content:space-between;align-items:center;position:relative}#navLinks li a{display:block;padding:8px 12px;text-decoration:none;color:#ff0}#navLinks a[aria-current=page]{display:block;padding:8px 12px;text-decoration:none;color:#ffb300}#navLinks a[aria-current=page]:hover{display:block;text-decoration:none;color:#ffb300;cursor:none!important}#navLinks a:hover{background-color:#333;color:#fff}li.external,li.internal{margin:0;padding:0}#navLinks li.external a,#navLinks li.internal a{margin:0 0 0 15px;padding:0}.section-title{margin-bottom:5px}.section-title{margin-top:20px}li.section-title:first-child{margin-top:10px}#navLinks>li:nth-child(9)>a{margin-bottom:15px}#navLinks.active{display:block;position:absolute;top:50px;right:0;background-color:#333;padding:10px;width:200px}@media (max-width: 768px){nav{flex-direction:row;justify-content:flex-end}#navLinks.active{display:block;width:100%}#navLinks li{text-align:center}}.app{display:flex;flex-direction:column;height:100%;width:100%;padding:0 50px}main li{font-family:Lucida Console,monospace;font-size:1.3rem;margin-bottom:15px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.tabs{display:flex;list-style-type:none;padding:0;margin:0}.tab{margin-right:10px;margin-bottom:0}.tab a{display:flex;align-items:center;padding:10px;text-decoration:none;color:#fff;background-color:#333;border-radius:5px}.tab a:hover,.tab a[aria-selected=true]{background-color:#555}.tab img{margin-right:8px;width:20px;height:20px}.tab-content[aria-hidden=true]{display:none}.tab-content[aria-hidden=false]{display:flex;flex-direction:column;height:100%;width:100%;flex-grow:1}section .tab-content{display:flex;flex-direction:column;height:100%;width:100%;flex-shrink:0}.code-sections{display:flex;justify-content:space-between;gap:20px;width:100%;height:100%}.code-section{flex-grow:1;border-radius:12px;padding:0 30px;height:100%}.files{flex-grow:0}ul{list-style-type:none;padding:0}ul li{margin-bottom:10px}.hamburger-menu{font-size:30px;cursor:pointer;color:#fff}#navLinks{display:none;list-style:none;padding:0 0 0 10px}#navLinks.active{display:block;position:absolute;background-color:#333;width:200px}ul#navLinks{z-index:999}header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;flex-shrink:0}footer{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:10px;background-color:#333;color:#fff;text-align:center;flex-shrink:0;border-radius:12px}footer section{display:flex;flex-direction:column;justify-content:center}footer h3{font-size:1.2rem;margin-bottom:10px}footer p{margin:5px 0}footer span{font-weight:700}main{flex-grow:1;overflow:hidden}#program,#about,#code{padding-bottom:65px}section{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.tab-content #about,.tab-content #program .tab-content #code-section{display:flex;flex-direction:column;flex:1}.tab-content #code{display:flex;flex:1}.scrollable-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;height:calc(100vh - (100vh - 257px));border:1px solid white;border-radius:12px;padding:15px 30px}.scrollable-content-code{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;height:calc(100vh - (100vh - 300px));border:1px solid white;border-radius:12px;padding:15px 30px}.container{max-width:1200px;margin:0 auto;padding:0 20px;height:calc(100vh - 100px);width:100%}footer h3{margin:0}pre{padding-left:15px}.runner-shell{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px}.runner-frame{width:100%;height:100%;border:0;flex:1;min-height:0}.runner-fallback{font-size:.9rem;opacity:.8}@media (max-width: 550px){html,body{height:100%}body{overflow:hidden}body:before{content:"Den här sidan är inte tillgänglig på mobila enheter.";position:fixed;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;background:#111;color:#fff;z-index:2147483647;font:600 1rem/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}}