:root{--dark:#201f1f;--light:#fff;--primary:#5f05d4;--primary-faded:#5f05d477;--light-neutral:#eee;--light-neutral-faded:#c9c9c977;--mid-neutral:#c9c9c9;--highlight:#49c8e7;--secondary:#0b756b;--highlight-faded:#49c7e777;--sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--serif:charter, Georgia, Cambria, "Times New Roman", Times, serif}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{font-family:var(--sans-serif);color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:12px;position:relative}code,pre{tab-size:4;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.no-margin{margin:0!important}.mt1{margin-top:1em}.mt2{margin-top:2em}.mb1{margin-bottom:1em}.mb2{margin-bottom:2em}.smaller-txt{font-size:.8em}.page-container{margin:5vh 5vw}.progress-container{width:calc(100% - 400px);margin-top:2em}.basic-container{margin-top:2em}.results-container{grid-template-columns:auto 400px;column-gap:1em;display:grid}.settings{background-color:var(--light-neutral);border-radius:12px;padding:.5em}.code-container,.source-code,.code-line,.info-container{position:relative}.code-container{border:solid 1px var(--mid-neutral);grid-template-columns:minmax(min-content,max-content) auto;display:grid;overflow:hidden}h1,h2,.serif{font-family:var(--serif)}pre{overflow:hidden}p,li{line-height:1.5em}.file-filters p{line-height:1em}.centre-align{text-align:center}.screenreader-only{position:absolute;left:-9999px}.small{font-size:.6em;font-style:italic}.custom-btn{cursor:pointer;background-color:var(--mid-neutral);font:inherit;border:none;border-radius:6px;margin-right:1em;padding:.5em}.toggle-button{background:inherit;width:100%;font:inherit;cursor:pointer;text-align:left;border:none;padding:.5em 1em;text-decoration:underline}.toggle-button:hover{color:var(--highlight)}.custom-btn.disabled{pointer-events:none;background-color:var(--light-neutral)}.custom-btn:hover,.custom-btn:focus{background-color:var(--highlight)}input[type=file]{position:absolute;left:-999999px}.button-section{margin:2em 0 1em}.select-container{width:80%;margin-left:10%;margin-right:10%;position:relative}.file-select{appearance:none;background:var(--light);width:100%;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:1px solid var(--mid-neutral);border-radius:.25em;outline:none;padding:.25em .5em;position:relative}.select-container:after{content:"";background-color:var(--mid-neutral);clip-path:polygon(100% 0%,0 0%,50% 100%);pointer-events:none;width:.8em;height:.5em;position:absolute;top:11px;right:11px}.select-container:hover .file-select{border:1px solid var(--highlight)}.select-container:hover:after{background-color:var(--highlight)}input[type=number]{width:100px;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:1px solid var(--mid-neutral);border-radius:.25em;outline:none;margin:0 .6em;padding:.25em .5em;position:relative}.file-select:focus,.input[type=number]:focus{outline:solid 1px var(--primary)}ul.navigation{padding-left:0}.navigation li{border-bottom:solid 6px var(--mid-neutral);margin-right:1em;list-style:none;display:inline-block}.navigation .current{border-bottom:solid 6px var(--primary)}.navigation .active:hover{border-bottom:solid 6px var(--highlight)}.navigation a{color:var(--dark);text-decoration:none}.navigation .inactive>a{color:var(--mid-neutral);pointer-events:none}.file-navigation{grid-template-columns:20px auto 20px;align-items:center;column-gap:1em;display:grid}.step-button{cursor:pointer;background:0 0;border:15px solid #0000;border-width:15px 0;width:0;height:0;padding:0}.prev{border-right:20px solid var(--mid-neutral)}.prev:hover{border-right:20px solid var(--highlight)}.next{border-left:20px solid var(--mid-neutral)}.next:hover{border-left:20px solid var(--highlight)}.prev.inactive,.next.inactive{pointer-events:none}.prev.inactive{border-right:20px solid var(--light-neutral)}.next.inactive{border-left:20px solid var(--light-neutral)}.code-container div.line-number,.code-container div.code-line{height:1.2em;margin-top:1em;padding:0}.line-number{text-align:right;color:var(--mid-neutral);margin:0 .5em}.line-number pre,.code-line pre{margin:0;display:inline}#hidden-pre{visibility:hidden}.code-line{pointer-events:none;min-height:1em}.source-code{overflow-x:scroll}.lines:last-child{margin-bottom:.2em}.highlight,.highlight div{background-color:var(--light-neutral-faded);border:solid 1px var(--light-neutral);cursor:pointer;position:absolute}.highlight-selected,.highlight-selected div{background-color:var(--highlight);border:solid 1px var(--highlight)}.highlight-hover,.highlight-hover div{cursor:pointer;background-color:var(--highlight-faded);border:solid 1px var(--highlight);z-index:100}.highlight.hide,.info-card.hide,.settings .hide{display:none}.highlight.show,.info-card.show,.settings .show{display:inline}.miscon-icon{cursor:pointer}.miscon-icon:hover,.miscon-icon.selected{color:var(--primary)}.symptom-info{font-size:.6em;position:absolute;top:-2.2em}.highlight-selected .symptom-info,.highlight-hover .symptom-info{color:var(--highlight);font-weight:700}#symptom-canvas{display:none}.info-card{background-color:var(--light);border:solid 1px var(--light-neutral);width:100%;box-shadow:0px 0px 5px var(--mid-neutral);cursor:pointer;border-radius:12px;position:absolute;overflow:hidden}.info-card-selected{z-index:1000}.info-card-selected.symptom,.info-card-selected.countersymptom{border-color:var(--highlight)}.info-card-selected.misconception,.info-card-selected.concept{border-color:var(--primary)}.info-card-hover{z-index:1001}.info-card-hover.symptom,.info-card-hover.countersymptom{border-color:var(--highlight)}.info-card-hover.misconception,.info-card-hover.concept{border-color:var(--primary)}.info-header{background-color:var(--light-neutral);padding:.5em 1em}.info-card-selected.symptom .info-header,.info-card-selected.countersymptom .info-header{background-color:var(--highlight)}.info-card-selected.misconception .info-header,.info-card-selected.concept .info-header{background-color:var(--primary);color:var(--light)}.info-body{width:100%;padding:.5em 1em}.info-body pre{width:100%;overflow-x:scroll}.info-card h3{margin:0}.progress-bg{border:solid 1px var(--light-neutral);border-radius:6px;width:100%;position:relative;overflow:hidden}.progress-info{margin:.6em;font-size:.6em;font-style:italic}.progress-fill{background-color:var(--highlight);z-index:-1;height:100%;position:absolute;top:0;left:0}.results-table{border:solid 1px var(--mid-neutral);border-spacing:0}.results-table th{background-color:var(--light-neutral);text-align:left;cursor:pointer}.results-table:not(.no-sort) th:hover{background-color:var(--highlight-faded)}.results-table td{border-top:0;border-left:0;border-right:0;border-bottom:solid 1px var(--light-neutral)}.results-table tr:last-child td{border-bottom:0}.results-table th,.results-table td{padding:.5em 1em}.file-filters{position:inherit;width:400px}.toggle-container{z-index:1001;width:400px;height:2.5em;animation-fill-mode:forwards;position:absolute;overflow:hidden}.filter-container{z-index:-1;width:100%;padding:1em;animation-duration:.5s;animation-fill-mode:forwards;position:absolute}.filter-controls{justify-content:right;width:100%;display:flex}.filter-controls h3{flex-grow:1;margin-top:.5em;margin-bottom:.5em;line-height:1em}.filter-controls .custom-btn:last-child{margin-right:0}.filter-section{border:solid 1px var(--mid-neutral);border-radius:6px;max-height:275px;margin-top:.5em;padding:.5em;overflow-y:scroll}@keyframes pop-out{0%{background-color:var(--light-neutral);box-shadow:0px 0px 5px var(--light-neutral);border-radius:12px}to{background-color:var(--light);box-shadow:0px 0px 5px var(--mid-neutral);border-radius:12px}}@keyframes pop-back{0%{background-color:var(--light);box-shadow:0px 0px 5px var(--mid-neutral);border-radius:12px}to{background-color:var(--light-neutral);box-shadow:0px 0px 5px var(--light-neutral);border-radius:12px}}@keyframes slide-in{0%{top:calc(3.5em - 650px)}to{top:2em}}@keyframes grow{0%{height:2.5em}to{height:calc(860px + 4em)}}@keyframes slide-out{0%{top:2em}to{top:calc(3.5em - 650px)}}@keyframes shrink{0%{background-color:var(--light);box-shadow:0px 0px 5px var(--mid-neutral);border-radius:12px;height:calc(300px + 3.5em)}to{background-color:var(--light);box-shadow:0px 0px 5px var(--mid-neutral);border-radius:12px;height:2.5em}}.filter-container.show{animation-name:slide-in;animation-delay:.25s}.filter-container.hide{animation-name:slide-out}.toggle-container.show{animation-name:pop-out,grow;animation-duration:.25s,.5s;animation-delay:0s,.25s}.toggle-container.hide{animation-name:shrink,pop-back;animation-duration:.5s,.25s;animation-delay:0s,.5s}.tooltip{cursor:pointer;text-decoration:underline;display:inline-block;position:relative}.tooltip:hover{color:var(--highlight)}.tooltip .tooltip-text{visibility:hidden;background-color:var(--light);width:300px;color:var(--dark);text-align:center;border:solid 1px var(--highlight);z-index:10;opacity:0;box-shadow:0px 0px 5px var(--mid-neutral);border-radius:6px;margin-left:10px;padding:0 .5em;text-decoration:none;transition:opacity .3s;position:absolute;bottom:50%;left:100%;transform:translateY(50%)}.tooltip .tooltip-text:after{content:"";border-style:solid;border-width:6px;border-color:transparent var(--highlight) transparent transparent;position:absolute;top:calc(50% - 3px);left:-12px}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}#display-settings{padding:.8em}#display-settings h3{margin-top:0}.settings-section{flex-wrap:wrap;row-gap:.8em;margin-bottom:.8em;display:flex}.full-row{width:100%}