@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}:root{--bg-primary: #00153a;--bg-petri: #00153a;--color-start-button: #00FF85;--color-graph-axes: #ffffff;--color-info-bg: #00C6FF;--color-info-text: #00153a;--color-sliders-text: #ffffff;--color-fallback: #469a18;--slider-rotating-speed-track: #012a72;--slider-rotating-speed-pointer: #00C6FF;--slider-PH-track: #012a72;--slider-PH-pointer: #FF7BBA;--slider-oxygen-track: #012a72;--slider-oxygen-pointer: #00FF85;--slider-red-track: #012a72;--slider-red-pointer: #ff0000;--slider-temp-track: #012a72;--slider-temp-pointer-min: #ffe000;--slider-temp-pointer-max: #ff0000;--petri-frame-color: #ffffff;--bg-petri-blob: #20694A}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background-color:var(--bg-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.page{background-image:url(/microbiology/virtual_biolab/assets/background5-BAf_dXBO.svg);background-size:cover;background-position:center;background-repeat:no-repeat}#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:var(--color-start-button);color:var(--bg-primary);border:none;border-radius:4%/10%;cursor:pointer;font-family:Bebas Neue,monospace;position:absolute;right:7%;bottom:8%}.petriStage{position:absolute;right:6.5%;top:10vh;width:34vw;aspect-ratio:1 / 1}.petriClip{position:absolute;inset:0;overflow:hidden;clip-path:circle(42.5% at 50% 50%);background:#00153a}.petriFrame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.petriSimRoot{position:relative;width:100%;height:100%}.petriSimCanvas{width:100%;height:100%}.petriSimFallback{position:absolute;inset:0;display:grid;place-items:center;color:#000000b3;font-weight:700;letter-spacing:.02em;background:var(--bg-primary)}.graphContainer{margin-left:3%;margin-top:4vh;width:60%}.graph{width:60%;height:35vh}.axis{stroke-width:2;stroke:var(--color-graph-axes)}.sliders{position:absolute;bottom:5vh;left:0vw;width:50vw;display:flex;flex-direction:row;max-width:60vw;padding:0% 0% 0% 7%}.slidersHorizontal{width:30vw}.sliderUnitVertical{height:30vh;margin-left:5vw}.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:var(--color-info-bg);color:var(--color-info-text);padding:2vh 1vw;border-radius:4px;font-size:2vh;font-family:Anonymous Pro,monospace;z-index:10}.sliderLabel{font-size:2.5vh;margin-bottom:1vh;display:block;font-family:Anonymous Pro,monospace;color:var(--color-sliders-text)}.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-vertical{transform:rotate(270deg);transform-origin:center;width:18vh;height:2.5vh;margin:0}.verticalSliderContainer span{color:var(--color-sliders-text);font-size:1.5vh;font-family:Anonymous Pro,monospace}.verticalSliderContainer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:24vh;width:6vh}.slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:transparent}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:2.5vh;height:2.5vh;border-radius:50%;background:transparent;cursor:pointer;margin-top:-.9vh}.slider::-moz-range-track{height:6px;border-radius:3px;background:var(--track-color)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:transparent;border:none;cursor:pointer}.slider::-moz-range-progress{background:var(--pointer-color);height:6px;border-radius:3px}.slider-rotating-speed{--track-color: var(--slider-rotating-speed-track);--pointer-color: var(--slider-rotating-speed-pointer);color:var(--pointer-color)}.slider-PH{--track-color: var(--slider-PH-track);--pointer-color: var(--slider-PH-pointer);color:var(--pointer-color)}.slider-oxygen{--track-color: var(--slider-oxygen-track);--pointer-color: var(--slider-oxygen-pointer);color:var(--pointer-color)}.petriSimRoot[data-v-7ea5de77]{position:relative;width:100%;height:100%}.petriSimCanvas[data-v-7ea5de77]{width:100%;height:100%}.petriSimFallback[data-v-7ea5de77]{position:absolute;inset:0;display:grid;place-items:center;color:#000000b3;font-weight:700;letter-spacing:.02em;background:var(--bg-primary)}.sliderContainer[data-v-91a16359]{display:flex;align-items:center;margin-top:1vh}.sliderMin[data-v-91a16359],.sliderMax[data-v-91a16359]{font-size:1.5vh;color:var(--color-sliders-text);font-family:Anonymous Pro,monospace;margin:0 .5rem}.slider[data-v-91a16359]{flex:1}