:root{--vvh:100vh;--workspace-width:min(100vw, 600px, calc(var(--vvh) * 390 / 844));--workspace-aspect:390 / 844;--workspace-height:calc(var(--workspace-width) * 844 / 390);--workspace-max-height:1298.46px;--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;--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:var(--workspace-height);aspect-ratio:var(--workspace-aspect);max-width:600px;max-height:var(--workspace-max-height);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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}.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(127.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{top:calc(272 * var(--workspace-scale));width:calc(118.33 * var(--workspace-scale));height:calc(1.73 * var(--workspace-scale));pointer-events:none;z-index:3;background:#fff;position:absolute;left:50%;transform:translate(-50%)}.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}.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(75%, calc(var(--vvh) - 105px))}.user_quide_bottom{bottom:max(18%, calc(var(--workspace-height) - var(--vvh) + 75px))}.user_guide_text{bottom:max(24%, calc(var(--workspace-height) - var(--vvh) + 140px))}.user_text{width:100%;font-weight:400;font-size:calc(34 * 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(36%, calc(var(--workspace-height) - var(--vvh) + 230px))}#proceed_btn{width:150px;bottom:7%;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_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(164.17 * var(--workspace-scale))}.alert_Icon{max-width:calc(74 * var(--workspace-scale));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)}.mh-100{max-height:100%}.progress-bar{width:100%;bottom:34%;left:0}.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));top:calc(42.2 * var(--workspace-scale));z-index:10;margin:auto}.closeIconWrapper{right:6%;top:calc(25.32 * var(--workspace-scale));z-index:10}.cursor-pointer{cursor:pointer}.closeIcon{width:calc(20 * var(--workspace-scale));opacity:1}.h-71px{min-height:71px}.closeIcon.clicked{transition-duration:.3s;transform:rotate(135deg)}.closeIcon:focus-visible{outline:2px solid var(--state-pass);outline-offset:2px}#canvas{display:none}#video.front{transform:rotateY(180deg)}.flow-layer{box-sizing:border-box;border-width:0;position:absolute;overflow:visible}.flow-border{box-sizing:border-box;border-style:solid;border-width:0;width:100%;height:100%;position:absolute}#BarDotssmall.flow-artboard{visibility:visible;pointer-events:none;background-color:#fff0;width:75px;height:75px;margin:0 auto;padding:0;position:relative;overflow:visible}#BarDotssmall .flow-layer{width:6px;height:6px;top:36.2px;left:var(--dot-x);background-color:#0000;overflow:visible;transform:translate(-50%,-50%)}#BarDotssmall .flow-layer>svg{width:100%;height:100%;fill:var(--dot-fill);stroke:#0000;stroke-miterlimit:10;stroke-width:0;position:absolute}#BarDotssmall ._{--dot-x:19.5px}#BarDotssmall .__1{--dot-x:28.3px}#BarDotssmall .__2{--dot-x:37.1px}#BarDotssmall .__3{--dot-x:45.7px}#BarDotssmall .__4{--dot-x:54.5px}#BarDotssmall ._-svg{--dot-fill:#f1845d}#BarDotssmall .__1-svg{--dot-fill:#fbaf6e}#BarDotssmall .__2-svg{--dot-fill:#eec977}#BarDotssmall .__3-svg{--dot-fill:#2b9c9a}#BarDotssmall .__4-svg{--dot-fill:#207a9f}#bar_dot_loader path{fill-rule:evenodd}#bar_dot_loader svg{overflow:visible}@media (width<=599.98px){:root{--workspace-width:min(100vw, 600px);--workspace-height:var(--vvh)}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}.stage,.workspace{aspect-ratio:auto;max-height:none}}@media (height<=699.98px){.workspace-logo{display:none}}