@font-face{font-family:Anonymous Pro;src:url(/microbiology/virtual_biolab/assets/AnonymousPro-Regular-DrhDdRrN.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Anonymous Pro;src:url(/microbiology/virtual_biolab/assets/AnonymousPro-Bold-Cc4At0rI.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Bebas Neue;src:url(/microbiology/virtual_biolab/assets/BebasNeue-Regular-D2CONTwO.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background-color:#faf8e1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;height:100%}.page{min-height:100vh}.header{display:flex;justify-content:flex-start;align-items:center;padding:5% 5% 0% 7%}.logo{height:17vh;width:auto}.content{padding:0 32px 32px;position:relative;min-height:72vh}.startButton{margin-top:20px;padding:12px 40px;font-size:1.5rem;background-color:#ec6526;color:#fff;border:none;border-radius:4%/10%;cursor:pointer;font-family:Bebas Neue,monospace;position:absolute;right:7%;bottom:8%}.petriStage{position:absolute;right:8%;top:10vh;width:33vw;aspect-ratio:1 / 1}.petriClip{position:absolute;inset:0;overflow:hidden;clip-path:circle(42.5% at 50% 50%);background:#faf8e1}.petriFrame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.graphContainer{margin-left:3%;margin-top:4vh;width:60%}.graph{width:60%;height:35vh}.axis{stroke-width:2;stroke:#ec6526}.sliders{position:absolute;bottom:5vh;left:0vw;width:38vw;display:flex;flex-direction:column;max-width:35vw;padding:0% 0% 0% 7%}.sliderUnit{margin-bottom:3vh}.sliderTextHorizontal{display:flex;align-items:center;margin-bottom:1vh}.infoIcon{width:1.5vw;margin-left:1vw;margin-bottom:1vh}.infoWrapper{display:flex}.infoIconText{position:absolute;left:28vw;width:30vw;height:10vh;background-color:#aedacb;color:#216d71;padding:2vh 1vw;border-radius:4px;font-size:2vh;font-family:Anonymous Pro,monospace}.sliderLabel{font-size:2.5vh;margin-bottom:1vh;display:block;font-family:Anonymous Pro,monospace}.slider{-webkit-appearance:none;appearance:none;width:100%;height:2.5vh;border-radius:2%/40%;outline:none;--value: 50%;--track-color: #eee;background:linear-gradient(to right,var(--track-color) 0%,var(--pointer-color) var(--value),var(--track-color) var(--value),var(--track-color) 100%)}.slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:transparent}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--pointer-color);cursor:pointer;margin-top:-7px}.slider::-moz-range-track{height:6px;border-radius:3px;background:var(--track-color)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:red;border:none;cursor:pointer}.slider::-moz-range-progress{background:red;height:6px;border-radius:3px}.slider-orange{--track-color: #f7c063;--pointer-color: #ec6526;color:var(--pointer-color)}.slider-green{--track-color: #c7e8b5;--pointer-color: #20694a;color:var(--pointer-color)}.slider-blue{--track-color: #b5e8d4;--pointer-color: #216d71;color:var(--pointer-color)}.petriSimRoot[data-v-4605e9ed]{position:relative;width:100%;height:100%}.petriSimCanvas[data-v-4605e9ed]{width:100%;height:100%}.petriSimFallback[data-v-4605e9ed]{position:absolute;inset:0;display:grid;place-items:center;color:#000000b3;font-weight:700;letter-spacing:.02em;background:#faf8e1d9}