#tech-test{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;width:90%;max-width:600px;max-height:100vh;overflow-y:auto}#tech-test header{background-color:#9b51e0;grid-area:header;border-top-left-radius:5px;border-top-right-radius:5px;padding:20px;position:relative;display:flex;align-items:center;justify-content:space-between;color:#000}#tech-test header h2{line-height:0}#tech-test header .close{float:right;border:none;background:none;cursor:pointer}#tech-test .content{background-color:#fff;padding:1em}#tech-test .webcam-stream{text-align:center;display:flex;align-items:center;justify-content:center}#tech-test .webcam-stream video{width:200px;height:200px;border-radius:50%;-o-object-fit:cover;object-fit:cover}#tech-test .webcam-stream i{position:absolute;font-size:8em}#tech-test .MuiSelect-select{padding:.5em}#tech-test .test{grid-template-columns:1fr 4fr 1fr;display:grid;width:100%;grid-gap:.5em;padding-bottom:1em}#tech-test .test .icon{text-align:right}#tech-test .test i{place-self:center}#tech-test .fa-times-circle{color:red}#tech-test .fa-check-circle{color:green;animation:grow .25s ease-in}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}#tech-test .speaker-check,#tech-test .browser{text-align:center}#tech-test .speaker-check button,#tech-test .browser button{margin:.2em}#tech-test .network{text-align:center}#tech-test .volume-meter{display:flex;-moz-column-gap:.2em;column-gap:.2em}#tech-test .volume-meter .filled{width:10%}#tech-test .volume-meter .filled-0{background:#f4a41d80}#tech-test .volume-meter .filled-1{background:#f4a41d8c}#tech-test .volume-meter .filled-2{background:#f4a41d99}#tech-test .volume-meter .filled-3{background:#f4a41da6}#tech-test .volume-meter .filled-4{background:#f4a41db3}#tech-test .volume-meter .filled-5{background:#f4a41dbf}#tech-test .volume-meter .filled-6{background:#f4a41dcc}#tech-test .volume-meter .filled-7{background:#f4a41dd9}#tech-test .volume-meter .filled-8{background:#f4a41de6}#tech-test .volume-meter .filled-9{background:#f4a41df2}#tech-test .error{border:2px solid coral;background-color:#d3d3d3;padding:1em;margin:.1em}#tech-test .error .close{float:right;border:none;background:none;cursor:pointer}#tech-test .complete-button{text-align:center}#tech-test .contact-us{font-style:italic;margin:1em;font-size:.9em}#tech-test .flag-14{max-width:14px;vertical-align:middle}#tech-test .skip-test{text-align:center;margin:.2em}#tech-test .skip-test button{color:#2f4f4f;background-color:transparent;border:none;font-size:.9em;font-style:italic;cursor:pointer}#tech-test .skip-test button[disabled]{cursor:not-allowed}#tech-test button[disabled]{color:revert}