/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html,body{width:100%;height:100%;overflow:hidden;-webkit-touch-callout:none}#video_overlay{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;opacity:0;overflow:hidden}#video,#dots_wrapper,#screenshot-img{width:100%;max-height:100%;position:absolute;top:0;bottom:0;left:50%;right:0;margin:auto;transform:translate(-50%) var(--transform-scale) var(--transform-rotate);--transform-scale: scale(1);--transform-rotate: rotateY(180deg)}.logo{height:42px;margin-top:9px}#header{background-color:#333;height:60px;width:100%;text-align:center}#wrapper{height:calc(100% - 60px);position:relative;background-color:#000}.face_tracker_out{position:absolute;bottom:0;left:0;right:0;margin:auto auto 80px;max-width:900px;max-height:200px;background-size:100% 100%}.emotion{position:absolute;opacity:0;transform:translate(-50%,50%);color:#fff;font-size:36px;text-align:center;font-weight:700;font-family:Montserrat,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.7)}#screenshot-btn{position:absolute;bottom:50px;left:50%;z-index:1000;background-color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transform:translate(-50%);width:80px;height:80px}#screenshot-btn .inner-circle{width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:0 0 0 2px #0003}#screenshot-btn:active{transform:scale(.8) translate(-50%)}.hidden{display:none!important}#screenshot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}#screenshot-overlay img.overlay-img{max-width:90%;max-height:70%;box-shadow:0 4px 20px #00000080}#screenshot-overlay .btn-container{margin-top:20px;display:flex;justify-content:center;gap:10px}#screenshot-overlay .overlay-button{padding:10px 20px;cursor:pointer}#cameraSwitch{position:absolute;bottom:50px;right:27.5px;display:none;height:40px;-webkit-touch-callout:none}#cameraSwitch:active{transform:scale(.8)}#range_select{color:#fff;position:absolute;bottom:20px;left:20px;display:none}#zoom{width:65px;display:inline-block;height:40px}#zoom_plus{width:40px;height:40px;display:inline-block;cursor:pointer;margin-left:5px;-webkit-touch-callout:none}#zoom_minus{margin-right:5px;width:40px;height:40px;display:inline-block;cursor:pointer;-webkit-touch-callout:none}#global-error{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;background-color:#00000080}#refresh-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px 30px;font-size:16px;background-color:#0078d7;color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:9999}.dot{width:3px;height:3px;background-color:green;border-radius:50%;position:absolute;border:1px solid black;transform:translate(-50%,50%)}.disclaimer{position:absolute;top:50%;left:50%;padding:40px;background-color:#8a8a8ae6;color:#fff;font-family:Roboto,sans-serif;max-width:calc(95% - 80px);z-index:20000;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translate(-50%)}.disclaimer .logo{height:40px}.disclaimer .title{font-size:22px}.disclaimer .txt{font-size:17px}.disclaimer .btn{margin-left:50%;transform:translate(-50%);border:2px solid white;border-radius:2px;color:#fff;font-size:24px;padding:10px;width:150px;text-align:center;margin-top:50px}.disclaimer .btn:hover{cursor:pointer;background-color:#fff;color:#000}input[type=range]{-webkit-appearance:none;width:100%;margin:7.3px 0;background-color:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px #0000,0 0 1px #0d0d0d00;background:#7d7d7d;border-radius:25px;border:0px solid rgba(1,1,1,0)}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #00000080,0 0 1px #0d0d0d80;border:4.5px solid #ffffff;height:23px;width:23px;border-radius:50px;background:#7d7d7d;cursor:pointer;-webkit-appearance:none;margin-top:-7.3px}input[type=range]:focus::-webkit-slider-runnable-track{background:#808080}input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px #0000,0 0 1px #0d0d0d00;background:#7d7d7d;border-radius:25px;border:0px solid rgba(1,1,1,0)}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #00000080,0 0 1px #0d0d0d80;border:4.5px solid #ffffff;height:23px;width:23px;border-radius:50px;background:#7d7d7d;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.4px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#7a7a7a;border:0px solid rgba(1,1,1,0);border-radius:50px;box-shadow:1px 1px 1px #0000,0 0 1px #0d0d0d00}input[type=range]::-ms-fill-upper{background:#7d7d7d;border:0px solid rgba(1,1,1,0);border-radius:50px;box-shadow:1px 1px 1px #0000,0 0 1px #0d0d0d00}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #00000080,0 0 1px #0d0d0d80;border:4.5px solid #ffffff;height:23px;width:23px;border-radius:50px;background:#7d7d7d;cursor:pointer;height:8.4px}input[type=range]:focus::-ms-fill-lower{background:#7d7d7d}input[type=range]:focus::-ms-fill-upper{background:#808080}.loader-overlay{position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-overlay>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.loader-spinner{border:6px solid #fff;border-top:6px solid #ff9800;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;box-shadow:0 0 16px 2px #ff9800aa;margin:0 auto}.loader-text{color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;margin-top:18px;text-align:center;letter-spacing:1px;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}