:root{--vvh:100vh;--stage-header-height:calc(47 * var(--workspace-scale));--workspace-width:min(100vw, 600px, calc(var(--vvh) * 390 / 891));--workspace-height:calc(var(--workspace-width) * 844 / 390);--container-width:calc(var(--workspace-width) * (150 / 390));--container-height:calc(var(--container-width) * (40 / 150));--camera-height:calc(var(--workspace-width) * 4 / 3);--camera-top:calc(var(--workspace-width) * 18 / 390);--workspace-scale:calc(var(--workspace-width) / 390);--state-fail:#d32f2f;--state-marginal:#f9a825;--state-pass:#39b54a;--slider-oval-fail:var(--state-fail);--slider-oval-initial:#f15a24;--slider-oval-success:#39b54a;--progress-dot:#d2d2d2;--progress-dot-active:var(--state-pass);--progress-text:#3f3f3f;--dark-text:#ced4da;--light-text:#3f3f3f}@supports (height:100dvh){:root{--vvh:100dvh}}.stage{width:var(--workspace-width);height:calc(var(--stage-header-height) + var(--workspace-height));flex-direction:column;max-width:600px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-header{height:var(--stage-header-height);z-index:10;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.stage-body{flex:auto;min-height:0;position:relative}.workspace{isolation:isolate;position:absolute;inset:0}.camera,#canvas{z-index:1}.workspace[style*=--workspace-art]:after{content:"";background:var(--workspace-art) top center / contain no-repeat;pointer-events:none;z-index:2;position:absolute;inset:0}@media (width>=600px){.workspace[style*=--workspace-art]:before{content:"";border:calc(2 * var(--workspace-scale)) solid #6f8b91;border-radius:calc(29 / 3 * var(--workspace-scale));pointer-events:none;z-index:3;position:absolute;inset:0}}.face-mask{top:var(--camera-top);width:var(--workspace-width);height:var(--camera-height);pointer-events:none;z-index:2;background:url(/images/v3/Face-Mask.png) 0 0/100% 100% no-repeat;position:absolute;left:0}.frame-markers{top:calc(var(--camera-top) + 109.16 * var(--workspace-scale));width:calc(356.67 * var(--workspace-scale));height:calc(346.67 * var(--workspace-scale));pointer-events:none;z-index:3;position:absolute;left:50%;transform:translate(-50%)}.eye-line{height:calc(1.73 * var(--workspace-scale));pointer-events:none;z-index:3;top:calc(var(--camera-top) + 254 * var(--workspace-scale));width:calc(118.33 * var(--workspace-scale));background:#fff;position:absolute;left:50%;transform:translate(-50%)}#active_line_sec{width:var(--container-width);height:var(--container-height);border-radius:calc(.5 * (var(--container-height)));z-index:4;top:calc(var(--camera-top) + 254 * var(--workspace-scale));background:#343a40bf;position:absolute;left:50%}.left-animation{transform:translate(-100%,-50%)}.right-animation{transform:translateY(-50%)}#active_dot{width:var(--container-height);height:var(--container-height);background:var(--slider-oval-initial);border-radius:calc(.5 * (var(--container-height)));z-index:5;position:absolute;top:50%;left:50%;transform:translateY(-50%)}#active_icon{width:calc(24 * var(--workspace-scale));height:calc(24 * var(--workspace-scale));object-fit:contain;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-sec,.face-oval-position,.progress-bar,.footer_btn,.alert_Icon{z-index:3}.workspace-bottom{top:calc(var(--camera-top) + var(--camera-height));z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.workspace-bottom .progress-bar{margin-top:calc(11 * var(--workspace-scale));flex:none;width:100%}.footer_btn{width:calc(277.69 * var(--workspace-scale));flex:none;justify-content:space-between;margin-top:auto}.workspace-logo{width:calc(58.33 * var(--workspace-scale));height:calc(33.77 * var(--workspace-scale));object-fit:contain;margin-top:calc(7 * var(--workspace-scale));margin-bottom:calc(11.23 * var(--workspace-scale));flex:none}.state-icon{color:var(--state-fail);flex-direction:column;align-items:center;display:flex}.state-icon[data-status=AMBER]{color:var(--state-marginal)}.state-icon[data-status=GREEN]{color:var(--state-pass)}.state-icon__glyph{height:calc(32 * var(--workspace-scale));width:auto;display:block}.timeout-icon__glyph{height:calc(50 * var(--workspace-scale))}.state-icon__label{font-family:Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:calc(14 * var(--workspace-scale));color:#000;margin-top:calc(1 * var(--workspace-scale));line-height:1}.camera{width:var(--workspace-width);height:var(--camera-height);left:0;top:var(--camera-top);position:absolute}.ms-2{margin-left:calc(2 * var(--workspace-scale))}.d-flex{display:flex}.position-absolute{position:absolute}.position-relative{position:relative}.user_quide_top{bottom:min(70%, calc(var(--vvh) - 105px))}.user_quide_bottom{bottom:max(18%, calc(var(--workspace-height) - var(--vvh) + 75px))}.user_guide_text{bottom:max(18%, calc(var(--workspace-height) - var(--vvh) + 120px))}.user_text{width:100%;font-family:Helvetica Neue,Helvetica,sans-serif;font-weight:500;font-size:calc(24 * var(--workspace-scale));letter-spacing:.01em;text-align:center;z-index:3;line-height:1.25}.user_text.Dark{color:var(--dark-text)!important}.user_text.Light{color:var(--light-text)!important}.left-50{z-index:3;left:50%;transform:translate(-50%)}#user_duide{width:100%;bottom:max(28%, calc(var(--workspace-height) - var(--vvh) + 140px))}#user_guide{width:86%;bottom:max(32%, calc(var(--workspace-height) - var(--vvh) + 240px))}#proceed_btn{width:150px;bottom:1%;left:50%;transform:translate(-50%,-50%)}.retry_permission_wrapper{margin-top:calc(12 * var(--workspace-scale));clear:both}.retry_permission_btn{width:150px;max-width:60%}.loader_sec{width:75px;height:75px;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-text,#progress_done_text,#progress_text{color:var(--progress-text);font-weight:500;font-size:calc(24 * var(--workspace-scale));text-align:center;margin-top:calc(15 * var(--workspace-scale))}.justify-content-center{justify-content:center}.face-oval-position{top:calc(var(--camera-top) + 146.17 * var(--workspace-scale))}.alert_Icon_sec{max-width:calc(45 * var(--workspace-scale))}.frame-icon{width:calc(70 * var(--workspace-scale))}.alert_Icon{max-width:calc(74 * var(--workspace-scale))}.frame-sec{top:25%}.alert_Icon{top:30%}.position-center{left:50%;transform:translate(-50%)}.face-oval{width:calc(189.33 * var(--workspace-scale));height:calc(272.66 * var(--workspace-scale))}.face-oval__ring{color:var(--state-fail)}.face-oval__ring[data-status=AMBER]{color:var(--state-marginal)}.face-oval__ring[data-status=GREEN]{color:var(--state-pass)}.done-workspace-bottom{justify-content:center;align-items:flex-end;width:100%;padding:10px;display:flex;position:absolute;bottom:0;left:0}.mh-100{max-height:100%}.progress-bar{width:100%;left:0}.bottom-34{bottom:34%}.bottom-32{bottom:32%}.progress-dots{width:calc(7 * var(--workspace-scale));height:calc(7 * var(--workspace-scale));background-color:var(--progress-dot);margin-right:calc(4 * var(--workspace-scale));border-radius:calc(6 * var(--workspace-scale))}.progress-dots.active{background:var(--progress-dot-active)}#capture_progress{height:calc(35 * var(--workspace-scale));aspect-ratio:902/888}.closeIconWrapper{position:absolute;top:50%;right:6%;transform:translateY(-50%)}.cursor-pointer{cursor:pointer}.closeIcon{width:calc(20 * var(--workspace-scale));opacity:1;transform-origin:50%;will-change:transform;transition:transform .3s ease-in-out;display:block;transform:rotate(0)}.h-71px{min-height:71px}.closeIcon.clicked{transform:rotate(135deg)}.closeIcon:focus-visible{outline:2px solid var(--state-pass);outline-offset:2px}#canvas{display:none}#video{object-fit:cover}#video.front{transform:rotateY(180deg)}@media (width<=599.98px){:root{--workspace-width:min(100vw, 600px);--workspace-height:var(--vvh);--camera-top:0px}body,.container{min-height:0!important}.container{height:100%;min-height:0;position:relative;overflow:hidden}.stage{width:auto;max-width:none;height:auto;position:absolute;inset:0;transform:none}}@media (height<=699.98px){.workspace-logo{display:none}.workspace-bottom .progress-bar{margin-top:calc(5 * var(--workspace-scale))}#progress_text{margin-top:calc(6 * var(--workspace-scale))}}