@import"https://fonts.googleapis.com/icon?family=Material+Icons";.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.ttf)}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Bold.ttf);font-weight:700}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Italic.ttf);font-style:italic}:root{--heart-color: rgb(179, 7, 47);--breath-color: rgb(47, 164, 144);--blood-pressure-color: rgb(179, 7, 47);--spO2-color: rgb(47, 164, 144);--util-gray-dark: #363636}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%;width:100%}#root{height:100%}*{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.emscripten{padding-right:0;margin-left:auto;margin-right:auto;display:block;width:100%}.canvas-front-container{height:100%}.main-container{height:100%;position:relative;font-family:Josefin Sans,sans-serif;font-family:Poppins,sans-serif}.vitals-measurements-container{display:flex;flex-direction:column;position:absolute;left:0;right:0;bottom:0;max-width:500px;margin-left:auto;margin-right:auto}.vitals-measurements-row{display:flex}.vitals-measurement-outer-wrapper{border-radius:15px;margin:5px;position:relative}.vitals-measurement-background{border-radius:30px;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;z-index:1}.vitals-measurement-inner-wrapper{position:relative;z-index:2}.circular-progress-wrapper{height:50px;width:50px;margin-left:auto;margin-right:auto}.center-text{text-align:center}.label-text{font-size:16px}.flex-vertical-centered{display:flex;flex-direction:column;align-items:center}.red-text{color:#b3072f}.green-text{color:#2fa490}div.emscripten{text-align:center}canvas.emscripten{border:0px none;background-color:#000}.button{font-size:3em;z-index:1}#toggleRearCameraBtn{margin:0;position:absolute;bottom:0;-ms-transform:translate(0%,-50%);transform:translateY(-50%)}.center{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.center-top{margin:0;position:absolute;top:20px;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.center-bottom{margin:0;position:absolute;bottom:0;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.center-bottom-high{margin:0;position:absolute;bottom:40px;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.num-input{width:40px;text-align:right}#notification{color:#fff;font-size:3em;word-wrap:normal;width:fit-content}#rearCanvasContainer{position:absolute;top:300px}#canvasFront{-webkit-transform:scaleX(-1);transform:scaleX(-1);height:100%;width:100%;object-fit:cover}#version-text{position:absolute;color:#fff;font-size:1.5em;right:15px;top:15px}#progressCircles{visibility:visible}#optionsContainer{position:absolute;bottom:0;left:0;background-color:#000;border-color:#fff;border-width:2px;border-style:solid;padding:5px}#optionsTitle{font-size:1.5em;margin-right:auto;margin-left:auto;text-align:center}#hrContainer,#brContainer,#bpContainer,#spO2Container{width:200px}#hrContainer{top:120px}#brContainer{top:380px}#bpContainer{top:640px}#spO2Container{top:900px}#heartRate,#breathRate,#bloodPressure,#spO2{font-weight:700}#hrSNR,#brSNR{font-size:20px;font-weight:700}#heartRate,#hrSNR{color:var(--heart-color)}#breathRate,#brSNR{color:var(--breath-color)}#bloodPressure{color:var(--blood-pressure-color)}#spO2{color:var(--spO2-color)}#hrLabel,#brLabel,#bpLabel,#spO2Label{font-weight:700}#hrLabel{color:var(--heart-color)}#brLabel{color:var(--breath-color)}#bpLabel{color:var(--blood-pressure-color)}#spO2Label{color:var(--spO2-color)}#scores{margin:0;position:absolute;top:15px;left:15px;font-size:1.5em;color:red;width:100%}#scores input{background-color:transparent;border-width:0;color:red;font-size:1em;width:60%}#banner{position:relative;display:inline-block;background-color:#000;border-radius:1px;border-color:#fff;border-style:solid;top:1em;padding-left:20px;padding-right:10px;color:red;font-size:4em;text-align:center;width:auto}#banner input{background-color:transparent;border-width:0;color:red;font-size:1em;width:1.1em}#countdownContainer{width:100px;height:100px;visibility:visible}#timeProgressCircle{width:100px;height:100px}#timeLeftText{color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;font-weight:700}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:30px}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#loader{border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid gray;width:28px;height:28px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;float:right}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}